From 80dec42d2704bb055e021259232a7d645004c694 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=9A=AE=E4=BC=9F?= <pi.wei@ebiz-fooge.com>
Date: Tue, 26 Nov 2019 14:33:26 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8D=A1=E5=8D=95=E4=BB=A3=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/ebiz/cardList/cardList.js          |    4 +
 src/assets/js/utils/request.js             |    5 +-
 src/config/cardList.js                     |    1 +
 src/router/ebiz/cardList.js                |   13 +
 src/router/ebiz/index.js                   |    3 +-
 src/views/ebiz/cardList/information.vue    | 1146 ++++++++++++++++++++
 src/views/ebiz/cardList/js/methods.js      |   89 ++
 src/views/ebiz/cardList/js/verification.js |   52 +
 src/views/ebiz/sale/InsuredInfo.vue        |    2 +-
 9 files changed, 1312 insertions(+), 3 deletions(-)
 create mode 100644 src/api/ebiz/cardList/cardList.js
 create mode 100644 src/config/cardList.js
 create mode 100644 src/router/ebiz/cardList.js
 create mode 100644 src/views/ebiz/cardList/information.vue
 create mode 100644 src/views/ebiz/cardList/js/methods.js
 create mode 100644 src/views/ebiz/cardList/js/verification.js

diff --git a/src/api/ebiz/cardList/cardList.js b/src/api/ebiz/cardList/cardList.js
new file mode 100644
index 000000000..28dac83d8
--- /dev/null
+++ b/src/api/ebiz/cardList/cardList.js
@@ -0,0 +1,4 @@
+// 卡单接口
+
+import request from '@/assets/js/utils/request'
+import getUrl from '@/assets/js/utils/get-url'
diff --git a/src/assets/js/utils/request.js b/src/assets/js/utils/request.js
index 0fe1f1100..5e2dac6de 100644
--- a/src/assets/js/utils/request.js
+++ b/src/assets/js/utils/request.js
@@ -1,5 +1,6 @@
 import axios from 'axios'
 import { Dialog, Toast } from 'vant'
+//建议书
 let proposal = [
   '/proposal/proposal/list',
   '/proposal/proposal/toInsurance',
@@ -9,7 +10,9 @@ let proposal = [
   '/proposal/proposal/updateInsured',
   '/proposal/file/getFile',
   '/proposal/proposal/deleteProposal'
-] //建议书
+]
+// 卡单
+let cardList = []
 let sale = ['/sale/order/orderList', '/sale/order/saveOrUpdateOrderInfo'] //在线投保
 let whiteList = ['/customer/agent/getCustomersList', ...proposal, ...sale]
 
diff --git a/src/config/cardList.js b/src/config/cardList.js
new file mode 100644
index 000000000..2f89c5c05
--- /dev/null
+++ b/src/config/cardList.js
@@ -0,0 +1 @@
+// 卡单
diff --git a/src/router/ebiz/cardList.js b/src/router/ebiz/cardList.js
new file mode 100644
index 000000000..e65351aae
--- /dev/null
+++ b/src/router/ebiz/cardList.js
@@ -0,0 +1,13 @@
+// 卡单路由
+const information = () => import('@/views/ebiz/cardList/information')
+export default [
+  {
+    path: '/cardList/information',
+    name: 'information',
+    component: information,
+    meta: {
+      title: '投被保人信息',
+      index: 1
+    }
+  }
+]
diff --git a/src/router/ebiz/index.js b/src/router/ebiz/index.js
index 9be0c4106..0ef1fa792 100644
--- a/src/router/ebiz/index.js
+++ b/src/router/ebiz/index.js
@@ -6,4 +6,5 @@ import my from './my'
 import serve from './serve'
 import common from './common'
 import product from './product'
-export default [...proposal, ...sale, ...customer, ...my, ...serve, ...common, ...product] //根据需要进行删减
+import cardList from './cardList'
+export default [...proposal, ...sale, ...customer, ...my, ...serve, ...common, ...product, ...cardList] //根据需要进行删减
\ No newline at end of file
diff --git a/src/views/ebiz/cardList/information.vue b/src/views/ebiz/cardList/information.vue
new file mode 100644
index 000000000..f6959ecc3
--- /dev/null
+++ b/src/views/ebiz/cardList/information.vue
@@ -0,0 +1,1146 @@
+<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"
+        v-validate="'required|name'"
+        name="投保姓名"
+        label="投保姓名"
+        required
+        :parentShowPicker.sync="customerShowPicker"
+        :value.sync="userInfo.name"
+        @nameChange="nameChange"
+        @on-click="selectClick('1')"
+      ></customer-picker>
+       <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
+        :value="userInfo.idType | idToText('insuredIdType')"
+        v-validate="'required'"
+        readonly
+        required
+        label="证件类型"
+        name="证件类型"
+        right-icon="arrow"
+        placeholder="请选择"
+        @click="toSelect('2')"
+      />
+      <!-- <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)">
+        <van-button v-if="userInfo.idType == 1" slot="button" size="small" type="danger" round @click="selectClick('3')">证件扫描</van-button>
+      </van-field>
+      <FieldDatePicter
+        v-validate="'required'"
+        label="证件起始日期"
+        name="证件起始日期"
+        required
+        :value.sync="userInfo.certificateValidate"
+        type="date"
+        @confirm="onDateConfirm($event, '0')"
+        ref="certificateValidate"
+        :flag="true"
+      ></FieldDatePicter>
+      <FieldDatePicter
+        :v-validate="{ required: certiexpiredateRequired }"
+        label="证件截止日期"
+        name="证件截止日期"
+        required
+        :value.sync="userInfo.certiexpiredate"
+        type="date"
+        @confirm="onDateConfirm($event, '1')"
+        ref="certiexpiredate"
+        :flag="true"
+      ></FieldDatePicter>
+      <div class="border-bt relative fs14 p10 flex align-center">
+        <van-checkbox v-model="userInfo.effectiveDateType" :disabled="effectiveDateTypeAble" @change="effectiveDataTypeChange">长期</van-checkbox>
+      </div>
+     
+      <van-field
+        :value="userInfo.nativeplace | idToText('nativeplace')"
+        readonly
+        required
+        label="国家/地区"
+        name="国家/地区"
+        v-validate="'required'"
+        right-icon="arrow"
+        placeholder="请选择"
+        @click="toSelect('1')"
+      />
+      <van-field :value="census" required readonly label="户籍" name="户籍" v-validate="'required'" right-icon="arrow" placeholder="请选择" @click="censusShow = true" />
+     
+
+      <van-field required v-model="userInfo.mobile" clearable label="移动电话" name="移动电话" placeholder="请输入" v-validate="'required|mobile'" maxlength="11" />
+      <van-field  v-model="userInfo.authCode" center clearable label name="短信验证码" placeholder="请输入短信验证码" v-validate="'required'" maxlength="6">
+        <van-button slot="button" size="small" type="danger" @click="getCode" :disabled="codeDisabled" v-no-more-click="1000">
+          {{ codeDisabled ? `${countDown}s后重新获取` : '发送验证码' }}
+        </van-button>
+      </van-field>
+      <van-field v-model="userInfo.email" required label="电子邮箱" name="电子邮箱" placeholder="请输入" v-validate="'required|email'" clearable />
+      <van-field
+        v-model="userInfo.stature"
+        label="身高(cm)"
+        name="身高"
+        required
+        placeholder="请输入"
+        v-validate="'required|onlyNumber|stature'"
+        clearable
+        @blur="checkStature(userInfo.stature)"
+        maxlength="5"
+      />
+      <van-field
+        v-model="userInfo.avoirdupois"
+        label="体重(kg)"
+        name="体重"
+        required
+        placeholder="请输入"
+        v-validate="'required|onlyNumber|avoirdupois'"
+        clearable
+        @blur="checkAvoirdupois(userInfo.avoirdupois)"
+      />
+      <!-- <div class="p15 fs14">
+        <van-radio-group v-model="userInfo.IsElecCont" class="flex" @change="radioChange">
+          <label>保单形式</label>
+          <van-radio name="1" class="ml30">电子</van-radio>
+          <van-radio name="2" class="ml20">电子+纸质</van-radio>
+        </van-radio-group>
+      </div> -->
+    </van-cell-group>
+    <van-radio-group :border="false" v-model="userInfo.addressStatus" v-validate="'required'" label="设置为联系地址" name="设置为联系地址">
+      <!-- 工作信息 -->
+      <van-cell-group :border="false">
+        <p style=" border-bottom: 1px solid #ebedf0" class="fs15 fwb pl10 mt10 pv12">工作信息</p>
+        <van-field
+          :value="userInfo.degree | idToText('degree')"
+          readonly
+          label="文化程度"
+          name="文化程度"
+          required
+          right-icon="arrow"
+          placeholder="请选择"
+          v-validate="'required'"
+          @click="toSelect('3')"
+        />
+        <select-radio
+          :radios="medicalRadio"
+          v-validate="'required'"
+          label="有无社保"
+          name="有无社保"
+          required
+          :value.sync="userInfo.medical"
+        ></select-radio>
+        <van-field
+          :value="userInfo.taxResidentId | idToText('taxIdentity')"
+          readonly
+          label="税收居民身份"
+          name="税收居民身份"
+          required
+          right-icon="arrow"
+          placeholder="请选择"
+          v-validate="'required'"
+          @click="toSelect('5')"
+        />
+
+        <occupation-picker
+          :value.sync="userInfo.occupationCode"
+          :chooseName.sync="userInfo.occupationName"
+          :lifeGrade.sync="userInfo.lifeGrade"
+          :healthGrade.sync="userInfo.healthGrade"
+          clearable
+          label="职业类别"
+          name="职业类别"
+          required
+          v-validate="'required'"
+          placeholder="请选择"
+          :parentShowPicker.sync="occupationShowPicker"
+          @on-click="selectClick('2')"
+          @on-choose="chooseOccupation"
+        />
+        <van-field
+          :value="userInfo.salarySource | idToText('salarySource')"
+          readonly
+          label="收入来源"
+          name="收入来源"
+          required
+          right-icon="arrow"
+          placeholder="请选择"
+          v-validate="'required'"
+          @click="toSelect('8')"
+        />
+        <van-field
+          v-show="isShowOthenSalarySource"
+          v-model="userInfo.otherSalarySource"
+          label
+          required
+          name="其他来源"
+          placeholder="请输入其它收入来源"
+          clearable
+          maxlength="30"
+        />
+        <van-field
+          v-model="userInfo.averageAnnualIncome"
+          label="平均年收入（万元）"
+          name="平均年收入"
+          required
+          placeholder="请输入"
+          v-validate="'required|onlyNumber'"
+          clearable
+          maxlength="5"
+        />
+        <van-field v-model="userInfo.liabilitiesMoney" required name="负债金额" placeholder="请输入" v-validate="'required|onlyNumber'" clearable maxlength="5">
+          <div slot="label" class="flex flex-wrap">
+            <span>负债金额</span>
+            <span>（万元）</span>
+          </div>
+        </van-field>
+        <van-field
+          :value="userInfo.jobStatus | idToText('workCondition')"
+          readonly
+          required
+          label="在职情况"
+          name="在职情况"
+          placeholder="请选择"
+          v-validate="'required'"
+          right-icon="arrow"
+          @click="toSelect('7')"
+        />
+        <van-field v-model="userInfo.workcompany" required label="工作单位" name="工作单位" placeholder="请输入" v-validate="'required'" maxlength="50" clearable />
+        <van-field
+          v-model="areaName"
+          readonly
+          label="单位地址"
+          name="单位地址"
+          required
+          right-icon="arrow"
+          placeholder="请选择"
+          v-validate="'required'"
+          @click="areaShow = true"
+        />
+        <van-field v-model="userInfo.companyAddress"  label name="详细地址" placeholder="请输入详细地址" v-validate="'required'" clearable maxlength="30" />
+        <div class="border-bt relative fs14 p10 flex align-center">
+          <!-- <van-checkbox v-model="companyDefault" :disabled="homeDefault" class="fr" @change="setAddress">设为联系地址</van-checkbox> -->
+          <van-radio name="0">设为联系地址</van-radio>
+        </div>
+        <van-field v-model="userInfo.companyZip" required label="邮编" name="邮编" placeholder="请输入" v-validate="'required|zipCode'" maxlength="6" clearable />
+        <van-field v-model="userInfo.companyPhone" label="单位电话" name="单位电话" placeholder="非必填" maxlength="13" clearable />
+      </van-cell-group>
+      <!-- 家庭信息 -->
+      <van-cell-group>
+        <p style="border-bottom: 1px solid #ebedf0" class="fs15 mt10 fwb pl10 pv12">家庭信息</p>
+        <van-field
+          :value="userInfo.marriage | idToText('marriage')"
+          readonly
+          required
+          label="婚姻状况"
+          name="婚姻状况"
+          right-icon="arrow"
+          placeholder="请选择"
+          v-validate="'required'"
+          @click="toSelect('6')"
+        />
+        <van-field
+          v-model="userInfo.familyAnnualIncome"
+          label="家庭年收入（万元）"
+          name="家庭年收入"
+          required
+          placeholder="请输入"
+          v-validate="'required|onlyNumber'"
+          clearable
+          maxlength="5"
+        />
+        <van-field
+          v-model="homeName"
+          readonly
+          label="家庭地址"
+          name="家庭地址"
+          required
+          right-icon="arrow"
+          placeholder="请选择"
+          v-validate="'required'"
+          @click="homeShow = true"
+        />
+        <van-field v-model="userInfo.homeAddress"  label name="详细地址" placeholder="请输入详细地址" v-validate="'required'" clearable maxlength="30" />
+        <div class="border-bt relative fs14 p10 flex align-center">
+          <!-- <van-checkbox v-model="homeDefault" :disabled="companyDefault" class="fr" @change="setAddress">设为联系地址</van-checkbox> -->
+          <van-radio name="1">设为联系地址</van-radio>
+        </div>
+        <van-field v-model="userInfo.homeZip" required label="邮编" name="邮编" placeholder="请输入" v-validate="'required|zipCode'" maxlength="6" clearable />
+        <van-field v-model="userInfo.homePhone" label="家庭电话" name="家庭电话" placeholder="非必填" maxlength="13" clearable />
+      </van-cell-group>
+    </van-radio-group>
+    <van-button type="danger" class="bottom-btn" @click="nextStep" v-no-more-click="1000">下一步</van-button>
+
+    <!-- 字段选择 -->
+    <van-popup v-model="popupShow" position="bottom">
+      <van-picker show-toolbar :columns="columns" @confirm="onConfirm" @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="110101" @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>
+  </div>
+</template>
+<script>
+import { Field, CellGroup, Checkbox, 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/area'
+import { saveOrUpdateOrderInfo, getAuthCode, getOrderDetail } from '@/api/ebiz/sale/sale'
+import utilsAge from '@/assets/js/utils/age'
+import getAreaName from '@/assets/js/utils/get-area-name'
+import IdentityCardScan from '@/components/ebiz/sale/IdentityCardScan'
+import idNoCheck from '@/assets/js/utils/idNoCheck'
+import beforeDate from '@/assets/js/utils/getBeforeDate.js'
+import { idToData } from './js/verification'
+import { selectComp } from './js/methods'
+
+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
+  },
+  data() {
+    return {
+      isScan: false, //是否显示证件扫描组件
+      sexRadio: [
+        {
+          label: '男',
+          value: '0'
+        },
+        {
+          label: '女',
+          value: '1'
+        }
+      ],
+      medicalRadio: [
+        {
+          label: '有',
+          value: '0'
+        },
+        {
+          label: '无',
+          value: '1'
+        }
+      ],
+      maxDate: beforeDate.getBeforeYear(18),
+      codeDisabled: false, //获取验证码按钮是否禁用
+      countDown: 60, //倒计时
+      certiexpiredateRequired: true, //证件截止日期是否需要校验
+      popupShow: false,
+      areaShow: false, //省级联动
+      homeShow: false,
+      censusShow: false, //户籍联动
+      pickerType: undefined,
+      columns: [],
+      valueKey: 'text',
+      census: '', //户籍
+      areaName: '', //单位地址
+      homeName: '', //家庭地址
+      companyDefault: false, //设置公司地址为默认地址
+      homeDefault: false, //设置家庭地址为默认地址
+      setDefaultAddress: false, //设为联系地址
+      sessionId: '', //后台返回的 id
+      effectiveDateTypeAble: false, //长期按钮是否禁用
+      userInfo: {
+        name: '', //投保人姓名
+        sex: '0', //投保人性别
+        nativeplace: '1', //国家地区
+        birthday: '',
+        idType: '1', //证件类型
+        idNo: '', //证件号码
+        certificateValidate: '', //证件起始日期
+        certiexpiredate: '', //证件到期时间
+        effectiveDateType: false, //是否长期
+        occupationCode: '', //职业类别编码
+        occupationName: '', //职业类别名称
+        salarySource: '', // 收入来源
+        otherSalarySource: '', // 其他来源
+        lifeGrade: '', //寿险等级
+        healthGrade: '', //健康等级
+        mobile: '', //移动电话
+        stature: '', //身高
+        avoirdupois: '', //体重
+        authCode: '', //验证码
+        degree: '', //文化程度
+        medical: '1', //有无社保
+        taxResidentId: '', //税收居民身份
+        averageAnnualIncome: '', //平均年收入
+        workcompany: '', //工作单位
+        province: '',
+        jobStatus: '', //在职情况
+        // city: '',
+        area: '',
+        marriage: '', //婚姻状况
+        familyAnnualIncome: '', //家庭年收入
+        email: '', //电子邮箱
+        liabilitiesMoney: '', //负债金额
+        postcode: '', //邮编
+        officeTel: '', //单位电话
+        companyProvince: '', //单位省
+        companyCity: '', //单位市
+        companyArea: '', //单位区
+        companyAddress: '', //单位详细地址
+        companyZip: '', //单位邮编
+        companyPhone: '', //单位电话
+        homeProvince: '', //家庭省
+        homeCity: '', //家庭市
+        homeArea: '', //家庭区
+        homeAddress: '', //家庭详细地址
+        homeZip: '', //家庭邮编
+        homePhone: '', //家庭电话
+        householdProvince: '', //户籍省
+        householdCity: '', //户籍市
+        addressStatus: '0', //是否是联系地址
+        IsElecCont: '1' //保单形式
+      },
+      areaList: areaList,
+      currentPopupIndex: '',
+      customerShowPicker: false,
+      occupationShowPicker: false,
+      timeId: null
+    }
+  },
+  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
+  },
+  methods: {
+    //监听名字变化
+    nameChange(name) {
+      this.userInfo.name = name
+    },
+    selectClick(index) {
+      selectComp(this, index, '1')
+    },
+    // 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) {
+        this.customerShowPicker = false
+      } else if (this.currentPopupIndex == 2) {
+        this.occupationShowPicker = false
+      } else if (this.currentPopupIndex == 3) {
+        this.isScan = false
+      }
+    },
+    chooseOccupation() {
+      this.$jump({
+        flag: 'navigation',
+        extra: {
+          title: '投保人信息',
+          hiddenRight: '1'
+        }
+      })
+      this.occupationShowPicker = false
+    },
+    //弹框选择
+    toSelect(pickerType, valueKey) {
+      console.log(valueKey)
+      //pickerType 1、国家地区 2、证件类型 3、文化程度 4、有无社保(弃用) 5、税收居民身份 6、婚姻状况 7、在职情况 8、收入来源
+      ;[this.popupShow, this.pickerType] = [true, pickerType]
+      if (valueKey) this.valueKey = valueKey
+      if (pickerType == '1') {
+        this.columns = DataDictionary.nativeplace
+      } else if (pickerType == '2') {
+        this.columns = DataDictionary.insuredIdType
+      } 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
+      } else if (pickerType == '7') {
+        this.columns = DataDictionary.workCondition
+      } else if (pickerType == '8') {
+        this.columns = DataDictionary.salarySource
+      }
+    },
+    //确认选择字段
+    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
+      } else if (this.pickerType == '7') {
+        this.userInfo.jobStatus = value.id
+      } else if (this.pickerType == '8') {
+        this.userInfo.salarySource = 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
+      }
+    },
+    //选择客户
+    chooseCustomer(data) {
+      this.customerShowPicker = false
+      this.$jump({
+        flag: 'navigation',
+        extra: {
+          title: '投保人信息',
+          hiddenRight: '1'
+        }
+      })
+      let { customerName, customerSex } = data
+      this.userInfo.name = customerName //用户名
+      this.userInfo.sex = String(customerSex) //性别
+      this.userInfo.nativeplace = data.country //国家地区
+      this.userInfo.birthday = data.birthday //出生日期
+      this.userInfo.idType = data.customerIdType //证件类型
+      this.userInfo.idNo = data.customerIdNumber //证件类别
+      this.userInfo.certificateValidate = data.idEffectStartDate //证件起始日期
+      this.userInfo.certiexpiredate = data.idEffectEndDate //证件截止日期
+      this.userInfo.effectiveDateType = data.idEffectEndDate == '9999-01-01' //是否长期
+      this.userInfo.occupationCode = data.occupationCode //职业类别编码
+      this.userInfo.occupationName = data.occupationName //职业类别名称
+      this.userInfo.salarySource = data.salarySource //收入来源
+      this.userInfo.otherSalarySource = data.otherSalarySource // 其他收入来源
+      this.userInfo.lifeGrade = data.lifeGrade //寿险等级
+      this.userInfo.healthGrade = data.healthGrade //健康等级
+      this.userInfo.mobile = data.customerPhone //移动电话
+      this.userInfo.stature = data.height //身高
+      this.userInfo.avoirdupois = data.weight //体重
+      this.userInfo.degree = data.educationLevel //教育水平
+      this.userInfo.medical = data.socialSecurity //有无社保
+      this.userInfo.taxResidentId = data.residentStatus //税收居民身份
+      this.userInfo.averageAnnualIncome = data.averageYearlyIncome //平均年收入
+      this.userInfo.workcompany = data.workUnits //工作单位
+      this.userInfo.jobStatus = data.jobStatus //工作情况
+      this.userInfo.marriage = data.marryStatus //婚姻状况
+      this.userInfo.familyAnnualIncome = data.familyAnnualIncome //家庭年收入
+      this.userInfo.email = data.email //电子邮箱
+      this.userInfo.liabilitiesMoney = data.liabilitiesMoney //负债金额
+      this.userInfo.companyProvince = data.companyProvince //单位省
+      this.userInfo.companyCity = data.companyCity //单位市
+      this.userInfo.companyArea = data.companyArea //单位区
+      this.userInfo.companyAddress = data.companyAddress //单位详细地址
+      this.userInfo.companyZip = data.companyZip //单位邮编
+      this.userInfo.companyPhone = data.companyPhone //单位电话
+      this.userInfo.homeProvince = data.homeProvince //家庭省
+      this.userInfo.homeCity = data.homeCity //家庭市
+      this.userInfo.homeArea = data.homeArea //家庭区
+      this.userInfo.homeAddress = data.homeAddress //家庭详细地址
+      this.userInfo.homeZip = data.homeZip //家庭邮编
+      this.userInfo.homePhone = data.homePhone //家庭电话
+      this.userInfo.householdProvince = data.province //户籍省
+      this.userInfo.householdCity = data.city //户籍市
+      this.userInfo.IsElecCont = data.IsElecCont || '1' //保单形式
+      if (data.province.length) {
+        this.census = getAreaName([{ code: data.province }, { code: data.city }]) //户籍
+      }
+      if (data.companyProvince.length) {
+        this.areaName = getAreaName([{ code: data.companyProvince }, { code: data.companyCity }, { code: data.companyArea }]) //单位地址
+      }
+      if (data.homeProvince.length) {
+        this.homeName = getAreaName([{ code: data.homeProvince }, { code: data.homeCity }, { code: data.homeArea }]) //家庭地址
+      }
+      // 计算年龄
+      let age = utilsAge.getAge(this.userInfo.birthday, new Date())
+      // 长期按钮是否禁用
+      this.effectiveDateTypeAble = age <= 45
+
+      this.getRelatedData(this.userInfo.idNo)
+    },
+    nextStep() {
+     
+      // console.log(this.userInfo.idType)
+      console.log(this.userInfo.salarySource)
+      console.log(this.userInfo.otherSalarySource)
+      //表单校验, 成功跳转
+      this.$validator.validate().then(valid => {
+        if (true === valid) {
+          localStorage.chooseProductCodesNew = localStorage.chooseProductCodes
+          // 计算年龄
+          let age = utilsAge.getAge(this.userInfo.birthday, new Date())
+          // 如果是未成年人
+          // if (age < 18) {
+          //   return this.$toast('投保人必须是具有民事行为能力且有固定职业和收入的自然人，请确定')
+          // }
+
+          //如果证件类型是身份证
+          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年')
+              }
+            }
+            //证件类型是户口本
+          } else if (this.userInfo.idType == '2') {
+            if (age > 16) {
+              return this.$toast('客户年龄在16周岁以上，不能使用户口本作为有效证件')
+            }
+          } else if (this.userInfo.idType == '3') {
+            if (age >= 2) {
+              return this.$toast('客户年龄在2周岁及以上，不能使用出生证作为有效证件')
+            }
+          }
+          // else if (this.userInfo.idType == '4' && this.userInfo.idNo.length < 3) {
+          //   console.log('证件类型是护照')
+          //   return this.$toast('护照须大于等于3个字符')
+          //   //证件是港澳居民通行证
+          // } else if (this.userInfo.idType == '5') {
+          //   console.log('证件类型是港澳居民通行证')
+          //   if (this.userInfo.idNo.length != 9) {
+          //     return this.$toast('证件类型为港澳居民通行证的，证件号码须为9位')
+          //   } else if (!/^(H|M)[0-9]{8}$/.test(this.userInfo.idNo)) {
+          //     return this.$toast('证件类型为港澳居民通行证的，证件号码首位字母为"H"/"M",证件号码第2位至第9位为阿拉伯数字')
+          //   }
+          //   //证件是台湾居民通行证
+          // } else if (this.userInfo.idType == '6' && this.userInfo.idNo.length != 8) {
+          //   console.log('证件类型是台湾居民通行证')
+          //   return this.$toast('证件类型为台湾居民通行证的，证件号码须为8位数字')
+          // }
+
+          //投保人需大于等于 18 周岁
+          if (age < 18) {
+            return this.$toast('投保人必须是具有民事行为能力且有固定职业和收入的自然人，请确定')
+          }
+
+          //职业类型不能为 '一般学生'
+          if (this.userInfo.occupationCode == '2099907') {
+            this.userInfo.occupationName = ''
+            return this.$toast('学生不可以作为投保人，请更换投保人投保')
+          }
+
+          if (this.userInfo.salarySource == '4') {
+            if (!this.userInfo.otherSalarySource) {
+              return this.$toast('请输入其它收入来源')
+            }
+          }
+
+          //如果是已婚
+          if ((this.userInfo.sex == '0' && age < 22) || (this.userInfo.sex == '1' && age < 20)) {
+            if (this.userInfo.marriage != '2') {
+              return this.$toast('投保人不符合国家婚姻法定年龄')
+            }
+          }
+          // if (this.userInfo.marriage == '1') {
+          //   if (this.userInfo.sex == '0' && age < 22) {
+          //     return this.$toast('年龄与婚姻状况不符')
+          //   } else if (this.userInfo.sex == '1' && age < 20) {
+          //     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(str = '') {
+      let params = {
+        orderType: 'APPNT_ORDER',
+        orderDTO: {
+          orderInfoDTO: {
+            orderNo: localStorage.orderNo
+          },
+          smsCodeDTO: { smsId: this.sessionId, code: this.userInfo.authCode },
+          appntDTO: {}
+        }
+      }
+      // let params = {
+      //   operateType: 'authmobile',
+      //   type: 'H5',
+      //   system: 'agentApp',
+      //   operateCodeType: '0'
+      // }
+      params.orderDTO.appntDTO = this.userInfo
+      let resultData = await saveOrUpdateOrderInfo(params)
+      if (resultData.result == 0) {
+        //存储被保人信息
+        // 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)
+
+        localStorage.orderNo = resultData.orderNo
+        //清理计时器
+        window.clearInterval(this.timeId)
+        this.timeId = null
+        this.countDown = 60
+        this.codeDisabled = false
+        this.$jump({
+          flag: 'h5',
+          extra: {
+            url: location.origin + `/#/sale/insuredPerson?${str}`
+          },
+          routerInfo: {
+            path: `/sale/insuredPerson?${str}`
+          }
+        })
+      } else {
+        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': //家庭地址
+          this.homeName = getAreaName(area)
+          ;[this.userInfo.homeProvince, this.userInfo.homeCity, this.userInfo.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
+      }
+    },
+    //设为联系地址
+    setAddress(val) {
+      console.log(val)
+      console.log(this.homeDefault)
+      //上面是0下面是1
+      if (this.homeDefault) {
+        this.userInfo.addressStatus = 1
+      }
+      if (this.companyDefault) {
+        this.userInfo.addressStatus = 0
+      }
+    },
+    //获取验证码
+    getCode() {
+      if (this.userInfo.mobile == '') {
+        return this.$toast('请填写移动电话')
+      }
+      this.codeDisabled = true
+      //倒计时
+      this.timeId = setInterval(() => {
+        this.countDown--
+        if (this.countDown <= 0) {
+          window.clearInterval(this.timeId)
+          this.codeDisabled = false
+          this.countDown = 60
+        }
+      }, 1000)
+      let data = {
+        operateType: 'appntInfoEntry',
+        type: 'H5',
+        operateCode: this.userInfo.mobile,
+        system: 'agentApp',
+        operateCodeType: '0'
+      }
+      //获取验证码
+      getAuthCode(data).then(res => {
+        console.log(res)
+        if (res.result == 0) {
+          this.sessionId = res.sessionId
+        } else {
+          this.$toast(res.resultMessage)
+        }
+      })
+    },
+    //证件扫描
+    // goScan() {
+    //   this.isScan = true
+    // },
+    //长期状态改变时
+    effectiveDataTypeChange(val) {
+      //勾选长期状态时,证件截止日期置空
+      if (val) {
+        this.userInfo.certiexpiredate = ''
+        this.certiexpiredateRequired = false
+      } else {
+        this.certiexpiredateRequired = true
+      }
+    },
+    //获取身份证扫描信息
+    getIdentityInfo(data) {
+      getIdentityInfo(this, data, '1')
+    },
+    // 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'
+    //     }
+    //   })
+    // },
+    //校验身高
+    checkStature(val) {
+      console.log(val)
+      if (val.trim().length == 0) {
+        return this.$toast('身高不能为空')
+      }
+
+      let res = /^[0-9]{0,3}([.]{1}[0-9]{1})?$/.test(val) && val < 300 && val > 10
+      if (!res) {
+        this.userInfo.stature = ''
+        return this.$toast('身高输入有误')
+      }
+    },
+    //校验体重
+    checkAvoirdupois(val) {
+      if (val.trim().length == 0) {
+        return this.$toast('体重不能为空')
+      }
+
+      let res = /^[0-9]+([.]{1}[0-9]{1})?$/.test(val) && val > 0.1
+      if (!res) {
+        this.userInfo.avoirdupois = ''
+        return this.$toast('体重输入有误')
+      }
+    },
+    getRelatedData(val) {
+      if (this.userInfo.idType != '1') {
+        return
+      }
+      //如果证件校验不通过,恢复默认值
+      if (idToData(val).text) {
+        ;[this.userInfo.idNo, this.userInfo.sex, this.userInfo.birthday, this.effectiveDateTypeAble] = ['', '0', '', false]
+        return this.$toast(idToData(val).text)
+      }
+      this.userInfo.effectiveDateType = false
+      this.effectiveDateTypeAble = idToData(val).age < 45
+      this.userInfo.birthday = idToData(val).birthday
+      this.userInfo.sex = idToData(val).sex
+    },
+    // 单选按钮切换
+    radioChange(val) {
+      console.log(val)
+      this.userInfo.IsElecCont = val
+    }
+  },
+  computed: {
+    isShowOthenSalarySource() {
+      if (this.userInfo.salarySource == '4') {
+        return true
+      } else {
+        this.userInfo.otherSalarySource = ''
+        return false
+      }
+    }
+  },
+  beforeDestroy() {
+    //清理计时器
+    console.log('123')
+    window.clearInterval(this.timeId)
+    this.timeId = null
+    this.countDown = 60
+    this.codeDisabled = false
+  }
+  // watch: {
+  //    'userInfo.idNo': {
+  //     handler(newName, oldName) {
+  //       // console.log('obj.a changed');
+  //       if(newName != oldName) {
+  //         this.getRelatedData(this.userInfo.idNo)
+  //       }
+  //     },
+  //     immediate: true,
+  //     deep: true
+  //   }
+  // }
+}
+</script>
+<style lang="scss" scoped>
+.insured-info-container {
+  /deep/.van-checkbox {
+    margin-left: auto;
+  }
+  /deep/.van-radio {
+    margin-left: auto;
+  }
+}
+</style>
diff --git a/src/views/ebiz/cardList/js/methods.js b/src/views/ebiz/cardList/js/methods.js
new file mode 100644
index 000000000..b2cda7c38
--- /dev/null
+++ b/src/views/ebiz/cardList/js/methods.js
@@ -0,0 +1,89 @@
+//点击弹出组件
+export function selectComp(that, index, type = '') {
+  that.currentPopupIndex = index
+  let title = ''
+  if (index == 1) {
+    ;[that.customerShowPicker, title] = [true, '客户列表']
+  } else if (index == 2) {
+    ;[that.occupationShowPicker, title] = [true, '职业类别']
+  } else if (index == 3) {
+    if (type == '1') {
+      //投保人
+      localStorage.scanFromInsured = 'true'
+    } else if (type == '2') {
+      //被保人
+      localStorage.scanFromInsured = 'false'
+    }
+    ;[that.isScan, title] = [true, '身份证扫描']
+  }
+
+  setTimeout(() => {
+    that.$jump({
+      flag: 'navigation',
+      extra: {
+        title,
+        hiddenLeft: '1'
+      }
+    })
+    closeBtn(that)
+  }, 400)
+}
+
+// 关闭按钮的显示
+function closeBtn(that) {
+  that.$jump({
+    flag: 'webview_right_button',
+    extra: {
+      btns: [
+        {
+          img: that.$assetsUrl + 'images/del-close.png',
+          route: { flag: '', extra: {} }
+        }
+      ]
+    }
+  })
+}
+
+// 获取身份证扫描信息
+/**
+ *
+ * @param {*} that 上下文
+ * @param {*} data 扫描数据
+ * @param {*} type 1 投保人 2 被保人
+ */
+export function getIdentityInfo(that, data, type) {
+  // 正面
+  if (data.name && data.name != '待识别') {
+    that.userInfo.name = data.name
+    that.userInfo.idNo = data.idNo
+    that.userInfo.birthday = `${data.birthYear}-${data.birthMonth}-${data.birthDay}`
+    that.userInfo.sex = data.gender == '男' ? '0' : '1'
+  }
+  // 反面
+  if (data.startDate && data.startDate != '待识别') {
+    that.userInfo.certificateValidate = `${data.startDate.substr(0, 4)}-${data.startDate.substr(5, 2)}-${data.startDate.substr(8, 2)}`
+    //that.userInfo.certificateValidate = `${data.startDate.substr(0, 4)}-${data.startDate.substr(4, 2)}-${data.startDate.substr(6, 2)}`
+    // 是否为长期身份证
+    if (data.endDate != '长期') {
+      that.userInfo.certiexpiredate = `${data.endDate.substr(0, 4)}-${data.endDate.substr(5, 2)}-${data.endDate.substr(8, 2)}`
+      // that.userInfo.certiexpiredate = `${data.endDate.substr(0, 4)}-${data.endDate.substr(4, 2)}-${data.endDate.substr(6, 2)}`
+      that.effectiveDateTypeAble = true
+    } else {
+      // 勾选长期
+      that.userInfo.effectiveDateType = true
+      // 长期按钮不禁用
+      that.effectiveDateTypeAble = false
+      // 证件截止日期不需要校验
+      that.certiexpiredateRequired = false
+    }
+  }
+  that.isScan = false
+  let title = type == '1' ? '投保人信息' : '被保人信息'
+  that.$jump({
+    flag: 'navigation',
+    extra: {
+      title,
+      hiddenRight: '1'
+    }
+  })
+}
diff --git a/src/views/ebiz/cardList/js/verification.js b/src/views/ebiz/cardList/js/verification.js
new file mode 100644
index 000000000..b42c40b4b
--- /dev/null
+++ b/src/views/ebiz/cardList/js/verification.js
@@ -0,0 +1,52 @@
+import changeFifteenToEighteen from '@/assets/js/utils/changeFifteenToEighteen'
+import idNoCheck from '@/assets/js/utils/idNoCheck'
+import utilsAge from '@/assets/js/utils/age'
+
+//身份证带出出生日期,性别,年龄
+export function idToData(idNo) {
+  //非空
+  if (!idNo.trim()) {
+    return {
+      text: '证件号码不能为空'
+    }
+  }
+
+  // 证件号码规则校验
+  if (!idNoCheck.isIdno(idNo)) {
+    return {
+      text: '您填写的证件号码有误'
+    }
+  }
+
+  //如果是15位身份证号先转为18位
+  if (idNo.length == 15) {
+    idNo = changeFifteenToEighteen(idNo)
+  }
+  let birthday = getBirthById(idNo)
+  let age = utilsAge.getAge(birthday, new Date())
+  let sex = getSexById(idNo)
+  return {
+    birthday,
+    age,
+    sex
+  }
+}
+
+function getBirthById(idNo) {
+  // 获取生日
+  var year = idNo.substr(6, 4)
+  var month = idNo.substr(10, 2)
+  var day = idNo.substr(12, 2)
+  return year + '-' + month + '-' + day
+}
+
+function getSexById(idNo) {
+  // 获取性别
+  if (idNo.charAt(16) >= '0' && idNo.charAt(16) <= '9') {
+    if (parseInt(idNo.charAt(16)) % 2 == 0) {
+      return '1'
+    } else {
+      return '0'
+    }
+  }
+}
diff --git a/src/views/ebiz/sale/InsuredInfo.vue b/src/views/ebiz/sale/InsuredInfo.vue
index 3694cf47a..1a7198ac9 100644
--- a/src/views/ebiz/sale/InsuredInfo.vue
+++ b/src/views/ebiz/sale/InsuredInfo.vue
@@ -317,7 +317,7 @@ import IdentityCardScan from '@/components/ebiz/sale/IdentityCardScan'
 import idNoCheck from '@/assets/js/utils/idNoCheck'
 import beforeDate from '@/assets/js/utils/getBeforeDate.js'
 import { idToData } from './js/verification'
-import { selectComp,getIdentityInfo } from './js/methods'
+import { selectComp } from './js/methods'
 
 export default {
   name: 'insuredInfo',