feature/GFRS-2301【需求】健康险渠道国富无忧卡金掌桂开发的需求--增加更新险种阅读接口，支付页面修改，添加模拟数据，更新险种文档阅读状态接口--提交人庞兴月

src/api/ebiz/cardList/cardList.js

@@ -1,3 +1,11 @@
+/*
+ * @Author: PangXingYue
+ * @Date: 2021-04-01 11:00:21
+ * @LastEditTime: 2021-04-02 13:42:08
+ * @LastEditors: PangXingYue
+ * @Description: 
+ * @FilePath: \ebiz-h5\src\api\ebiz\cardList\cardList.js
+ */
 // 卡单接口
 
 import request from '@/assets/js/utils/request'
@@ -83,3 +91,12 @@ export function getPayTemp(data) {
     data
   })
 }
+
+// 更新险种文档阅读状态
+export function saveOrUpdateDocument(data) {
+  return request({
+    url: getUrl('/sale/card/saveOrUpdateDocument', 1),
+    method: 'post',
+    data
+  })
+}

src/views/ebiz/cardList/Pay.vue

@@ -148,7 +148,9 @@
         <!-- <van-button type="danger" style="width: 100vw;height: 13vw" @click="pay" v-no-more-click="1000">支付</van-button> -->
         <van-button type="danger" style="width: 100vw; height: 13vw" @click="share" v-no-more-click="1000">支付分享</van-button>
       </div>
-      <div class="bg-white bottom-btn" v-else><van-button type="danger" size="large" @click="pay" v-no-more-click="1000">支付</van-button></div>
+      <div class="bg-white bottom-btn" v-else>
+        <van-button type="danger" size="large" @click="pay" v-no-more-click="1000">支付</van-button>
+        </div>
     </div>
     <!-- 银行卡扫描按钮 -->
     <van-popup v-model="isScan" style="height: 100vh" position="bottom">
@@ -262,13 +264,16 @@ export default {
   created() {
     if (this.isWeixin) {
       let orderDetail = JSON.parse(sessionStorage.orderDetail)
-      this.underWriteData.riskName = orderDetail.insuredDTOs[0].riskDTOLst[0].riskName
+      this.underWriteData = {
-      this.underWriteData.appntName = orderDetail.appntDTO.name
+        'riskName': orderDetail.insuredDTOs[0].riskDTOLst[0].riskName,
-      this.underWriteData.insuredName = orderDetail.insuredDTOs[0].name
+        'appntName': orderDetail.appntDTO.name,
-      this.underWriteData.orderAmount = orderDetail.insuredDTOs[0].riskDTOLst[0].prem
+        'insuredName': orderDetail.insuredDTOs[0].name,
-      this.underWriteData.schemeName = res.orderDTO.insuredDTOs[0].riskDTOLst[0].proScheme
+        'orderAmount': orderDetail.insuredDTOs[0].riskDTOLst[0].prem,
+        'schemeName': orderDetail.insuredDTOs[0].riskDTOLst[0].proScheme,
+        'idType': orderDetail.appntDTO.idType,
+      }
       this.orderStatus = orderDetail.orderInfoDTO.orderStatus
-      this.underWriteData.idType = orderDetail.appntDTO.idType
+      localStorage.orderNo = orderDetail.orderInfoDTO.orderNo
       // this.radio = '3'
       // this.isLoading = true
       // this.$toast.loading({
@@ -762,10 +767,9 @@ export default {
       localStorage.name = this.underWriteData.name
       localStorage.bankName = this.underWriteData.bankName
       localStorage.bankCode = this.underWriteData.bankCode
-      localStorage.bankListName = this.bankListName
+      localStorage.bankListName = this.bankListName      
-      console.log(this.underWriteData.bankName, this.underWriteData.bankCode, this.bankListName, this.underWriteData.name)      
+      let res = await getShareParam({ shareType: 'card_pay' })            
-      let res = await getShareParam({ shareType: 'card_pay' })      
+      let url = location.origin + '/#/cardList/phoneCode?orderNo=' + localStorage.orderNo + '&token=' + res.content      
-      let url = location.origin + '/#/cardList/pay?orderNo=' + localStorage.orderNo + '&token=' + res.content      
       if (res.result == '0') {
         EWebBridge.webCallAppInJs('bridge', {
           flag: 'share',

src/views/ebiz/cardList/ShowPDF.vue

@@ -1,13 +1,24 @@
+<!--
+ * @Author: PangXingYue
+ * @Date: 2021-04-01 11:00:21
+ * @LastEditTime: 2021-04-02 14:02:34
+ * @LastEditors: PangXingYue
+ * @Description: 
+ * @FilePath: \ebiz-h5\src\views\ebiz\cardList\ShowPDF.vue
+-->
 <template>
   <div>
     <van-notice-bar wrapable v-if="time > 0" :scrollable="false" :text="'提示：阅读时长需在' + time + '秒以上'" />
     <iframe :src="src + pdfUrl" style="width: 100vw; height: calc(100vh - 100px)"></iframe>
-    <div class="bg-white bottom-btn"><van-button type="danger" size="large" @click="nextStep" v-no-more-click="1000">下一步</van-button></div>
+    <div class="bg-white bottom-btn">
+      <van-button type="danger" size="large" @click="nextStep" v-no-more-click="1000">下一步</van-button>
+    </div>
   </div>
 </template>
 
 <script>
 import { Button, NoticeBar } from 'vant'
+import { saveOrUpdateCard } from '@/api/ebiz/cardList/cardList.js'
 export default {
   data() {
     return {
@@ -16,23 +27,21 @@ export default {
       index: this.$route.query.index || 0, //阅读文件指针
       timer: null,
       time: 5,
-      cardListPDF: [],
+      cardListPDF: []
     }
   },
   components: {
     [NoticeBar.name]: NoticeBar,
-    [Button.name]: Button,
+    [Button.name]: Button
   },
   created() {
     this.init()
   },
   mounted() {},
   methods: {
-    init() {
+    init() {      
-      console.log('init')
+      this.cardListPDF = JSON.parse(localStorage.cardListPDF)      
-      this.cardListPDF = JSON.parse(localStorage.cardListPDF)
+      this.pdfUrl = this.cardListPDF[this.index].originalUrl
-      console.log(this.cardListPDF)
-      this.pdfUrl = this.cardListPDF[this.index].documentUrl
       document.title = this.cardListPDF[this.index].documentName
       this.interval()
     },
@@ -45,21 +54,40 @@ export default {
     },
     nextStep() {
       // 调用阅读接口
+      if (this.time !== 0) {
+        return false
+      }
       if (this.index >= this.cardListPDF.length - 1) {
         this.$jump({
           flag: 'h5',
           extra: {
-            url: location.origin + '/#/cardList/SignatureConfirmation',
+            url: location.origin + '/#/cardList/SignatureConfirmation'
           },
           routerInfo: {
-            path: '/cardList/SignatureConfirmation',
+            path: '/cardList/SignatureConfirmation'
-          },
+          }
         })
       } else {
-        this.index++
+        this.saveOrUpdateCard()        
-        this.init()
       }
     },
-  },
+    //更新险种文档阅读状态
+    saveOrUpdateCard() {            
+      this.cardListPDF[this.index]['documentStatus'] = '1'
+      let data = {
+            'ebizSignDTOS': [this.cardListPDF[this.index]]
+      }
+      saveOrUpdateCard(data).then(res => {        
+        if (res.result == '0') {
+          this.$toast.clear()
+          this.index++
+          this.init()
+        } else {          
+          this.$toast(res.resultMessage)
+          return false
+        }
+      })
+    }
+  }
 }
 </script>

src/views/ebiz/cardList/SignatureConfirmation.vue

@@ -19,7 +19,7 @@
             <p class="mb20">以下内容需要您按照顺序阅读确认:</p>
             <div>
               <p>需阅读</p>
-              <p class="mb20" v-for="item in appntSign" :key="item.name">
+              <p class="mb20" v-for="item in appntSign" :key="item.signId">
                 <span class="text">{{ item.documentName }}</span>
                 <img :src="src" v-if="item.documentStatus == '1'" />
               </p>
@@ -100,9 +100,11 @@ export default {
   methods: {
     // 初始化
     async init() {
+      console.log(this.orderDTO, '=================this.orderDTO===================')
       this.recmd = this.orderDTO.recmdDTO
       this.orderInfo = this.orderDTO.orderInfoDTO
       this.appntInfo = this.orderDTO.appntDTO
+      this.appntSign = this.orderDTO.ebizSignDTOS
       // if (this.isWeixin) {
       //   await this.getOrderDetail()
       //   // weixinShare({
@@ -140,8 +142,7 @@ export default {
         return this.$jump({
           flag: 'h5',
           extra: {
-            title: this.appntSign[index].documentName,
+            title: this.appntSign[index].documentName,            
-            // url: 'http://47.96.143.111/pdfjs/web/viewer.html?file=' + url //测试代码
             url: location.origin + '/#/cardList/pay',
           },
           routerInfo: {
@@ -149,7 +150,7 @@ export default {
           },
         })
         //需要全部提交
-        this.$toast.loading({
+       /**  this.$toast.loading({
           duration: 0, // 持续展示 toast
 
           forbidClick: true, // 禁用背景点击
@@ -175,7 +176,7 @@ export default {
           } else {
             this.$toast(res.resultMessage)
           }
-        })
+        })**/
       }
     },
   },

src/views/ebiz/cardList/information.vue

@@ -3,214 +3,71 @@
     <!-- 投保人信息 -->
     <van-cell-group class="mt10">
       <p style="border-bottom: 1px solid #ebedf0" class="fs15 fwb pl10 pv12">投保人信息</p>
-      <customer-picker
+      <customer-picker @on-choose="chooseCustomer(arguments)" v-validate="'required|name'" name="投保人姓名" label="投保人姓名"
-        @on-choose="chooseCustomer(arguments)"
+        required :parentShowPicker.sync="customerShowPicker" :value.sync="userInfo.name" @nameChange="nameChange"
-        v-validate="'required|name'"
+        @on-click="selectClick('1', '0')"></customer-picker>
-        name="投保人姓名"
+      <van-field :value="userInfo.idType | idToText('insuredIdType')" v-validate="'required'" readonly required label="证件类型"
-        label="投保人姓名"
+        name="证件类型" right-icon="arrow" placeholder="请选择" />
-        required
-        :parentShowPicker.sync="customerShowPicker"
-        :value.sync="userInfo.name"
-        @nameChange="nameChange"
-        @on-click="selectClick('1', '0')"
-      ></customer-picker>
-      <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
+      <van-field v-model="userInfo.idNo" maxlength="18" required label="证件号码" v-validate="'required'" name="证件号码"
-        v-model="userInfo.idNo"
+        placeholder="请输入" clearable @blur="getRelatedData(userInfo.idNo, '1')">
-        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
+      <FieldDatePicter v-validate="'required'" label="出生日期" name="出生日期" required :value.sync="userInfo.birthday" type="date"
-        v-validate="'required'"
+        :flag="true" @confirm="onDateConfirm($event, '2')" ref="birthday" :maxDate="maxDate">
-        label="出生日期"
-        name="出生日期"
-        required
-        :value.sync="userInfo.birthday"
-        type="date"
-        :flag="true"
-        @confirm="onDateConfirm($event, '2')"
-        ref="birthday"
-        :maxDate="maxDate"
-      >
       </FieldDatePicter>
-      <van-field
+      <van-field required v-model="userInfo.mobile" clearable label="手机号码" name="手机号码" placeholder="请输入" v-validate="'required|mobile'"
-        required
+        maxlength="11" />
-        v-model="userInfo.mobile"
+      <van-field v-model="userInfo.email" required label="邮箱" name="邮箱" placeholder="请输入" v-validate="'required|email'"
-        clearable
+        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 @click="openOccupation('1')" label="职业类别" placeholder="请输入" name="职业类别" :value="userInfo.occupationName" right-icon="arrow" />
+      <van-field @click="openOccupation('1')" label="职业类别" placeholder="请输入" name="职业类别" :value="userInfo.occupationName"
-      <van-field
+        right-icon="arrow" />
-        :value="userInfo.nativeplace | idToText('nativeplace')"
+      <van-field :value="userInfo.nativeplace | idToText('nativeplace')" readonly required label="国籍" name="国籍"
-        readonly
+        v-validate="'required'" right-icon="arrow" placeholder="请选择" @click="toSelect('1')" />
-        required
+      <van-field :value="userInfo.marriage | idToText('marriage')" readonly required label="婚姻状况" name="婚姻状况"
-        label="国籍"
+        v-validate="'required'" right-icon="arrow" placeholder="请选择" @click="toSelect('6')" />
-        name="国籍"
+      <van-field v-model="userInfo.homeName" readonly label="联系地址" name="联系地址" required right-icon="arrow" placeholder="请选择"
-        v-validate="'required'"
+        v-validate="'required'" @click="areaSelect('1')" />
-        right-icon="arrow"
+      <van-field v-model="userInfo.homeAddress" label name="详细地址" placeholder="请输入详细地址" v-validate="'required'"
-        placeholder="请选择"
+        clearable maxlength="30" />
-        @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
+      <van-field :value="userInfo.relationToInsured | idToText('relationToAppnt')" readonly required label="与被保人关系"
-        :value="userInfo.relationToInsured | idToText('relationToAppnt')"
+        name="与被保人关系" right-icon="arrow" placeholder="请选择" v-validate="'required'" @click="toSelect('9')" />
-        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
+      <customer-picker @on-choose="chooseCustomer(arguments)" v-validate="'required|name'" name="被保险人姓名" label="被保险人姓名"
-        @on-choose="chooseCustomer(arguments)"
+        required :parentShowPicker.sync="customerShowPicker2" :value.sync="insuredInfo.name" @nameChange="nameChanges"
-        v-validate="'required|name'"
+        @on-click="selectClick('1', '1')"></customer-picker>
-        name="被保险人姓名"
+      <van-field :value="insuredInfo.idType | idToText('insuredIdType')" v-validate="'required'" readonly required
-        label="被保险人姓名"
+        label="证件类型" name="证件类型" right-icon="arrow" placeholder="请选择" />
-        required
-        :parentShowPicker.sync="customerShowPicker2"
-        :value.sync="insuredInfo.name"
-        @nameChange="nameChanges"
-        @on-click="selectClick('1', '1')"
-      ></customer-picker>
-      <van-field
-        :value="insuredInfo.idType | idToText('insuredIdType')"
-        v-validate="'required'"
-        readonly
-        required
-        label="证件类型"
-        name="证件类型"
-        right-icon="arrow"
-        placeholder="请选择"
-      />
       <!-- @click="toSelect('11')" -->
 
-      <van-field
+      <van-field v-model="insuredInfo.idNo" maxlength="18" required label="证件号码" v-validate="'required'" name="证件号码"
-        v-model="insuredInfo.idNo"
+        placeholder="请输入" clearable @blur="getRelatedData(insuredInfo.idNo, '2')">
-        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="userInfo.insuredSex"></select-radio>
-      <FieldDatePicter
+      <FieldDatePicter v-validate="'required'" label="出生日期" name="出生日期" required :value.sync="insuredInfo.birthday"
-        v-validate="'required'"
+        type="date" :flag="true" @confirm="onDateConfirm($event, '5')" ref="insuredBirthday" :maxDate="insuredMaxDate"></FieldDatePicter>
-        label="出生日期"
+      <van-field required v-model="insuredInfo.mobile" clearable label="手机号码" name="手机号码" placeholder="请输入" v-validate="'required|mobile'"
-        name="出生日期"
+        maxlength="11" />
-        required
+      <van-field v-model="insuredInfo.email" required label="邮箱" name="邮箱" placeholder="请输入" v-validate="'required|email'"
-        :value.sync="insuredInfo.birthday"
+        clearable />
-        type="date"
+      <van-field @click="openOccupation('2')" label="职业类别" placeholder="请输入" name="职业类别" :value="insuredInfo.occupationName"
-        :flag="true"
+        right-icon="arrow" />
-        @confirm="onDateConfirm($event, '5')"
+      <van-field :value="insuredInfo.nativeplace | idToText('nativeplace')" readonly required label="国籍" name="国籍"
-        ref="insuredBirthday"
+        v-validate="'required'" right-icon="arrow" placeholder="请选择" @click="toSelect('11')" />
-        :maxDate="insuredMaxDate"
+      <van-field :value="insuredInfo.marriage | idToText('marriage')" readonly required label="婚姻状况" name="婚姻状况"
-      ></FieldDatePicter>
+        v-validate="'required'" right-icon="arrow" placeholder="请选择" @click="toSelect('66')" />
-      <van-field
+      <van-field v-model="insuredInfo.homeName" readonly label="联系地址" name="联系地址" required right-icon="arrow"
-        required
+        placeholder="请选择" v-validate="'required'" @click="areaSelect('2')" />
-        v-model="insuredInfo.mobile"
+      <van-field v-model="insuredInfo.homeAddress" label name="详细地址" placeholder="请输入详细地址" v-validate="'required'"
-        clearable
+        clearable maxlength="30" />
-        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 @click="openOccupation('2')" label="职业类别" placeholder="请输入" name="职业类别" :value="insuredInfo.occupationName" right-icon="arrow" />
-      <van-field
-        :value="insuredInfo.nativeplace | idToText('nativeplace')"
-        readonly
-        required
-        label="国籍"
-        name="国籍"
-        v-validate="'required'"
-        right-icon="arrow"
-        placeholder="请选择"
-        @click="toSelect('11')"
-      />
-      <van-field
-        :value="insuredInfo.marriage | idToText('marriage')"
-        readonly
-        required
-        label="婚姻状况"
-        name="婚姻状况"
-        v-validate="'required'"
-        right-icon="arrow"
-        placeholder="请选择"
-        @click="toSelect('66')"
-      />
-      <van-field
-        v-model="insuredInfo.homeName"
-        readonly
-        label="联系地址"
-        name="联系地址"
-        required
-        right-icon="arrow"
-        placeholder="请选择"
-        v-validate="'required'"
-        @click="areaSelect('2')"
-      />
-      <van-field v-model="insuredInfo.homeAddress" label name="详细地址" placeholder="请输入详细地址" v-validate="'required'" 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>
@@ -219,86 +76,30 @@
       <!-- :parentShowPicker.sync="customerShowPicker2" -->
       <!-- @nameChange="nameChanges" -->
       <!-- @on-click="selectClick('1', '1')" -->
-      <van-field
+      <van-field :value="userInfo.idType | idToText('insuredIdType')" v-validate="'required'" readonly required label="证件类型"
-        :value="userInfo.idType | idToText('insuredIdType')"
+        name="证件类型" right-icon="arrow" placeholder="请选择" />
-        v-validate="'required'"
+      <van-field v-model="userInfo.idNo" maxlength="18" required readonly label="证件号码" v-validate="'required'" name="证件号码"
-        readonly
+        placeholder="请输入" clearable>
-        required
-        label="证件类型"
-        name="证件类型"
-        right-icon="arrow"
-        placeholder="请选择"
-      />
-      <van-field
-        v-model="userInfo.idNo"
-        maxlength="18"
-        required
-        readonly
-        label="证件号码"
-        v-validate="'required'"
-        name="证件号码"
-        placeholder="请输入"
-        clearable
-      >
         <!-- @blur="getRelatedData(insuredInfo.idNo, '2')" -->
         <!-- <van-button v-if="userInfo.idType == 1" slot="button" size="small" type="danger" round @click="selectClick('3')">证件扫描</van-button> -->
       </van-field>
-      <select-radio required :disabled="true" :radios="sexRadio" label="性别" name="性别" v-validate="'required'" :value.sync="userInfo.sex"></select-radio>
+      <select-radio required :disabled="true" :radios="sexRadio" label="性别" name="性别" v-validate="'required'"
-      <FieldDatePicter
+        :value.sync="userInfo.sex"></select-radio>
-        v-validate="'required'"
+      <FieldDatePicter v-validate="'required'" label="出生日期" name="出生日期" readonly required :value.sync="userInfo.birthday"
-        label="出生日期"
+        type="date" :flag="true" ref="insuredBirthday" :maxDate="maxDate"></FieldDatePicter>
-        name="出生日期"
+      <van-field required v-model="userInfo.mobile" clearable label="手机号码" name="手机号码" placeholder="请输入" v-validate="'required|mobile'"
-        readonly
+        maxlength="11" />
-        required
+      <van-field v-model="userInfo.email" required label="邮箱" name="邮箱" placeholder="请输入" v-validate="'required|email'"
-        :value.sync="userInfo.birthday"
+        clearable />
-        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 label="职业类别" name="职业类别" :value="userInfo.occupationName" right-icon="arrow" />
-      <van-field
+      <van-field :value="userInfo.nativeplace | idToText('nativeplace')" readonly required label="国籍" name="国籍"
-        :value="userInfo.nativeplace | idToText('nativeplace')"
+        v-validate="'required'" right-icon="arrow" placeholder="请选择" />
-        readonly
+      <van-field :value="userInfo.marriage | idToText('marriage')" readonly required label="婚姻状况" name="婚姻状况"
-        required
+        v-validate="'required'" right-icon="arrow" placeholder="请选择" />
-        label="国籍"
+      <van-field v-model="userInfo.homeName" readonly label="联系地址" name="联系地址" required right-icon="arrow" placeholder="请选择"
-        name="国籍"
+        v-validate="'required'" />
-        v-validate="'required'"
+      <van-field readonly v-model="userInfo.homeAddress" label name="详细地址" placeholder="请输入详细地址" v-validate="'required'"
-        right-icon="arrow"
+        clearable maxlength="30" />
-        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">
@@ -306,32 +107,17 @@
       <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
+    <van-field :value="schemeName" readonly required label="保障方案" name="保障方案" v-validate="'required'" right-icon="arrow"
-        :value="schemeName"
+      placeholder="请选择" @click="toSelect('10')" />
-        readonly
+    <FieldDatePicter v-validate="'required'" label="指定生效日期" name="指定生效日期" required :minDate="now" :value.sync="cvaliDate"
-        required
+      type="date" :flag="true" @confirm="onDateConfirm($event, '6')" ref="effectiveDate" input-align:right>
-        label="保障方案"
-        name="保障方案"
-        v-validate="'required'"
-        right-icon="arrow"
-        placeholder="请选择"
-        @click="toSelect('10')"
-      />
-    <FieldDatePicter
-      v-validate="'required'"
-      label="指定生效日期"
-      name="指定生效日期"
-      required
-      :minDate="now"
-      :value.sync="cvaliDate"
-      type="date"
-      :flag="true"
-      @confirm="onDateConfirm($event, '6')"
-      ref="effectiveDate"
-      input-align:right
-    >
     </FieldDatePicter>
-    <van-field :value="productDate" v-if="cvaliDate.length > 0" clearable label="保险期间" style="border-bottom: 1px solid #ebedf0" />
+    <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"
         >本人已仔细阅读并了解
@@ -348,14 +134,12 @@
     <!-- <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"
+      <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">{{
-        >总保费:<span style="color: red; font-weight: bold; font-size: 18px; font-weight: 400">{{ allPrice }}</span
+          allPrice }}</span>元</van-button>
-        >元</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>
@@ -405,7 +189,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: {
@@ -422,39 +208,39 @@ export default {
     [RadioGroup.name]: RadioGroup,
     [Radio.name]: Radio,
     [IdentityCardScan.name]: IdentityCardScan,
-    OccupationForLoop,
+    OccupationForLoop
   },
   data() {
     return {
-      schemeName:'',//保障方案
+      schemeName: '', //保障方案
-      schemeCode:'',
+      schemeCode: '',
-      productDate:'',//保险期间
+      productDate: '', //保险期间
       now: afterDate.getAfterDays(1), //指定生效日期最小值
       insuredSex: '男',
       isScan: false, //是否显示证件扫描组件
       allPrice: 0,
       result: [],
       checked: true,
-      current:'userInfo',
+      current: 'userInfo',
       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), //被保人出生日期可选最大值
@@ -479,19 +265,19 @@ export default {
         relationToInsured: '1',
         idType: '1', //证件类型
         idNo: '', //证件号码
-        occupationCode:'',//职业代码
+        occupationCode: '', //职业代码
-        occupationName:'',//职业名称
+        occupationName: '', //职业名称
-        lifeGrade:'',//寿险等级
+        lifeGrade: '', //寿险等级
-        healthGrade:'',//健康等级
+        healthGrade: '', //健康等级
         nativeplace: '1', //国家地区
-        marriageStatus:'',//婚姻状况
+        marriageStatus: '', //婚姻状况
         homeProvince: '1', //家庭省
         homeCity: '1', //家庭市
         homeArea: '1', //家庭区
         homeName: '', //联系地址
         homeAddress: '', //详细地址
         mobile: '', //移动电话
-        email: '', //电子邮箱
+        email: '' //电子邮箱
         // effectiveDate: '' //指定生效日期
       },
       //被保人信息
@@ -501,19 +287,19 @@ export default {
         idNo: '', //被保人证件号码
         sex: '0', //被保人性别
         birthday: '', //被保人出生日期
-        occupationCode:'',//职业代码
+        occupationCode: '', //职业代码
-        occupationName:'',//职业名称
+        occupationName: '', //职业名称
-        lifeGrade:'',//寿险等级
+        lifeGrade: '', //寿险等级
-        healthGrade:'',//健康等级
+        healthGrade: '', //健康等级
         nativeplace: '1', //国家地区
-        marriageStatus:'',//婚姻状况
+        marriageStatus: '', //婚姻状况
         homeProvince: '1', //家庭省
         homeCity: '1', //家庭市
         homeArea: '1', //家庭区
         homeName: '', //联系地址
         homeAddress: '1', //详细地址
         mobile: '', //移动电话
-        email: '', //电子邮箱
+        email: '' //电子邮箱
       },
       selectUser: '',
       areaList: areaList,
@@ -527,7 +313,7 @@ export default {
       pdf: ['', '', ''],
       insureType: '',
       pickerIndex: 0,
-      areaCode: '110101',      
+      areaCode: '110101'
     }
   },
   created() {
@@ -559,7 +345,7 @@ export default {
     this.allPrice = this.trialList[0].prem
   },
   methods: {
-        /**
+    /**
      * @description:
      * @param {*} data
      * @return {*}
@@ -572,17 +358,17 @@ export default {
           title: '职业类别',
           hiddenRight: '1'
         }
-      })      
+      })
       this.occupationShowPicker = false
-      if (this.insureType === '1') {                
+      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 {*}
@@ -590,21 +376,21 @@ export default {
     openOccupation(insureType) {
       this.occupationShowPicker = !this.occupationShowPicker
       this.insureType = insureType
-      if (this.insureType === '1') {        
+      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]    
+      ;[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 = {
@@ -612,11 +398,11 @@ export default {
         type: '1',
         orderDTO: {
           orderInfoDTO: {
-            orderNo: orderNo,
+            orderNo: orderNo
-          },
+          }
-        },
+        }
       }
-      underWrite(data).then((res) => {
+      underWrite(data).then(res => {
         console.log(res)
         if (res.result == '0') {
           this.$toast.clear()
@@ -631,11 +417,11 @@ export default {
             flag: 'h5',
             extra: {
               url: location.origin + `/#/cardList/pay`,
-              forbidSwipeBack: 1,
+              forbidSwipeBack: 1
             },
             routerInfo: {
-              path: `/cardList/pay`,
+              path: `/cardList/pay`
-            },
+            }
           })
           return true
         } else {
@@ -653,11 +439,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'
-        },
+        }
       })
     },
     //监听名字变化
@@ -671,7 +457,7 @@ export default {
       this.insuredInfo.name = name
     },
     /**
-     * @description: 
+     * @description:
      * @param {*} index
      * @param {*} value
      * @param {*} insureType '1'为投保人 '2'为被投保人
@@ -679,13 +465,12 @@ export default {
      */
     selectClick(index, value, insureType) {
       if (value !== undefined) {
-        this.selectUser = value        
+        this.selectUser = value
       }
       this.insureType = insureType
       selectComp(this, index, insureType)
       // console.log(index, value)
       // localStorage.setItem('value', value)
-      
     },
     // closeBtn() {
     //   // 筛选按钮的显示
@@ -707,8 +492,8 @@ export default {
         flag: 'navigation',
         extra: {
           title: '投被保人信息',
-          hiddenRight: '1',
+          hiddenRight: '1'
-        },
+        }
       })
       if (this.currentPopupIndex == 1) {
         if (this.selectUser == '1') {
@@ -723,27 +508,24 @@ export default {
       }
     },
     //弹框选择
-    toSelect(pickerType, valueKey) {      
+    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.columns = DataDictionary.nativeplace
-        this.pickerIndex = (this.userInfo.nativeplace-1) > 0 ? (this.userInfo.nativeplace-1) : 0
+        this.pickerIndex = this.userInfo.nativeplace - 1 > 0 ? this.userInfo.nativeplace - 1 : 0
       } else if (pickerType == '2') {
         this.columns = DataDictionary.insuredIdType
       } else if (pickerType == '3') {
         this.columns = DataDictionary.degree
       } else if (pickerType == '4') {
-        this.columns = [
+        this.columns = [{ id: 0, text: '有' }, { id: 1, text: '无' }]
-          { 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
+        this.pickerIndex = this.userInfo.marriage - 1 > 0 ? this.userInfo.marriage - 1 : 0
       } else if (pickerType == '7') {
         this.columns = DataDictionary.workCondition
       } else if (pickerType == '8') {
@@ -752,12 +534,11 @@ export default {
         this.columns = DataDictionary.relationToAppnt
       } else if (pickerType == '66') {
         this.columns = DataDictionary.marriage
-        this.pickerIndex = (this.insuredInfo.marriage-1) > 0 ? (this.insuredInfo.marriage-1) : 0
+        this.pickerIndex = this.insuredInfo.marriage - 1 > 0 ? this.insuredInfo.marriage - 1 : 0
       } else if (pickerType == '11') {
-        this.columns = DataDictionary.nativeplace        
+        this.columns = DataDictionary.nativeplace
-        this.pickerIndex = (this.insuredInfo.nativeplace-1) > 0 ? (this.insuredInfo.nativeplace-1) : 0         
+        this.pickerIndex = this.insuredInfo.nativeplace - 1 > 0 ? this.insuredInfo.nativeplace - 1 : 0
-      } else if (pickerType == '10') {        
+      } else if (pickerType == '10') {
-        
         this.trialList = `{
     "code": 0,
     "message": "成功",
@@ -815,13 +596,13 @@ export default {
         "flag": "0"
     }
 }`
- this.columns = []
+        this.columns = []
- this.trialList = JSON.parse(this.trialList).content.trialList;
+        this.trialList = JSON.parse(this.trialList).content.trialList
- console.log(this.trialList, '================this.trialList================')
+        console.log(this.trialList, '================this.trialList================')
-        this.trialList.forEach((item)=>{
+        this.trialList.forEach(item => {
           this.columns.push({
-            id:item.schemeCode,
+            id: item.schemeCode,
-            text:item.schemeName
+            text: item.schemeName
           })
         })
       }
@@ -854,19 +635,19 @@ export default {
       } else if (this.pickerType == '8') {
         this.userInfo.salarySource = value.id
       } else if (this.pickerType == '9') {
-        this.userInfo.relationToInsured = value.id       
+        this.userInfo.relationToInsured = value.id
-      } else if (this.pickerType == '66') {        
+      } else if (this.pickerType == '66') {
         this.insuredInfo.marriage = value.id
         this.insuredInfo.marriageStatus = value.text
-      } else if (this.pickerType == '11') {        
+      } else if (this.pickerType == '11') {
-        this.insuredInfo.nativeplace = value.id        
+        this.insuredInfo.nativeplace = value.id
-      } else if (this.pickerType == '10') {        
+      } else if (this.pickerType == '10') {
         this.schemeName = value.text
-        this.schemeCode = value.id        
+        this.schemeCode = value.id
-        for (let item of this.trialList) {          
+        for (let item of this.trialList) {
           if (item.schemeCode === this.schemeCode) {
             this.allPrice = item.prem
-            break;
+            break
           }
         }
       }
@@ -969,37 +750,72 @@ export default {
           {
             //指定生效日期
             //如果录入日期晚于当前日期
-            if (Date.parse(val) < Date.parse(new Date())) {        
+            if (Date.parse(val) < Date.parse(new Date())) {
-            return this.$toast('当前日期早于当日')
+              return this.$toast('当前日期早于当日')
             }
             let currentDataArr = val.split('-')
-            let currentData = currentDataArr[0] + '年' + currentDataArr[1] + '月' + currentDataArr[2] + '日'            
+            let currentData = currentDataArr[0] + '年' + currentDataArr[1] + '月' + currentDataArr[2] + '日'
-            let insuYear = JSON.parse(localStorage.insuYear)
+            let insuYear = JSON.parse(localStorage.insuYear)     
-            switch (insuYear.insuYearFlag){
+            let insuYearM,productDate,productDateTime
+            let insuYearD
+            switch (insuYear.insuYearFlag) {
               case 'D':
-                 var hoDate = Date.parse(val)/1000 + insuYear['insuYear']*24*3600
+                let hoDate = Date.parse(val) / 1000 + insuYear['insuYear'] * 24 * 3600
-                 var productDate = new Date(parseInt(hoDate) * 1000);
+                productDate = new Date(parseInt(hoDate) * 1000)
-                 var productDateTime = productDate.getFullYear() + '年' + (productDate.getMonth() + 1) + '月' + productDate.getDate() + '日'            
+                insuYearM = (productDate.getMonth() + 1) < 10 ? '0' + (productDate.getMonth() + 1) : (productDate.getMonth() + 1)
-                 this.productDate = currentData + '0时至' + productDateTime + '24时止'
+                insuYearD = productDate.getDate() < 10 ? '0' + productDate.getDate() : productDate.getDate()
-                break;
+                productDateTime = productDate.getFullYear() + '年' + insuYearM + '月' + insuYearD + '日'
+                this.productDate = currentData + '0时至' + productDateTime + '24时止'
+                break
               case 'Y':
-                 var productDate = new Date()
+                productDate = new Date(val)
-                 var productDateTime = parseInt(productDate.getFullYear())+parseInt(insuYear['insuYear']) + '年' + (productDate.getMonth() + 1) + '月' + productDate.getDate() + '日'
+                insuYearM = (productDate.getMonth() + 1) < 10 ? '0' + (productDate.getMonth() + 1) : (productDate.getMonth() + 1)
-                 this.productDate = currentData + '0时至' + productDateTime + '24时止'
+                insuYearD = productDate.getDate() < 10 ? '0' + productDate.getDate() : productDate.getDate()                
-                break;
+                productDateTime =
-              case 'M':
+                  parseInt(productDate.getFullYear()) +
-                 var productDate = new Date()
+                  parseInt(insuYear['insuYear']) +
-                 let yearY = parseInt(productDate.getFullYear()) + parseInt((parseInt((productDate.getMonth() + 1))+parseInt(insuYear['insuYear']))/12)
+                  '年' +
-                 let yearM = parseInt((productDate.getMonth() + 1)) + parseInt((parseInt((productDate.getMonth() + 1))+parseInt(insuYear['insuYear']))%12)
+                  insuYearM +
-                 var productDateTime = yearY + '年' + yearM + '月' + productDate.getDate() + '日'
+                  '月' +
-                 this.productDate = currentData + '0时至' + productDateTime + '24时止'
+                  insuYearD +
-                break;
+                  '日'
+                this.productDate = currentData + '0时至' + productDateTime + '24时止'
+                break
+              case 'M':        
+                productDateTime = this.GetNextMonthDay(val, insuYear['insuYear'])                 
+                this.productDate = currentData + '0时至' + productDateTime + '24时止'
+                break
             }
-        
           }
           break
       }
     },
+    GetNextMonthDay(date, monthNum) {
+      var dateArr = date.split('-')
+      var year = dateArr[0] //获取当前日期的年份
+      var month = dateArr[1] //获取当前日期的月份
+      var day = dateArr[2] //获取当前日期的日
+      var days = new Date(year, month, 0)
+      days = days.getDate() //获取当前日期中的月的天数
+      var year2 = year
+      var month2 = parseInt(month) + parseInt(monthNum)
+      if (month2 > 12) {
+        year2 = parseInt(year2) + parseInt(parseInt(month2) / 12 == 0 ? 1 : parseInt(month2) / 12)
+        month2 = parseInt(month2) % 12
+      }
+      var day2 = day
+      var days2 = new Date(year2, month2, 0)
+      days2 = days2.getDate()
+      if (day2 > days2) {
+        day2 = days2
+      }
+      if (month2 < 10) {
+        month2 = '0' + month2
+      }
+
+      var t2 = year2 + '年' + month2 + '月' + day2 + '日'
+      return t2
+    },
     //选择客户
     chooseCustomer(data) {
       data = data[0]
@@ -1016,8 +832,8 @@ export default {
         flag: 'navigation',
         extra: {
           title: '投被保人信息',
-          hiddenRight: '1',
+          hiddenRight: '1'
-        },
+        }
       })
       if (this.selectUser == '0') {
         let { customerName, customerSex } = data
@@ -1036,7 +852,7 @@ export default {
         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.homeName = getAreaName([{ code: data.homeProvince }, { code: data.homeCity }, { code: data.homeArea }]) //家庭地址
         }
         this.userInfo.homeAddress = data.homeAddress //家庭详细地址
         this.userInfo.occupationCode = data.occupationCode
@@ -1067,7 +883,7 @@ export default {
         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.homeName = getAreaName([{ code: data.homeProvince }, { code: data.homeCity }, { code: data.homeArea }]) //家庭地址
         }
         this.insuredInfo.homeAddress = data.homeAddress //家庭详细地址
         this.insuredInfo.occupationCode = data.occupationCode
@@ -1096,7 +912,7 @@ export default {
         Object.assign(this.insuredInfo, this.userInfo)
       }
 
-      this.$validator.validate().then((valid) => {
+      this.$validator.validate().then(valid => {
         if (true === valid) {
           // localStorage.chooseProductCodesNew = localStorage.chooseProductCodes
           //投保人校验
@@ -1311,14 +1127,14 @@ export default {
       let params = {
         orderDTO: {
           orderInfoDTO: {
-            bnfFlag: '0',            
+            bnfFlag: '0',
             supportBank: '0'
           },
           appntDTO: this.userInfo,
           insuredDTOs: [this.insuredInfo]
-        },
+        }
       }
-      
+
       //组装险种提交数据
       let [mainRiskCode, riskDTOLst] = ['', []]
       let rollInResult = '' //校验预计转入保费结果
@@ -1327,6 +1143,7 @@ export default {
         if (item.isMainRisk == 0) {
           mainRiskCode = item.productCode
         }
+        let insuYearDate = JSON.parse(localStorage.insuYear)
         let riskItem = {
           cvaliDate: this.cvaliDate,
           isMainRisk: item.isMainRisk,
@@ -1339,6 +1156,10 @@ export default {
           predictTransferPrem: item.predictTransferPrem,
           thirdInsuraceNo: this.policyNo,
           mult: this.mult,
+          proScheme: this.schemeName,
+          proSchemeCode: this.schemeCode,
+          insuYear: insuYearDate.insuYear,
+          insuYearFlag: insuYearDate.insuYearFlag,
         }
         if (item.hasPredictTransferPrem && item.hasPredictTransferPrem === '0') {
           //增加万能险 预计转入保费校验
@@ -1365,10 +1186,8 @@ export default {
         //   this.trialInfos[index].amt = this.trialList[0].prem
         // }
         // console.log()
-        // riskItem = Object.assign(riskItem, this.trialInfos[index])   
+        // riskItem = Object.assign(riskItem, this.trialInfos[index])
-        //todo           
+     
-        riskItem['proScheme'] = this.schemeName
-        riskItem['proSchemeCode'] = this.schemeCode
         riskDTOLst.push(riskItem)
       })
       if (!rollInResult) {
@@ -1408,7 +1227,7 @@ export default {
           ;[this.userInfo.companyProvince, this.userInfo.companyCity, this.userInfo.companyArea] = [area[0].code, area[1].code, area[2].code]
           this.areaShow = false
           break
-        case '2': //家庭地址                
+        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]
@@ -1474,7 +1293,7 @@ export default {
         this.insuredInfo.birthday = idToData(val).birthday
         this.insuredInfo.sex = idToData(val).sex
       }
-    },
+    }
   },
   // beforeDestroy() {
   //   //清理计时器
@@ -1493,9 +1312,9 @@ export default {
         }
       },
       immediate: true,
-      deep: true,
+      deep: true
-    },
+    }
-  },
+  }
 }
 </script>
 <style lang="scss">

src/views/ebiz/cardList/phoneCode.vue

@@ -47,7 +47,652 @@ export default {
   created() {
     console.log(this.$route.query)
     // if(isWeixin){
-
+         let testData = `{
+            "appntOrInsured": null,
+            "deleteFlag": null,
+            "productDTO": {
+                "productCode": null,
+                "productName": null,
+                "mainRiskCode": null,
+                "productChannel": null,
+                "productDesc": null,
+                "productType": null,
+                "planCode": null,
+                "productFlag": null,
+                "insuranceFlag": null,
+                "channelCode": null,
+                "itemStatus": null,
+                "isSpecial": null,
+                "special": {
+                    "medical": null,
+                    "content": "",
+                    "dutyCode": null,
+                    "riskCode": null
+                }
+            },
+            "orderInfoDTO": {
+                "appntDateStr": null,
+                "orderAmount": 3,
+                "customerId": null,
+                "orderNo": "8186270000012555",
+                "prtNo": "8186270000012555",
+                "contNo": null,
+                "prem": null,
+                "sumPrem": null,
+                "orderStandAmount": null,
+                "totalPremium": null,
+                "amnt": null,
+                "contState": null,
+                "expiryDate": null,
+                "payIntv": null,
+                "nextPayDate": null,
+                "bonusFlag": null,
+                "survivalFlag": null,
+                "loanFlag": null,
+                "elecUrl": null,
+                "productCode": null,
+                "rate": null,
+                "underLineIdentification": null,
+                "saleChannel": null,
+                "policyNumber": null,
+                "riskPlanCode": null,
+                "hesitateDays": null,
+                "appntDate": "2021-04-01T09:42:34.000+0000",
+                "appntDateLabel": "2021-04-01",
+                "bnfType": null,
+                "checkStatus": null,
+                "commitDate": null,
+                "confirmAddress": null,
+                "confirmZip": null,
+                "confirmTime": null,
+                "contPrintStatus": null,
+                "contSendStatus": null,
+                "elecContStatus": null,
+                "giftName": null,
+                "invoicePrintStatus": null,
+                "isElecCont": null,
+                "isLockedOrg": null,
+                "isUseAddress": null,
+                "manageOrg": "8645010101",
+                "needInvoice": null,
+                "needPrt": null,
+                "orderStatus": "56",
+                "planCode": null,
+                "productChannel": null,
+                "productType": null,
+                "smsSendStatus": null,
+                "productDTO": null,
+                "orderType": "102",
+                "productPlat": null,
+                "createDate": null,
+                "productName": null,
+                "bankAccount": null,
+                "bankCode": null,
+                "cardBookCode": null,
+                "supportBank": "0",
+                "skuCode": null,
+                "signDate": null,
+                "silentBatchFlag": null,
+                "systemSubtype": null,
+                "staffFlag": null,
+                "perfUserStatus": null,
+                "isNewInterface": null,
+                "orderExecStatus": null,
+                "freezeLisStatus": null,
+                "policySyncDate": null,
+                "actCode": null,
+                "automaticFee": null,
+                "expireDate": null,
+                "loanInterestBeforeday": null,
+                "loanInterest": null,
+                "loanMoney": null,
+                "contValueDate": null,
+                "contValue": null,
+                "applyDate": null,
+                "policyChangeDate": null,
+                "importLisStatus": null,
+                "policyValue": null,
+                "policyValueBeforeday": null,
+                "lastHesitateDate": null,
+                "freezePoint": null,
+                "availablePoint": null,
+                "autoPayEnd": null,
+                "autoPayStart": null,
+                "isAutoPay": null,
+                "saleChannelDetail": null,
+                "bnfFlag": "0",
+                "uwRes": null,
+                "idRejectReason": null,
+                "idRejectType": null,
+                "idCheckRes": null,
+                "contSendDate": null,
+                "receiptDate": null,
+                "doubleFlag": "1",
+                "isDoubleMailRisk": null,
+                "activeType": null,
+                "validateCustomerFlag": null,
+                "cvaliDate": "2021-04-01",
+                "nyearCashValue": null
+            },
+            "appntDTO": {
+                "customerNo": null,
+                "orderNo": "8186270000012555",
+                "appntId": 18512,
+                "name": "张华",
+                "sex": "0",
+                "birthday": "1980-08-01",
+                "idType": "1",
+                "idNo": "110101198008010152",
+                "idNoStar": null,
+                "certiexpiredate": null,
+                "certificateValidate": null,
+                "nativeplace": null,
+                "occupationCode": null,
+                "mobile": "15433112222",
+                "mobileStar": null,
+                "telephone": null,
+                "province": null,
+                "city": null,
+                "area": null,
+                "addressNo": null,
+                "zip": null,
+                "email": "8337697@qq.com",
+                "emailStar": null,
+                "marriage": null,
+                "stature": null,
+                "avoirdupois": null,
+                "degree": null,
+                "income": null,
+                "residentType": null,
+                "relationToInsured": "1",
+                "effectiveDateType": "false",
+                "medical": "",
+                "workcompany": null,
+                "postalAddress": null,
+                "occupationType": null,
+                "occupationName": null,
+                "birthdayLabel": "1980-08-01",
+                "marriageDate": null,
+                "health": null,
+                "joinCompanyDate": null,
+                "startWorkDate": null,
+                "position": null,
+                "salary": null,
+                "smokeFlag": null,
+                "village": null,
+                "taxResidentId": null,
+                "countyOfHospital": null,
+                "hospitalName": null,
+                "hospitalType": null,
+                "stepNumber": null,
+                "bmi": null,
+                "cityLevel": null,
+                "averageAnnualIncome": null,
+                "familyAnnualIncome": null,
+                "impartDTO": {
+                    "orderNo": null,
+                    "relationId": null,
+                    "impartType": "0",
+                    "impartItemDTOS": null
+                },
+                "financeImpartDTO": {
+                    "orderNo": null,
+                    "relationId": null,
+                    "impartType": "2",
+                    "impartItemDTOS": null
+                },
+                "mediaDTOS": null,
+                "jobStatus": null,
+                "liabilitiesMoney": null,
+                "companyProvince": null,
+                "companyCity": null,
+                "companyArea": null,
+                "companyAddress": null,
+                "companyZip": null,
+                "companyPhone": null,
+                "homeProvince": null,
+                "homeCity": null,
+                "homeArea": null,
+                "homeAddress": null,
+                "homeZip": null,
+                "homePhone": null,
+                "signStatus": null,
+                "signDate": null,
+                "householdProvince": null,
+                "householdCity": null,
+                "addressStatus": null,
+                "lifeGrade": null,
+                "healthGrade": null,
+                "salarySource": null,
+                "otherSalarySource": null,
+                "age": null,
+                "totalPremAll": null,
+                "proposalCoverUrl": null,
+                "ridStatus": null,
+                "maritalStatus": null,
+                "fincome": null,
+                "faverageIncome": null
+            },
+            "insuredDTOs": [
+                {
+                    "insuredId": 18852,
+                    "orderNo": "8186270000012555",
+                    "occupationType": null,
+                    "occupationName": null,
+                    "nativeplace": null,
+                    "insuredNo": null,
+                    "socialSecurity": null,
+                    "name": "张华",
+                    "sex": "0",
+                    "birthday": "1980-08-01",
+                    "idType": "1",
+                    "idNo": "110101198008010152",
+                    "idNoStar": null,
+                    "certiexpiredate": null,
+                    "certificateValidate": null,
+                    "insuredAge": null,
+                    "occupationCode": null,
+                    "insuredJobClass": null,
+                    "mobile": "15433112222",
+                    "mobileStar": null,
+                    "telephone": null,
+                    "province": null,
+                    "city": null,
+                    "area": null,
+                    "addressNo": null,
+                    "zip": null,
+                    "email": "8337697@qq.com",
+                    "emailStar": null,
+                    "marriage": null,
+                    "health": null,
+                    "stature": null,
+                    "avoirdupois": null,
+                    "degree": null,
+                    "income": null,
+                    "impartAmnt": null,
+                    "effectiveDateType": "false",
+                    "postalAddress": null,
+                    "workcompany": null,
+                    "relationToMainInsured": null,
+                    "relationToAppnt": null,
+                    "bankCode": null,
+                    "cardBookCode": null,
+                    "cardBookType": null,
+                    "countyOfHospital": null,
+                    "medical": "",
+                    "birthdayLabel": "1980-08-01",
+                    "bnfDTOs": null,
+                    "riskDTOLst": [
+                        {
+                            "bonusGetMode": null,
+                            "mainRiskCode": "GFRS_M0022",
+                            "insuredId": 18852,
+                            "insuanceId": 22532,
+                            "orderNo": "8186270000012555",
+                            "itemCode": null,
+                            "productName": null,
+                            "riskCode": "GFRS_M0022",
+                            "riskName": "国富人寿短期综合交通工具意外伤害保险计划",
+                            "planCode": null,
+                            "planCodeLabel": null,
+                            "planName": null,
+                            "prem": 3,
+                            "showPrem": 3,
+                            "amt": null,
+                            "standPrem": 3,
+                            "addPrem": null,
+                            "mult": null,
+                            "insuYearFlag": "Y",
+                            "insuYear": 1,
+                            "startInsureDate": null,
+                            "stopInsureDate": null,
+                            "payEndYear": null,
+                            "payEndYearFlag": null,
+                            "isMainRisk": "0",
+                            "riskType": "3",
+                            "dutyLst": [
+                                {
+                                    "orderNo": "8186270000012555",
+                                    "dutyType": null,
+                                    "dutyName": "一般意外伤害身故/伤残",
+                                    "amt": 300000,
+                                    "prem": 300,
+                                    "dutyCode": "",
+                                    "standPrem": null,
+                                    "getLimit": null,
+                                    "getRate": null,
+                                    "basicAmnt": null,
+                                    "insuranceId": 22532
+                                },
+                                {
+                                    "orderNo": "8186270000012555",
+                                    "dutyType": null,
+                                    "dutyName": "一般意外伤害医疗(免赔额100元，赔付比例80%)",
+                                    "amt": 50000,
+                                    "prem": 300,
+                                    "dutyCode": "",
+                                    "standPrem": null,
+                                    "getLimit": null,
+                                    "getRate": null,
+                                    "basicAmnt": null,
+                                    "insuranceId": 22532
+                                },
+                                {
+                                    "orderNo": "8186270000012555",
+                                    "dutyType": null,
+                                    "dutyName": "客运民航班机意外身故/伤残",
+                                    "amt": 1000000,
+                                    "prem": 300,
+                                    "dutyCode": "",
+                                    "standPrem": null,
+                                    "getLimit": null,
+                                    "getRate": null,
+                                    "basicAmnt": null,
+                                    "insuranceId": 22532
+                                },
+                                {
+                                    "orderNo": "8186270000012555",
+                                    "dutyType": null,
+                                    "dutyName": "轨道列车意外身故/伤残",
+                                    "amt": 500000,
+                                    "prem": 300,
+                                    "dutyCode": "",
+                                    "standPrem": null,
+                                    "getLimit": null,
+                                    "getRate": null,
+                                    "basicAmnt": null,
+                                    "insuranceId": 22532
+                                },
+                                {
+                                    "orderNo": "8186270000012555",
+                                    "dutyType": null,
+                                    "dutyName": "客运轮船意外身故/残疾",
+                                    "amt": 500000,
+                                    "prem": 300,
+                                    "dutyCode": "",
+                                    "standPrem": null,
+                                    "getLimit": null,
+                                    "getRate": null,
+                                    "basicAmnt": null,
+                                    "insuranceId": 22532
+                                },
+                                {
+                                    "orderNo": "8186270000012555",
+                                    "dutyType": null,
+                                    "dutyName": "意外住院津贴(免赔3天，最多赔付180天)",
+                                    "amt": 100,
+                                    "prem": 300,
+                                    "dutyCode": "",
+                                    "standPrem": null,
+                                    "getLimit": null,
+                                    "getRate": null,
+                                    "basicAmnt": null,
+                                    "insuranceId": 22532
+                                },
+                                {
+                                    "orderNo": "8186270000012555",
+                                    "dutyType": null,
+                                    "dutyName": "私家车驾乘意外身故/残疾",
+                                    "amt": 100000,
+                                    "prem": 300,
+                                    "dutyCode": "",
+                                    "standPrem": null,
+                                    "getLimit": null,
+                                    "getRate": null,
+                                    "basicAmnt": null,
+                                    "insuranceId": 22532
+                                }
+                            ],
+                            "payIntv": null,
+                            "diseaseType": null,
+                            "cvaliDate": "2021-04-01",
+                            "calFlag": null,
+                            "getEndYear": null,
+                            "getEndYearFlag": null,
+                            "years": null,
+                            "getYearFlag": null,
+                            "getYear": null,
+                            "riskGrade": null,
+                            "acciYearFlag": null,
+                            "acciYear": null,
+                            "firstPremNum": null,
+                            "getStartDate": null,
+                            "getEndDate": null,
+                            "deadGetMode": null,
+                            "liveGetMode": null,
+                            "autoPayFlag": null,
+                            "airNo": null,
+                            "flyDate": null,
+                            "claimScale": null,
+                            "deductAmt": null,
+                            "rnewFlag": null,
+                            "protocolCode": null,
+                            "thirdInsuraceNo": null,
+                            "thirdInsuraceNos": null,
+                            "contPlanCode": null,
+                            "riskLevel": null,
+                            "getIntv": null,
+                            "isDelete": null,
+                            "createdDate": "2021-04-01T09:42:37.000+0000",
+                            "predictTransferPrem": null,
+                            "intMult": 0,
+                            "pdfRiskCode": "202005001",
+                            "getLimit": null,
+                            "getRate": null,
+                            "specInsuredFlag": null,
+                            "url": null,
+                            "clauseName": null,
+                            "riskDutySortResult": null,
+                            "isRotate": null,
+                            "lineNum": null,
+                            "thead": null,
+                            "tableFontSize": null,
+                            "benefitPageCSS": null,
+                            "benefitDesc": null,
+                            "proposalCoverUrl": null,
+                            "choFlag": null,
+                            "isRemit": "1",
+                            "isRenewal": null,
+                            "proScheme": "国富无忧卡C",
+                            "proSchemeCode": "M0041C"
+                        }
+                    ],
+                    "impartDTO": {
+                        "orderNo": null,
+                        "relationId": null,
+                        "impartType": "1",
+                        "impartItemDTOS": null
+                    },
+                    "financeImpartDTO": {
+                        "orderNo": null,
+                        "relationId": null,
+                        "impartType": "3",
+                        "impartItemDTOS": null
+                    },
+                    "marriageDate": null,
+                    "joinCompanyDate": null,
+                    "startWorkDate": null,
+                    "position": null,
+                    "salary": null,
+                    "smokeFlag": null,
+                    "village": null,
+                    "taxResidentId": null,
+                    "hospitalType": null,
+                    "hospitalName": null,
+                    "stepNumber": null,
+                    "bmi": null,
+                    "cityLevel": null,
+                    "averageAnnualIncome": null,
+                    "familyAnnualIncome": null,
+                    "totalPrem": null,
+                    "totalAmt": null,
+                    "mediaDTOS": null,
+                    "jobStatus": null,
+                    "liabilitiesMoney": null,
+                    "companyProvince": null,
+                    "companyCity": null,
+                    "companyArea": null,
+                    "companyAddress": null,
+                    "companyZip": null,
+                    "companyPhone": null,
+                    "homeProvince": null,
+                    "homeCity": null,
+                    "homeArea": null,
+                    "homeAddress": null,
+                    "homeZip": null,
+                    "homePhone": null,
+                    "signStatus": null,
+                    "signDate": null,
+                    "householdProvince": null,
+                    "householdCity": null,
+                    "addressStatus": null,
+                    "lifeGrade": null,
+                    "healthGrade": null,
+                    "salarySource": null,
+                    "otherSalarySource": null,
+                    "dutySortResult": null,
+                    "maritalStatus": null,
+                    "ridStatus": null,
+                    "fincome": null,
+                    "faverageIncome": null
+                }
+            ],
+            "paymentDTO": null,
+            "orderAccountDTO": {
+                "orderNo": null,
+                "accountName": null,
+                "accountId": null,
+                "bankName": null,
+                "bankCode": null,
+                "syBankCode": null,
+                "syAreaCode": null,
+                "syLocationCode": null,
+                "otherBankCode": null,
+                "cardBookType": null,
+                "cardBookCode": null,
+                "expiredDate": null,
+                "cvv2Code": null,
+                "createdDate": null,
+                "modifiedDate": null,
+                "createdUser": null,
+                "modifiedUser": null,
+                "isDelete": null,
+                "isAutoRenewal": null,
+                "isAutoPay": null,
+                "accountType": null,
+                "accBankProvince": null,
+                "accBankCity": null,
+                "cw2Code": null
+            },
+            "channelDTO": null,
+            "orderExpandDTO": null,
+            "thirdOrderDTO": null,
+            "recmdDTO": {
+                "agentChannel": null,
+                "agentList": null,
+                "city": null,
+                "code": null,
+                "customerId": null,
+                "hasRecommend": null,
+                "manageOrgLabel": null,
+                "productChannel": null,
+                "productCode": null,
+                "saleChannel": null,
+                "saleChannelDetail": null,
+                "orderNo": "8186270000012555",
+                "recommendType": "01",
+                "agentCode": "145000173",
+                "name": "人098",
+                "agentGroup": null,
+                "managerOrg": "8645010101",
+                "employeeId": null,
+                "createdDate": "2021-04-01T09:42:35.000+0000",
+                "remark": "青秀一区",
+                "remark2": null,
+                "remark3": null,
+                "remark4": null,
+                "shareId": null,
+                "manageComCode": null,
+                "mobile": null,
+                "certificateNo": null,
+                "comAddress": null
+            },
+            "smsCodeDTO": null,
+            "mediaDTOS": [],
+            "ebizSignDTOS": [
+                {
+                    "signId": 20915,
+                    "signOrRead": null,
+                    "baseEncryp": null,
+                    "orderNo": "8186270000012555",
+                    "riskCode": "GFRS_M0022",
+                    "documentName": "国富人寿投保须知",
+                    "documentCode": null,
+                    "policyUrl": null,
+                    "originalUrl": "http://139.199.50.151:8000/app/product/GFRS_M0041/DOC/M0041TBXZ.pdf",
+                    "documentType": "0",
+                    "documentStatus": "0",
+                    "signType": null,
+                    "relationId": null,
+                    "signDate": null,
+                    "createdDate": "2021-04-01T09:43:14.000+0000",
+                    "modifiedDate": null,
+                    "createdUser": null,
+                    "modifiedUser": null,
+                    "isDelete": 0,
+                    "isSigned": null
+                },
+                {
+                    "signId": 20916,
+                    "signOrRead": null,
+                    "baseEncryp": null,
+                    "orderNo": "8186270000012555",
+                    "riskCode": "GFRS_M0022",
+                    "documentName": "免除保险人责任条款",
+                    "documentCode": null,
+                    "policyUrl": null,
+                    "originalUrl": "http://139.199.50.151:8000/app/product/GFRS_M0041/DOC/M0041MCBXRZRTK.pdf",
+                    "documentType": "0",
+                    "documentStatus": "0",
+                    "signType": null,
+                    "relationId": null,
+                    "signDate": null,
+                    "createdDate": "2021-04-01T09:43:14.000+0000",
+                    "modifiedDate": null,
+                    "createdUser": null,
+                    "modifiedUser": null,
+                    "isDelete": 0,
+                    "isSigned": null
+                },
+                {
+                    "signId": 20917,
+                    "signOrRead": null,
+                    "baseEncryp": null,
+                    "orderNo": "8186270000012555",
+                    "riskCode": "GFRS_M0022",
+                    "documentName": "转账授权声明",
+                    "documentCode": null,
+                    "policyUrl": null,
+                    "originalUrl": "http://139.199.50.151:8000/app/product/GFRS_M0041/DOC/M0041ZZSQSM.pdf",
+                    "documentType": "0",
+                    "documentStatus": "0",
+                    "signType": null,
+                    "relationId": null,
+                    "signDate": null,
+                    "createdDate": "2021-04-01T09:43:15.000+0000",
+                    "modifiedDate": null,
+                    "createdUser": null,
+                    "modifiedUser": null,
+                    "isDelete": 0,
+                    "isSigned": null
+                }
+            ],
+            "cardOrder": null,
+            "xqPayDTO": null,
+            "prtType": "0",
+            "reason": "未查到详情！"
+        }`
+          sessionStorage.orderDetail = testData;
     // }
     if (this.$route.query.token) {
       localStorage.token = this.$route.query.token