From 530e009fc5df492b2c5d3eaef903f5b4732aeee6 Mon Sep 17 00:00:00 2001
From: liyuetong <li.yuetong@ebiz-fooge.com>
Date: Mon, 17 May 2021 18:16:17 +0800
Subject: [PATCH 1/3] =?UTF-8?q?=E4=BB=A3=E7=A0=81=E6=A0=BC=E5=BC=8F?=
 =?UTF-8?q?=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/ebiz/cardList/information.vue    |   94 +-
 src/views/ebiz/cardList/information01.vue  | 1752 ++++++++++++++++++++
 src/views/ebiz/cardList/informationOld.vue | 1598 ++++++++++++++++++
 3 files changed, 3398 insertions(+), 46 deletions(-)
 create mode 100644 src/views/ebiz/cardList/information01.vue
 create mode 100644 src/views/ebiz/cardList/informationOld.vue

diff --git a/src/views/ebiz/cardList/information.vue b/src/views/ebiz/cardList/information.vue
index 821d4797c..7b93c14a8 100644
--- a/src/views/ebiz/cardList/information.vue
+++ b/src/views/ebiz/cardList/information.vue
@@ -423,7 +423,9 @@ import Vue from 'vue'
 import { GoodsAction, GoodsActionIcon, GoodsActionButton } from 'vant'
 DataDictionary.relationToAppnt = DataDictionary.relationToAppnt.slice(0, 4)
 Vue.use(Checkbox).use(CheckboxGroup)
-Vue.use(GoodsAction).use(GoodsActionIcon).use(GoodsActionButton)
+Vue.use(GoodsAction)
+  .use(GoodsActionIcon)
+  .use(GoodsActionButton)
 export default {
   name: 'insuredInfo',
   components: {
@@ -440,7 +442,7 @@ export default {
     [RadioGroup.name]: RadioGroup,
     [Radio.name]: Radio,
     [IdentityCardScan.name]: IdentityCardScan,
-    OccupationForLoop,
+    OccupationForLoop
   },
   data() {
     return {
@@ -458,26 +460,26 @@ export default {
       sexRadio: [
         {
           label: '男',
-          value: '0',
+          value: '0'
         },
         {
           label: '女',
-          value: '1',
-        },
+          value: '1'
+        }
       ],
       medicalRadio: [
         {
           label: '有',
-          value: '0',
+          value: '0'
         },
         {
           label: '无',
-          value: '1',
-        },
+          value: '1'
+        }
       ],
       maxDate: beforeDate.getBeforeYear(18), //投保人出生日期可选最大值
       insuredMaxDate: beforeDate.getBeforeDays(28), //被保人出生日期可选最大值
-      filterMaxDate:beforeDate.getBeforeYear(-2),
+      filterMaxDate: beforeDate.getBeforeYear(-2),
       popupShow: false,
       areaShow: false, //省级联动
       homeShow: false, //家庭地址联动
@@ -511,7 +513,7 @@ export default {
         homeName: '', //联系地址
         homeAddress: '', //详细地址
         mobile: '', //移动电话
-        email: '', //电子邮箱
+        email: '' //电子邮箱
         // effectiveDate: '' //指定生效日期
       },
       //被保人信息
@@ -533,7 +535,7 @@ export default {
         homeName: '', //联系地址
         homeAddress: '', //详细地址
         mobile: '', //移动电话
-        email: '', //电子邮箱
+        email: '' //电子邮箱
       },
       selectUser: '',
       areaList: areaList,
@@ -550,7 +552,7 @@ export default {
       areaCode: '450101',
       occupationCode: '',
       occupationName: '',
-      itemProductDTOS: JSON.parse(CacheUtils.getLocItem('itemProductDTOS')), //
+      itemProductDTOS: JSON.parse(CacheUtils.getLocItem('itemProductDTOS')) //
     }
   },
   created() {
@@ -602,8 +604,8 @@ export default {
         flag: 'navigation',
         extra: {
           title: '职业类别',
-          hiddenRight: '1',
-        },
+          hiddenRight: '1'
+        }
       })
       this.occupationShowPicker = false
       if (this.insureType === '1') {
@@ -644,11 +646,11 @@ export default {
         type: '1',
         orderDTO: {
           orderInfoDTO: {
-            orderNo: orderNo,
-          },
-        },
+            orderNo: orderNo
+          }
+        }
       }
-      underWrite(data).then((res) => {
+      underWrite(data).then(res => {
         if (res.result == '0') {
           this.$toast.clear()
           window.localStorage.setItem('underWriteData', JSON.stringify(res))
@@ -665,11 +667,11 @@ export default {
               flag: 'h5',
               extra: {
                 url: location.origin + `/#/cardList/pay`,
-                forbidSwipeBack: 1,
+                forbidSwipeBack: 1
               },
               routerInfo: {
-                path: `/cardList/pay`,
-              },
+                path: `/cardList/pay`
+              }
             })
           } else {
             window.localStorage.setItem('uwResult', res.uwResult)
@@ -678,11 +680,11 @@ export default {
               flag: 'h5',
               extra: {
                 url: location.origin + '/#/cardList/result',
-                backToFirst: '1',
+                backToFirst: '1'
               },
               routerInfo: {
-                path: '/cardList/result',
-              },
+                path: '/cardList/result'
+              }
             })
           }
           return true
@@ -701,11 +703,11 @@ export default {
         extra: {
           title: name,
           // url: 'http://47.96.143.111/pdfjs/web/viewer.html?file=' + url //测试代码
-          url: location.origin + '/#/cardList/ShowPDF',
+          url: location.origin + '/#/cardList/ShowPDF'
         },
         routerInfo: {
-          path: '/cardList/ShowPDF',
-        },
+          path: '/cardList/ShowPDF'
+        }
       })
     },
     //监听名字变化
@@ -754,8 +756,8 @@ export default {
         flag: 'navigation',
         extra: {
           title: '投被保人信息',
-          hiddenRight: '1',
-        },
+          hiddenRight: '1'
+        }
       })
       if (this.currentPopupIndex == 1) {
         if (this.selectUser == '1') {
@@ -786,7 +788,7 @@ export default {
       } else if (pickerType == '4') {
         this.columns = [
           { id: 0, text: '有' },
-          { id: 1, text: '无' },
+          { id: 1, text: '无' }
         ]
       } else if (pickerType == '5') {
         this.columns = DataDictionary.taxIdentity
@@ -807,16 +809,16 @@ export default {
         this.pickerIndex = this.insuredInfo.nativeplace - 1 > 0 ? this.insuredInfo.nativeplace - 1 : 0
       } else if (pickerType == '10') {
         this.columns = []
-        this.trialList.forEach((item) => {
+        this.trialList.forEach(item => {
           if (item.productCode === 'GFRS_M0022') {
             this.columns.push({
               id: this.proSchemeCode,
-              text: this.proScheme,
+              text: this.proScheme
             })
           } else {
             this.columns.push({
               id: item.proSchemeCode,
-              text: item.proScheme,
+              text: item.proScheme
             })
           }
         })
@@ -1010,8 +1012,8 @@ export default {
         flag: 'navigation',
         extra: {
           title: '投被保人信息',
-          hiddenRight: '1',
-        },
+          hiddenRight: '1'
+        }
       })
       if (this.selectUser == '0') {
         let { customerName, customerSex } = data
@@ -1088,7 +1090,7 @@ export default {
       if (this.userInfo.relationToInsured == 1) {
         Object.assign(this.insuredInfo, this.userInfo)
       }
-      this.$validator.validate().then((valid) => {
+      this.$validator.validate().then(valid => {
         if (true === valid) {
           // localStorage.chooseProductCodesNew = localStorage.chooseProductCodes
           //投保人校验
@@ -1349,11 +1351,11 @@ export default {
         orderDTO: {
           orderInfoDTO: {
             bnfFlag: '0',
-            supportBank: '0',
+            supportBank: '0'
           },
           appntDTO: this.userInfo,
-          insuredDTOs: [this.insuredInfo],
-        },
+          insuredDTOs: [this.insuredInfo]
+        }
       }
 
       //组装险种提交数据
@@ -1380,7 +1382,7 @@ export default {
           proScheme: this.proScheme,
           proSchemeCode: this.proSchemeCode,
           insuYear: insuYearDate.insuYear,
-          insuYearFlag: insuYearDate.insuYearFlag,
+          insuYearFlag: insuYearDate.insuYearFlag
         }
         if (item.hasPredictTransferPrem && item.hasPredictTransferPrem === '0') {
           //增加万能险 预计转入保费校验
@@ -1515,7 +1517,7 @@ export default {
         this.insuredInfo.birthday = idToData(val).birthday
         this.insuredInfo.sex = idToData(val).sex
       }
-    },
+    }
   },
   // beforeDestroy() {
   //   //清理计时器
@@ -1550,7 +1552,7 @@ export default {
             homeName: '', //联系地址
             homeAddress: '', //详细地址
             mobile: '', //移动电话
-            email: '', //电子邮箱
+            email: '' //电子邮箱
           }
           if (newV === 2) {
             this.userInfo.sex === '0' ? (this.insuredInfo.sex = '1') : (this.insuredInfo.sex = '0')
@@ -1558,7 +1560,7 @@ export default {
         }
       },
       immediate: true,
-      deep: true,
+      deep: true
     },
     'userInfo.sex': {
       handler(newV) {
@@ -1567,9 +1569,9 @@ export default {
         }
       },
       immediate: true,
-      deep: true,
-    },
-  },
+      deep: true
+    }
+  }
 }
 </script>
 <style lang="scss">
diff --git a/src/views/ebiz/cardList/information01.vue b/src/views/ebiz/cardList/information01.vue
new file mode 100644
index 000000000..afae855d4
--- /dev/null
+++ b/src/views/ebiz/cardList/information01.vue
@@ -0,0 +1,1752 @@
+<template>
+  <div class="insured-info-container pb50">
+    <!-- 投保人信息 -->
+    <van-cell-group class="mt10">
+      <p style="border-bottom: 1px solid #ebedf0" class="fs15 fwb pl10 pv12">投保人信息</p>
+      <customer-picker
+        @on-choose="chooseCustomer(arguments)"
+        v-validate="'required|name'"
+        name="投保人姓名"
+        label="投保人姓名"
+        required
+        :parentShowPicker.sync="customerShowPicker"
+        v-model="userInfo.name"
+        @nameChange="nameChange"
+        @on-click="selectClick('1', '0')"
+      ></customer-picker>
+      <van-field
+        :value="userInfo.idType | idToText('insuredIdType')"
+        v-validate="'required'"
+        readonly
+        required
+        label="证件类型"
+        @click="toSelect('2')"
+        name="证件类型"
+        right-icon="arrow"
+        placeholder="请选择"
+      />
+
+      <!-- <van-field v-model="userInfo.idNo" v-validate="'required|idNo'" maxlength="18" label="证件号码" name="证件号码" placeholder="请输入" clearable> -->
+      <van-field
+        v-model="userInfo.idNo"
+        maxlength="18"
+        required
+        label="证件号码"
+        v-validate="'required'"
+        name="证件号码"
+        placeholder="请输入"
+        clearable
+        @blur="getRelatedData(userInfo.idNo, '1')"
+      >
+        <van-button v-if="userInfo.idType == 1" slot="button" size="small" type="danger" round @click="selectClick('3', '', '1')">证件扫描</van-button>
+      </van-field>
+      <FieldDatePicter
+        :v-validate="{ required: certiexpiredateRequired }"
+        required
+        label="证件截止日期"
+        name="证件截止日期"
+        :value.sync="userInfo.certiexpiredate"
+        type="date"
+        @confirm="onDateConfirm($event, '1')"
+        ref="certiexpiredate"
+        :flag="true"
+        :readonly="idLimit"
+      ></FieldDatePicter>
+      <div class="border-bt relative fs14 p10 flex justify-content-fe">
+        <van-checkbox v-model="userInfo.effectiveDateType" :disabled="effectiveDateTypeAble" @change="effectiveDataTypeChange">长期</van-checkbox>
+      </div>
+      <select-radio required :radios="sexRadio" label="性别" name="性别" v-validate="'required'" :value.sync="userInfo.sex"></select-radio>
+      <FieldDatePicter
+        v-validate="'required'"
+        label="出生日期"
+        name="出生日期"
+        required
+        :value.sync="userInfo.birthday"
+        type="date"
+        :flag="true"
+        @confirm="onDateConfirm($event, '2')"
+        ref="birthday"
+        :maxDate="maxDate"
+      >
+      </FieldDatePicter>
+      <van-field
+        required
+        v-model="userInfo.mobile"
+        clearable
+        label="手机号码"
+        name="手机号码"
+        placeholder="请输入"
+        v-validate="'required|mobile'"
+        maxlength="11"
+      />
+      <van-field v-model="userInfo.email" required label="邮箱" name="邮箱" placeholder="请输入" v-validate="'required|email'" clearable />
+      <!-- <van-field v-model="userInfo.workcompany" required label="工作单位" name="工作单位" placeholder="请输入" v-validate="'required'" maxlength="50" clearable /> -->
+      <van-field
+        v-validate="'required'"
+        @click="openOccupation('1')"
+        required
+        label="职业类别"
+        placeholder="请输入"
+        name="职业类别"
+        :value="userInfo.occupationName"
+        right-icon="arrow"
+      />
+      <van-field
+        v-model="userInfo.averageAnnualIncome"
+        label="平均年收入（万元）"
+        name="平均年收入"
+        required
+        placeholder="请输入，单位万元"
+        v-validate="'required|onlyNumber'"
+        clearable
+        maxlength="5"
+      />
+      <van-field
+        v-validate="'required'"
+        :value="userInfo.nativeplace | idToText('nativeplace')"
+        readonly
+        required
+        label="国籍"
+        name="国籍"
+        right-icon="arrow"
+        placeholder="请选择"
+        @click="toSelect('1')"
+      />
+      <van-field
+        :value="userInfo.marriage | idToText('marriage')"
+        readonly
+        required
+        label="婚姻状况"
+        name="婚姻状况"
+        v-validate="'required'"
+        right-icon="arrow"
+        placeholder="请选择"
+        @click="toSelect('6')"
+      />
+      <van-field
+        v-model="userInfo.homeName"
+        readonly
+        label="联系地址"
+        name="联系地址"
+        required
+        right-icon="arrow"
+        placeholder="请选择"
+        v-validate="'required'"
+        @click="areaSelect('1')"
+      />
+      <van-field v-model="userInfo.homeAddress" label name="详细地址" placeholder="请输入详细地址" v-validate="'required'" clearable maxlength="30" />
+      <!-- </template> -->
+      <van-field
+        :value="userInfo.relationToInsured | idToText('relationToAppnt')"
+        readonly
+        required
+        label="与被保人关系"
+        name="与被保人关系"
+        right-icon="arrow"
+        placeholder="请选择"
+        v-validate="'required'"
+        @click="toSelect('9')"
+      />
+    </van-cell-group>
+    <!-- 被保险人信息 -->
+    <van-cell-group class="mt10" v-if="userInfo.relationToInsured != 1">
+      <p style="border-bottom: 1px solid #ebedf0" class="fs15 fwb pl10 pv12">被保人信息</p>
+      <customer-picker
+        @on-choose="chooseCustomer(arguments)"
+        v-validate="'required|name'"
+        name="被保险人姓名"
+        label="被保险人姓名"
+        required
+        :parentShowPicker.sync="customerShowPicker2"
+        v-model="insuredInfo.name"
+        @nameChange="nameChanges"
+        @on-click="selectClick('1', '1')"
+      ></customer-picker>
+      <van-field
+        :value="insuredInfo.idType | idToText('insuredIdType')"
+        v-validate="'required'"
+        readonly
+        required
+        @click="toSelect('22')"
+        label="证件类型"
+        name="证件类型"
+        right-icon="arrow"
+        placeholder="请选择"
+      />
+      <van-field
+        v-model="insuredInfo.idNo"
+        maxlength="18"
+        required
+        label="证件号码"
+        v-validate="'required'"
+        name="证件号码"
+        placeholder="请输入"
+        clearable
+        @blur="getRelatedData(insuredInfo.idNo, '2')"
+      >
+        <van-button v-if="insuredInfo.idType == 1" slot="button" size="small" type="danger" round @click="selectClick('3', '', '2')">证件扫描</van-button>
+      </van-field>
+      <FieldDatePicter
+        :v-validate="{ required: certiexpiredateRequiredInsured }"
+        required
+        label="证件截止日期"
+        name="证件截止日期"
+        :value.sync="insuredInfo.certiexpiredate"
+        type="date"
+        @confirm="onDateConfirm($event, '7')"
+        ref="certiexpiredate"
+        :flag="true"
+        :readonly="idLimit"
+      ></FieldDatePicter>
+      <div class="border-bt relative fs14 p10 flex justify-content-fe">
+        <van-checkbox v-model="insuredInfo.effectiveDateType" :disabled="effectiveDateTypeAbleInsured" @change="effectiveDataTypeChangeInsured"
+          >长期</van-checkbox
+        >
+      </div>
+      <select-radio required :radios="sexRadio" label="性别" name="性别" v-validate="'required'" :value.sync="insuredInfo.sex"></select-radio>
+      <FieldDatePicter
+        label="出生日期"
+        name="出生日期"
+        required
+        :value.sync="insuredInfo.birthday"
+        type="date"
+        :flag="true"
+        @confirm="onDateConfirm($event, '5')"
+        ref="insuredBirthday"
+        :maxDate="insuredMaxDate"
+      ></FieldDatePicter>
+      <van-field
+        required
+        v-model="insuredInfo.mobile"
+        clearable
+        label="手机号码"
+        name="手机号码"
+        placeholder="请输入"
+        v-validate="'required|mobile'"
+        maxlength="11"
+      />
+      <van-field v-model="insuredInfo.email" required label="邮箱" name="邮箱" placeholder="请输入" v-validate="'required|email'" clearable />
+      <van-field
+        required
+        @click="openOccupation('2')"
+        label="职业类别"
+        placeholder="请输入"
+        name="职业类别"
+        :value="insuredInfo.occupationName"
+        right-icon="arrow"
+      />
+      <van-field
+        v-model="insuredInfo.averageAnnualIncome"
+        label="平均年收入（万元）"
+        name="平均年收入"
+        required
+        placeholder="请输入，单位万元"
+        v-validate="'required|onlyNumber'"
+        clearable
+        maxlength="5"
+      />
+      <van-field
+        :value="insuredInfo.nativeplace | idToText('nativeplace')"
+        readonly
+        required
+        label="国籍"
+        name="国籍"
+        right-icon="arrow"
+        placeholder="请选择"
+        @click="toSelect('11')"
+      />
+      <van-field
+        :value="insuredInfo.marriage | idToText('marriage')"
+        readonly
+        required
+        label="婚姻状况"
+        name="婚姻状况"
+        right-icon="arrow"
+        placeholder="请选择"
+        @click="toSelect('66')"
+      />
+      <van-field
+        v-model="insuredInfo.homeName"
+        readonly
+        label="联系地址"
+        name="联系地址"
+        required
+        right-icon="arrow"
+        placeholder="请选择"
+        @click="areaSelect('2')"
+      />
+      <van-field v-model="insuredInfo.homeAddress" label name="详细地址" placeholder="请输入详细地址" clearable maxlength="30" />
+    </van-cell-group>
+    <van-cell-group class="mt10" v-else>
+      <p style="border-bottom: 1px solid #ebedf0" class="fs15 fwb pl10 pv12">被保人信息</p>
+      <customer-picker v-validate="'required|name'" name="被保险人姓名" label="被保险人姓名" required readonly :value.sync="userInfo.name"></customer-picker>
+
+      <van-field
+        :value="userInfo.idType | idToText('insuredIdType')"
+        v-validate="'required'"
+        readonly
+        required
+        label="证件类型"
+        name="证件类型"
+        right-icon="arrow"
+        placeholder="请选择"
+      />
+      <van-field
+        v-model="userInfo.idNo"
+        maxlength="18"
+        required
+        readonly
+        label="证件号码"
+        v-validate="'required'"
+        name="证件号码"
+        placeholder="请输入"
+        clearable
+      />
+      <FieldDatePicter
+        required
+        label="证件截止日期"
+        name="证件截止日期"
+        :value.sync="userInfo.certiexpiredate"
+        type="date"
+        ref="certiexpiredate"
+        :flag="true"
+        readonly
+      ></FieldDatePicter>
+      <div class="border-bt relative fs14 p10 flex justify-content-fe">
+        <van-checkbox v-model="userInfo.effectiveDateType" disabled="false">长期</van-checkbox>
+      </div>
+      <select-radio required :disabled="true" :radios="sexRadio" label="性别" name="性别" v-validate="'required'" :value.sync="userInfo.sex"></select-radio>
+      <FieldDatePicter
+        v-validate="'required'"
+        label="出生日期"
+        name="出生日期"
+        readonly
+        required
+        :value.sync="userInfo.birthday"
+        type="date"
+        :flag="true"
+        ref="insuredBirthday"
+        :maxDate="maxDate"
+      ></FieldDatePicter>
+      <van-field
+        required
+        v-model="userInfo.mobile"
+        clearable
+        label="手机号码"
+        name="手机号码"
+        placeholder="请输入"
+        v-validate="'required|mobile'"
+        maxlength="11"
+        readonly
+      />
+      <van-field v-model="userInfo.email" readonly required label="邮箱" name="邮箱" placeholder="请输入" v-validate="'required|email'" clearable />
+      <van-field readonly required label="职业类别" name="职业类别" :value="userInfo.occupationName" right-icon="arrow" />
+      <van-field
+        v-model="userInfo.averageAnnualIncome"
+        label="平均年收入（万元）"
+        name="平均年收入"
+        required
+        readonly
+        placeholder="请输入，单位万元"
+        v-validate="'required|onlyNumber'"
+        clearable
+        maxlength="5"
+      />
+      <van-field
+        :value="userInfo.nativeplace | idToText('nativeplace')"
+        readonly
+        required
+        label="国籍"
+        name="国籍"
+        v-validate="'required'"
+        right-icon="arrow"
+        placeholder="请选择"
+      />
+      <van-field
+        :value="userInfo.marriage | idToText('marriage')"
+        readonly
+        required
+        label="婚姻状况"
+        name="婚姻状况"
+        v-validate="'required'"
+        right-icon="arrow"
+        placeholder="请选择"
+      />
+      <van-field
+        v-model="userInfo.homeName"
+        readonly
+        label="联系地址"
+        name="联系地址"
+        required
+        right-icon="arrow"
+        placeholder="请选择"
+        v-validate="'required'"
+      />
+      <van-field readonly v-model="userInfo.homeAddress" label name="详细地址" placeholder="请输入详细地址" v-validate="'required'" clearable maxlength="30" />
+    </van-cell-group>
+    <!-- 受益人信息 -->
+    <van-cell-group class="mt10">
+      <p style="border-bottom: 1px solid #ebedf0" class="fs15 fwb pl10 pv12">受益人信息</p>
+      <van-field required readonly v-model="bnfTypeVal" clearable label="受益人类型" v-validate="'required'" style="border-bottom: 1px solid #ebedf0" />
+    </van-cell-group>
+    <p style="background: white; border-bottom: 1px solid #ebedf0" class="fs15 fwb pl10 pv12">产品信息</p>
+    <van-field
+      :value="proScheme"
+      readonly
+      required
+      label="保障方案"
+      name="保障方案"
+      v-validate="'required'"
+      right-icon="arrow"
+      placeholder="请选择"
+      @click="toSelect('10')"
+    />
+    <FieldDatePicter
+      label="指定生效日期"
+      name="指定生效日期"
+      required
+      v-validate="'required'"
+      :minDate="now"
+      :value.sync="cvaliDate"
+      type="date"
+      :flag="true"
+      @confirm="onDateConfirm($event, '6')"
+      ref="effectiveDate"
+      input-align:right
+      :maxDate="filterMaxDate"
+    >
+    </FieldDatePicter>
+    <div v-if="cvaliDate.length > 0" class="van-cell van-field" style="border-bottom: 1px solid rgb(235, 237, 240)">
+      <div class="van-cell__title van-field__label"><span>保险期间</span></div>
+      <div class="van-cell__value">
+        <div class="van-field__body">
+          <span class="van-field__control">{{ productDate }}</span>
+        </div>
+      </div>
+    </div>
+    <!-- <van-checkbox-group v-model="result" ref="checkboxGroup" style="box-sizing:border-box;" class="pl8 pr20 pt10 pb10 bg-white">
+      <van-checkbox name="a" shape="square" icon-size="13px"
+        >本人已仔细阅读并了解
+        <span class="blue" @click.stop="goDocu($assetsUrl + 'product/GFRS_M0022/M0022Notice.pdf', '短期交通卡投保须知')">《投保须知》</span>
+        <span class="blue" @click.stop="goDocu($assetsUrl + 'product/GFRS_M0022/M0022Explain.pdf', '短期交通卡投保声明')">《投保声明》</span>
+        和
+        <span class="blue" @click.stop="goDocu($assetsUrl + 'product/GFRS_M0022/M0022.pdf', '国富人寿综合交通意外保险2020')"
+          >《国富人寿综合交通工具意外伤害保险（2020版）条款》</span
+        >
+        等内容，自愿为被保险人投保本保险。<br />
+        为未成年子女投保的人身保险，在被保险人成年之前，因被保险人身故给付的保险金总和不得超过国务院保险监督管理机构规定的限额，身故给付的保险金额总和的约定也不得超过前述限额。但航空意外死亡保险金额及重大自然灾害意外死亡保险金额不计算在上述规定限额之中。</van-checkbox
+      >
+    </van-checkbox-group> -->
+    <!-- <div class="tips" v-if="cvaliDate.length > 0">注：2020年04月03日0时至2021年04月02日24时止。</div> -->
+
+    <van-goods-action style="z-index: 99">
+      <van-button type="default" style="width: 50%; font-size: 14px; height: 40px; background: white"
+        >总保费:<span style="color: red; font-weight: bold; font-size: 18px; font-weight: 400">{{ allPrice }}</span
+        >元</van-button
+      >
+      <van-goods-action-button type="danger" text="立即投保" @click="nextStep" v-no-more-click="1000" style="border-radius: 0em; width: 50%; height: 40px" />
+    </van-goods-action>
+
+    <!-- 职业类别弹窗 -->
+    <van-popup v-model="occupationShowPicker" position="bottom">
+      <occupation-for-loop @chooseOccupation="chooseOccupation" :name="occupationName" :code="occupationCode"></occupation-for-loop>
+    </van-popup>
+    <!-- 字段选择 -->
+    <van-popup v-model="popupShow" position="bottom">
+      <van-picker show-toolbar :columns="columns" @confirm="onConfirm" :default-index="pickerIndex" @cancel="popupShow = false" />
+    </van-popup>
+    <!-- 地区选择 -->
+    <!-- <van-popup v-model="areaShow" position="bottom">
+      <van-area :area-list="areaList" value="110101" @confirm="sureArea($event, '1')" @cancel="areaShow = false" />
+    </van-popup> -->
+    <!-- 家庭地址选择 -->
+    <van-popup v-model="homeShow" position="bottom">
+      <van-area :area-list="areaList" :value="areaCode" @confirm="sureArea($event, '2')" @cancel="homeShow = false" />
+    </van-popup>
+    <!-- 户籍选择 -->
+    <van-popup v-model="censusShow" position="bottom">
+      <van-area :area-list="areaList" value="110101" :columns-num="2" @confirm="sureArea($event, '3')" @cancel="censusShow = false" />
+    </van-popup>
+    <!--身份证扫描 -->
+    <van-popup v-model="isScan" position="bottom">
+      <IdentityCardScan @getScanInfo="getIdentityInfo"></IdentityCardScan>
+    </van-popup>
+    <van-popup v-model="isScan2" position="bottom">
+      <IdentityCardScan @getScanInfo="getIdentityInfo"></IdentityCardScan>
+    </van-popup>
+  </div>
+</template>
+<script>
+import { Field, CellGroup, Checkbox, CheckboxGroup, Popup, Picker, Area, RadioGroup, Radio } from 'vant'
+import SelectRadio from '@/components/ebiz/SelectRadio'
+import FieldDatePicter from '@/components/ebiz/FieldDatePicter'
+import OccupationPicker from '@/components/ebiz/occipation/OccupationPicker'
+import CustomerPicker from '@/components/ebiz/customer/CustomerPicker'
+import DataDictionary from '@/assets/js/utils/data-dictionary'
+import areaList from '@/assets/js/utils/areaForSale'
+import { saveOrUpdateCard } from '@/api/ebiz/cardList/cardList.js'
+import { underWrite } from '@/api/ebiz/sale/sale'
+import utilsAge from '@/assets/js/utils/age'
+import getAreaName from '@/assets/js/utils/getAreaNameForSale'
+import IdentityCardScan from '@/components/ebiz/sale/IdentityCardScan'
+import idNoCheck from '@/assets/js/utils/idNoCheck'
+import beforeDate from '@/assets/js/utils/getBeforeDate.js'
+import afterDate from '@/assets/js/utils/getAfterDate.js'
+import CacheUtils from '@/assets/js/utils/cacheUtils'
+import { idToData } from './js/verification'
+import OccupationForLoop from '@/components/ebiz/occipation/OccupationForLoop'
+import { selectComp, getIdentityInfo } from './js/methods'
+import Vue from 'vue'
+import { GoodsAction, GoodsActionIcon, GoodsActionButton } from 'vant'
+DataDictionary.relationToAppnt = DataDictionary.relationToAppnt.slice(0, 4)
+Vue.use(Checkbox).use(CheckboxGroup)
+Vue.use(GoodsAction)
+  .use(GoodsActionIcon)
+  .use(GoodsActionButton)
+export default {
+  name: 'insuredInfo',
+  components: {
+    [SelectRadio.name]: SelectRadio,
+    [FieldDatePicter.name]: FieldDatePicter,
+    [OccupationPicker.name]: OccupationPicker,
+    [CustomerPicker.name]: CustomerPicker,
+    [Field.name]: Field,
+    [CellGroup.name]: CellGroup,
+    [Checkbox.name]: Checkbox,
+    [Popup.name]: Popup,
+    [Picker.name]: Picker,
+    [Area.name]: Area,
+    [RadioGroup.name]: RadioGroup,
+    [Radio.name]: Radio,
+    [IdentityCardScan.name]: IdentityCardScan,
+    OccupationForLoop
+  },
+  data() {
+    return {
+      certiexpiredateRequired: true, //证件截止日期是否需要校验
+      certiexpiredateRequiredInsured: true, //证件截止日期是否需要校验--被保人
+      effectiveDateTypeAble: false, //长期按钮是否禁用
+      effectiveDateTypeAbleInsured: false, //长期按钮是否禁用--被保人
+      proScheme: '', //保障方案
+      proSchemeCode: '',
+      productDate: '', //保险期间
+      now: afterDate.getAfterDays(1), //指定生效日期最小值
+      insuredSex: '男',
+      isScan: false, //是否显示证件扫描组件
+      isScan2: false,
+      allPrice: 0,
+      result: [],
+      checked: true,
+      current: 'userInfo',
+      sexRadio: [
+        {
+          label: '男',
+          value: '0'
+        },
+        {
+          label: '女',
+          value: '1'
+        }
+      ],
+      medicalRadio: [
+        {
+          label: '有',
+          value: '0'
+        },
+        {
+          label: '无',
+          value: '1'
+        }
+      ],
+      maxDate: beforeDate.getBeforeYear(18), //投保人出生日期可选最大值
+      insuredMaxDate: beforeDate.getBeforeDays(28), //被保人出生日期可选最大值
+      filterMaxDate: beforeDate.getBeforeYear(-2),
+      popupShow: false,
+      areaShow: false, //省级联动
+      homeShow: false, //家庭地址联动
+      censusShow: false, //户籍联动
+      pickerType: undefined,
+      columns: [],
+      valueKey: 'text',
+      homeName: '', //家庭地址
+      bnfTypeVal: '法定受益人', //受益人类型文字展示
+      cvaliDate: '', //指定生效日期
+      //投保人信息
+      userInfo: {
+        name: '', //投保人姓名
+        insuredname: '',
+        sex: '0', //投保人性别
+        bnfType: '0', // 受益人类型
+        bnfSelec: '请选择',
+        birthday: '', //投保人出生日期
+        relationToInsured: '1',
+        idType: '1', //证件类型
+        idNo: '', //证件号码
+        certiexpiredate: '', //证件到期时间
+        effectiveDateType: false, //是否长期
+        occupationCode: '', //职业代码
+        occupationName: '', //职业名称
+        averageAnnualIncome: '', //平均年收入
+        lifeGrade: '', //寿险等级
+        healthGrade: '', //健康等级
+        nativeplace: '1', //国家地区
+        marriageStatus: '', //婚姻状况
+        homeProvince: '', //家庭省
+        homeCity: '', //家庭市
+        homeArea: '450101', //家庭区
+        homeName: '', //联系地址
+        homeAddress: '', //详细地址
+        mobile: '', //移动电话
+        email: '' //电子邮箱
+        // effectiveDate: '' //指定生效日期
+      },
+      //被保人信息
+      insuredInfo: {
+        name: '', // 被保人姓名
+        idType: '1', //被保人证件类型
+        idNo: '', //被保人证件号码
+        certiexpiredate: '', //证件到期时间
+        effectiveDateType: false, //是否长期
+        sex: '0', //被保人性别
+        birthday: '', //被保人出生日期
+        occupationCode: '', //职业代码
+        occupationName: '', //职业名称
+        averageAnnualIncome: '', //平均年收入
+        lifeGrade: '', //寿险等级
+        healthGrade: '', //健康等级
+        nativeplace: '', //国家地区
+        marriageStatus: '', //婚姻状况
+        homeProvince: '', //家庭省
+        homeCity: '', //家庭市
+        homeArea: '450101', //家庭区
+        homeName: '', //联系地址
+        homeAddress: '', //详细地址
+        mobile: '', //移动电话
+        email: '' //电子邮箱
+      },
+      selectUser: '',
+      areaList: areaList,
+      currentPopupIndex: '',
+      customerShowPicker: false,
+      customerShowPicker2: false,
+      occupationShowPicker: false,
+      timeId: null,
+      chooseProducts: JSON.parse(localStorage.chooseProducts),
+      trialList: JSON.parse(CacheUtils.getLocItem('trialList')),
+      pdf: ['', '', ''],
+      insureType: '',
+      pickerIndex: 0,
+      areaCode: '450101',
+      occupationCode: '',
+      occupationName: '',
+      itemProductDTOS: JSON.parse(CacheUtils.getLocItem('itemProductDTOS')) //
+    }
+  },
+  created() {
+    // document.body.style.backgroundColor = '#F5F5F5'
+    //如果是编辑进来
+    // if (this.$route.query.edit) {
+    //   getOrderDetail({ orderNo: localStorage.orderNo }).then(res => {
+    //     if (res.result == 0) {
+    //       //投保人信息返显
+    //       this.userInfo = res.orderDTO.appntDTO
+    //       //是否长期
+    //       this.userInfo.effectiveDateType = res.orderDTO.appntDTO.effectiveDateType == 'false' ? false : true
+    //       //有无社保
+    //       this.userInfo.medical = '1'
+    //       //设为联系地址
+    //       this.userInfo.addressStatus = '0'
+    //       //证件类型
+    //       this.userInfo.idType = '1'
+    //       //国家/地区
+    //       this.userInfo.nativeplace = '1'
+    //       this.$utils.intLocalStorage(res)
+    //     }
+    //   })
+    // }
+  },
+  mounted() {
+    // 筛选按钮的点击事件
+    window.appCallBack = this.appCallBack
+    if (this.itemProductDTOS.productCode === 'GFRS_M0022') {
+      this.proScheme = '畅行无忧'
+      this.proSchemeCode = ''
+      this.allPrice = this.trialList[0].prem
+    } else {
+      // this.proScheme = this.trialList[0].proScheme
+      // this.proSchemeCode = this.trialList[0].proSchemeCode
+      // this.allPrice = this.trialList[0].prem
+      this.now = afterDate.getAfterDays(Number(this.trialList[0].timeliness))
+    }
+  },
+  methods: {
+    //长期状态改变时
+    effectiveDataTypeChange(val) {
+      //勾选长期状态时,证件截止日期置空
+      if (val) {
+        this.userInfo.certiexpiredate = ''
+        this.certiexpiredateRequired = false
+      } else {
+        this.certiexpiredateRequired = true
+      }
+    },
+    //长期状态改变时--被保人
+    effectiveDataTypeChangeInsured(val) {
+      if (val) {
+        this.insuredInfo.certiexpiredate = ''
+        this.certiexpiredateRequiredInsured = false
+      } else {
+        this.certiexpiredateRequiredInsured = true
+      }
+    },
+    /**
+     * @description:
+     * @param {*} data
+     * @return {*}
+     */
+    chooseOccupation(data) {
+      let { code, name, healthGrade, lifeGrade } = data
+      this.$jump({
+        flag: 'navigation',
+        extra: {
+          title: '职业类别',
+          hiddenRight: '1'
+        }
+      })
+      this.occupationShowPicker = false
+      if (this.insureType === '1') {
+        this.userInfo.occupationName = name
+        this.userInfo.occupationCode = code
+      } else if (this.insureType === '2') {
+        this.insuredInfo.occupationName = name
+        this.insuredInfo.occupationCode = code
+      }
+    },
+    /**
+     * @description:
+     * @param {*}
+     * @return {*}
+     */
+    openOccupation(insureType) {
+      this.occupationShowPicker = !this.occupationShowPicker
+      this.insureType = insureType
+      if (this.insureType === '1') {
+        this.occupationName = this.userInfo.occupationName
+        this.occupationCode = this.userInfo.occupationCode
+      } else if (this.insureType === '2') {
+        this.occupationName = this.insuredInfo.occupationName
+        this.occupationCode = this.insuredInfo.occupationCode
+      }
+    },
+    areaSelect(insureType) {
+      ;[this.homeShow, this.insureType] = [true, insureType]
+      if (insureType === '1') {
+        this.areaCode = this.userInfo.homeArea
+      } else if (insureType === '2') {
+        this.areaCode = this.insuredInfo.homeArea
+      }
+    },
+    underWrite(orderNo) {
+      let data = {
+        platform: 'app',
+        type: '1',
+        orderDTO: {
+          orderInfoDTO: {
+            orderNo: orderNo
+          }
+        }
+      }
+      underWrite(data).then(res => {
+        if (res.result == '0') {
+          this.$toast.clear()
+          window.localStorage.setItem('underWriteData', JSON.stringify(res))
+          if (res.uwResult == '33') {
+            window.localStorage.setItem('uwResult', res.uwResult)
+            window.localStorage.setItem('resultMessage', res.message)
+          } else {
+            window.localStorage.setItem('uwResult', res.uwResult)
+          }
+          if (res.uwResult == '02') {
+            this.underWriteData = res
+            window.localStorage.setItem('underWriteData', JSON.stringify(res))
+            this.$jump({
+              flag: 'h5',
+              extra: {
+                url: location.origin + `/#/cardList/pay`,
+                forbidSwipeBack: 1
+              },
+              routerInfo: {
+                path: `/cardList/pay`
+              }
+            })
+          } else {
+            window.localStorage.setItem('uwResult', res.uwResult)
+            window.localStorage.setItem('resultMessage', res.message)
+            this.$jump({
+              flag: 'h5',
+              extra: {
+                url: location.origin + '/#/cardList/result',
+                backToFirst: '1'
+              },
+              routerInfo: {
+                path: '/cardList/result'
+              }
+            })
+          }
+          return true
+        } else {
+          this.$toast(res.resultMessage)
+          return false
+        }
+      })
+    },
+    goDocu(url, name) {
+      // let pdfUrl = //encodeURIComponent(url)
+      localStorage.setItem('cardListPDF', JSON.stringify({ documentUrl: url, title: name }))
+      console.log('url', url)
+      this.$jump({
+        flag: 'h5',
+        extra: {
+          title: name,
+          // url: 'http://47.96.143.111/pdfjs/web/viewer.html?file=' + url //测试代码
+          url: location.origin + '/#/cardList/ShowPDF'
+        },
+        routerInfo: {
+          path: '/cardList/ShowPDF'
+        }
+      })
+    },
+    //监听名字变化
+    nameChange(name) {
+      // console.log('name',name)
+      this.userInfo.name = name
+    },
+    //监听名字变化
+    nameChanges(name) {
+      // console.log('name',name)
+      this.insuredInfo.name = name
+    },
+    /**
+     * @description:
+     * @param {*} index
+     * @param {*} value
+     * @param {*} insureType '1'为投保人 '2'为被投保人
+     * @return {*}
+     */
+    selectClick(index, value, insureType) {
+      if (value !== undefined) {
+        this.selectUser = value
+      }
+      this.insureType = insureType
+      selectComp(this, index, insureType)
+      // console.log(index, value)
+      // localStorage.setItem('value', value)
+    },
+    // closeBtn() {
+    //   // 筛选按钮的显示
+    //   this.$jump({
+    //     flag: 'webview_right_button',
+    //     extra: {
+    //       btns: [
+    //         {
+    //           img: this.$assetsUrl + 'images/del-close.png',
+    //           route: { flag: '', extra: {} }
+    //         }
+    //       ]
+    //     }
+    //   })
+    // },
+    appCallBack() {
+      // 筛选按钮的点击事件
+      this.$jump({
+        flag: 'navigation',
+        extra: {
+          title: '投被保人信息',
+          hiddenRight: '1'
+        }
+      })
+      if (this.currentPopupIndex == 1) {
+        if (this.selectUser == '1') {
+          this.customerShowPicker2 = false
+        } else {
+          this.customerShowPicker = false
+        }
+      } else if (this.currentPopupIndex == 2) {
+        this.occupationShowPicker = false
+      } else if (this.currentPopupIndex == 3) {
+        this.isScan = false
+        this.isScan2 = false
+      }
+    },
+    //弹框选择
+    toSelect(pickerType, valueKey) {
+      //pickerType 1、国家地区 2、证件类型 3、文化程度 4、有无社保(弃用) 5、税收居民身份 6、婚姻状况 7、在职情况 8、收入来源, 9 关系
+      ;[this.popupShow, this.pickerType] = [true, pickerType]
+      if (valueKey) this.valueKey = valueKey
+      if (pickerType == '1') {
+        this.columns = DataDictionary.nativeplace
+        this.pickerIndex = this.userInfo.nativeplace - 1 > 0 ? this.userInfo.nativeplace - 1 : 0
+      } else if (pickerType == '2') {
+        this.columns = DataDictionary.insuredIdType
+        console.log(this.columns, '=======================this.columns==================')
+      } else if (pickerType == '3') {
+        this.columns = DataDictionary.degree
+      } else if (pickerType == '4') {
+        this.columns = [
+          { id: 0, text: '有' },
+          { id: 1, text: '无' }
+        ]
+      } else if (pickerType == '5') {
+        this.columns = DataDictionary.taxIdentity
+      } else if (pickerType == '6') {
+        this.columns = DataDictionary.marriage
+        this.pickerIndex = this.userInfo.marriage - 1 > 0 ? this.userInfo.marriage - 1 : 0
+      } else if (pickerType == '7') {
+        this.columns = DataDictionary.workCondition
+      } else if (pickerType == '8') {
+        this.columns = DataDictionary.salarySource
+      } else if (pickerType == '9') {
+        this.columns = DataDictionary.relationToAppnt
+      } else if (pickerType == '66') {
+        this.columns = DataDictionary.marriage
+        this.pickerIndex = this.insuredInfo.marriage - 1 > 0 ? this.insuredInfo.marriage - 1 : 0
+      } else if (pickerType == '11') {
+        this.columns = DataDictionary.nativeplace
+        this.pickerIndex = this.insuredInfo.nativeplace - 1 > 0 ? this.insuredInfo.nativeplace - 1 : 0
+      } else if (pickerType == '10') {
+        this.columns = []
+        this.trialList.forEach(item => {
+          if (item.productCode === 'GFRS_M0022') {
+            this.columns.push({
+              id: this.proSchemeCode,
+              text: this.proScheme
+            })
+          } else {
+            this.columns.push({
+              id: item.proSchemeCode,
+              text: item.proScheme
+            })
+          }
+        })
+      } else if (pickerType == '22') {
+        this.columns = DataDictionary.insuredIdType
+      }
+    },
+    //确认选择字段
+    onConfirm(value) {
+      this.popupShow = false
+      if (this.pickerType == '1') {
+        this.userInfo.nativeplace = value.id
+      } else if (this.pickerType == '2') {
+        //身份证以外的证件类型可以使用长期
+        if (value.id != '1') {
+          this.effectiveDateTypeAble = false
+        } else {
+          let age = utilsAge.getAge(this.userInfo.birthday, new Date())
+          this.effectiveDateTypeAble = !(age >= 45)
+        }
+        this.userInfo.idType = value.id
+      } else if (this.pickerType == '3') {
+        this.userInfo.degree = value.id
+      } else if (this.pickerType == '4') {
+        this.userInfo.socialSecurity = value.id
+      } else if (this.pickerType == '5') {
+        this.userInfo.taxResidentId = value.id
+      } else if (this.pickerType == '6') {
+        this.userInfo.marriage = value.id
+        this.userInfo.marriageStatus = value.text
+      } else if (this.pickerType == '7') {
+        this.userInfo.jobStatus = value.id
+      } else if (this.pickerType == '8') {
+        this.userInfo.salarySource = value.id
+      } else if (this.pickerType == '9') {
+        this.userInfo.relationToInsured = value.id
+      } else if (this.pickerType == '66') {
+        this.insuredInfo.marriage = value.id
+        this.insuredInfo.marriageStatus = value.text
+      } else if (this.pickerType == '11') {
+        this.insuredInfo.nativeplace = value.id
+      } else if (this.pickerType == '10') {
+        this.proScheme = value.text
+        this.proSchemeCode = value.id
+        for (let item of this.trialList) {
+          if (item.proSchemeCode === this.proSchemeCode) {
+            this.allPrice = item.prem
+            break
+          }
+        }
+      } else if (this.pickerType == '22') {
+        if (value.id != '1') {
+          this.effectiveDateTypeAbleInsured = false
+        } else {
+          let age = utilsAge.getAge(this.userInfo.birthday, new Date())
+          this.effectiveDateTypeAbleInsured = !(age >= 45)
+        }
+        this.insuredInfo.idType = value.id
+      }
+    },
+    //证件起始截止日期
+    onDateConfirm(val, type) {
+      console.log(type)
+      switch (type) {
+        case '0':
+          {
+            //证件起始日期
+            //如果录入日期早于出生日期或晚于当前日期
+            if (Date.parse(val) > Date.parse(new Date()) || Date.parse(val) < Date.parse(this.userInfo.birthday)) {
+              this.userInfo.certificateValidate = ''
+              this.$refs.certificateValidate.date = ''
+              return this.$toast('证件起始日期填写错误')
+            }
+
+            // // 计算年龄
+            // if (this.userInfo.idType == '1') {
+            //   let age = utilsAge.getAge(this.userInfo.birthday, new Date())
+            //   // 长期按钮是否禁用
+            //   this.effectiveDateTypeAble = age <= 45
+            // }
+          }
+          break
+        case '1':
+          {
+            console.log('证件截止日期')
+            //证件截止日期
+            //如果已经勾选了长期
+            // if (this.userInfo.effectiveDateType) {
+            //   //清空数据并返回
+            //   this.userInfo.certiexpiredate = ''
+            //   this.$refs.certiexpiredate.date = ''
+            //   return
+            // }
+            this.userInfo.effectiveDateType = false
+            //如果录入日期早于当前日期
+            if (Date.parse(val) < Date.parse(new Date())) {
+              this.userInfo.certiexpiredate = ''
+              this.$refs.certiexpiredate.date = ''
+              return this.$toast('您的证件已过期')
+            }
+            //不同证件类型的判断
+            // if (this.userInfo.idType) {
+            //   //获取年龄
+            //   let age = utilsAge.getAge(this.userInfo.birthday, new Date())
+            //   console.log(age)
+            //   //年龄在16-25周岁之间
+            //   if (age >= 16 && age <= 25) {
+            //     if (new Date(val).getFullYear() - new Date(this.userInfo.certificateValidate).getFullYear() != 10) {
+            //       this.userInfo.certiexpiredate = ''
+            //       this.$refs.certiexpiredate.date = ''
+            //       return this.$toast('16周岁~25周岁的证件有效期为10年')
+            //     }
+            //     //年龄在26-45周岁之间
+            //   } else if (age >= 26 && age <= 45) {
+            //     if (new Date(val).getFullYear() - new Date(this.userInfo.certificateValidate).getFullYear() != 20) {
+            //       this.userInfo.certiexpiredate = ''
+            //       this.$refs.certiexpiredate.date = ''
+            //       return this.$toast('26周岁~45周岁的证件有效期为20年')
+            //     }
+            //     //此外的年龄段不支持
+            //   } else {
+            //     this.userInfo.certiexpiredate = ''
+            //     this.$refs.certiexpiredate.date = ''
+            //     return this.$toast('身份证不支持此年龄段')
+            //   }
+            // }
+          }
+          break
+        case '2':
+          {
+            //出生日期
+            //如果录入日期晚于当前日期
+            if (Date.parse(val) > Date.parse(new Date())) {
+              this.userInfo.birthday = ''
+              this.$refs.birthday.date = ''
+              return this.$toast('出生日期不晚于当日')
+            }
+            // //长判断
+            // if (this.userInfo.idType == '1') {
+            //   let age = utilsAge.getAge(this.userInfo.birthday, new Date())
+            //   this.effectiveDateTypeAble = !(age >= 45)
+            // }
+          }
+          break
+        case '5':
+          {
+            //被保人出生日期
+            //如果录入日期晚于当前日期
+            if (Date.parse(val) > Date.parse(new Date())) {
+              this.userInfo.insuredBirthday = ''
+              this.$refs.insuredBirthday.date = ''
+              return this.$toast('出生日期不晚于当日')
+            }
+          }
+          break
+        case '6':
+          {
+            //指定生效日期
+            //如果录入日期晚于当前日期
+            if (Date.parse(val) < Date.parse(new Date())) {
+              return this.$toast('当前日期早于当日')
+            }
+            let currentDataArr = val.split('-')
+            let currentData = currentDataArr[0] + '年' + currentDataArr[1] + '月' + currentDataArr[2] + '日'
+            let insuYear = JSON.parse(localStorage.insuYear)
+            let insuYearM, productDate, productDateTime
+            let insuYearD, hoDate
+            switch (insuYear.insuYearFlag) {
+              case 'D':
+                hoDate = Date.parse(val) / 1000 + (insuYear['insuYear'] - 1) * 24 * 3600
+                break
+              case 'Y':
+                hoDate = Date.parse(val) / 1000 + insuYear['insuYear'] * 24 * 3600 * (afterDate.isLeapYear(new Date(val).getFullYear()) - 1)
+                break
+            }
+            productDate = new Date(parseInt(hoDate) * 1000)
+            insuYearM = productDate.getMonth() + 1 < 10 ? '0' + (productDate.getMonth() + 1) : productDate.getMonth() + 1
+            insuYearD = productDate.getDate() < 10 ? '0' + productDate.getDate() : productDate.getDate()
+            productDateTime = productDate.getFullYear() + '年' + insuYearM + '月' + insuYearD + '日'
+            this.productDate = currentData + '0时至' + productDateTime + '24时止'
+          }
+          break
+        case '7':
+          {
+            console.log('证件截止日期')
+            //被保人--证件截止日期
+            //如果已经勾选了长期
+            // if (this.insuredInfo.effectiveDateType) {
+            //   //清空数据并返回
+            //   this.insuredInfo.certiexpiredate = ''
+            //   this.$refs.certiexpiredate.date = ''
+            //   return
+            // }
+            this.insuredInfo.effectiveDateType = false
+            //如果录入日期早于当前日期
+            if (Date.parse(val) < Date.parse(new Date())) {
+              this.insuredInfo.certiexpiredate = ''
+              this.$refs.certiexpiredate.date = ''
+              return this.$toast('您的证件已过期')
+            }
+          }
+          break
+      }
+    },
+    //选择客户
+    chooseCustomer(data) {
+      data = data[0]
+      console.log(data)
+      console.log(typeof this.selectUser)
+
+      if (this.selectUser == '1') {
+        this.customerShowPicker2 = false
+      } else {
+        this.customerShowPicker = false
+      }
+
+      this.$jump({
+        flag: 'navigation',
+        extra: {
+          title: '投被保人信息',
+          hiddenRight: '1'
+        }
+      })
+      if (this.selectUser == '0') {
+        let { customerName, customerSex } = data
+        this.userInfo.name = customerName //用户名
+        this.userInfo.sex = customerSex ? customerSex.toString() : '0' //性别
+        this.userInfo.birthday = data.birthday //出生日期
+        if (data.customerIdType == 1) {
+          console.log(data)
+          this.userInfo.idType = data.customerIdType //证件类型
+          this.userInfo.idNo = data.customerIdNumber //证件类别
+        }
+        this.userInfo.email = data.email //邮箱
+
+        this.userInfo.mobile = data.customerPhone //移动电话
+        this.userInfo.homeProvince = data.homeProvince //家庭省
+        this.userInfo.homeCity = data.homeCity //家庭市
+        this.userInfo.homeArea = data.homeArea //家庭区
+        if (data.homeProvince && data.homeCity && data.homeArea) {
+          this.userInfo.homeName = getAreaName([{ code: data.homeProvince }, { code: data.homeCity }, { code: data.homeArea }]) //家庭地址
+        }
+        this.userInfo.homeAddress = data.homeAddress //家庭详细地址
+        this.userInfo.occupationCode = data.occupationCode
+        this.userInfo.occupationName = data.occupationName
+        this.userInfo.lifeGrade = data.lifeGrade
+        this.userInfo.healthGrade = data.healthGrade
+        this.userInfo.nativeplace = data.country
+        this.userInfo.marriage = data.marryStatus
+
+        // 计算年龄
+        // let age = utilsAge.getAge(this.userInfo.birthday, new Date())
+
+        this.getRelatedData(this.userInfo.idNo, '1')
+      } else if (this.selectUser == '1') {
+        let { customerName, customerSex } = data
+        this.insuredInfo.name = customerName //用户名
+        this.insuredInfo.sex = customerSex ? customerSex.toString() : '0' //性别
+
+        this.insuredInfo.birthday = data.birthday //出生日期
+        if (data.customerIdType == 1) {
+          this.insuredInfo.idType = data.customerIdType //证件类型
+          this.insuredInfo.idNo = data.customerIdNumber //证件类别
+        }
+
+        this.insuredInfo.email = data.email //邮箱
+        this.insuredInfo.mobile = data.customerPhone //移动电话
+        this.insuredInfo.homeProvince = data.homeProvince //家庭省
+        this.insuredInfo.homeCity = data.homeCity //家庭市
+        this.insuredInfo.homeArea = data.homeArea //家庭区
+        if (data.homeProvince && data.homeCity && data.homeArea) {
+          this.insuredInfo.homeName = getAreaName([{ code: data.homeProvince }, { code: data.homeCity }, { code: data.homeArea }]) //家庭地址
+        }
+        this.insuredInfo.homeAddress = data.homeAddress //家庭详细地址
+        this.insuredInfo.occupationCode = data.occupationCode
+        this.insuredInfo.occupationName = data.occupationName
+        this.insuredInfo.lifeGrade = data.lifeGrade
+        this.insuredInfo.healthGrade = data.healthGrade
+        this.insuredInfo.nativeplace = data.country
+        this.insuredInfo.marriage = data.marryStatus
+        // 计算年龄
+        // let age = utilsAge.getAge(this.userInfo.birthday, new Date())
+
+        // 计算年龄
+        // let age = utilsAge.getAge(this.userInfo.birthday, new Date())
+
+        this.getRelatedData(this.insuredInfo.idNo, '2')
+      }
+      // console.log(data, val)
+    },
+    nextStep() {
+      // console.log(this.userInfo.idType)
+      // console.log(this.userInfo.salarySource)
+      // console.log(this.userInfo.otherSalarySource)
+      //表单校验, 成功跳转
+      if (this.userInfo.relationToInsured == 1) {
+        Object.assign(this.insuredInfo, this.userInfo)
+      }
+      this.$validator.validate().then(valid => {
+        if (true === valid) {
+          // localStorage.chooseProductCodesNew = localStorage.chooseProductCodes
+          //投保人校验
+          // 计算年龄
+          if (!this.insuredInfo.name) {
+            return this.$toast('被保人姓名不能为空')
+          }
+
+          if (!this.insuredInfo.idNo) {
+            return this.$toast('被保人证件号码不能为空')
+          }
+
+          if (!this.insuredInfo.birthday) {
+            return this.$toast('被保人出生日期不能为空')
+          }
+          if (!this.insuredInfo.mobile) {
+            return this.$toast('被保人手机号不能为空')
+          }
+          if (!this.insuredInfo.email) {
+            return this.$toast('被保人邮箱不能为空')
+          }
+          if (!this.insuredInfo.occupationName) {
+            return this.$toast('被保人职业不能为空')
+          }
+          if (!this.insuredInfo.nativeplace) {
+            return this.$toast('被保人国籍不能为空')
+          }
+          if (!this.insuredInfo.marriage) {
+            return this.$toast('被保人婚姻状况不能为空')
+          }
+          if (!this.insuredInfo.homeName) {
+            return this.$toast('被保人联系地址不能为空')
+          }
+          if (!this.insuredInfo.homeAddress) {
+            return this.$toast('被保人详细地址不能为空')
+          }
+          if (this.userInfo.relationToInsured == 2 && this.userInfo.sex == this.insuredInfo.sex) {
+            return this.$toast('哦~配偶性别不能相同的哟~')
+          }
+
+          let age = utilsAge.getAge(this.userInfo.birthday, new Date())
+          console.log('计算年龄', age)
+          // return
+          // 如果是未成年人
+          if (age < 18) {
+            return this.$toast('亲，投保人年龄必须大于等于18周岁哦~')
+          }
+          //如果证件类型是身份证
+          if (this.userInfo.idType == '1') {
+            console.log('证件类型是身份证')
+            //校验性别是否与身份证号码位相符
+            if (this.userInfo.idNo.length == '15') {
+              //15位身份证第15位是性别位, 奇男偶女
+              let sexSign = this.userInfo.idNo.substr(14, 1)
+              console.log('性别位' + sexSign)
+              if ((parseInt(sexSign) % 2 == 0 && this.userInfo.sex != 1) || (parseInt(sexSign) % 2 != 0 && this.userInfo.sex != 0)) {
+                return this.$toast('性别录入与身份证不符')
+              }
+
+              //15位身份证第7-12位是生日位, 年月日
+              let birthSign = this.userInfo.idNo.substr(6, 6)
+              console.log('生日位' + birthSign)
+              if (
+                this.userInfo.birthday.substr(2, 2) != birthSign.substr(0, 2) ||
+                this.userInfo.birthday.substr(5, 2) != birthSign.substr(2, 2) ||
+                this.userInfo.birthday.substr(8, 2) != birthSign.substr(4, 2)
+              ) {
+                return this.$toast('生日录入与身份证不符')
+              }
+            } else if (this.userInfo.idNo.length == '18') {
+              //18位身份证第17位是性别位, 奇男偶女
+              let sexSign = this.userInfo.idNo.substr(16, 1)
+              if ((parseInt(sexSign) % 2 == 0 && this.userInfo.sex != 1) || (parseInt(sexSign) % 2 != 0 && this.userInfo.sex != 0)) {
+                return this.$toast('性别录入与身份证不符')
+              }
+
+              //18位身份证第7-14位是生日位, 年月日
+              let birthSign = this.userInfo.idNo.substr(6, 8)
+              if (
+                this.userInfo.birthday.substr(0, 4) != birthSign.substr(0, 4) ||
+                this.userInfo.birthday.substr(5, 2) != birthSign.substr(4, 2) ||
+                this.userInfo.birthday.substr(8, 2) != birthSign.substr(6, 2)
+              ) {
+                return this.$toast('生日录入与身份证不符')
+              }
+            }
+
+            // 证件号码规则校验
+            if (!idNoCheck.isIdno(this.userInfo.idNo)) {
+              console.log('证件号码校验有误')
+              return this.$toast('您填写的证件号码有误')
+            }
+            if (age < 46 && this.userInfo.effectiveDateType == true) {
+              return this.$toast('证件有效期错误，年龄小于46周岁的公民身份证有效期不能为长期')
+            }
+            // 年龄在 16-25 周岁之间
+            if (age <= 15) {
+              if (Date.parse(this.userInfo.certiexpiredate) - Date.parse(new Date()) > Date.parse('1975-01-01')) {
+                this.userInfo.certiexpiredate = ''
+                this.$refs.certiexpiredate.date = ''
+                // this.effectiveDateTypeAble = true
+                return this.$toast('证件有效期错误，未满16周岁的公民身份证有效期应小于等于5年')
+              }
+              //年龄在 16-25 周岁之间
+            } else if (age >= 16 && age <= 25) {
+              console.log('年龄在16-25周岁之间')
+              if (Date.parse(this.userInfo.certiexpiredate) - Date.parse(new Date()) > Date.parse('1980-01-01')) {
+                this.userInfo.certiexpiredate = ''
+                this.$refs.certiexpiredate.date = ''
+                this.effectiveDateTypeAble = true
+                return this.$toast('证件有效期不正常，16周岁至25周岁公民身份证有效期应小于等于10年')
+              }
+              //年龄在 26-45 周岁之间
+            } else if (age >= 26 && age <= 45) {
+              console.log('年龄在26-45周岁之间')
+              if (Date.parse(this.userInfo.certiexpiredate) - Date.parse(new Date()) > Date.parse('1990-01-01')) {
+                this.userInfo.certiexpiredate = ''
+                this.$refs.certiexpiredate.date = ''
+                this.effectiveDateTypeAble = true
+                return this.$toast('证件有效期不正常，26周岁至45周岁公民身份证有效期应小于等于20年')
+              }
+            }
+          }
+          //如果证件类型是身份证
+          if (this.insuredInfo.idType == '1') {
+            console.log('证件类型是身份证')
+            //校验性别是否与身份证号码位相符
+            if (this.insuredInfo.idNo.length == '15') {
+              //15位身份证第15位是性别位, 奇男偶女
+              let sexSign = this.insuredInfo.idNo.substr(14, 1)
+              console.log('性别位' + sexSign)
+              if ((parseInt(sexSign) % 2 == 0 && this.insuredInfo.sex != 1) || (parseInt(sexSign) % 2 != 0 && this.insuredInfo.sex != 0)) {
+                return this.$toast('性别录入与身份证不符')
+              }
+
+              //15位身份证第7-12位是生日位, 年月日
+              let birthSign = this.insuredInfo.idNo.substr(6, 6)
+              console.log('生日位' + birthSign)
+              if (
+                this.insuredInfo.birthday.substr(2, 2) != birthSign.substr(0, 2) ||
+                this.insuredInfo.birthday.substr(5, 2) != birthSign.substr(2, 2) ||
+                this.insuredInfo.birthday.substr(8, 2) != birthSign.substr(4, 2)
+              ) {
+                return this.$toast('生日录入与身份证不符')
+              }
+            } else if (this.insuredInfo.idNo.length == '18') {
+              //18位身份证第17位是性别位, 奇男偶女
+              let sexSign = this.insuredInfo.idNo.substr(16, 1)
+              if ((parseInt(sexSign) % 2 == 0 && this.insuredInfo.sex != 1) || (parseInt(sexSign) % 2 != 0 && this.insuredInfo.sex != 0)) {
+                return this.$toast('性别录入与身份证不符')
+              }
+
+              //18位身份证第7-14位是生日位, 年月日
+              let birthSign = this.insuredInfo.idNo.substr(6, 8)
+              if (
+                this.insuredInfo.birthday.substr(0, 4) != birthSign.substr(0, 4) ||
+                this.insuredInfo.birthday.substr(5, 2) != birthSign.substr(4, 2) ||
+                this.insuredInfo.birthday.substr(8, 2) != birthSign.substr(6, 2)
+              ) {
+                return this.$toast('生日录入与身份证不符')
+              }
+            }
+
+            // 证件号码规则校验
+            if (!idNoCheck.isIdno(this.insuredInfo.idNo)) {
+              console.log('证件号码校验有误')
+              return this.$toast('您填写的证件号码有误')
+            }
+            if (age < 46 && this.insuredInfo.effectiveDateType == true) {
+              return this.$toast('证件有效期错误，年龄小于46周岁的公民身份证有效期不能为长期')
+            }
+
+            // 年龄在 16-25 周岁之间
+            if (age <= 15) {
+              if (Date.parse(this.insuredInfo.certiexpiredate) - Date.parse(new Date()) > Date.parse('1975-01-01')) {
+                this.insuredInfo.certiexpiredate = ''
+                this.$refs.certiexpiredate.date = ''
+                // this.effectiveDateTypeAble = true
+                return this.$toast('证件有效期错误，未满16周岁的公民身份证有效期应小于等于5年')
+              }
+              //年龄在 16-25 周岁之间
+            } else if (insuredAge >= 16 && insuredAge <= 25) {
+              console.log('年龄在16-25周岁之间')
+              if (Date.parse(this.insuredInfo.certiexpiredate) - Date.parse(new Date()) > Date.parse('1980-01-01')) {
+                this.insuredInfo.certiexpiredate = ''
+                this.$refs.certiexpiredate.date = ''
+                this.certiexpiredateRequiredInsured = true
+                return this.$toast('证件有效期不正常，16周岁至25周岁公民身份证有效期应小于等于10年')
+              }
+              //年龄在 26-45 周岁之间
+            } else if (insuredAge >= 26 && insuredAge <= 45) {
+              if (Date.parse(this.insuredInfo.certiexpiredate) - Date.parse(new Date()) > Date.parse('1990-01-01')) {
+                this.insuredInfo.certiexpiredate = ''
+                this.$refs.certiexpiredate.date = ''
+                this.certiexpiredateRequiredInsured = true
+                return this.$toast('证件有效期不正常，26周岁至45周岁公民身份证有效期应小于等于20年')
+              }
+            }
+          }
+          let insuredAge = utilsAge.getAge(this.insuredInfo.birthday, new Date())
+          console.log('计算年龄', insuredAge)
+          if (this.itemProductDTOS.productCode === 'GFRS_M0022') {
+            // return
+            // 如果是未成年人
+            if (insuredAge < 7 && this.userInfo.relationToInsured != '3') {
+              return this.$toast('0-7岁未成年人须由其父母投保，请确定')
+            }
+
+            if (insuredAge > 75) {
+              return this.$toast('被保险人的年龄不可以超过75周岁')
+            }
+            if (insuredAge < 0) {
+              return this.$toast('被保险人的年龄需要大于28天')
+            }
+          } else if (this.itemProductDTOS.productCode === 'GFRS_M0041') {
+            console.log(this.proSchemeCode)
+            if (this.proSchemeCode == '00000227') {
+              if (insuredAge < 18) {
+                return this.$toast('被保险人的年龄需要大于18岁')
+              }
+            }
+            if (insuredAge < 0) {
+              return this.$toast('被保险人的年龄需要大于28天')
+            }
+            if (insuredAge > 65) {
+              return this.$toast('被保险人的年龄不可以超过65周岁')
+            }
+          }
+
+          //投保人需大于等于 18 周岁
+          // if (age < 18) {
+          //   return this.$toast('投保人必须是具有民事行为能力且有固定职业和收入的自然人，请确定')
+          // }
+
+          this.infoUpdate()
+          // console.log('success')
+        } else {
+          this.$toast(this.$validator.errors.all()[0])
+        }
+      })
+    },
+    //信息变更
+    infoUpdate() {
+      //local 里面是否存有险种信息
+      // let chooseProductCodes = localStorage.chooseProductCodes && JSON.parse(localStorage.chooseProductCodes)
+      // if (chooseProductCodes && chooseProductCodes.length) {
+      //   console.log('haha')
+      //   //获取险种列表
+      //   //取出local中的投保人信息
+      //   let saleInsuredInfo = JSON.parse(localStorage.saleInsuredInfo)
+      //   //如果 性别, 出生日期, 有无社保, 职业 发生变化
+      //   if (this.userInfo.sex != saleInsuredInfo.sex || this.userInfo.birthday != saleInsuredInfo.birthday) {
+      //     console.log('hehe')
+      //     //提示用户
+      //     return this.$dialog
+      //       .confirm({
+      //         className: 'dialog-delete',
+      //         title: '提示',
+      //         message: '当前信息已经发生改变，有可能影响险种费率，是否确认修改并清除险种信息?',
+      //         cancelButtonColor: '#E9332E',
+      //         confirmButtonColor: '#FFFFFF'
+      //       })
+      //       .then(() => {
+      //         // on confirm
+      //         this.save('isShow=1')
+      //         console.log('success')
+      //       })
+      //       .catch(() => {
+      //         // on cancel
+      //         return
+      //       })
+      //   }
+      // }
+      this.save()
+    },
+    async save() {
+      // console.log('this.riskDTOLst', this.riskDTOLst)
+      let params = {
+        orderDTO: {
+          orderInfoDTO: {
+            bnfFlag: '0',
+            supportBank: '0'
+          },
+          appntDTO: this.userInfo,
+          insuredDTOs: [this.insuredInfo]
+        }
+      }
+
+      //组装险种提交数据
+      let [mainRiskCode, riskDTOLst] = ['', []]
+      let rollInResult = '' //校验预计转入保费结果
+      this.chooseProducts.forEach((item, index) => {
+        console.log('itemssss', item)
+        if (item.isMainRisk == 0) {
+          mainRiskCode = item.productCode
+        }
+        let insuYearDate = JSON.parse(localStorage.insuYear)
+        let riskItem = {
+          cvaliDate: this.cvaliDate,
+          isMainRisk: item.isMainRisk,
+          riskName: item.riskName,
+          riskType: item.riskType,
+          riskCode: item.productCode,
+          mainRiskCode: mainRiskCode,
+          prem: this.allPrice,
+          standPrem: this.allPrice,
+          predictTransferPrem: item.predictTransferPrem,
+          thirdInsuraceNo: this.policyNo,
+          mult: this.mult,
+          proScheme: this.proScheme,
+          proSchemeCode: this.proSchemeCode,
+          insuYear: insuYearDate.insuYear,
+          insuYearFlag: insuYearDate.insuYearFlag
+        }
+        if (item.hasPredictTransferPrem && item.hasPredictTransferPrem === '0') {
+          //增加万能险 预计转入保费校验
+          rollInResult = this.rollInCheck(item.predictTransferPrem)
+        } else {
+          rollInResult = true
+        }
+        //责任险保存参数构建
+        if (this.trialList[index].duty) {
+          riskItem['dutyLst'] = this.trialList[index].duty
+          //930折中方案，责任险分档
+          riskItem['amt'] = this.trialList[index].amt
+        }
+
+        //保费算保额
+        if (this.trialList[index].trialType == '1') {
+          riskItem['amt'] = this.trialList[index].amt
+        }
+        //万能型产品保费赋值给保额
+        if (this.trialList[index].productCode == 'GFRS_M0003') {
+          riskItem['amt'] = this.trialList[index].prem
+        }
+        // //豁免险保额处理
+        // if (item.isRemit == '0') {
+        //   this.trialInfos[index].amt = this.trialList[0].prem
+        // }
+        // console.log()
+        // riskItem = Object.assign(riskItem, this.trialInfos[index])
+
+        riskDTOLst.push(riskItem)
+      })
+      if (!rollInResult) {
+        return
+      }
+      params.orderDTO.insuredDTOs[0].riskDTOLst = riskDTOLst
+
+      let resultData = await saveOrUpdateCard(params)
+      if (resultData.result == 0) {
+        console.log('resultData.orderNo', resultData.content.object)
+        //存储被保人信息
+        // let age = utilsAge.getAge(this.userInfo.birthday, new Date())
+        // localStorage.saleInsuredInfo = JSON.stringify({
+        //   birthday: this.userInfo.birthday,
+        //   name: this.userInfo.name,
+        //   sex: this.userInfo.sex,
+        //   idType: this.userInfo.idType,
+        //   age
+        // })
+        // this.userInfo.age = age
+        // localStorage.saleInsuredInfo = JSON.stringify(this.userInfo)
+        // console.log(this.userInfo)
+
+        let orderNo = (localStorage.orderNo = resultData.content.object)
+
+        this.underWrite(orderNo)
+      } else {
+        console.error(resultData.resultMessage)
+        this.$toast(resultData.resultMessage)
+      }
+    },
+    //区域选择
+    sureArea(area, type) {
+      switch (type) {
+        case '1': //单位地址
+          this.areaName = getAreaName(area)
+          ;[this.userInfo.companyProvince, this.userInfo.companyCity, this.userInfo.companyArea] = [area[0].code, area[1].code, area[2].code]
+          this.areaShow = false
+          break
+        case '2': //家庭地址
+          if (this.insureType === '1') {
+            this.userInfo.homeName = getAreaName(area)
+            ;[this.userInfo.homeProvince, this.userInfo.homeCity, this.userInfo.homeArea] = [area[0].code, area[1].code, area[2].code]
+            this.homeShow = false
+          } else if (this.insureType === '2') {
+            this.insuredInfo.homeName = getAreaName(area)
+            ;[this.insuredInfo.homeProvince, this.insuredInfo.homeCity, this.insuredInfo.homeArea] = [area[0].code, area[1].code, area[2].code]
+            this.homeShow = false
+          }
+          break
+        case '3': //户籍
+          this.census = getAreaName(area)
+          ;[this.userInfo.householdProvince, this.userInfo.householdCity] = [area[0].code, area[1].code]
+          this.censusShow = false
+          break
+      }
+    },
+    //获取身份证扫描信息
+    getIdentityInfo(data) {
+      getIdentityInfo(this, data, this.insureType)
+    },
+    // getIdentityInfo(data) {
+    //   console.log(data)
+    //   if (data.name && data.name != '待识别') {
+    //     this.userInfo.certificateValidate = `${data.startDate.substr(0, 4)}-${data.startDate.substr(5, 2)}-${data.startDate.substr(8, 2)}`
+    //     this.userInfo.certiexpiredate = `${data.endDate.substr(0, 4)}-${data.endDate.substr(5, 2)}-${data.endDate.substr(8, 2)}`
+    //     this.userInfo.name = data.name
+    //     this.userInfo.idNo = data.idNo
+    //     this.userInfo.birthday = `${data.birthYear}-${data.birthMonth}-${data.birthDay}`
+    //     this.userInfo.sex = data.gender == '男' ? '0' : '1'
+    //   }
+    //   this.isScan = false
+    //   this.$jump({
+    //     flag: 'navigation',
+    //     extra: {
+    //       title: '投保人信息',
+    //       hiddenRight: '1'
+    //     }
+    //   })
+    // },
+    getRelatedData(val, ind) {
+      if (ind == '1') {
+        if (this.userInfo.idType != '1') {
+          return
+        }
+        //如果证件校验不通过,恢复默认值
+        if (idToData(val).text) {
+          ;[this.userInfo.idNo, this.userInfo.sex, this.userInfo.birthday] = ['', '0', '']
+          return this.$toast(idToData(val).text)
+        }
+        this.userInfo.birthday = idToData(val).birthday
+        this.userInfo.sex = idToData(val).sex
+      }
+      if (ind == '2') {
+        if (this.insuredInfo.idType != '1') {
+          return
+        }
+        //如果证件校验不通过,恢复默认值
+        if (idToData(val).text) {
+          ;[this.insuredInfo.idNo, this.insuredInfo.sex, this.insuredInfo.birthday] = ['', '0', '']
+          return this.$toast(idToData(val).text)
+        }
+        this.insuredInfo.birthday = idToData(val).birthday
+        this.insuredInfo.sex = idToData(val).sex
+      }
+    }
+  },
+  // beforeDestroy() {
+  //   //清理计时器
+  //   console.log('123')
+  //   window.clearInterval(this.timeId)
+  //   this.timeId = null
+  //   this.countDown = 60
+  //   this.codeDisabled = false
+  // },
+  watch: {
+    'userInfo.relationToInsured': {
+      handler(newV) {
+        // 如果关系为本人，将投保人信息带入到被保人信息上
+        if (newV === 1) {
+          Object.assign(this.insuredInfo, this.userInfo)
+        } else {
+          this.insuredInfo = {
+            name: '', // 被保人姓名
+            idType: '1', //被保人证件类型
+            idNo: '', //被保人证件号码
+            sex: '0', //被保人性别
+            birthday: '', //被保人出生日期
+            occupationCode: '', //职业代码
+            occupationName: '', //职业名称
+            lifeGrade: '', //寿险等级
+            healthGrade: '', //健康等级
+            nativeplace: '', //国家地区
+            marriageStatus: '', //婚姻状况
+            homeProvince: '', //家庭省
+            homeCity: '', //家庭市
+            homeArea: '450101', //家庭区
+            homeName: '', //联系地址
+            homeAddress: '', //详细地址
+            mobile: '', //移动电话
+            email: '' //电子邮箱
+          }
+          if (newV === 2) {
+            this.userInfo.sex === '0' ? (this.insuredInfo.sex = '1') : (this.insuredInfo.sex = '0')
+          }
+        }
+      },
+      immediate: true,
+      deep: true
+    },
+    'userInfo.sex': {
+      handler(newV) {
+        if (this.userInfo.relationToInsured === 2) {
+          this.insuredInfo.sex = this.userInfo.sex === '0' ? '1' : '0'
+        }
+      },
+      immediate: true,
+      deep: true
+    }
+  }
+}
+</script>
+<style lang="scss">
+.insured-info-container {
+  /deep/.van-checkbox {
+    margin-left: auto;
+    align-items: normal;
+    .van-checkbox__icon {
+      margin-top: 5px;
+    }
+  }
+  /deep/.van-radio {
+    margin-left: auto;
+  }
+}
+.van-checkbox__label {
+  font-size: 13px;
+}
+.tips {
+  font-size: 14px;
+  color: #333;
+  padding: 15px;
+}
+</style>
diff --git a/src/views/ebiz/cardList/informationOld.vue b/src/views/ebiz/cardList/informationOld.vue
new file mode 100644
index 000000000..7b93c14a8
--- /dev/null
+++ b/src/views/ebiz/cardList/informationOld.vue
@@ -0,0 +1,1598 @@
+<template>
+  <div class="insured-info-container pb50">
+    <!-- 投保人信息 -->
+    <van-cell-group class="mt10">
+      <p style="border-bottom: 1px solid #ebedf0" class="fs15 fwb pl10 pv12">投保人信息</p>
+      <customer-picker
+        @on-choose="chooseCustomer(arguments)"
+        v-validate="'required|name'"
+        name="投保人姓名"
+        label="投保人姓名"
+        required
+        :parentShowPicker.sync="customerShowPicker"
+        v-model="userInfo.name"
+        @nameChange="nameChange"
+        @on-click="selectClick('1', '0')"
+      ></customer-picker>
+      <van-field
+        :value="userInfo.idType | idToText('insuredIdType')"
+        v-validate="'required'"
+        readonly
+        required
+        label="证件类型"
+        @click="toSelect('2')"
+        name="证件类型"
+        right-icon="arrow"
+        placeholder="请选择"
+      />
+
+      <!-- <van-field v-model="userInfo.idNo" v-validate="'required|idNo'" maxlength="18" label="证件号码" name="证件号码" placeholder="请输入" clearable> -->
+      <van-field
+        v-model="userInfo.idNo"
+        maxlength="18"
+        required
+        label="证件号码"
+        v-validate="'required'"
+        name="证件号码"
+        placeholder="请输入"
+        clearable
+        @blur="getRelatedData(userInfo.idNo, '1')"
+      >
+        <van-button v-if="userInfo.idType == 1" slot="button" size="small" type="danger" round @click="selectClick('3', '', '1')">证件扫描</van-button>
+      </van-field>
+      <select-radio required :radios="sexRadio" label="性别" name="性别" v-validate="'required'" :value.sync="userInfo.sex"></select-radio>
+      <FieldDatePicter
+        v-validate="'required'"
+        label="出生日期"
+        name="出生日期"
+        required
+        :value.sync="userInfo.birthday"
+        type="date"
+        :flag="true"
+        @confirm="onDateConfirm($event, '2')"
+        ref="birthday"
+        :maxDate="maxDate"
+      >
+      </FieldDatePicter>
+      <van-field
+        required
+        v-model="userInfo.mobile"
+        clearable
+        label="手机号码"
+        name="手机号码"
+        placeholder="请输入"
+        v-validate="'required|mobile'"
+        maxlength="11"
+      />
+      <van-field v-model="userInfo.email" required label="邮箱" name="邮箱" placeholder="请输入" v-validate="'required|email'" clearable />
+      <!-- <van-field v-model="userInfo.workcompany" required label="工作单位" name="工作单位" placeholder="请输入" v-validate="'required'" maxlength="50" clearable /> -->
+      <van-field
+        v-validate="'required'"
+        @click="openOccupation('1')"
+        required
+        label="职业类别"
+        placeholder="请输入"
+        name="职业类别"
+        :value="userInfo.occupationName"
+        right-icon="arrow"
+      />
+      <van-field
+        v-validate="'required'"
+        :value="userInfo.nativeplace | idToText('nativeplace')"
+        readonly
+        required
+        label="国籍"
+        name="国籍"
+        right-icon="arrow"
+        placeholder="请选择"
+        @click="toSelect('1')"
+      />
+      <van-field
+        :value="userInfo.marriage | idToText('marriage')"
+        readonly
+        required
+        label="婚姻状况"
+        name="婚姻状况"
+        v-validate="'required'"
+        right-icon="arrow"
+        placeholder="请选择"
+        @click="toSelect('6')"
+      />
+      <van-field
+        v-model="userInfo.homeName"
+        readonly
+        label="联系地址"
+        name="联系地址"
+        required
+        right-icon="arrow"
+        placeholder="请选择"
+        v-validate="'required'"
+        @click="areaSelect('1')"
+      />
+      <van-field v-model="userInfo.homeAddress" label name="详细地址" placeholder="请输入详细地址" v-validate="'required'" clearable maxlength="30" />
+      <!-- </template> -->
+      <van-field
+        :value="userInfo.relationToInsured | idToText('relationToAppnt')"
+        readonly
+        required
+        label="与被保人关系"
+        name="与被保人关系"
+        right-icon="arrow"
+        placeholder="请选择"
+        v-validate="'required'"
+        @click="toSelect('9')"
+      />
+    </van-cell-group>
+    <!-- 被保险人信息 -->
+    <van-cell-group class="mt10" v-if="userInfo.relationToInsured != 1">
+      <p style="border-bottom: 1px solid #ebedf0" class="fs15 fwb pl10 pv12">被保人信息</p>
+      <customer-picker
+        @on-choose="chooseCustomer(arguments)"
+        v-validate="'required|name'"
+        name="被保险人姓名"
+        label="被保险人姓名"
+        required
+        :parentShowPicker.sync="customerShowPicker2"
+        v-model="insuredInfo.name"
+        @nameChange="nameChanges"
+        @on-click="selectClick('1', '1')"
+      ></customer-picker>
+      <van-field
+        :value="insuredInfo.idType | idToText('insuredIdType')"
+        v-validate="'required'"
+        readonly
+        required
+        @click="toSelect('22')"
+        label="证件类型"
+        name="证件类型"
+        right-icon="arrow"
+        placeholder="请选择"
+      />
+      <van-field
+        v-model="insuredInfo.idNo"
+        maxlength="18"
+        required
+        label="证件号码"
+        v-validate="'required'"
+        name="证件号码"
+        placeholder="请输入"
+        clearable
+        @blur="getRelatedData(insuredInfo.idNo, '2')"
+      >
+        <van-button v-if="insuredInfo.idType == 1" slot="button" size="small" type="danger" round @click="selectClick('3', '', '2')">证件扫描</van-button>
+      </van-field>
+      <select-radio required :radios="sexRadio" label="性别" name="性别" v-validate="'required'" :value.sync="insuredInfo.sex"></select-radio>
+      <FieldDatePicter
+        label="出生日期"
+        name="出生日期"
+        required
+        :value.sync="insuredInfo.birthday"
+        type="date"
+        :flag="true"
+        @confirm="onDateConfirm($event, '5')"
+        ref="insuredBirthday"
+        :maxDate="insuredMaxDate"
+      ></FieldDatePicter>
+      <van-field
+        required
+        v-model="insuredInfo.mobile"
+        clearable
+        label="手机号码"
+        name="手机号码"
+        placeholder="请输入"
+        v-validate="'required|mobile'"
+        maxlength="11"
+      />
+      <van-field v-model="insuredInfo.email" required label="邮箱" name="邮箱" placeholder="请输入" v-validate="'required|email'" clearable />
+      <van-field
+        required
+        @click="openOccupation('2')"
+        label="职业类别"
+        placeholder="请输入"
+        name="职业类别"
+        :value="insuredInfo.occupationName"
+        right-icon="arrow"
+      />
+      <van-field
+        :value="insuredInfo.nativeplace | idToText('nativeplace')"
+        readonly
+        required
+        label="国籍"
+        name="国籍"
+        right-icon="arrow"
+        placeholder="请选择"
+        @click="toSelect('11')"
+      />
+      <van-field
+        :value="insuredInfo.marriage | idToText('marriage')"
+        readonly
+        required
+        label="婚姻状况"
+        name="婚姻状况"
+        right-icon="arrow"
+        placeholder="请选择"
+        @click="toSelect('66')"
+      />
+      <van-field
+        v-model="insuredInfo.homeName"
+        readonly
+        label="联系地址"
+        name="联系地址"
+        required
+        right-icon="arrow"
+        placeholder="请选择"
+        @click="areaSelect('2')"
+      />
+      <van-field v-model="insuredInfo.homeAddress" label name="详细地址" placeholder="请输入详细地址" clearable maxlength="30" />
+    </van-cell-group>
+    <van-cell-group class="mt10" v-else>
+      <p style="border-bottom: 1px solid #ebedf0" class="fs15 fwb pl10 pv12">被保人信息</p>
+      <customer-picker v-validate="'required|name'" name="被保险人姓名" label="被保险人姓名" required readonly :value.sync="userInfo.name"></customer-picker>
+
+      <van-field
+        :value="userInfo.idType | idToText('insuredIdType')"
+        v-validate="'required'"
+        readonly
+        required
+        label="证件类型"
+        name="证件类型"
+        right-icon="arrow"
+        placeholder="请选择"
+      />
+      <van-field
+        v-model="userInfo.idNo"
+        maxlength="18"
+        required
+        readonly
+        label="证件号码"
+        v-validate="'required'"
+        name="证件号码"
+        placeholder="请输入"
+        clearable
+      />
+      <select-radio required :disabled="true" :radios="sexRadio" label="性别" name="性别" v-validate="'required'" :value.sync="userInfo.sex"></select-radio>
+      <FieldDatePicter
+        v-validate="'required'"
+        label="出生日期"
+        name="出生日期"
+        readonly
+        required
+        :value.sync="userInfo.birthday"
+        type="date"
+        :flag="true"
+        ref="insuredBirthday"
+        :maxDate="maxDate"
+      ></FieldDatePicter>
+      <van-field
+        required
+        v-model="userInfo.mobile"
+        clearable
+        label="手机号码"
+        name="手机号码"
+        placeholder="请输入"
+        v-validate="'required|mobile'"
+        maxlength="11"
+      />
+      <van-field v-model="userInfo.email" required label="邮箱" name="邮箱" placeholder="请输入" v-validate="'required|email'" clearable />
+      <van-field readonly required label="职业类别" name="职业类别" :value="userInfo.occupationName" right-icon="arrow" />
+      <van-field
+        :value="userInfo.nativeplace | idToText('nativeplace')"
+        readonly
+        required
+        label="国籍"
+        name="国籍"
+        v-validate="'required'"
+        right-icon="arrow"
+        placeholder="请选择"
+      />
+      <van-field
+        :value="userInfo.marriage | idToText('marriage')"
+        readonly
+        required
+        label="婚姻状况"
+        name="婚姻状况"
+        v-validate="'required'"
+        right-icon="arrow"
+        placeholder="请选择"
+      />
+      <van-field
+        v-model="userInfo.homeName"
+        readonly
+        label="联系地址"
+        name="联系地址"
+        required
+        right-icon="arrow"
+        placeholder="请选择"
+        v-validate="'required'"
+      />
+      <van-field readonly v-model="userInfo.homeAddress" label name="详细地址" placeholder="请输入详细地址" v-validate="'required'" clearable maxlength="30" />
+    </van-cell-group>
+    <!-- 受益人信息 -->
+    <van-cell-group class="mt10">
+      <p style="border-bottom: 1px solid #ebedf0" class="fs15 fwb pl10 pv12">受益人信息</p>
+      <van-field required readonly v-model="bnfTypeVal" clearable label="受益人类型" v-validate="'required'" style="border-bottom: 1px solid #ebedf0" />
+    </van-cell-group>
+    <p style="background: white; border-bottom: 1px solid #ebedf0" class="fs15 fwb pl10 pv12">产品信息</p>
+    <van-field
+      :value="proScheme"
+      readonly
+      required
+      label="保障方案"
+      name="保障方案"
+      v-validate="'required'"
+      right-icon="arrow"
+      placeholder="请选择"
+      @click="toSelect('10')"
+    />
+    <FieldDatePicter
+      label="指定生效日期"
+      name="指定生效日期"
+      required
+      v-validate="'required'"
+      :minDate="now"
+      :value.sync="cvaliDate"
+      type="date"
+      :flag="true"
+      @confirm="onDateConfirm($event, '6')"
+      ref="effectiveDate"
+      input-align:right
+      :maxDate="filterMaxDate"
+    >
+    </FieldDatePicter>
+    <div v-if="cvaliDate.length > 0" class="van-cell van-field" style="border-bottom: 1px solid rgb(235, 237, 240)">
+      <div class="van-cell__title van-field__label"><span>保险期间</span></div>
+      <div class="van-cell__value">
+        <div class="van-field__body">
+          <span class="van-field__control">{{ productDate }}</span>
+        </div>
+      </div>
+    </div>
+    <!-- <van-checkbox-group v-model="result" ref="checkboxGroup" style="box-sizing:border-box;" class="pl8 pr20 pt10 pb10 bg-white">
+      <van-checkbox name="a" shape="square" icon-size="13px"
+        >本人已仔细阅读并了解
+        <span class="blue" @click.stop="goDocu($assetsUrl + 'product/GFRS_M0022/M0022Notice.pdf', '短期交通卡投保须知')">《投保须知》</span>
+        <span class="blue" @click.stop="goDocu($assetsUrl + 'product/GFRS_M0022/M0022Explain.pdf', '短期交通卡投保声明')">《投保声明》</span>
+        和
+        <span class="blue" @click.stop="goDocu($assetsUrl + 'product/GFRS_M0022/M0022.pdf', '国富人寿综合交通意外保险2020')"
+          >《国富人寿综合交通工具意外伤害保险（2020版）条款》</span
+        >
+        等内容，自愿为被保险人投保本保险。<br />
+        为未成年子女投保的人身保险，在被保险人成年之前，因被保险人身故给付的保险金总和不得超过国务院保险监督管理机构规定的限额，身故给付的保险金额总和的约定也不得超过前述限额。但航空意外死亡保险金额及重大自然灾害意外死亡保险金额不计算在上述规定限额之中。</van-checkbox
+      >
+    </van-checkbox-group> -->
+    <!-- <div class="tips" v-if="cvaliDate.length > 0">注：2020年04月03日0时至2021年04月02日24时止。</div> -->
+
+    <van-goods-action style="z-index: 99">
+      <van-button type="default" style="width: 50%; font-size: 14px; height: 40px; background: white"
+        >总保费:<span style="color: red; font-weight: bold; font-size: 18px; font-weight: 400">{{ allPrice }}</span
+        >元</van-button
+      >
+      <van-goods-action-button type="danger" text="立即投保" @click="nextStep" v-no-more-click="1000" style="border-radius: 0em; width: 50%; height: 40px" />
+    </van-goods-action>
+
+    <!-- 职业类别弹窗 -->
+    <van-popup v-model="occupationShowPicker" position="bottom">
+      <occupation-for-loop @chooseOccupation="chooseOccupation" :name="occupationName" :code="occupationCode"></occupation-for-loop>
+    </van-popup>
+    <!-- 字段选择 -->
+    <van-popup v-model="popupShow" position="bottom">
+      <van-picker show-toolbar :columns="columns" @confirm="onConfirm" :default-index="pickerIndex" @cancel="popupShow = false" />
+    </van-popup>
+    <!-- 地区选择 -->
+    <!-- <van-popup v-model="areaShow" position="bottom">
+      <van-area :area-list="areaList" value="110101" @confirm="sureArea($event, '1')" @cancel="areaShow = false" />
+    </van-popup> -->
+    <!-- 家庭地址选择 -->
+    <van-popup v-model="homeShow" position="bottom">
+      <van-area :area-list="areaList" :value="areaCode" @confirm="sureArea($event, '2')" @cancel="homeShow = false" />
+    </van-popup>
+    <!-- 户籍选择 -->
+    <van-popup v-model="censusShow" position="bottom">
+      <van-area :area-list="areaList" value="110101" :columns-num="2" @confirm="sureArea($event, '3')" @cancel="censusShow = false" />
+    </van-popup>
+    <!--身份证扫描 -->
+    <van-popup v-model="isScan" position="bottom">
+      <IdentityCardScan @getScanInfo="getIdentityInfo"></IdentityCardScan>
+    </van-popup>
+    <van-popup v-model="isScan2" position="bottom">
+      <IdentityCardScan @getScanInfo="getIdentityInfo"></IdentityCardScan>
+    </van-popup>
+  </div>
+</template>
+<script>
+import { Field, CellGroup, Checkbox, CheckboxGroup, Popup, Picker, Area, RadioGroup, Radio } from 'vant'
+import SelectRadio from '@/components/ebiz/SelectRadio'
+import FieldDatePicter from '@/components/ebiz/FieldDatePicter'
+import OccupationPicker from '@/components/ebiz/occipation/OccupationPicker'
+import CustomerPicker from '@/components/ebiz/customer/CustomerPicker'
+import DataDictionary from '@/assets/js/utils/data-dictionary'
+import areaList from '@/assets/js/utils/areaForSale'
+import { saveOrUpdateCard } from '@/api/ebiz/cardList/cardList.js'
+import { underWrite } from '@/api/ebiz/sale/sale'
+import utilsAge from '@/assets/js/utils/age'
+import getAreaName from '@/assets/js/utils/getAreaNameForSale'
+import IdentityCardScan from '@/components/ebiz/sale/IdentityCardScan'
+import idNoCheck from '@/assets/js/utils/idNoCheck'
+import beforeDate from '@/assets/js/utils/getBeforeDate.js'
+import afterDate from '@/assets/js/utils/getAfterDate.js'
+import CacheUtils from '@/assets/js/utils/cacheUtils'
+import { idToData } from './js/verification'
+import OccupationForLoop from '@/components/ebiz/occipation/OccupationForLoop'
+import { selectComp, getIdentityInfo } from './js/methods'
+import Vue from 'vue'
+import { GoodsAction, GoodsActionIcon, GoodsActionButton } from 'vant'
+DataDictionary.relationToAppnt = DataDictionary.relationToAppnt.slice(0, 4)
+Vue.use(Checkbox).use(CheckboxGroup)
+Vue.use(GoodsAction)
+  .use(GoodsActionIcon)
+  .use(GoodsActionButton)
+export default {
+  name: 'insuredInfo',
+  components: {
+    [SelectRadio.name]: SelectRadio,
+    [FieldDatePicter.name]: FieldDatePicter,
+    [OccupationPicker.name]: OccupationPicker,
+    [CustomerPicker.name]: CustomerPicker,
+    [Field.name]: Field,
+    [CellGroup.name]: CellGroup,
+    [Checkbox.name]: Checkbox,
+    [Popup.name]: Popup,
+    [Picker.name]: Picker,
+    [Area.name]: Area,
+    [RadioGroup.name]: RadioGroup,
+    [Radio.name]: Radio,
+    [IdentityCardScan.name]: IdentityCardScan,
+    OccupationForLoop
+  },
+  data() {
+    return {
+      proScheme: '', //保障方案
+      proSchemeCode: '',
+      productDate: '', //保险期间
+      now: afterDate.getAfterDays(1), //指定生效日期最小值
+      insuredSex: '男',
+      isScan: false, //是否显示证件扫描组件
+      isScan2: false,
+      allPrice: 0,
+      result: [],
+      checked: true,
+      current: 'userInfo',
+      sexRadio: [
+        {
+          label: '男',
+          value: '0'
+        },
+        {
+          label: '女',
+          value: '1'
+        }
+      ],
+      medicalRadio: [
+        {
+          label: '有',
+          value: '0'
+        },
+        {
+          label: '无',
+          value: '1'
+        }
+      ],
+      maxDate: beforeDate.getBeforeYear(18), //投保人出生日期可选最大值
+      insuredMaxDate: beforeDate.getBeforeDays(28), //被保人出生日期可选最大值
+      filterMaxDate: beforeDate.getBeforeYear(-2),
+      popupShow: false,
+      areaShow: false, //省级联动
+      homeShow: false, //家庭地址联动
+      censusShow: false, //户籍联动
+      pickerType: undefined,
+      columns: [],
+      valueKey: 'text',
+      homeName: '', //家庭地址
+      bnfTypeVal: '法定受益人', //受益人类型文字展示
+      cvaliDate: '', //指定生效日期
+      //投保人信息
+      userInfo: {
+        name: '', //投保人姓名
+        insuredname: '',
+        sex: '0', //投保人性别
+        bnfType: '0', // 受益人类型
+        bnfSelec: '请选择',
+        birthday: '', //投保人出生日期
+        relationToInsured: '1',
+        idType: '1', //证件类型
+        idNo: '', //证件号码
+        occupationCode: '', //职业代码
+        occupationName: '', //职业名称
+        lifeGrade: '', //寿险等级
+        healthGrade: '', //健康等级
+        nativeplace: '1', //国家地区
+        marriageStatus: '', //婚姻状况
+        homeProvince: '', //家庭省
+        homeCity: '', //家庭市
+        homeArea: '450101', //家庭区
+        homeName: '', //联系地址
+        homeAddress: '', //详细地址
+        mobile: '', //移动电话
+        email: '' //电子邮箱
+        // effectiveDate: '' //指定生效日期
+      },
+      //被保人信息
+      insuredInfo: {
+        name: '', // 被保人姓名
+        idType: '1', //被保人证件类型
+        idNo: '', //被保人证件号码
+        sex: '0', //被保人性别
+        birthday: '', //被保人出生日期
+        occupationCode: '', //职业代码
+        occupationName: '', //职业名称
+        lifeGrade: '', //寿险等级
+        healthGrade: '', //健康等级
+        nativeplace: '', //国家地区
+        marriageStatus: '', //婚姻状况
+        homeProvince: '', //家庭省
+        homeCity: '', //家庭市
+        homeArea: '450101', //家庭区
+        homeName: '', //联系地址
+        homeAddress: '', //详细地址
+        mobile: '', //移动电话
+        email: '' //电子邮箱
+      },
+      selectUser: '',
+      areaList: areaList,
+      currentPopupIndex: '',
+      customerShowPicker: false,
+      customerShowPicker2: false,
+      occupationShowPicker: false,
+      timeId: null,
+      chooseProducts: JSON.parse(localStorage.chooseProducts),
+      trialList: JSON.parse(CacheUtils.getLocItem('trialList')),
+      pdf: ['', '', ''],
+      insureType: '',
+      pickerIndex: 0,
+      areaCode: '450101',
+      occupationCode: '',
+      occupationName: '',
+      itemProductDTOS: JSON.parse(CacheUtils.getLocItem('itemProductDTOS')) //
+    }
+  },
+  created() {
+    // document.body.style.backgroundColor = '#F5F5F5'
+    //如果是编辑进来
+    // if (this.$route.query.edit) {
+    //   getOrderDetail({ orderNo: localStorage.orderNo }).then(res => {
+    //     if (res.result == 0) {
+    //       //投保人信息返显
+    //       this.userInfo = res.orderDTO.appntDTO
+    //       //是否长期
+    //       this.userInfo.effectiveDateType = res.orderDTO.appntDTO.effectiveDateType == 'false' ? false : true
+    //       //有无社保
+    //       this.userInfo.medical = '1'
+    //       //设为联系地址
+    //       this.userInfo.addressStatus = '0'
+    //       //证件类型
+    //       this.userInfo.idType = '1'
+    //       //国家/地区
+    //       this.userInfo.nativeplace = '1'
+    //       this.$utils.intLocalStorage(res)
+    //     }
+    //   })
+    // }
+  },
+  mounted() {
+    // 筛选按钮的点击事件
+    window.appCallBack = this.appCallBack
+    if (this.itemProductDTOS.productCode === 'GFRS_M0022') {
+      this.proScheme = '畅行无忧'
+      this.proSchemeCode = ''
+      this.allPrice = this.trialList[0].prem
+    } else {
+      // this.proScheme = this.trialList[0].proScheme
+      // this.proSchemeCode = this.trialList[0].proSchemeCode
+      // this.allPrice = this.trialList[0].prem
+      this.now = afterDate.getAfterDays(Number(this.trialList[0].timeliness))
+    }
+  },
+  methods: {
+    /**
+     * @description:
+     * @param {*} data
+     * @return {*}
+     */
+    chooseOccupation(data) {
+      let { code, name, healthGrade, lifeGrade } = data
+      this.$jump({
+        flag: 'navigation',
+        extra: {
+          title: '职业类别',
+          hiddenRight: '1'
+        }
+      })
+      this.occupationShowPicker = false
+      if (this.insureType === '1') {
+        this.userInfo.occupationName = name
+        this.userInfo.occupationCode = code
+      } else if (this.insureType === '2') {
+        this.insuredInfo.occupationName = name
+        this.insuredInfo.occupationCode = code
+      }
+    },
+    /**
+     * @description:
+     * @param {*}
+     * @return {*}
+     */
+    openOccupation(insureType) {
+      this.occupationShowPicker = !this.occupationShowPicker
+      this.insureType = insureType
+      if (this.insureType === '1') {
+        this.occupationName = this.userInfo.occupationName
+        this.occupationCode = this.userInfo.occupationCode
+      } else if (this.insureType === '2') {
+        this.occupationName = this.insuredInfo.occupationName
+        this.occupationCode = this.insuredInfo.occupationCode
+      }
+    },
+    areaSelect(insureType) {
+      ;[this.homeShow, this.insureType] = [true, insureType]
+      if (insureType === '1') {
+        this.areaCode = this.userInfo.homeArea
+      } else if (insureType === '2') {
+        this.areaCode = this.insuredInfo.homeArea
+      }
+    },
+    underWrite(orderNo) {
+      let data = {
+        platform: 'app',
+        type: '1',
+        orderDTO: {
+          orderInfoDTO: {
+            orderNo: orderNo
+          }
+        }
+      }
+      underWrite(data).then(res => {
+        if (res.result == '0') {
+          this.$toast.clear()
+          window.localStorage.setItem('underWriteData', JSON.stringify(res))
+          if (res.uwResult == '33') {
+            window.localStorage.setItem('uwResult', res.uwResult)
+            window.localStorage.setItem('resultMessage', res.message)
+          } else {
+            window.localStorage.setItem('uwResult', res.uwResult)
+          }
+          if (res.uwResult == '02') {
+            this.underWriteData = res
+            window.localStorage.setItem('underWriteData', JSON.stringify(res))
+            this.$jump({
+              flag: 'h5',
+              extra: {
+                url: location.origin + `/#/cardList/pay`,
+                forbidSwipeBack: 1
+              },
+              routerInfo: {
+                path: `/cardList/pay`
+              }
+            })
+          } else {
+            window.localStorage.setItem('uwResult', res.uwResult)
+            window.localStorage.setItem('resultMessage', res.message)
+            this.$jump({
+              flag: 'h5',
+              extra: {
+                url: location.origin + '/#/cardList/result',
+                backToFirst: '1'
+              },
+              routerInfo: {
+                path: '/cardList/result'
+              }
+            })
+          }
+          return true
+        } else {
+          this.$toast(res.resultMessage)
+          return false
+        }
+      })
+    },
+    goDocu(url, name) {
+      // let pdfUrl = //encodeURIComponent(url)
+      localStorage.setItem('cardListPDF', JSON.stringify({ documentUrl: url, title: name }))
+      console.log('url', url)
+      this.$jump({
+        flag: 'h5',
+        extra: {
+          title: name,
+          // url: 'http://47.96.143.111/pdfjs/web/viewer.html?file=' + url //测试代码
+          url: location.origin + '/#/cardList/ShowPDF'
+        },
+        routerInfo: {
+          path: '/cardList/ShowPDF'
+        }
+      })
+    },
+    //监听名字变化
+    nameChange(name) {
+      // console.log('name',name)
+      this.userInfo.name = name
+    },
+    //监听名字变化
+    nameChanges(name) {
+      // console.log('name',name)
+      this.insuredInfo.name = name
+    },
+    /**
+     * @description:
+     * @param {*} index
+     * @param {*} value
+     * @param {*} insureType '1'为投保人 '2'为被投保人
+     * @return {*}
+     */
+    selectClick(index, value, insureType) {
+      if (value !== undefined) {
+        this.selectUser = value
+      }
+      this.insureType = insureType
+      selectComp(this, index, insureType)
+      // console.log(index, value)
+      // localStorage.setItem('value', value)
+    },
+    // closeBtn() {
+    //   // 筛选按钮的显示
+    //   this.$jump({
+    //     flag: 'webview_right_button',
+    //     extra: {
+    //       btns: [
+    //         {
+    //           img: this.$assetsUrl + 'images/del-close.png',
+    //           route: { flag: '', extra: {} }
+    //         }
+    //       ]
+    //     }
+    //   })
+    // },
+    appCallBack() {
+      // 筛选按钮的点击事件
+      this.$jump({
+        flag: 'navigation',
+        extra: {
+          title: '投被保人信息',
+          hiddenRight: '1'
+        }
+      })
+      if (this.currentPopupIndex == 1) {
+        if (this.selectUser == '1') {
+          this.customerShowPicker2 = false
+        } else {
+          this.customerShowPicker = false
+        }
+      } else if (this.currentPopupIndex == 2) {
+        this.occupationShowPicker = false
+      } else if (this.currentPopupIndex == 3) {
+        this.isScan = false
+        this.isScan2 = false
+      }
+    },
+    //弹框选择
+    toSelect(pickerType, valueKey) {
+      //pickerType 1、国家地区 2、证件类型 3、文化程度 4、有无社保(弃用) 5、税收居民身份 6、婚姻状况 7、在职情况 8、收入来源, 9 关系
+      ;[this.popupShow, this.pickerType] = [true, pickerType]
+      if (valueKey) this.valueKey = valueKey
+      if (pickerType == '1') {
+        this.columns = DataDictionary.nativeplace
+        this.pickerIndex = this.userInfo.nativeplace - 1 > 0 ? this.userInfo.nativeplace - 1 : 0
+      } else if (pickerType == '2') {
+        this.columns = DataDictionary.insuredIdType
+        console.log(this.columns, '=======================this.columns==================')
+      } else if (pickerType == '3') {
+        this.columns = DataDictionary.degree
+      } else if (pickerType == '4') {
+        this.columns = [
+          { id: 0, text: '有' },
+          { id: 1, text: '无' }
+        ]
+      } else if (pickerType == '5') {
+        this.columns = DataDictionary.taxIdentity
+      } else if (pickerType == '6') {
+        this.columns = DataDictionary.marriage
+        this.pickerIndex = this.userInfo.marriage - 1 > 0 ? this.userInfo.marriage - 1 : 0
+      } else if (pickerType == '7') {
+        this.columns = DataDictionary.workCondition
+      } else if (pickerType == '8') {
+        this.columns = DataDictionary.salarySource
+      } else if (pickerType == '9') {
+        this.columns = DataDictionary.relationToAppnt
+      } else if (pickerType == '66') {
+        this.columns = DataDictionary.marriage
+        this.pickerIndex = this.insuredInfo.marriage - 1 > 0 ? this.insuredInfo.marriage - 1 : 0
+      } else if (pickerType == '11') {
+        this.columns = DataDictionary.nativeplace
+        this.pickerIndex = this.insuredInfo.nativeplace - 1 > 0 ? this.insuredInfo.nativeplace - 1 : 0
+      } else if (pickerType == '10') {
+        this.columns = []
+        this.trialList.forEach(item => {
+          if (item.productCode === 'GFRS_M0022') {
+            this.columns.push({
+              id: this.proSchemeCode,
+              text: this.proScheme
+            })
+          } else {
+            this.columns.push({
+              id: item.proSchemeCode,
+              text: item.proScheme
+            })
+          }
+        })
+      } else if (pickerType == '22') {
+        this.columns = DataDictionary.insuredIdType
+      }
+    },
+    //确认选择字段
+    onConfirm(value) {
+      this.popupShow = false
+      if (this.pickerType == '1') {
+        this.userInfo.nativeplace = value.id
+      } else if (this.pickerType == '2') {
+        // //身份证以外的证件类型可以使用长期
+        // if (value.id != '1') {
+        //   this.effectiveDateTypeAble = false
+        // } else {
+        //   let age = utilsAge.getAge(this.userInfo.birthday, new Date())
+        //   this.effectiveDateTypeAble = !(age >= 45)
+        // }
+        this.userInfo.idType = value.id
+      } else if (this.pickerType == '3') {
+        this.userInfo.degree = value.id
+      } else if (this.pickerType == '4') {
+        this.userInfo.socialSecurity = value.id
+      } else if (this.pickerType == '5') {
+        this.userInfo.taxResidentId = value.id
+      } else if (this.pickerType == '6') {
+        this.userInfo.marriage = value.id
+        this.userInfo.marriageStatus = value.text
+      } else if (this.pickerType == '7') {
+        this.userInfo.jobStatus = value.id
+      } else if (this.pickerType == '8') {
+        this.userInfo.salarySource = value.id
+      } else if (this.pickerType == '9') {
+        this.userInfo.relationToInsured = value.id
+      } else if (this.pickerType == '66') {
+        this.insuredInfo.marriage = value.id
+        this.insuredInfo.marriageStatus = value.text
+      } else if (this.pickerType == '11') {
+        this.insuredInfo.nativeplace = value.id
+      } else if (this.pickerType == '10') {
+        this.proScheme = value.text
+        this.proSchemeCode = value.id
+        for (let item of this.trialList) {
+          if (item.proSchemeCode === this.proSchemeCode) {
+            this.allPrice = item.prem
+            break
+          }
+        }
+      } else if (this.pickerType == '22') {
+        this.insuredInfo.idType = value.id
+      }
+    },
+    //证件起始截止日期
+    onDateConfirm(val, type) {
+      console.log(type)
+      switch (type) {
+        case '0':
+          {
+            //证件起始日期
+            //如果录入日期早于出生日期或晚于当前日期
+            if (Date.parse(val) > Date.parse(new Date()) || Date.parse(val) < Date.parse(this.userInfo.birthday)) {
+              this.userInfo.certificateValidate = ''
+              this.$refs.certificateValidate.date = ''
+              return this.$toast('证件起始日期填写错误')
+            }
+
+            // // 计算年龄
+            // if (this.userInfo.idType == '1') {
+            //   let age = utilsAge.getAge(this.userInfo.birthday, new Date())
+            //   // 长期按钮是否禁用
+            //   this.effectiveDateTypeAble = age <= 45
+            // }
+          }
+          break
+        case '1':
+          {
+            console.log('证件截止日期')
+            //证件截止日期
+            //如果已经勾选了长期
+            if (this.userInfo.effectiveDateType) {
+              //清空数据并返回
+              this.userInfo.certiexpiredate = ''
+              this.$refs.certiexpiredate.date = ''
+              return
+            }
+            //如果录入日期早于当前日期
+            if (Date.parse(val) < Date.parse(new Date())) {
+              this.userInfo.certiexpiredate = ''
+              this.$refs.certiexpiredate.date = ''
+              return this.$toast('您的证件已过期')
+            }
+            //不同证件类型的判断
+            // if (this.userInfo.idType) {
+            //   //获取年龄
+            //   let age = utilsAge.getAge(this.userInfo.birthday, new Date())
+            //   console.log(age)
+            //   //年龄在16-25周岁之间
+            //   if (age >= 16 && age <= 25) {
+            //     if (new Date(val).getFullYear() - new Date(this.userInfo.certificateValidate).getFullYear() != 10) {
+            //       this.userInfo.certiexpiredate = ''
+            //       this.$refs.certiexpiredate.date = ''
+            //       return this.$toast('16周岁~25周岁的证件有效期为10年')
+            //     }
+            //     //年龄在26-45周岁之间
+            //   } else if (age >= 26 && age <= 45) {
+            //     if (new Date(val).getFullYear() - new Date(this.userInfo.certificateValidate).getFullYear() != 20) {
+            //       this.userInfo.certiexpiredate = ''
+            //       this.$refs.certiexpiredate.date = ''
+            //       return this.$toast('26周岁~45周岁的证件有效期为20年')
+            //     }
+            //     //此外的年龄段不支持
+            //   } else {
+            //     this.userInfo.certiexpiredate = ''
+            //     this.$refs.certiexpiredate.date = ''
+            //     return this.$toast('身份证不支持此年龄段')
+            //   }
+            // }
+          }
+          break
+        case '2':
+          {
+            //出生日期
+            //如果录入日期晚于当前日期
+            if (Date.parse(val) > Date.parse(new Date())) {
+              this.userInfo.birthday = ''
+              this.$refs.birthday.date = ''
+              return this.$toast('出生日期不晚于当日')
+            }
+            // //长判断
+            // if (this.userInfo.idType == '1') {
+            //   let age = utilsAge.getAge(this.userInfo.birthday, new Date())
+            //   this.effectiveDateTypeAble = !(age >= 45)
+            // }
+          }
+          break
+        case '5':
+          {
+            //被保人出生日期
+            //如果录入日期晚于当前日期
+            if (Date.parse(val) > Date.parse(new Date())) {
+              this.userInfo.insuredBirthday = ''
+              this.$refs.insuredBirthday.date = ''
+              return this.$toast('出生日期不晚于当日')
+            }
+          }
+          break
+        case '6':
+          {
+            //指定生效日期
+            //如果录入日期晚于当前日期
+            if (Date.parse(val) < Date.parse(new Date())) {
+              return this.$toast('当前日期早于当日')
+            }
+            let currentDataArr = val.split('-')
+            let currentData = currentDataArr[0] + '年' + currentDataArr[1] + '月' + currentDataArr[2] + '日'
+            let insuYear = JSON.parse(localStorage.insuYear)
+            let insuYearM, productDate, productDateTime
+            let insuYearD, hoDate
+            switch (insuYear.insuYearFlag) {
+              case 'D':
+                hoDate = Date.parse(val) / 1000 + (insuYear['insuYear'] - 1) * 24 * 3600
+                break
+              case 'Y':
+                hoDate = Date.parse(val) / 1000 + insuYear['insuYear'] * 24 * 3600 * (afterDate.isLeapYear(new Date(val).getFullYear()) - 1)
+                break
+            }
+            productDate = new Date(parseInt(hoDate) * 1000)
+            insuYearM = productDate.getMonth() + 1 < 10 ? '0' + (productDate.getMonth() + 1) : productDate.getMonth() + 1
+            insuYearD = productDate.getDate() < 10 ? '0' + productDate.getDate() : productDate.getDate()
+            productDateTime = productDate.getFullYear() + '年' + insuYearM + '月' + insuYearD + '日'
+            this.productDate = currentData + '0时至' + productDateTime + '24时止'
+          }
+          break
+      }
+    },
+    //选择客户
+    chooseCustomer(data) {
+      data = data[0]
+      console.log(data)
+      console.log(typeof this.selectUser)
+
+      if (this.selectUser == '1') {
+        this.customerShowPicker2 = false
+      } else {
+        this.customerShowPicker = false
+      }
+
+      this.$jump({
+        flag: 'navigation',
+        extra: {
+          title: '投被保人信息',
+          hiddenRight: '1'
+        }
+      })
+      if (this.selectUser == '0') {
+        let { customerName, customerSex } = data
+        this.userInfo.name = customerName //用户名
+        this.userInfo.sex = customerSex ? customerSex.toString() : '0' //性别
+        this.userInfo.birthday = data.birthday //出生日期
+        if (data.customerIdType == 1) {
+          console.log(data)
+          this.userInfo.idType = data.customerIdType //证件类型
+          this.userInfo.idNo = data.customerIdNumber //证件类别
+        }
+        this.userInfo.email = data.email //邮箱
+
+        this.userInfo.mobile = data.customerPhone //移动电话
+        this.userInfo.homeProvince = data.homeProvince //家庭省
+        this.userInfo.homeCity = data.homeCity //家庭市
+        this.userInfo.homeArea = data.homeArea //家庭区
+        if (data.homeProvince && data.homeCity && data.homeArea) {
+          this.userInfo.homeName = getAreaName([{ code: data.homeProvince }, { code: data.homeCity }, { code: data.homeArea }]) //家庭地址
+        }
+        this.userInfo.homeAddress = data.homeAddress //家庭详细地址
+        this.userInfo.occupationCode = data.occupationCode
+        this.userInfo.occupationName = data.occupationName
+        this.userInfo.lifeGrade = data.lifeGrade
+        this.userInfo.healthGrade = data.healthGrade
+        this.userInfo.nativeplace = data.country
+        this.userInfo.marriage = data.marryStatus
+
+        // 计算年龄
+        // let age = utilsAge.getAge(this.userInfo.birthday, new Date())
+
+        this.getRelatedData(this.userInfo.idNo, '1')
+      } else if (this.selectUser == '1') {
+        let { customerName, customerSex } = data
+        this.insuredInfo.name = customerName //用户名
+        this.insuredInfo.sex = customerSex ? customerSex.toString() : '0' //性别
+
+        this.insuredInfo.birthday = data.birthday //出生日期
+        if (data.customerIdType == 1) {
+          this.insuredInfo.idType = data.customerIdType //证件类型
+          this.insuredInfo.idNo = data.customerIdNumber //证件类别
+        }
+
+        this.insuredInfo.email = data.email //邮箱
+        this.insuredInfo.mobile = data.customerPhone //移动电话
+        this.insuredInfo.homeProvince = data.homeProvince //家庭省
+        this.insuredInfo.homeCity = data.homeCity //家庭市
+        this.insuredInfo.homeArea = data.homeArea //家庭区
+        if (data.homeProvince && data.homeCity && data.homeArea) {
+          this.insuredInfo.homeName = getAreaName([{ code: data.homeProvince }, { code: data.homeCity }, { code: data.homeArea }]) //家庭地址
+        }
+        this.insuredInfo.homeAddress = data.homeAddress //家庭详细地址
+        this.insuredInfo.occupationCode = data.occupationCode
+        this.insuredInfo.occupationName = data.occupationName
+        this.insuredInfo.lifeGrade = data.lifeGrade
+        this.insuredInfo.healthGrade = data.healthGrade
+        this.insuredInfo.nativeplace = data.country
+        this.insuredInfo.marriage = data.marryStatus
+        // 计算年龄
+        // let age = utilsAge.getAge(this.userInfo.birthday, new Date())
+
+        // 计算年龄
+        // let age = utilsAge.getAge(this.userInfo.birthday, new Date())
+
+        this.getRelatedData(this.insuredInfo.idNo, '2')
+      }
+      // console.log(data, val)
+    },
+    nextStep() {
+      // console.log(this.userInfo.idType)
+      // console.log(this.userInfo.salarySource)
+      // console.log(this.userInfo.otherSalarySource)
+      //表单校验, 成功跳转
+      if (this.userInfo.relationToInsured == 1) {
+        Object.assign(this.insuredInfo, this.userInfo)
+      }
+      this.$validator.validate().then(valid => {
+        if (true === valid) {
+          // localStorage.chooseProductCodesNew = localStorage.chooseProductCodes
+          //投保人校验
+          // 计算年龄
+          if (!this.insuredInfo.name) {
+            return this.$toast('被保人姓名不能为空')
+          }
+
+          if (!this.insuredInfo.idNo) {
+            return this.$toast('被保人证件号码不能为空')
+          }
+
+          if (!this.insuredInfo.birthday) {
+            return this.$toast('被保人出生日期不能为空')
+          }
+          if (!this.insuredInfo.mobile) {
+            return this.$toast('被保人手机号不能为空')
+          }
+          if (!this.insuredInfo.email) {
+            return this.$toast('被保人邮箱不能为空')
+          }
+          if (!this.insuredInfo.occupationName) {
+            return this.$toast('被保人职业不能为空')
+          }
+          if (!this.insuredInfo.nativeplace) {
+            return this.$toast('被保人国籍不能为空')
+          }
+          if (!this.insuredInfo.marriage) {
+            return this.$toast('被保人婚姻状况不能为空')
+          }
+          if (!this.insuredInfo.homeName) {
+            return this.$toast('被保人联系地址不能为空')
+          }
+          if (!this.insuredInfo.homeAddress) {
+            return this.$toast('被保人详细地址不能为空')
+          }
+          if (this.userInfo.relationToInsured == 2 && this.userInfo.sex == this.insuredInfo.sex) {
+            return this.$toast('哦~配偶性别不能相同的哟~')
+          }
+
+          let age = utilsAge.getAge(this.userInfo.birthday, new Date())
+          console.log('计算年龄', age)
+          // return
+          // 如果是未成年人
+          if (age < 18) {
+            return this.$toast('亲，投保人年龄必须大于等于18周岁哦~')
+          }
+          //如果证件类型是身份证
+          if (this.userInfo.idType == '1') {
+            console.log('证件类型是身份证')
+            //校验性别是否与身份证号码位相符
+            if (this.userInfo.idNo.length == '15') {
+              //15位身份证第15位是性别位, 奇男偶女
+              let sexSign = this.userInfo.idNo.substr(14, 1)
+              console.log('性别位' + sexSign)
+              if ((parseInt(sexSign) % 2 == 0 && this.userInfo.sex != 1) || (parseInt(sexSign) % 2 != 0 && this.userInfo.sex != 0)) {
+                return this.$toast('性别录入与身份证不符')
+              }
+
+              //15位身份证第7-12位是生日位, 年月日
+              let birthSign = this.userInfo.idNo.substr(6, 6)
+              console.log('生日位' + birthSign)
+              if (
+                this.userInfo.birthday.substr(2, 2) != birthSign.substr(0, 2) ||
+                this.userInfo.birthday.substr(5, 2) != birthSign.substr(2, 2) ||
+                this.userInfo.birthday.substr(8, 2) != birthSign.substr(4, 2)
+              ) {
+                return this.$toast('生日录入与身份证不符')
+              }
+            } else if (this.userInfo.idNo.length == '18') {
+              //18位身份证第17位是性别位, 奇男偶女
+              let sexSign = this.userInfo.idNo.substr(16, 1)
+              if ((parseInt(sexSign) % 2 == 0 && this.userInfo.sex != 1) || (parseInt(sexSign) % 2 != 0 && this.userInfo.sex != 0)) {
+                return this.$toast('性别录入与身份证不符')
+              }
+
+              //18位身份证第7-14位是生日位, 年月日
+              let birthSign = this.userInfo.idNo.substr(6, 8)
+              if (
+                this.userInfo.birthday.substr(0, 4) != birthSign.substr(0, 4) ||
+                this.userInfo.birthday.substr(5, 2) != birthSign.substr(4, 2) ||
+                this.userInfo.birthday.substr(8, 2) != birthSign.substr(6, 2)
+              ) {
+                return this.$toast('生日录入与身份证不符')
+              }
+            }
+
+            // 证件号码规则校验
+            if (!idNoCheck.isIdno(this.userInfo.idNo)) {
+              console.log('证件号码校验有误')
+              return this.$toast('您填写的证件号码有误')
+            }
+
+            // 年龄在 16-25 周岁之间
+            if (age >= 16 && age <= 25) {
+              console.log('年龄在16-25周岁之间')
+              if (Date.parse(this.userInfo.certiexpiredate) - Date.parse(new Date()) > Date.parse('1980-01-01')) {
+                this.userInfo.certiexpiredate = ''
+                this.$refs.certiexpiredate.date = ''
+                this.effectiveDateTypeAble = true
+                return this.$toast('证件有效期不正常，16周岁至25周岁公民身份证有效期应小于等于10年')
+              }
+              //年龄在 26-45 周岁之间
+            } else if (age >= 26 && age <= 45) {
+              console.log('年龄在26-45周岁之间')
+              if (Date.parse(this.userInfo.certiexpiredate) - Date.parse(new Date()) > Date.parse('1990-01-01')) {
+                this.userInfo.certiexpiredate = ''
+                this.$refs.certiexpiredate.date = ''
+                this.effectiveDateTypeAble = true
+                return this.$toast('证件有效期不正常，26周岁至45周岁公民身份证有效期应小于等于20年')
+              }
+            }
+          }
+          //如果证件类型是身份证
+          if (this.insuredInfo.idType == '1') {
+            console.log('证件类型是身份证')
+            //校验性别是否与身份证号码位相符
+            if (this.insuredInfo.idNo.length == '15') {
+              //15位身份证第15位是性别位, 奇男偶女
+              let sexSign = this.insuredInfo.idNo.substr(14, 1)
+              console.log('性别位' + sexSign)
+              if ((parseInt(sexSign) % 2 == 0 && this.insuredInfo.sex != 1) || (parseInt(sexSign) % 2 != 0 && this.insuredInfo.sex != 0)) {
+                return this.$toast('性别录入与身份证不符')
+              }
+
+              //15位身份证第7-12位是生日位, 年月日
+              let birthSign = this.insuredInfo.idNo.substr(6, 6)
+              console.log('生日位' + birthSign)
+              if (
+                this.insuredInfo.birthday.substr(2, 2) != birthSign.substr(0, 2) ||
+                this.insuredInfo.birthday.substr(5, 2) != birthSign.substr(2, 2) ||
+                this.insuredInfo.birthday.substr(8, 2) != birthSign.substr(4, 2)
+              ) {
+                return this.$toast('生日录入与身份证不符')
+              }
+            } else if (this.insuredInfo.idNo.length == '18') {
+              //18位身份证第17位是性别位, 奇男偶女
+              let sexSign = this.insuredInfo.idNo.substr(16, 1)
+              if ((parseInt(sexSign) % 2 == 0 && this.insuredInfo.sex != 1) || (parseInt(sexSign) % 2 != 0 && this.insuredInfo.sex != 0)) {
+                return this.$toast('性别录入与身份证不符')
+              }
+
+              //18位身份证第7-14位是生日位, 年月日
+              let birthSign = this.insuredInfo.idNo.substr(6, 8)
+              if (
+                this.insuredInfo.birthday.substr(0, 4) != birthSign.substr(0, 4) ||
+                this.insuredInfo.birthday.substr(5, 2) != birthSign.substr(4, 2) ||
+                this.insuredInfo.birthday.substr(8, 2) != birthSign.substr(6, 2)
+              ) {
+                return this.$toast('生日录入与身份证不符')
+              }
+            }
+
+            // 证件号码规则校验
+            if (!idNoCheck.isIdno(this.insuredInfo.idNo)) {
+              console.log('证件号码校验有误')
+              return this.$toast('您填写的证件号码有误')
+            }
+
+            // 年龄在 16-25 周岁之间
+            if (insuredAge >= 16 && insuredAge <= 25) {
+              console.log('年龄在16-25周岁之间')
+              if (Date.parse(this.insuredInfo.certiexpiredate) - Date.parse(new Date()) > Date.parse('1980-01-01')) {
+                this.insuredInfo.certiexpiredate = ''
+                this.$refs.certiexpiredate.date = ''
+                this.effectiveDateTypeAble = true
+                return this.$toast('证件有效期不正常，16周岁至25周岁公民身份证有效期应小于等于10年')
+              }
+              //年龄在 26-45 周岁之间
+            } else if (insuredAge >= 26 && insuredAge <= 45) {
+              if (Date.parse(this.insuredInfo.certiexpiredate) - Date.parse(new Date()) > Date.parse('1990-01-01')) {
+                this.insuredInfo.certiexpiredate = ''
+                this.$refs.certiexpiredate.date = ''
+                this.effectiveDateTypeAble = true
+                return this.$toast('证件有效期不正常，26周岁至45周岁公民身份证有效期应小于等于20年')
+              }
+            }
+          }
+          let insuredAge = utilsAge.getAge(this.insuredInfo.birthday, new Date())
+          console.log('计算年龄', insuredAge)
+          if (this.itemProductDTOS.productCode === 'GFRS_M0022') {
+            // return
+            // 如果是未成年人
+            if (insuredAge < 7 && this.userInfo.relationToInsured != '3') {
+              return this.$toast('0-7岁未成年人须由其父母投保，请确定')
+            }
+
+            if (insuredAge > 75) {
+              return this.$toast('被保险人的年龄不可以超过75周岁')
+            }
+            if (insuredAge < 0) {
+              return this.$toast('被保险人的年龄需要大于28天')
+            }
+          } else if (this.itemProductDTOS.productCode === 'GFRS_M0041') {
+            console.log(this.proSchemeCode)
+            if (this.proSchemeCode == '00000227') {
+              if (insuredAge < 18) {
+                return this.$toast('被保险人的年龄需要大于18岁')
+              }
+            }
+            if (insuredAge < 0) {
+              return this.$toast('被保险人的年龄需要大于28天')
+            }
+            if (insuredAge > 65) {
+              return this.$toast('被保险人的年龄不可以超过65周岁')
+            }
+          }
+
+          //投保人需大于等于 18 周岁
+          // if (age < 18) {
+          //   return this.$toast('投保人必须是具有民事行为能力且有固定职业和收入的自然人，请确定')
+          // }
+
+          this.infoUpdate()
+          // console.log('success')
+        } else {
+          this.$toast(this.$validator.errors.all()[0])
+        }
+      })
+    },
+    //信息变更
+    infoUpdate() {
+      //local 里面是否存有险种信息
+      // let chooseProductCodes = localStorage.chooseProductCodes && JSON.parse(localStorage.chooseProductCodes)
+      // if (chooseProductCodes && chooseProductCodes.length) {
+      //   console.log('haha')
+      //   //获取险种列表
+      //   //取出local中的投保人信息
+      //   let saleInsuredInfo = JSON.parse(localStorage.saleInsuredInfo)
+      //   //如果 性别, 出生日期, 有无社保, 职业 发生变化
+      //   if (this.userInfo.sex != saleInsuredInfo.sex || this.userInfo.birthday != saleInsuredInfo.birthday) {
+      //     console.log('hehe')
+      //     //提示用户
+      //     return this.$dialog
+      //       .confirm({
+      //         className: 'dialog-delete',
+      //         title: '提示',
+      //         message: '当前信息已经发生改变，有可能影响险种费率，是否确认修改并清除险种信息?',
+      //         cancelButtonColor: '#E9332E',
+      //         confirmButtonColor: '#FFFFFF'
+      //       })
+      //       .then(() => {
+      //         // on confirm
+      //         this.save('isShow=1')
+      //         console.log('success')
+      //       })
+      //       .catch(() => {
+      //         // on cancel
+      //         return
+      //       })
+      //   }
+      // }
+      this.save()
+    },
+    async save() {
+      // console.log('this.riskDTOLst', this.riskDTOLst)
+      let params = {
+        orderDTO: {
+          orderInfoDTO: {
+            bnfFlag: '0',
+            supportBank: '0'
+          },
+          appntDTO: this.userInfo,
+          insuredDTOs: [this.insuredInfo]
+        }
+      }
+
+      //组装险种提交数据
+      let [mainRiskCode, riskDTOLst] = ['', []]
+      let rollInResult = '' //校验预计转入保费结果
+      this.chooseProducts.forEach((item, index) => {
+        console.log('itemssss', item)
+        if (item.isMainRisk == 0) {
+          mainRiskCode = item.productCode
+        }
+        let insuYearDate = JSON.parse(localStorage.insuYear)
+        let riskItem = {
+          cvaliDate: this.cvaliDate,
+          isMainRisk: item.isMainRisk,
+          riskName: item.riskName,
+          riskType: item.riskType,
+          riskCode: item.productCode,
+          mainRiskCode: mainRiskCode,
+          prem: this.allPrice,
+          standPrem: this.allPrice,
+          predictTransferPrem: item.predictTransferPrem,
+          thirdInsuraceNo: this.policyNo,
+          mult: this.mult,
+          proScheme: this.proScheme,
+          proSchemeCode: this.proSchemeCode,
+          insuYear: insuYearDate.insuYear,
+          insuYearFlag: insuYearDate.insuYearFlag
+        }
+        if (item.hasPredictTransferPrem && item.hasPredictTransferPrem === '0') {
+          //增加万能险 预计转入保费校验
+          rollInResult = this.rollInCheck(item.predictTransferPrem)
+        } else {
+          rollInResult = true
+        }
+        //责任险保存参数构建
+        if (this.trialList[index].duty) {
+          riskItem['dutyLst'] = this.trialList[index].duty
+          //930折中方案，责任险分档
+          riskItem['amt'] = this.trialList[index].amt
+        }
+
+        //保费算保额
+        if (this.trialList[index].trialType == '1') {
+          riskItem['amt'] = this.trialList[index].amt
+        }
+        //万能型产品保费赋值给保额
+        if (this.trialList[index].productCode == 'GFRS_M0003') {
+          riskItem['amt'] = this.trialList[index].prem
+        }
+        // //豁免险保额处理
+        // if (item.isRemit == '0') {
+        //   this.trialInfos[index].amt = this.trialList[0].prem
+        // }
+        // console.log()
+        // riskItem = Object.assign(riskItem, this.trialInfos[index])
+
+        riskDTOLst.push(riskItem)
+      })
+      if (!rollInResult) {
+        return
+      }
+      params.orderDTO.insuredDTOs[0].riskDTOLst = riskDTOLst
+
+      let resultData = await saveOrUpdateCard(params)
+      if (resultData.result == 0) {
+        console.log('resultData.orderNo', resultData.content.object)
+        //存储被保人信息
+        // let age = utilsAge.getAge(this.userInfo.birthday, new Date())
+        // localStorage.saleInsuredInfo = JSON.stringify({
+        //   birthday: this.userInfo.birthday,
+        //   name: this.userInfo.name,
+        //   sex: this.userInfo.sex,
+        //   idType: this.userInfo.idType,
+        //   age
+        // })
+        // this.userInfo.age = age
+        // localStorage.saleInsuredInfo = JSON.stringify(this.userInfo)
+        // console.log(this.userInfo)
+
+        let orderNo = (localStorage.orderNo = resultData.content.object)
+
+        this.underWrite(orderNo)
+      } else {
+        console.error(resultData.resultMessage)
+        this.$toast(resultData.resultMessage)
+      }
+    },
+    //区域选择
+    sureArea(area, type) {
+      switch (type) {
+        case '1': //单位地址
+          this.areaName = getAreaName(area)
+          ;[this.userInfo.companyProvince, this.userInfo.companyCity, this.userInfo.companyArea] = [area[0].code, area[1].code, area[2].code]
+          this.areaShow = false
+          break
+        case '2': //家庭地址
+          if (this.insureType === '1') {
+            this.userInfo.homeName = getAreaName(area)
+            ;[this.userInfo.homeProvince, this.userInfo.homeCity, this.userInfo.homeArea] = [area[0].code, area[1].code, area[2].code]
+            this.homeShow = false
+          } else if (this.insureType === '2') {
+            this.insuredInfo.homeName = getAreaName(area)
+            ;[this.insuredInfo.homeProvince, this.insuredInfo.homeCity, this.insuredInfo.homeArea] = [area[0].code, area[1].code, area[2].code]
+            this.homeShow = false
+          }
+          break
+        case '3': //户籍
+          this.census = getAreaName(area)
+          ;[this.userInfo.householdProvince, this.userInfo.householdCity] = [area[0].code, area[1].code]
+          this.censusShow = false
+          break
+      }
+    },
+    //获取身份证扫描信息
+    getIdentityInfo(data) {
+      getIdentityInfo(this, data, this.insureType)
+    },
+    // getIdentityInfo(data) {
+    //   console.log(data)
+    //   if (data.name && data.name != '待识别') {
+    //     this.userInfo.certificateValidate = `${data.startDate.substr(0, 4)}-${data.startDate.substr(5, 2)}-${data.startDate.substr(8, 2)}`
+    //     this.userInfo.certiexpiredate = `${data.endDate.substr(0, 4)}-${data.endDate.substr(5, 2)}-${data.endDate.substr(8, 2)}`
+    //     this.userInfo.name = data.name
+    //     this.userInfo.idNo = data.idNo
+    //     this.userInfo.birthday = `${data.birthYear}-${data.birthMonth}-${data.birthDay}`
+    //     this.userInfo.sex = data.gender == '男' ? '0' : '1'
+    //   }
+    //   this.isScan = false
+    //   this.$jump({
+    //     flag: 'navigation',
+    //     extra: {
+    //       title: '投保人信息',
+    //       hiddenRight: '1'
+    //     }
+    //   })
+    // },
+    getRelatedData(val, ind) {
+      if (ind == '1') {
+        if (this.userInfo.idType != '1') {
+          return
+        }
+        //如果证件校验不通过,恢复默认值
+        if (idToData(val).text) {
+          ;[this.userInfo.idNo, this.userInfo.sex, this.userInfo.birthday] = ['', '0', '']
+          return this.$toast(idToData(val).text)
+        }
+        this.userInfo.birthday = idToData(val).birthday
+        this.userInfo.sex = idToData(val).sex
+      }
+      if (ind == '2') {
+        if (this.insuredInfo.idType != '1') {
+          return
+        }
+        //如果证件校验不通过,恢复默认值
+        if (idToData(val).text) {
+          ;[this.insuredInfo.idNo, this.insuredInfo.sex, this.insuredInfo.birthday] = ['', '0', '']
+          return this.$toast(idToData(val).text)
+        }
+        this.insuredInfo.birthday = idToData(val).birthday
+        this.insuredInfo.sex = idToData(val).sex
+      }
+    }
+  },
+  // beforeDestroy() {
+  //   //清理计时器
+  //   console.log('123')
+  //   window.clearInterval(this.timeId)
+  //   this.timeId = null
+  //   this.countDown = 60
+  //   this.codeDisabled = false
+  // },
+  watch: {
+    'userInfo.relationToInsured': {
+      handler(newV) {
+        // 如果关系为本人，将投保人信息带入到被保人信息上
+        if (newV === 1) {
+          Object.assign(this.insuredInfo, this.userInfo)
+        } else {
+          this.insuredInfo = {
+            name: '', // 被保人姓名
+            idType: '1', //被保人证件类型
+            idNo: '', //被保人证件号码
+            sex: '0', //被保人性别
+            birthday: '', //被保人出生日期
+            occupationCode: '', //职业代码
+            occupationName: '', //职业名称
+            lifeGrade: '', //寿险等级
+            healthGrade: '', //健康等级
+            nativeplace: '', //国家地区
+            marriageStatus: '', //婚姻状况
+            homeProvince: '', //家庭省
+            homeCity: '', //家庭市
+            homeArea: '450101', //家庭区
+            homeName: '', //联系地址
+            homeAddress: '', //详细地址
+            mobile: '', //移动电话
+            email: '' //电子邮箱
+          }
+          if (newV === 2) {
+            this.userInfo.sex === '0' ? (this.insuredInfo.sex = '1') : (this.insuredInfo.sex = '0')
+          }
+        }
+      },
+      immediate: true,
+      deep: true
+    },
+    'userInfo.sex': {
+      handler(newV) {
+        if (this.userInfo.relationToInsured === 2) {
+          this.insuredInfo.sex = this.userInfo.sex === '0' ? '1' : '0'
+        }
+      },
+      immediate: true,
+      deep: true
+    }
+  }
+}
+</script>
+<style lang="scss">
+.insured-info-container {
+  /deep/.van-checkbox {
+    margin-left: auto;
+    align-items: normal;
+    .van-checkbox__icon {
+      margin-top: 5px;
+    }
+  }
+  /deep/.van-radio {
+    margin-left: auto;
+  }
+}
+.van-checkbox__label {
+  font-size: 13px;
+}
+.tips {
+  font-size: 14px;
+  color: #333;
+  padding: 15px;
+}
+</style>

From dfe3655f3d17a725e34791ced3d6017414e19ff9 Mon Sep 17 00:00:00 2001
From: liyuetong <li.yuetong@ebiz-fooge.com>
Date: Mon, 17 May 2021 19:32:22 +0800
Subject: [PATCH 2/3] =?UTF-8?q?=E5=8D=A1=E5=8D=95--=E6=8A=95=E8=A2=AB?=
 =?UTF-8?q?=E4=BF=9D=E4=BA=BA=E6=B7=BB=E5=8A=A0=E8=BA=AB=E4=BB=BD=E8=AF=81?=
 =?UTF-8?q?=E6=9C=89=E6=95=88=E6=AD=A2=E6=9C=9F=E5=92=8C=E6=98=AF=E5=90=A6?=
 =?UTF-8?q?=E9=95=BF=E6=9C=9F=EF=BC=8C=E5=B9=B4=E6=94=B6=E5=85=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/ebiz/cardList/information.vue | 188 ++++++++++++++++++++++--
 1 file changed, 175 insertions(+), 13 deletions(-)

diff --git a/src/views/ebiz/cardList/information.vue b/src/views/ebiz/cardList/information.vue
index 7b93c14a8..c464e9930 100644
--- a/src/views/ebiz/cardList/information.vue
+++ b/src/views/ebiz/cardList/information.vue
@@ -40,6 +40,21 @@
       >
         <van-button v-if="userInfo.idType == 1" slot="button" size="small" type="danger" round @click="selectClick('3', '', '1')">证件扫描</van-button>
       </van-field>
+      <FieldDatePicter
+        :v-validate="{ required: certiexpiredateRequired }"
+        required
+        label="证件截止日期"
+        name="证件截止日期"
+        :value.sync="userInfo.certiexpiredate"
+        type="date"
+        @confirm="onDateConfirm($event, '1')"
+        ref="certiexpiredate"
+        :flag="true"
+        :readonly="idLimit"
+      ></FieldDatePicter>
+      <div class="border-bt relative fs14 p10 flex justify-content-fe">
+        <van-checkbox v-model="userInfo.effectiveDateType" :disabled="effectiveDateTypeAble" @change="effectiveDataTypeChange">长期</van-checkbox>
+      </div>
       <select-radio required :radios="sexRadio" label="性别" name="性别" v-validate="'required'" :value.sync="userInfo.sex"></select-radio>
       <FieldDatePicter
         v-validate="'required'"
@@ -76,6 +91,16 @@
         :value="userInfo.occupationName"
         right-icon="arrow"
       />
+      <van-field
+        v-model="userInfo.averageAnnualIncome"
+        label="平均年收入（万元）"
+        name="平均年收入"
+        required
+        placeholder="请输入，单位万元"
+        v-validate="'required|onlyNumber'"
+        clearable
+        maxlength="5"
+      />
       <van-field
         v-validate="'required'"
         :value="userInfo.nativeplace | idToText('nativeplace')"
@@ -161,6 +186,23 @@
       >
         <van-button v-if="insuredInfo.idType == 1" slot="button" size="small" type="danger" round @click="selectClick('3', '', '2')">证件扫描</van-button>
       </van-field>
+      <FieldDatePicter
+        :v-validate="{ required: certiexpiredateRequiredInsured }"
+        required
+        label="证件截止日期"
+        name="证件截止日期"
+        :value.sync="insuredInfo.certiexpiredate"
+        type="date"
+        @confirm="onDateConfirm($event, '7')"
+        ref="certiexpiredate"
+        :flag="true"
+        :readonly="idLimit"
+      ></FieldDatePicter>
+      <div class="border-bt relative fs14 p10 flex justify-content-fe">
+        <van-checkbox v-model="insuredInfo.effectiveDateType" :disabled="effectiveDateTypeAbleInsured" @change="effectiveDataTypeChangeInsured"
+          >长期</van-checkbox
+        >
+      </div>
       <select-radio required :radios="sexRadio" label="性别" name="性别" v-validate="'required'" :value.sync="insuredInfo.sex"></select-radio>
       <FieldDatePicter
         label="出生日期"
@@ -193,6 +235,16 @@
         :value="insuredInfo.occupationName"
         right-icon="arrow"
       />
+      <van-field
+        v-model="insuredInfo.averageAnnualIncome"
+        label="平均年收入（万元）"
+        name="平均年收入"
+        required
+        placeholder="请输入，单位万元"
+        v-validate="'required|onlyNumber'"
+        clearable
+        maxlength="5"
+      />
       <van-field
         :value="insuredInfo.nativeplace | idToText('nativeplace')"
         readonly
@@ -250,6 +302,19 @@
         placeholder="请输入"
         clearable
       />
+      <FieldDatePicter
+        required
+        label="证件截止日期"
+        name="证件截止日期"
+        :value.sync="userInfo.certiexpiredate"
+        type="date"
+        ref="certiexpiredate"
+        :flag="true"
+        readonly
+      ></FieldDatePicter>
+      <div class="border-bt relative fs14 p10 flex justify-content-fe">
+        <van-checkbox v-model="userInfo.effectiveDateType" disabled="false">长期</van-checkbox>
+      </div>
       <select-radio required :disabled="true" :radios="sexRadio" label="性别" name="性别" v-validate="'required'" :value.sync="userInfo.sex"></select-radio>
       <FieldDatePicter
         v-validate="'required'"
@@ -272,9 +337,21 @@
         placeholder="请输入"
         v-validate="'required|mobile'"
         maxlength="11"
+        readonly
       />
-      <van-field v-model="userInfo.email" required label="邮箱" name="邮箱" placeholder="请输入" v-validate="'required|email'" clearable />
+      <van-field v-model="userInfo.email" readonly required label="邮箱" name="邮箱" placeholder="请输入" v-validate="'required|email'" clearable />
       <van-field readonly required label="职业类别" name="职业类别" :value="userInfo.occupationName" right-icon="arrow" />
+      <van-field
+        v-model="userInfo.averageAnnualIncome"
+        label="平均年收入（万元）"
+        name="平均年收入"
+        required
+        readonly
+        placeholder="请输入，单位万元"
+        v-validate="'required|onlyNumber'"
+        clearable
+        maxlength="5"
+      />
       <van-field
         :value="userInfo.nativeplace | idToText('nativeplace')"
         readonly
@@ -446,6 +523,10 @@ export default {
   },
   data() {
     return {
+      certiexpiredateRequired: true, //证件截止日期是否需要校验
+      certiexpiredateRequiredInsured: true, //证件截止日期是否需要校验--被保人
+      effectiveDateTypeAble: false, //长期按钮是否禁用
+      effectiveDateTypeAbleInsured: false, //长期按钮是否禁用--被保人
       proScheme: '', //保障方案
       proSchemeCode: '',
       productDate: '', //保险期间
@@ -501,8 +582,11 @@ export default {
         relationToInsured: '1',
         idType: '1', //证件类型
         idNo: '', //证件号码
+        certiexpiredate: '', //证件到期时间
+        effectiveDateType: false, //是否长期
         occupationCode: '', //职业代码
         occupationName: '', //职业名称
+        averageAnnualIncome: '', //平均年收入
         lifeGrade: '', //寿险等级
         healthGrade: '', //健康等级
         nativeplace: '1', //国家地区
@@ -521,10 +605,13 @@ export default {
         name: '', // 被保人姓名
         idType: '1', //被保人证件类型
         idNo: '', //被保人证件号码
+        certiexpiredate: '', //证件到期时间
+        effectiveDateType: false, //是否长期
         sex: '0', //被保人性别
         birthday: '', //被保人出生日期
         occupationCode: '', //职业代码
         occupationName: '', //职业名称
+        averageAnnualIncome: '', //平均年收入
         lifeGrade: '', //寿险等级
         healthGrade: '', //健康等级
         nativeplace: '', //国家地区
@@ -593,6 +680,25 @@ export default {
     }
   },
   methods: {
+    //长期状态改变时
+    effectiveDataTypeChange(val) {
+      //勾选长期状态时,证件截止日期置空
+      if (val) {
+        this.userInfo.certiexpiredate = ''
+        this.certiexpiredateRequired = false
+      } else {
+        this.certiexpiredateRequired = true
+      }
+    },
+    //长期状态改变时--被保人
+    effectiveDataTypeChangeInsured(val) {
+      if (val) {
+        this.insuredInfo.certiexpiredate = ''
+        this.certiexpiredateRequiredInsured = false
+      } else {
+        this.certiexpiredateRequiredInsured = true
+      }
+    },
     /**
      * @description:
      * @param {*} data
@@ -828,17 +934,21 @@ export default {
     },
     //确认选择字段
     onConfirm(value) {
+      console.log(value, 'value')
       this.popupShow = false
       if (this.pickerType == '1') {
         this.userInfo.nativeplace = value.id
       } else if (this.pickerType == '2') {
-        // //身份证以外的证件类型可以使用长期
-        // if (value.id != '1') {
-        //   this.effectiveDateTypeAble = false
-        // } else {
-        //   let age = utilsAge.getAge(this.userInfo.birthday, new Date())
-        //   this.effectiveDateTypeAble = !(age >= 45)
-        // }
+        //身份证以外的证件类型可以使用长期
+        //value.id 1 居民身份证 todo
+        if (value.id != '1') {
+          this.effectiveDateTypeAble = false
+        } else {
+          if (this.userInfo.birthday) {
+            let age = utilsAge.getAge(this.userInfo.birthday, new Date())
+            this.effectiveDateTypeAble = !(age >= 45)
+          }
+        }
         this.userInfo.idType = value.id
       } else if (this.pickerType == '3') {
         this.userInfo.degree = value.id
@@ -870,6 +980,16 @@ export default {
           }
         }
       } else if (this.pickerType == '22') {
+        //身份证以外的证件类型可以使用长期
+        //value.id 1 居民身份证 todo
+        if (value.id != '1') {
+          this.effectiveDateTypeAbleInsured = false
+        } else {
+          if (this.userInfo.birthday) {
+            let age = utilsAge.getAge(this.userInfo.birthday, new Date())
+            this.effectiveDateTypeAbleInsured = !(age >= 45)
+          }
+        }
         this.insuredInfo.idType = value.id
       }
     },
@@ -906,6 +1026,7 @@ export default {
               this.$refs.certiexpiredate.date = ''
               return
             }
+            this.userInfo.effectiveDateType = false
             //如果录入日期早于当前日期
             if (Date.parse(val) < Date.parse(new Date())) {
               this.userInfo.certiexpiredate = ''
@@ -994,6 +1115,26 @@ export default {
             this.productDate = currentData + '0时至' + productDateTime + '24时止'
           }
           break
+        case '7':
+          {
+            console.log('证件截止日期')
+            //被保人--证件截止日期
+            //如果已经勾选了长期
+            if (this.insuredInfo.effectiveDateType) {
+              //清空数据并返回
+              this.insuredInfo.certiexpiredate = ''
+              this.$refs.certiexpiredate.date = ''
+              return
+            }
+            this.insuredInfo.effectiveDateType = false
+            //如果录入日期早于当前日期
+            if (Date.parse(val) < Date.parse(new Date())) {
+              this.insuredInfo.certiexpiredate = ''
+              this.$refs.certiexpiredate.date = ''
+              return this.$toast('您的证件已过期')
+            }
+          }
+          break
       }
     },
     //选择客户
@@ -1183,9 +1324,19 @@ export default {
               console.log('证件号码校验有误')
               return this.$toast('您填写的证件号码有误')
             }
-
+            if (age < 46 && this.userInfo.effectiveDateType == true) {
+              return this.$toast('证件有效期错误，年龄小于46周岁的公民身份证有效期不能为长期')
+            }
             // 年龄在 16-25 周岁之间
-            if (age >= 16 && age <= 25) {
+            if (age <= 15) {
+              if (Date.parse(this.userInfo.certiexpiredate) - Date.parse(new Date()) > Date.parse('1975-01-01')) {
+                this.userInfo.certiexpiredate = ''
+                this.$refs.certiexpiredate.date = ''
+                // this.effectiveDateTypeAble = true
+                return this.$toast('证件有效期错误，未满16周岁的公民身份证有效期应小于等于5年')
+              }
+              //年龄在 16-25 周岁之间
+            } else if (age >= 16 && age <= 25) {
               console.log('年龄在16-25周岁之间')
               if (Date.parse(this.userInfo.certiexpiredate) - Date.parse(new Date()) > Date.parse('1980-01-01')) {
                 this.userInfo.certiexpiredate = ''
@@ -1249,14 +1400,25 @@ export default {
               console.log('证件号码校验有误')
               return this.$toast('您填写的证件号码有误')
             }
+            if (age < 46 && this.insuredInfo.effectiveDateType == true) {
+              return this.$toast('证件有效期错误，年龄小于46周岁的公民身份证有效期不能为长期')
+            }
 
             // 年龄在 16-25 周岁之间
-            if (insuredAge >= 16 && insuredAge <= 25) {
+            if (insuredAge <= 15) {
+              if (Date.parse(this.insuredInfo.certiexpiredate) - Date.parse(new Date()) > Date.parse('1975-01-01')) {
+                this.insuredInfo.certiexpiredate = ''
+                this.$refs.certiexpiredate.date = ''
+                // this.effectiveDateTypeAble = true
+                return this.$toast('证件有效期错误，未满16周岁的公民身份证有效期应小于等于5年')
+              }
+              //年龄在 16-25 周岁之间
+            } else if (insuredAge >= 16 && insuredAge <= 25) {
               console.log('年龄在16-25周岁之间')
               if (Date.parse(this.insuredInfo.certiexpiredate) - Date.parse(new Date()) > Date.parse('1980-01-01')) {
                 this.insuredInfo.certiexpiredate = ''
                 this.$refs.certiexpiredate.date = ''
-                this.effectiveDateTypeAble = true
+                this.certiexpiredateRequiredInsured = true
                 return this.$toast('证件有效期不正常，16周岁至25周岁公民身份证有效期应小于等于10年')
               }
               //年龄在 26-45 周岁之间
@@ -1264,7 +1426,7 @@ export default {
               if (Date.parse(this.insuredInfo.certiexpiredate) - Date.parse(new Date()) > Date.parse('1990-01-01')) {
                 this.insuredInfo.certiexpiredate = ''
                 this.$refs.certiexpiredate.date = ''
-                this.effectiveDateTypeAble = true
+                this.certiexpiredateRequiredInsured = true
                 return this.$toast('证件有效期不正常，26周岁至45周岁公民身份证有效期应小于等于20年')
               }
             }

From 4a22d12f4197ed8ce8142d9c6c94f2989cc49827 Mon Sep 17 00:00:00 2001
From: liyuetong <li.yuetong@ebiz-fooge.com>
Date: Mon, 17 May 2021 21:28:03 +0800
Subject: [PATCH 3/3] =?UTF-8?q?=E6=8A=95=E8=A2=AB=E4=BF=9D=E4=BA=BA--?=
 =?UTF-8?q?=E5=A6=82=E6=9E=9C=E8=AF=81=E4=BB=B6=E6=A0=A1=E9=AA=8C=E4=B8=8D?=
 =?UTF-8?q?=E9=80=9A=E8=BF=87,=E6=81=A2=E5=A4=8D=E9=BB=98=E8=AE=A4?=
 =?UTF-8?q?=E5=80=BC=EF=BC=8C=E9=80=89=E6=8B=A9=E5=AE=A2=E6=88=B7--?=
 =?UTF-8?q?=E8=AE=A1=E7=AE=97=E5=B9=B4=E9=BE=84=EF=BC=8C=E9=95=BF=E6=9C=9F?=
 =?UTF-8?q?=E6=8C=89=E9=92=AE=E6=98=AF=E5=90=A6=E7=A6=81=E7=94=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/ebiz/cardList/information.vue | 29 +++++++++++++++----------
 1 file changed, 18 insertions(+), 11 deletions(-)

diff --git a/src/views/ebiz/cardList/information.vue b/src/views/ebiz/cardList/information.vue
index c464e9930..c9c32a8b5 100644
--- a/src/views/ebiz/cardList/information.vue
+++ b/src/views/ebiz/cardList/information.vue
@@ -1166,6 +1166,11 @@ export default {
           this.userInfo.idType = data.customerIdType //证件类型
           this.userInfo.idNo = data.customerIdNumber //证件类别
         }
+        if (data.idEffectEndDate == '9999-01-01') {
+          this.userInfo.effectiveDateType = true //是否长期
+        } else {
+          this.userInfo.certiexpiredate = data.idEffectEndDate //证件截止日期
+        }
         this.userInfo.email = data.email //邮箱
 
         this.userInfo.mobile = data.customerPhone //移动电话
@@ -1182,10 +1187,10 @@ export default {
         this.userInfo.healthGrade = data.healthGrade
         this.userInfo.nativeplace = data.country
         this.userInfo.marriage = data.marryStatus
-
         // 计算年龄
-        // let age = utilsAge.getAge(this.userInfo.birthday, new Date())
-
+        let age = utilsAge.getAge(this.userInfo.birthday, new Date())
+        // 长期按钮是否禁用
+        this.effectiveDateTypeAble = age <= 45
         this.getRelatedData(this.userInfo.idNo, '1')
       } else if (this.selectUser == '1') {
         let { customerName, customerSex } = data
@@ -1197,7 +1202,11 @@ export default {
           this.insuredInfo.idType = data.customerIdType //证件类型
           this.insuredInfo.idNo = data.customerIdNumber //证件类别
         }
-
+        if (data.idEffectEndDate == '9999-01-01') {
+          this.insuredInfo.effectiveDateType = true //是否长期
+        } else {
+          this.insuredInfo.certiexpiredate = data.idEffectEndDate //证件截止日期
+        }
         this.insuredInfo.email = data.email //邮箱
         this.insuredInfo.mobile = data.customerPhone //移动电话
         this.insuredInfo.homeProvince = data.homeProvince //家庭省
@@ -1214,11 +1223,9 @@ export default {
         this.insuredInfo.nativeplace = data.country
         this.insuredInfo.marriage = data.marryStatus
         // 计算年龄
-        // let age = utilsAge.getAge(this.userInfo.birthday, new Date())
-
-        // 计算年龄
-        // let age = utilsAge.getAge(this.userInfo.birthday, new Date())
-
+        let age = utilsAge.getAge(this.insuredInfo.birthday, new Date())
+        // 长期按钮是否禁用
+        this.effectiveDateTypeAbleInsured = age <= 45
         this.getRelatedData(this.insuredInfo.idNo, '2')
       }
       // console.log(data, val)
@@ -1661,7 +1668,7 @@ export default {
         }
         //如果证件校验不通过,恢复默认值
         if (idToData(val).text) {
-          ;[this.userInfo.idNo, this.userInfo.sex, this.userInfo.birthday] = ['', '0', '']
+          ;[this.userInfo.idNo, this.userInfo.sex, this.userInfo.birthday, this.effectiveDateTypeAble] = ['', '0', '', false]
           return this.$toast(idToData(val).text)
         }
         this.userInfo.birthday = idToData(val).birthday
@@ -1673,7 +1680,7 @@ export default {
         }
         //如果证件校验不通过,恢复默认值
         if (idToData(val).text) {
-          ;[this.insuredInfo.idNo, this.insuredInfo.sex, this.insuredInfo.birthday] = ['', '0', '']
+          ;[this.insuredInfo.idNo, this.insuredInfo.sex, this.insuredInfo.birthday, this.effectiveDateTypeAbleInsured] = ['', '0', '', false]
           return this.$toast(idToData(val).text)
         }
         this.insuredInfo.birthday = idToData(val).birthday