【国富惠桂保团体医疗保险产品上线金掌桂投保开发需求】核对投被保人信息页面反显多个被保人信息

src/views/ebiz/cardList/GroupCheckInfo.vue

@@ -12,24 +12,23 @@
     </van-cell-group>
     <van-cell-group class='mt10'>
       <p style='border-bottom: 1px solid #ebedf0' class='fs15 fwb pl10 pv12'>产品信息</p>
-      <van-field :value='riskDTO.proScheme' label='保障方案' name='保障方案' readonly />
-      <div class='duty'>
-        <van-field value='保额' label='保险责任' name='保险责任' readonly />
-      </div>
+      <van-field :value='riskDTO.riskName' label='保障方案' name='保障方案' readonly />
+      <van-field value='保额' label='保险责任' name='保险责任' readonly />
       <div v-if='riskDTO.dutyLst && riskDTO.dutyLst.length>0'>
         <div class='duty' v-for='(item, index) in riskDTO.dutyLst' :key='index'>
           <van-field :value='item.amtContain' :label='item.dutyName' :name='item.dutyName' readonly />
         </div>
       </div>
       <van-field :value="riskDTO.prem+'元'" label='保费' name='保费' readonly />
-      <van-field :value='riskDTO.insuYear + riskDTO.dateCN' label='保险期间' name='保险期间' readonly />
+      <van-field :value='productDate' type="textarea" rows="1" label='保险期间' name='保险期间' readonly />
     </van-cell-group>
-    <!-- <div class='tips'>注：{{ productDate }}</div> -->
     <van-cell-group class='mt10'>
       <p style='border-bottom: 1px solid #ebedf0' class='fs15 fwb pl10 pv12'>被保人信息</p>
-      <van-collapse v-model="activeNames" :border="false">
+      <van-collapse  v-model="activeNames" :border="false">
         <van-collapse-item :name="index" v-for="(item, index) in insuredInfo" :key="index" :border="false">
-          <van-field :value='item.name' label='姓名' name='姓名' readonly />
+          <template #title>
+            <div>被保险人姓名<span class="ml20">{{item.name}}</span></div>
+          </template>
           <van-field :value="item.idType | idToText('insuredIdType')" label='证件类型' name='证件类型' readonly />
           <van-field :value='item.idNo' label='证件号码' name='证件号码' readonly />
           <!-- <van-field v-if='item.isLessEighteen' :value='item.mobile' label='手机号码' name='手机号码' readonly /> -->
@@ -47,7 +46,7 @@
     <van-goods-action style='z-index: 99'>
       <van-button type='default' style='width: 50%; font-size: 14px; height: 40px; background: white'>总保费:<span
         style='color: red; font-weight: bold; font-size: 18px; font-weight: 400'>{{
-          riskDTO.prem }}</span>元
+          orderInfoDTO.orderAmount }}</span>元
       </van-button>
       <van-goods-action-button type='danger' text='确认' @click='nextStep' v-no-more-click='1000'
                                style='border-radius: 0em; width: 50%; height: 40px' />
@@ -60,7 +59,6 @@ import { Field, GoodsAction, GoodsActionIcon, GoodsActionButton, Icon ,Collapse,
 import {cardOrderDetail } from '@/api/ebiz/cardList/cardList.js'
 import getAreaName from '@/assets/js/utils/getAreaNameForSale'
 import afterDate from '@/assets/js/utils/getAfterDate.js'
-import utilsAge from '@/assets/js/utils/age'
 
 export default {
   name: 'cardDetail',
@@ -80,7 +78,8 @@ export default {
       insuredInfo: {},
       bnfTypeVal: '法定受益人', //受益人类型文字展示
       riskDTO: {},
-    //   productDate: '',
+      productDate: '',
+      orderInfoDTO:{}
     //   isLessEighteen: true   // 被保人手机号和邮箱默认展示
     }
   },
@@ -88,6 +87,9 @@ export default {
     if (this.$route.query.cardOrderNo) {
       this.cardOrderNo = this.$route.query.cardOrderNo
     }
+      
+  },
+  mounted() {
     //根据后台数据来展示
     let cardInfoDTO = {
       orderNo: this.cardOrderNo
@@ -96,44 +98,34 @@ export default {
       if (res.result == '0') {
         this.appntInfo = res.orderDTO.appntDTO
         this.appntInfo.homeName = getAreaName([{ code: this.appntInfo.homeProvince }, { code: this.appntInfo.homeCity }, { code: this.appntInfo.homeArea }])
+        this.orderInfoDTO = res.orderDTO.orderInfoDTO
         this.insuredInfo = res.orderDTO.insuredDTOs
         this.insuredInfo.forEach(item => {
           item.homeName = getAreaName([{ code: item.homeProvince }, { code: item.homeCity }, { code: item.homeArea }])
         })
-        this.riskDTO = res.orderDTO.insuredDTOs[0].riskDTOLst[0]
-      }
-    })
-    
-    
-    // let insuYear = (this.riskDTO = this.orderDTO.insuredDTOs[0].riskDTOLst[0])
-    // if (this.riskDTO.dutyLst && this.riskDTO.dutyLst.length > 0) {
-    //   this.riskDTO.dutyLst.forEach(val => {
-    //     if (val.dutyCode === 'C006') {
-    //       val.amtContain = val.amt + '元/天'
-    //     } else {
-    //       val.amtContain = val.amt + '元'
-    //     }
-    //   })
-    // }
-    // let currentDataArr = insuYear.cvaliDate.split('-')
-    // let currentData = currentDataArr[0] + '年' + currentDataArr[1] + '月' + currentDataArr[2] + '日'
-    // let insuYearM, productDate, productDateTime, insuYearD, hoDate
+        // this.riskDTO = res.orderDTO.insuredDTOs[0].riskDTOLst[0]
+        let insuYear = (this.riskDTO = res.orderDTO.insuredDTOs[0].riskDTOLst[0])
+        let currentDataArr = insuYear.cvaliDate.split('-')
+        let currentData = currentDataArr[0] + '年' + currentDataArr[1] + '月' + currentDataArr[2] + '日'
+        let insuYearM, productDate, productDateTime, insuYearD, hoDate
 
-    // switch (insuYear.insuYearFlag) {
-    //   case 'D':
-    //     this.riskDTO.dateCN = '天'
-    //     hoDate = Date.parse(insuYear.cvaliDate) / 1000 + (insuYear['insuYear'] - 1) * 24 * 3600
-    //     break
-    //   case 'Y':
-    //     this.riskDTO.dateCN = '年'
-    //     hoDate = Date.parse(insuYear.cvaliDate) / 1000 + insuYear['insuYear'] * 24 * 3600 * (afterDate.isLeapYear(new Date(insuYear.cvaliDate).getFullYear()) - 1)
-    //     break
-    // }
-    // productDate = new Date(parseInt(hoDate) * 1000)
-    // insuYearM = productDate.getMonth() + 1 < 10 ? '0' + (productDate.getMonth() + 1) : productDate.getMonth() + 1
-    // insuYearD = productDate.getDate() < 10 ? '0' + productDate.getDate() : productDate.getDate()
-    // productDateTime = productDate.getFullYear() + '年' + insuYearM + '月' + insuYearD + '日'
-    // this.productDate = currentData + '0时至' + productDateTime + '24时止'
+        switch (insuYear.insuYearFlag) {
+          case 'D':
+            this.riskDTO.dateCN = '天'
+            hoDate = Date.parse(insuYear.cvaliDate) / 1000 + (insuYear['insuYear'] - 1) * 24 * 3600
+            break
+          case 'Y':
+            this.riskDTO.dateCN = '年'
+            hoDate = Date.parse(insuYear.cvaliDate) / 1000 + insuYear['insuYear'] * 24 * 3600 * (afterDate.isLeapYear(new Date(insuYear.cvaliDate).getFullYear()) - 1)
+            break
+        }
+        productDate = new Date(parseInt(hoDate) * 1000)
+        insuYearM = productDate.getMonth() + 1 < 10 ? '0' + (productDate.getMonth() + 1) : productDate.getMonth() + 1
+        insuYearD = productDate.getDate() < 10 ? '0' + productDate.getDate() : productDate.getDate()
+        productDateTime = productDate.getFullYear() + '年' + insuYearM + '月' + insuYearD + '日'
+        this.productDate = currentData + '0时至' + productDateTime + '24时止，共'+ this.riskDTO.insuYear + this.riskDTO.dateCN
+      }
+    })  
   },
   methods: {
     nextStep() {