safecheck-client 4.0.0-22 → 4.0.0-23

package/src/filiale/jinhong/android/PhoneInsurancePurchaseDetail.vue

@@ -1,420 +1,420 @@
-<template>
-  <div class="auto clearfix">
-    <div class="row app-row col-xs-12 col-sm-6 col-md-6">
-      <div class="col-xs-4 col-sm-4 col-md-4">
-        <img alt="" src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px">
-        <span class="text-left font">客户编号</span>
-      </div>
-      <div class="col-xs-8 col-sm-8 col-md-8">
-        <p class="text-left show-font">{{ model.f_userinfo_code }}</p>
-      </div>
-    </div>
-    <div class="row app-row col-xs-12 col-sm-6 col-md-6">
-      <div class="col-xs-4 col-sm-4 col-md-4">
-        <img alt="" src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px">
-        <span class="text-left font">客户姓名</span>
-      </div>
-      <div class="col-xs-8 col-sm-8 col-md-8">
-        <input v-model="model.f_user_name" class="form-control show-font" placeholder="请输入客户姓名" type="text">
-      </div>
-    </div>
-    <div class="row app-row col-xs-12 col-sm-12 col-md-12">
-      <div class="col-xs-4 col-sm-2 col-md-2">
-        <img alt="" src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px">
-        <span class="text-left font">客户地址</span>
-      </div>
-      <div class="col-xs-8 col-sm-10 col-md-10">
-        <input v-model="model.f_address" class="form-control show-font" placeholder="请输入客户地址" type="text">
-      </div>
-    </div>
-    <div class="row app-row col-xs-12 col-sm-6 col-md-6">
-      <div class="col-xs-4 col-sm-4 col-md-4">
-        <img alt="" src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px">
-        <span class="text-left font">客户电话</span>
-      </div>
-      <div class="col-xs-8 col-sm-8 col-md-8">
-        <input v-model="model.f_user_phone" class="form-control show-font" placeholder="请输入电话号码" type="number">
-      </div>
-    </div>
-    <div class="row app-row col-xs-12 col-sm-6 col-md-6">
-      <div class="col-xs-4 col-sm-4 col-md-4">
-        <img alt="" src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px">
-        <span class="text-left font">证件类型</span>
-      </div>
-      <div class="col-xs-8 col-sm-8 col-md-8">
-        <v-select v-model="model.f_id_type" :options="idTypeOptions"
-                  :value-single="true" :value.sync="model.f_id_type"
-                  close-on-select placeholder="请选择证件类型"
-                  style="width: 100%">
-        </v-select>
-      </div>
-    </div>
-    <div class="row app-row col-xs-12 col-sm-6 col-md-6">
-      <div class="col-xs-4 col-sm-4 col-md-4">
-        <img alt="" src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px">
-        <span class="text-left font">证件号码</span>
-      </div>
-      <div class="col-xs-8 col-sm-8 col-md-8">
-        <input v-model="model.f_idnumber" class="form-control show-font" placeholder="请输入证件号码" type="text">
-      </div>
-    </div>
-    <div class="row app-row col-xs-12 col-sm-6 col-md-6">
-      <div class="col-xs-4 col-sm-4 col-md-4">
-        <img alt="" src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px">
-        <span class="text-left font">保单号</span>
-      </div>
-      <div class="col-xs-8 col-sm-8 col-md-8">
-        <input v-model="model.f_ins_number" class="form-control show-font" placeholder="请输入保单号" type="number">
-      </div>
-    </div>
-    <div class="row app-row col-xs-12 col-sm-6 col-md-6">
-      <div class="col-xs-4 col-sm-4 col-md-4">
-        <img alt="" src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px">
-        <span class="text-left font">上期保费截至日期</span>
-      </div>
-      <div class="col-xs-8 col-sm-8 col-md-8">
-        <p class="text-left show-font">{{ model.f_last_insexpiration_date }}</p>
-      </div>
-    </div>
-    <div class="row app-row col-xs-12 col-sm-6 col-md-6">
-      <div class="col-xs-4 col-sm-4 col-md-4">
-        <img alt="" src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px">
-        <span class="text-left font">投保日期</span>
-      </div>
-      <div class="col-xs-8 col-sm-8 col-md-8">
-        <datepicker v-model="model.f_ins_start_date" :format="'yyyy-MM-dd'" :value.sync="model.f_ins_start_date"
-                    placeholder="请选择投保日期" style="width: 60%" @change="changeExpirationDate">
-        </datepicker>
-      </div>
-    </div>
-    <div class="row app-row col-xs-12 col-sm-6 col-md-6">
-      <div class="col-xs-4 col-sm-4 col-md-4">
-        <img alt="" src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px">
-        <span class="text-left font">购买年限</span>
-      </div>
-      <div class="col-xs-8 col-sm-8 col-md-8">
-        <input v-model="model.f_salecount" class="form-control show-font" placeholder="购买年限" style="width: 60%"
-               type="number" @change="changeExpirationDate">
-      </div>
-    </div>
-    <div class="row app-row col-xs-12 col-sm-6 col-md-6">
-      <div class="col-xs-4 col-sm-4 col-md-4">
-        <img alt="" src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px">
-        <span class="text-left font">购买日期</span>
-      </div>
-      <div class="col-xs-8 col-sm-8 col-md-8">
-        <datepicker v-model="create_date" :format="'yyyy-MM-dd'" :value.sync="create_date"
-                    placeholder="购买日期" style="width: 60%">
-        </datepicker>
-      </div>
-    </div>
-    <div class="row app-row col-xs-12 col-sm-6 col-md-6">
-      <div class="col-xs-4 col-sm-4 col-md-4">
-        <img alt="" src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px">
-        <span class="text-left font">到期日期</span>
-      </div>
-      <div class="col-xs-8 col-sm-8 col-md-8">
-        <datepicker v-model="model.f_expiration_date" :format="'yyyy-MM-dd'" :value.sync="model.f_expiration_date"
-                    placeholder="到期日期" style="width: 60%">
-        </datepicker>
-      </div>
-    </div>
-    <div class="row app-row col-xs-12 col-sm-6 col-md-6">
-      <div class="col-xs-4 col-sm-4 col-md-4">
-        <img alt="" src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px">
-        <span class="text-left font">保险公司</span>
-      </div>
-      <div class="col-xs-8 col-sm-8 col-md-8">
-        <v-select v-model="model.f_insurance_company" :options="insurance_companys"
-                  :value-single="true" :value.sync="model.f_insurance_company"
-                  close-on-select placeholder="保险公司"
-                  style="width: 100%">
-        </v-select>
-      </div>
-    </div>
-    <div class="row app-row col-xs-12 col-sm-6 col-md-6">
-      <div class="col-xs-4 col-sm-4 col-md-4">
-        <img alt="" src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px">
-        <span class="text-left font">保险险种</span>
-      </div>
-      <div class="col-xs-8 col-sm-8 col-md-8">
-        <v-select v-model="model.f_insurance_type" :options="insurance_types"
-                  :value-single="true" :value.sync="model.f_insurance_type"
-                  close-on-select placeholder="保险险种"
-                  style="width: 100%">
-        </v-select>
-      </div>
-    </div>
-    <div class="row app-row col-xs-12 col-sm-6 col-md-6">
-      <div class="col-xs-4 col-sm-4 col-md-4">
-        <img alt="" src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px">
-        <span class="text-left font">金额</span>
-      </div>
-      <div class="col-xs-8 col-sm-8 col-md-8">
-        <input v-model="model.f_money" class="form-control show-font" placeholder="请输入金额" type="number">
-      </div>
-    </div>
-    <div class="row app-row col-xs-12 col-sm-6 col-md-6">
-      <div class="col-xs-4 col-sm-4 col-md-4">
-        <img alt="" src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px">
-        <span class="text-left font">与投保人关系</span>
-      </div>
-      <div class="col-xs-8 col-sm-8 col-md-8">
-        <v-select v-model="model.f_relationship" :options="relationshipOptions"
-                  :value-single="true" :value.sync="model.f_relationship"
-                  close-on-select placeholder="请选择关系"
-                  style="width: 100%">
-        </v-select>
-      </div>
-    </div>
-    <div class="row app-row col-xs-12 col-sm-6 col-md-6">
-      <div class="col-xs-4 col-sm-4 col-md-4">
-        <img alt="" src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px">
-        <span class="text-left font">收款方式</span>
-      </div>
-      <div class="col-xs-8 col-sm-8 col-md-8">
-        <v-select v-model="model.f_payment" :options="payTypes"
-                  :value-single="true" :value.sync="model.f_payment"
-                  close-on-select placeholder="收款方式"
-                  style="width: 100%">
-        </v-select>
-      </div>
-    </div>
-    <div class="row app-row col-xs-12">
-      <div class="col-xs-4 col-sm-4 col-md-4">
-        <img alt="" src="../../../assets/add.png" style="width: 20px;">
-        <span class="text-left font">备注</span>
-      </div>
-      <div class="col-xs-8 col-sm-8 col-md-8">
-        <input v-model="model.f_comments" class="form-control show-font" placeholder="备注">
-      </div>
-    </div>
-    <div class="col-xs-12 text-center  app-row">
-      <button class="btn btn-lg btn-font btn-color" style="width: 22%;" type="button" @click="commit()">提交</button>
-    </div>
-  </div>
-</template>
-<script>
-import {HttpResetClass} from 'vue-client'
-import * as Util from '../../../components/Util'
-import Vue from 'vue'
-
-export default {
-  title: '手机单户抄表',
-  data() {
-    return {
-      create_date: Util.getNowDate(),
-      isCommit: false,
-      insurance_types: [{label: '请选择', value: ''}, ...this.$appdata.getParam('险种')],
-      insurance_companys: [{label: '请选择', value: ''}, ...this.$appdata.getParam('保险公司')],
-      payTypes: [{label: '请选择', value: ''}, ...this.$appdata.getParam('付款方式')],
-      idTypeOptions: [
-        {label: '身份证', value: '身份证'},
-        {label: '军官证', value: '军官证'},
-        {label: '统一社会信用代码', value: '统一社会信用代码'},
-        {label: '港澳居民通行证', value: '港澳居民通行证'},
-        {label: '外国人永久居留证', value: '外国人永久居留证'},
-        {label: '户口本', value: '户口本'}
-      ],
-      relationshipOptions: [
-        {label: '本人', value: '0'},
-        {label: '配偶', value: '1'},
-        {label: '父母', value: '2'},
-        {label: '子女', value: '3'},
-        {label: '其他', value: '9'}
-      ]
-    }
-  },
-  props: {
-    model: {
-      type: Object,
-      default: {}
-    }
-  },
-  ready() {
-    new HttpResetClass().load('post', `${this.$androidUtil.getProxyUrl()}/api/af-safecheck/sql/safe_singleTable_OrderBy`, {
-      data: {
-        items: 'ui.*,p.f_province,p.f_city,p.f_district,tu.f_user_type,tu.f_user_id,tu.version as table_version',
-        tablename: 't_userinfo ui left join t_user_address ua on ui.f_userinfo_id = ua.f_userinfo_id left join t_pcd p on ua.f_pcd_id = p.id left join t_userfiles tu on tu.f_userinfo_id = ui.f_userinfo_id',
-        condition: `ui.f_userinfo_id  = '${this.model.f_userinfo_id}' and tu.f_table_state in ('正常','停用','预备')`,
-        orderitem: '1'
-      }
-    }).then(response => {
-      this.model = Object.assign({}, this.model, response.data[0])
-      this.model.f_last_insexpiration_date = response.data[0].f_ins_stop_date
-      if (response.data[0].f_user_type.includes('非民用')) {
-        this.model.f_relationship = '9'
-      } else {
-        this.model.f_relationship = '0'
-      }
-      // if (!this.model.province || !this.model.city || !this.model.county){
-      //   this.$showMessage('检查档案省、市、区数据是否正常')
-      // }
-    })
-    this.model.f_money = ''
-    this.model.f_fee_type = ''
-    this.model.f_comments = ''
-    this.model.f_salecount = 1
-    this.model.f_ins_number = ''
-    this.model.f_ins_start_date = Util.toStandardDateString()
-    this.model.f_id_type = '身份证'
-  },
-  methods: {
-    async commit() {
-      if (!this.model.f_ins_start_date) {
-        this.$showMessage('投保日期未选择，请选择后重新尝试。')
-        return
-      }
-      if (!this.model.f_expiration_date) {
-        this.$showMessage('到期日期未选择，请选择后重新尝试。')
-        return
-      }
-      if (!this.model.f_insurance_type) {
-        this.$showMessage('保险险种未填写，请填写后重新尝试。')
-        return
-      }
-      if (!this.model.f_money) {
-        this.$showMessage('金额未填写，请填写后重新尝试。')
-        return
-      }
-      if (!this.model.f_id_type) {
-        this.$showMessage('证件类型未选择，请选择后重新尝试。')
-        return
-      }
-      // if (!this.model.f_idnumber) {
-      //   this.$showMessage('证件号码未填写，请填写后重新尝试。')
-      //   return
-      // }
-      if (!this.model.f_relationship) {
-        this.$showMessage('与投保人关系未选择，请选择后重新尝试。')
-        return
-      }
-      let data = {
-        "begin_date": this.model.f_ins_start_date,// 保单开始日期   yyyy-mm-dd
-        "insure_period_display": `${this.model.f_salecount}年`,// 保期
-        "user_name": this.model.f_user_name,//  投保人姓名
-        "id_type": this.model.f_id_type,//证件类型
-        "id_number": this.model.f_idnumber,// 证件号码
-        "user_phone": this.model.f_user_phone,// 投保人电话
-        "user_address": this.model.f_address,// 投保人地址
-        "province": this.model.f_province,//省
-        "city": this.model.f_city,//市
-        "county": this.model.f_district,//区
-        "insuredList": [ //被保人信息
-          {
-            "user_name": this.model.f_user_name,// 被保人姓名
-            "id_type": this.model.f_id_type,//证件类型
-            "id_number": this.model.f_idnumber,// 证件号码
-            "relationship": this.model.f_relationship//与投保人关系: 0 本人 1 配偶 2 父母 3 子女 9 其他   若投保人是企业，默认传9
-          }
-        ]
-      }
-      try {
-        let commit_data = JSON.parse(JSON.stringify(this.model))
-        /*const response = await new HttpResetClass().load('post', `${this.$androidUtil.getProxyUrl()}/api/af-revenue/jingSuanShi/specialToPolicy`, data)
-        let commit_data = JSON.parse(JSON.stringify(this.model))
-        if (response.data.message.includes('成功')) {
-          commit_data.f_serial_id = response.data.orderNo
-        } else {
-          this.$showMessage(response.data.message)
-          return
-        }*/
-        commit_data.f_buy_date = this.create_date
-        commit_data.f_total_ins_charge = 0
-        commit_data.f_operatorid = Vue.user.id
-        commit_data.f_operator = Vue.user.name
-        if (this.model.f_payment == '余额抵扣'){
-          if (this.model.f_meter_classify == '机表'){
-            if((this.model.f_balance -0)-this.model.f_money < 0){
-              this.$showMessage('当前用户账户余额不够抵扣本次收费，请选择其他的收费方式进行收费')
-              return
-            }
-            commit_data.f_receivable = Number(commit_data.f_money)
-            commit_data.f_money = 0
-          }else {
-            this.$showMessage('仅有机表用户可选择余额抵扣')
-            return
-          }
-        }
-        commit_data.f_receivable = this.model.f_money
-        commit_data.f_operate_date = Util.toStandardDateString()
-        commit_data.f_state = '有效'
-        commit_data.f_orgid = Vue.user.orgid
-        commit_data.f_orgname = Vue.user.orgs
-        commit_data.f_depid = Vue.user.depids
-        commit_data.f_depname = Vue.user.deps
-        await new HttpResetClass().load('post', `${this.$androidUtil.getProxyUrl()}/api/af-revenue/logic/saveInsInfo`, {data: commit_data})
-        this.$showMessage('提交成功')
-        this.$back()
-      } catch (error) {
-        this.$showMessage('提交失败')
-        this.isCommit = false
-      }
-    },
-    changeExpirationDate() {
-      if (this.model.f_ins_start_date && this.model.f_salecount) {
-        let factoryDate = new Date(this.model.f_ins_start_date);
-        let scrapDate = new Date(factoryDate);
-        scrapDate.setFullYear(factoryDate.getFullYear() + parseInt(this.model.f_salecount));
-        let year = scrapDate.getFullYear();
-        let month = (scrapDate.getMonth() + 1).toString().padStart(2, '0');
-        let day = (scrapDate.getDate()-1).toString().padStart(2, '0');
-        this.model.f_expiration_date = `${year}-${month}-${day}`
-      }
-    }
-  },
-  watch: {
-    'model.f_insurance_type'() {
-      this.model.f_money = Number(this.$appdata.getSingleValue(this.model.f_insurance_type) || 0) * Number(this.model.f_salecount)
-    },
-    'model.f_salecount'() {
-      this.model.f_money = Number(this.$appdata.getSingleValue(this.model.f_insurance_type) || 0) * Number(this.model.f_salecount)
-    }
-  }
-}
-</script>
-<style scoped>
-.mt-5 {
-  margin-top: 5px;
-}
-
-.mt-10 {
-  margin-top: 10px;
-}
-
-.mt-20 {
-  margin-top: 20px;
-}
-
-.app-row {
-  background-color: white;
-  padding: 10px 10px 0 10px;
-  border-bottom: 1px solid rgba(235, 235, 235, 0.5);
-}
-
-.app-row-none-border {
-  background-color: white;
-  padding: 10px 10px 0 10px;
-}
-
-.font {
-  font: 15px PingFang-SC-Medium;
-  color: #666666;
-}
-
-.show-font {
-  font: 15px PingFang-SC-Medium;
-  color: #333333
-}
-
-.btn-font {
-  font: 600 16px PingFang-SC-Bold;
-  color: #499EDF;
-}
-
-.btn-color {
-  background-color: #FFFFFF;
-  border-radius: 10px;
-  border: 1px solid #499EDF;
-}
-</style>
+<template>
+  <div class="auto clearfix">
+    <div class="row app-row col-xs-12 col-sm-6 col-md-6">
+      <div class="col-xs-4 col-sm-4 col-md-4">
+        <img alt="" src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px">
+        <span class="text-left font">客户编号</span>
+      </div>
+      <div class="col-xs-8 col-sm-8 col-md-8">
+        <p class="text-left show-font">{{ model.f_userinfo_code }}</p>
+      </div>
+    </div>
+    <div class="row app-row col-xs-12 col-sm-6 col-md-6">
+      <div class="col-xs-4 col-sm-4 col-md-4">
+        <img alt="" src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px">
+        <span class="text-left font">客户姓名</span>
+      </div>
+      <div class="col-xs-8 col-sm-8 col-md-8">
+        <input v-model="model.f_user_name" class="form-control show-font" placeholder="请输入客户姓名" type="text">
+      </div>
+    </div>
+    <div class="row app-row col-xs-12 col-sm-12 col-md-12">
+      <div class="col-xs-4 col-sm-2 col-md-2">
+        <img alt="" src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px">
+        <span class="text-left font">客户地址</span>
+      </div>
+      <div class="col-xs-8 col-sm-10 col-md-10">
+        <input v-model="model.f_address" class="form-control show-font" placeholder="请输入客户地址" type="text">
+      </div>
+    </div>
+    <div class="row app-row col-xs-12 col-sm-6 col-md-6">
+      <div class="col-xs-4 col-sm-4 col-md-4">
+        <img alt="" src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px">
+        <span class="text-left font">客户电话</span>
+      </div>
+      <div class="col-xs-8 col-sm-8 col-md-8">
+        <input v-model="model.f_user_phone" class="form-control show-font" placeholder="请输入电话号码" type="number">
+      </div>
+    </div>
+    <div class="row app-row col-xs-12 col-sm-6 col-md-6">
+      <div class="col-xs-4 col-sm-4 col-md-4">
+        <img alt="" src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px">
+        <span class="text-left font">证件类型</span>
+      </div>
+      <div class="col-xs-8 col-sm-8 col-md-8">
+        <v-select v-model="model.f_id_type" :options="idTypeOptions"
+                  :value-single="true" :value.sync="model.f_id_type"
+                  close-on-select placeholder="请选择证件类型"
+                  style="width: 100%">
+        </v-select>
+      </div>
+    </div>
+    <div class="row app-row col-xs-12 col-sm-6 col-md-6">
+      <div class="col-xs-4 col-sm-4 col-md-4">
+        <img alt="" src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px">
+        <span class="text-left font">证件号码</span>
+      </div>
+      <div class="col-xs-8 col-sm-8 col-md-8">
+        <input v-model="model.f_idnumber" class="form-control show-font" placeholder="请输入证件号码" type="text">
+      </div>
+    </div>
+    <div class="row app-row col-xs-12 col-sm-6 col-md-6">
+      <div class="col-xs-4 col-sm-4 col-md-4">
+        <img alt="" src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px">
+        <span class="text-left font">保单号</span>
+      </div>
+      <div class="col-xs-8 col-sm-8 col-md-8">
+        <input v-model="model.f_ins_number" class="form-control show-font" placeholder="请输入保单号" type="number">
+      </div>
+    </div>
+    <div class="row app-row col-xs-12 col-sm-6 col-md-6">
+      <div class="col-xs-4 col-sm-4 col-md-4">
+        <img alt="" src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px">
+        <span class="text-left font">上期保费截至日期</span>
+      </div>
+      <div class="col-xs-8 col-sm-8 col-md-8">
+        <p class="text-left show-font">{{ model.f_last_insexpiration_date }}</p>
+      </div>
+    </div>
+    <div class="row app-row col-xs-12 col-sm-6 col-md-6">
+      <div class="col-xs-4 col-sm-4 col-md-4">
+        <img alt="" src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px">
+        <span class="text-left font">投保日期</span>
+      </div>
+      <div class="col-xs-8 col-sm-8 col-md-8">
+        <datepicker v-model="model.f_ins_start_date" :format="'yyyy-MM-dd'" :value.sync="model.f_ins_start_date"
+                    placeholder="请选择投保日期" style="width: 60%" @change="changeExpirationDate">
+        </datepicker>
+      </div>
+    </div>
+    <div class="row app-row col-xs-12 col-sm-6 col-md-6">
+      <div class="col-xs-4 col-sm-4 col-md-4">
+        <img alt="" src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px">
+        <span class="text-left font">购买年限</span>
+      </div>
+      <div class="col-xs-8 col-sm-8 col-md-8">
+        <input v-model="model.f_salecount" class="form-control show-font" placeholder="购买年限" style="width: 60%"
+               type="number" @change="changeExpirationDate">
+      </div>
+    </div>
+    <div class="row app-row col-xs-12 col-sm-6 col-md-6">
+      <div class="col-xs-4 col-sm-4 col-md-4">
+        <img alt="" src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px">
+        <span class="text-left font">购买日期</span>
+      </div>
+      <div class="col-xs-8 col-sm-8 col-md-8">
+        <datepicker v-model="create_date" :format="'yyyy-MM-dd'" :value.sync="create_date"
+                    placeholder="购买日期" style="width: 60%">
+        </datepicker>
+      </div>
+    </div>
+    <div class="row app-row col-xs-12 col-sm-6 col-md-6">
+      <div class="col-xs-4 col-sm-4 col-md-4">
+        <img alt="" src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px">
+        <span class="text-left font">到期日期</span>
+      </div>
+      <div class="col-xs-8 col-sm-8 col-md-8">
+        <datepicker v-model="model.f_expiration_date" :format="'yyyy-MM-dd'" :value.sync="model.f_expiration_date"
+                    placeholder="到期日期" style="width: 60%">
+        </datepicker>
+      </div>
+    </div>
+    <div class="row app-row col-xs-12 col-sm-6 col-md-6">
+      <div class="col-xs-4 col-sm-4 col-md-4">
+        <img alt="" src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px">
+        <span class="text-left font">保险公司</span>
+      </div>
+      <div class="col-xs-8 col-sm-8 col-md-8">
+        <v-select v-model="model.f_insurance_company" :options="insurance_companys"
+                  :value-single="true" :value.sync="model.f_insurance_company"
+                  close-on-select placeholder="保险公司"
+                  style="width: 100%">
+        </v-select>
+      </div>
+    </div>
+    <div class="row app-row col-xs-12 col-sm-6 col-md-6">
+      <div class="col-xs-4 col-sm-4 col-md-4">
+        <img alt="" src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px">
+        <span class="text-left font">保险险种</span>
+      </div>
+      <div class="col-xs-8 col-sm-8 col-md-8">
+        <v-select v-model="model.f_insurance_type" :options="insurance_types"
+                  :value-single="true" :value.sync="model.f_insurance_type"
+                  close-on-select placeholder="保险险种"
+                  style="width: 100%">
+        </v-select>
+      </div>
+    </div>
+    <div class="row app-row col-xs-12 col-sm-6 col-md-6">
+      <div class="col-xs-4 col-sm-4 col-md-4">
+        <img alt="" src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px">
+        <span class="text-left font">金额</span>
+      </div>
+      <div class="col-xs-8 col-sm-8 col-md-8">
+        <input v-model="model.f_money" class="form-control show-font" placeholder="请输入金额" type="number">
+      </div>
+    </div>
+    <div class="row app-row col-xs-12 col-sm-6 col-md-6">
+      <div class="col-xs-4 col-sm-4 col-md-4">
+        <img alt="" src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px">
+        <span class="text-left font">与投保人关系</span>
+      </div>
+      <div class="col-xs-8 col-sm-8 col-md-8">
+        <v-select v-model="model.f_relationship" :options="relationshipOptions"
+                  :value-single="true" :value.sync="model.f_relationship"
+                  close-on-select placeholder="请选择关系"
+                  style="width: 100%">
+        </v-select>
+      </div>
+    </div>
+    <div class="row app-row col-xs-12 col-sm-6 col-md-6">
+      <div class="col-xs-4 col-sm-4 col-md-4">
+        <img alt="" src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px">
+        <span class="text-left font">收款方式</span>
+      </div>
+      <div class="col-xs-8 col-sm-8 col-md-8">
+        <v-select v-model="model.f_payment" :options="payTypes"
+                  :value-single="true" :value.sync="model.f_payment"
+                  close-on-select placeholder="收款方式"
+                  style="width: 100%">
+        </v-select>
+      </div>
+    </div>
+    <div class="row app-row col-xs-12">
+      <div class="col-xs-4 col-sm-4 col-md-4">
+        <img alt="" src="../../../assets/add.png" style="width: 20px;">
+        <span class="text-left font">备注</span>
+      </div>
+      <div class="col-xs-8 col-sm-8 col-md-8">
+        <input v-model="model.f_comments" class="form-control show-font" placeholder="备注">
+      </div>
+    </div>
+    <div class="col-xs-12 text-center  app-row">
+      <button class="btn btn-lg btn-font btn-color" style="width: 22%;" type="button" @click="commit()">提交</button>
+    </div>
+  </div>
+</template>
+<script>
+import {HttpResetClass} from 'vue-client'
+import * as Util from '../../../components/Util'
+import Vue from 'vue'
+
+export default {
+  title: '手机单户抄表',
+  data() {
+    return {
+      create_date: Util.getNowDate(),
+      isCommit: false,
+      insurance_types: [{label: '请选择', value: ''}, ...this.$appdata.getParam('险种')],
+      insurance_companys: [{label: '请选择', value: ''}, ...this.$appdata.getParam('保险公司')],
+      payTypes: [{label: '请选择', value: ''}, ...this.$appdata.getParam('付款方式')],
+      idTypeOptions: [
+        {label: '身份证', value: '身份证'},
+        {label: '军官证', value: '军官证'},
+        {label: '统一社会信用代码', value: '统一社会信用代码'},
+        {label: '港澳居民通行证', value: '港澳居民通行证'},
+        {label: '外国人永久居留证', value: '外国人永久居留证'},
+        {label: '户口本', value: '户口本'}
+      ],
+      relationshipOptions: [
+        {label: '本人', value: '0'},
+        {label: '配偶', value: '1'},
+        {label: '父母', value: '2'},
+        {label: '子女', value: '3'},
+        {label: '其他', value: '9'}
+      ]
+    }
+  },
+  props: {
+    model: {
+      type: Object,
+      default: {}
+    }
+  },
+  ready() {
+    new HttpResetClass().load('post', `${this.$androidUtil.getProxyUrl()}/api/af-safecheck/sql/safe_singleTable_OrderBy`, {
+      data: {
+        items: 'ui.*,p.f_province,p.f_city,p.f_district,tu.f_user_type,tu.f_user_id,tu.version as table_version',
+        tablename: 't_userinfo ui left join t_user_address ua on ui.f_userinfo_id = ua.f_userinfo_id left join t_pcd p on ua.f_pcd_id = p.id left join t_userfiles tu on tu.f_userinfo_id = ui.f_userinfo_id',
+        condition: `ui.f_userinfo_id  = '${this.model.f_userinfo_id}' and tu.f_table_state in ('正常','停用','预备')`,
+        orderitem: '1'
+      }
+    }).then(response => {
+      this.model = Object.assign({}, this.model, response.data[0])
+      this.model.f_last_insexpiration_date = response.data[0].f_ins_stop_date
+      if (response.data[0].f_user_type.includes('非民用')) {
+        this.model.f_relationship = '9'
+      } else {
+        this.model.f_relationship = '0'
+      }
+      // if (!this.model.province || !this.model.city || !this.model.county){
+      //   this.$showMessage('检查档案省、市、区数据是否正常')
+      // }
+    })
+    this.model.f_money = ''
+    this.model.f_fee_type = ''
+    this.model.f_comments = ''
+    this.model.f_salecount = 1
+    this.model.f_ins_number = ''
+    this.model.f_ins_start_date = Util.toStandardDateString()
+    this.model.f_id_type = '身份证'
+  },
+  methods: {
+    async commit() {
+      if (!this.model.f_ins_start_date) {
+        this.$showMessage('投保日期未选择，请选择后重新尝试。')
+        return
+      }
+      if (!this.model.f_expiration_date) {
+        this.$showMessage('到期日期未选择，请选择后重新尝试。')
+        return
+      }
+      if (!this.model.f_insurance_type) {
+        this.$showMessage('保险险种未填写，请填写后重新尝试。')
+        return
+      }
+      if (!this.model.f_money) {
+        this.$showMessage('金额未填写，请填写后重新尝试。')
+        return
+      }
+      if (!this.model.f_id_type) {
+        this.$showMessage('证件类型未选择，请选择后重新尝试。')
+        return
+      }
+      // if (!this.model.f_idnumber) {
+      //   this.$showMessage('证件号码未填写，请填写后重新尝试。')
+      //   return
+      // }
+      if (!this.model.f_relationship) {
+        this.$showMessage('与投保人关系未选择，请选择后重新尝试。')
+        return
+      }
+      let data = {
+        "begin_date": this.model.f_ins_start_date,// 保单开始日期   yyyy-mm-dd
+        "insure_period_display": `${this.model.f_salecount}年`,// 保期
+        "user_name": this.model.f_user_name,//  投保人姓名
+        "id_type": this.model.f_id_type,//证件类型
+        "id_number": this.model.f_idnumber,// 证件号码
+        "user_phone": this.model.f_user_phone,// 投保人电话
+        "user_address": this.model.f_address,// 投保人地址
+        "province": this.model.f_province,//省
+        "city": this.model.f_city,//市
+        "county": this.model.f_district,//区
+        "insuredList": [ //被保人信息
+          {
+            "user_name": this.model.f_user_name,// 被保人姓名
+            "id_type": this.model.f_id_type,//证件类型
+            "id_number": this.model.f_idnumber,// 证件号码
+            "relationship": this.model.f_relationship//与投保人关系: 0 本人 1 配偶 2 父母 3 子女 9 其他   若投保人是企业，默认传9
+          }
+        ]
+      }
+      try {
+        let commit_data = JSON.parse(JSON.stringify(this.model))
+        /*const response = await new HttpResetClass().load('post', `${this.$androidUtil.getProxyUrl()}/api/af-revenue/jingSuanShi/specialToPolicy`, data)
+        let commit_data = JSON.parse(JSON.stringify(this.model))
+        if (response.data.message.includes('成功')) {
+          commit_data.f_serial_id = response.data.orderNo
+        } else {
+          this.$showMessage(response.data.message)
+          return
+        }*/
+        commit_data.f_buy_date = this.create_date
+        commit_data.f_total_ins_charge = 0
+        commit_data.f_operatorid = Vue.user.id
+        commit_data.f_operator = Vue.user.name
+        if (this.model.f_payment == '余额抵扣'){
+          if (this.model.f_meter_classify == '机表'){
+            if((this.model.f_balance -0)-this.model.f_money < 0){
+              this.$showMessage('当前用户账户余额不够抵扣本次收费，请选择其他的收费方式进行收费')
+              return
+            }
+            commit_data.f_receivable = Number(commit_data.f_money)
+            commit_data.f_money = 0
+          }else {
+            this.$showMessage('仅有机表用户可选择余额抵扣')
+            return
+          }
+        }
+        commit_data.f_receivable = this.model.f_money
+        commit_data.f_operate_date = Util.toStandardDateString()
+        commit_data.f_state = '有效'
+        commit_data.f_orgid = Vue.user.orgid
+        commit_data.f_orgname = Vue.user.orgs
+        commit_data.f_depid = Vue.user.depids
+        commit_data.f_depname = Vue.user.deps
+        await new HttpResetClass().load('post', `${this.$androidUtil.getProxyUrl()}/api/af-revenue/logic/saveInsInfo`, {data: commit_data})
+        this.$showMessage('提交成功')
+        this.$back()
+      } catch (error) {
+        this.$showMessage('提交失败')
+        this.isCommit = false
+      }
+    },
+    changeExpirationDate() {
+      if (this.model.f_ins_start_date && this.model.f_salecount) {
+        let factoryDate = new Date(this.model.f_ins_start_date);
+        let scrapDate = new Date(factoryDate);
+        scrapDate.setFullYear(factoryDate.getFullYear() + parseInt(this.model.f_salecount));
+        let year = scrapDate.getFullYear();
+        let month = (scrapDate.getMonth() + 1).toString().padStart(2, '0');
+        let day = (scrapDate.getDate()-1).toString().padStart(2, '0');
+        this.model.f_expiration_date = `${year}-${month}-${day}`
+      }
+    }
+  },
+  watch: {
+    'model.f_insurance_type'() {
+      this.model.f_money = Number(this.$appdata.getSingleValue(this.model.f_insurance_type) || 0) * Number(this.model.f_salecount)
+    },
+    'model.f_salecount'() {
+      this.model.f_money = Number(this.$appdata.getSingleValue(this.model.f_insurance_type) || 0) * Number(this.model.f_salecount)
+    }
+  }
+}
+</script>
+<style scoped>
+.mt-5 {
+  margin-top: 5px;
+}
+
+.mt-10 {
+  margin-top: 10px;
+}
+
+.mt-20 {
+  margin-top: 20px;
+}
+
+.app-row {
+  background-color: white;
+  padding: 10px 10px 0 10px;
+  border-bottom: 1px solid rgba(235, 235, 235, 0.5);
+}
+
+.app-row-none-border {
+  background-color: white;
+  padding: 10px 10px 0 10px;
+}
+
+.font {
+  font: 15px PingFang-SC-Medium;
+  color: #666666;
+}
+
+.show-font {
+  font: 15px PingFang-SC-Medium;
+  color: #333333
+}
+
+.btn-font {
+  font: 600 16px PingFang-SC-Bold;
+  color: #499EDF;
+}
+
+.btn-color {
+  background-color: #FFFFFF;
+  border-radius: 10px;
+  border: 1px solid #499EDF;
+}
+</style>