[fix] 添加查看条款功能，并通过eslint --fix 修复卡单模块代码

src/router/ebiz/cardList.js

@@ -6,6 +6,8 @@ const pay = () => import('@/views/ebiz/cardList/Pay')
 const payResult = () => import('@/views/ebiz/cardList/PayResult')
 const paySuccess = () => import('@/views/ebiz/cardList/PaySuccess')
 const payLoser = () => import('@/views/ebiz/cardList/PayLoser')
+const ShowPDF = () => import('@/views/ebiz/cardList/ShowPDF')
+
 export default [
   {
     path: '/cardList/information',
@@ -69,5 +71,15 @@ export default [
       title: '支付失败',
       index: 6
     }
+  },
+  {
+    path: '/cardList/ShowPDF',
+    name: 'ShowPDF',
+    component: ShowPDF,
+    meta: {
+      title: '',
+      index: 7
+    }
   }
 ]
+

src/views/ebiz/cardList/CardTotreasure.vue

@@ -8,10 +8,7 @@
           </div>
         </div>
         <div class="show">
-          <ul
+          <ul class="card-Products" :style="this.iNow == 0 ? 'display:block' : 'display:none'">
-            class="card-Products"
-            :style="(this.iNow==0) ? 'display:block':'display:none' "
-          >
             <li v-for="(itemIcon, index) in list" :key="index" class="border-gb" @click="formsD(itemIcon.productCode)">
               <div>
                 <img :src="itemIcon.productImageUrl" class="ml10" width="118" height="70" />
@@ -28,8 +25,13 @@
               </li>
             </template>
           </ul>
-          <ul class="myCard" :style="(this.iNow==1) ? 'display:block':'display:none' ">
+          <ul class="myCard" :style="this.iNow == 1 ? 'display:block' : 'display:none'">
-            <li v-for="(itemiNow,index) in tAb" style=" border: 1px solid #dadada;box-shadow: 0 3px 9px 1px hsla(0, 0%, 80%, 0.35);" class="mb10 pl15 pt15" :key="index">
+            <li
+              v-for="(itemiNow, index) in tAb"
+              style=" border: 1px solid #dadada;box-shadow: 0 3px 9px 1px hsla(0, 0%, 80%, 0.35);"
+              class="mb10 pl15 pt15"
+              :key="index"
+            >
               <p>{{ itemiNow.h }}</p>
               <span>{{ itemiNow.span1 }}</span>
               <span>{{ itemiNow.span2 }}</span>
@@ -50,7 +52,6 @@
 </template>
 
 <script>
-import icon1 from '@/assets/images/u10247.png'
 import { getCardList } from '@/api/ebiz/cardList/cardList.js'
 export default {
   name: 'kadantoubao.vue',
@@ -154,11 +155,11 @@ export default {
           if (res.result == 0) {
             this.list = res.productList
           } else {
-            Toast.fail(res.resultMessage)
+            this.$toast.fail(res.resultMessage)
           }
         })
         .catch(err => {
-          console.log("errerr", err)
+          console.log('errerr', err)
         })
     }
   }

src/views/ebiz/cardList/Pay.vue

@@ -2,12 +2,7 @@
   <div class="pay">
     <div v-if="!isScan">
       <van-cell-group>
-          <van-field
+        <van-field v-model="underWriteData.appntName" readonly label="产品名称" class="projuct" />
-            v-model="underWriteData.appntName"
-            readonly
-            label="产品名称"
-            class="projuct"
-          />
         <van-field :value="underWriteData.orderAmount == undefined ? '' : `${underWriteData.orderAmount} 元`" readonly label="支付金额" />
       </van-cell-group>
       <!-- 银行卡支付开始 -->
@@ -25,7 +20,17 @@
       <!-- 银行卡支付结束 -->
       <van-cell-group>
         <van-field v-model="underWriteData.name" label="姓名" name="姓名" placeholder="请输入" v-validate="'required|name'" maxlength="6" clearable required />
-        <van-field v-model="underWriteData.bankCode" maxlength="19" label="银行卡号" name="银行卡号" placeholder="请输入" required clearable v-validate="'required|bankCard'" data-vv-name="银行卡号">
+        <van-field
+          v-model="underWriteData.bankCode"
+          maxlength="19"
+          label="银行卡号"
+          name="银行卡号"
+          placeholder="请输入"
+          required
+          clearable
+          v-validate="'required|bankCard'"
+          data-vv-name="银行卡号"
+        >
           <van-button slot="button" size="small" type="danger" round @click="cardScanning('0')">银行卡扫描</van-button>
         </van-field>
         <van-field
@@ -185,7 +190,7 @@ export default {
     window.appCallBack = this.appCallBack
     // 获取银行卡
     this.getBankList()
-    this.getOrderDetail()
+    // this.getOrderDetail()
     // console.log('----保融form.action', config.payUrl)
     // if (localStorage.salelist == '1') {
     // 第一次支付 调核保获取

src/views/ebiz/cardList/PayLoser.vue

@@ -1,18 +1,15 @@
 <template>
   <div class="PayLoser">
     <div>
-       <img src="../../../assets/images/u10608.svg" alt="">
+      <img src="../../../assets/images/u10608.svg" alt="" />
       <p>支付失败</p>
     </div>
     <van-button type="info" size="large" class="payBtn">返回首页</van-button>
-        
   </div>
 </template>
 
 <script>
-export default {
+export default {}
-      
-}
 </script>
 
 <style lang="scss" scoped>
@@ -20,7 +17,8 @@ export default {
   margin: 0;
   padding: 0;
 }
-html,body{
+html,
+body {
   margin: 0;
   padding: 0;
   width: 100%;
@@ -48,5 +46,4 @@ html,body{
     margin-top: 30px;
   }
 }
-    
 </style>

src/views/ebiz/cardList/PayResult.vue

@@ -115,7 +115,7 @@ export default {
           this.$toast(res.resultMessage)
         }
       })
-    },
+    }
     // // 重新支付
     // rePayMent() {
     //   //  localStorage.orderNo = order.orderInfoDTO.orderNo

src/views/ebiz/cardList/PaySuccess.vue

@@ -13,7 +13,7 @@
     </template>
     <template v-else-if="payStatus == '2'">
       <div class="flex flex-direction-colunm align-items-c pt100">
-       <img src="../../../assets/images/u10608.svg" class="w100 h100" alt="">
+        <img src="../../../assets/images/u10608.svg" class="w100 h100" alt="" />
         <p class="mt30">支付失败</p>
       </div>
       <div class="bg-white bottom-btn">
@@ -21,7 +21,6 @@
       </div>
     </template>
   </div>
-
 </template>
 
 <script>
@@ -52,7 +51,7 @@ export default {
         appntName: '', // 投保人
         prtNo: '', // 投保单号
         amnt: '' // 支付金额
-      },
+      }
     }
   }
 }

src/views/ebiz/cardList/ShowPDF.vue

@@ -0,0 +1,29 @@
+<template>
+  <div>
+    <iframe :src="src + pdfUrl" style="width:100vw;height:100vh"></iframe>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      pdfUrl: '',
+      src: location.origin + '/pdfjs/web/viewer.html?file='
+    }
+  },
+  created() {
+    this.init()
+  },
+  mounted() {},
+  methods: {
+    init() {
+      let cardListPDF = JSON.parse(localStorage.cardListPDF)
+      console.log(cardListPDF)
+      this.pdfUrl = this.$mainUrl + cardListPDF.url
+      this.shareContent = cardListPDF.title
+      document.title = cardListPDF.title
+    }
+  }
+}
+</script>

src/views/ebiz/cardList/information.vue

@@ -40,10 +40,29 @@
         @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,'1')">
+      <van-field
+        v-model="userInfo.idNo"
+        maxlength="18"
+        required
+        label="证件号码"
+        v-validate="'required'"
+        name="证件号码"
+        placeholder="请输入"
+        clearable
+        @blur="getRelatedData(userInfo.idNo, '1')"
+      >
         <van-button v-if="userInfo.idType == 1" slot="button" size="small" type="danger" round @click="selectClick('3')">证件扫描</van-button>
       </van-field>
-     <van-field required v-model="userInfo.mobile" clearable label="手机号码" name="手机号码" placeholder="请输入" v-validate="'required|mobile'" maxlength="11" />
+      <van-field
+        required
+        v-model="userInfo.mobile"
+        clearable
+        label="手机号码"
+        name="手机号码"
+        placeholder="请输入"
+        v-validate="'required|mobile'"
+        maxlength="11"
+      />
       <van-field v-model="userInfo.email" required label="邮箱" name="邮箱" placeholder="请输入" v-validate="'required|email'" clearable />
       <!-- <van-field v-model="userInfo.workcompany" required label="工作单位" name="工作单位" placeholder="请输入" v-validate="'required'" maxlength="50" clearable /> -->
       <van-field
@@ -109,7 +128,17 @@
         @click="toSelect('11')"
       />
 
-      <van-field v-model="insuredInfo.idNo" maxlength="18" required label="证件号码" v-validate="'required'" name="证件号码" placeholder="请输入" clearable @blur="getRelatedData(insuredInfo.idNo,'2')" >
+      <van-field
+        v-model="insuredInfo.idNo"
+        maxlength="18"
+        required
+        label="证件号码"
+        v-validate="'required'"
+        name="证件号码"
+        placeholder="请输入"
+        clearable
+        @blur="getRelatedData(insuredInfo.idNo, '2')"
+      >
         <van-button v-if="insuredInfo.idType == 1" slot="button" size="small" type="danger" round @click="selectClick('3')">证件扫描</van-button>
       </van-field>
     </van-cell-group>
@@ -137,13 +166,14 @@
       <van-checkbox name="a" shape="square" icon-size="13px">我已阅读并同意《投保须知》</van-checkbox>
     </van-checkbox-group>
 
-<van-goods-action>
+    <van-goods-action style="z-index: 99;">
-   <van-button type="default" style="width:50%;font-size:14px;height:40px;background:white">总保费:<span style="color:red;font-weight:bold;font-size:18px;font-weight:400;">{{allPrice}}</span>元</van-button>
+      <van-button type="default" style="width:50%;font-size:14px;height:40px;background:white"
+        >总保费:<span style="color:red;font-weight:bold;font-size:18px;font-weight:400;">{{ allPrice }}</span
+        >元</van-button
+      >
       <van-goods-action-button type="danger" text="提交" @click="nextStep" v-no-more-click="1000" style="border-radius:0em;width:50%;height:40px;" />
     </van-goods-action>
 
- 
-
     <!-- 字段选择 -->
     <van-popup v-model="popupShow" position="bottom">
       <van-picker show-toolbar :columns="columns" @confirm="onConfirm" @cancel="popupShow = false" />
@@ -386,7 +416,10 @@ export default {
       } else if (pickerType == '3') {
         this.columns = DataDictionary.degree
       } else if (pickerType == '4') {
-        this.columns = [{ id: 0, text: '有' }, { id: 1, text: '无' }]
+        this.columns = [
+          { id: 0, text: '有' },
+          { id: 1, text: '无' }
+        ]
       } else if (pickerType == '5') {
         this.columns = DataDictionary.taxIdentity
       } else if (pickerType == '6') {
@@ -397,6 +430,8 @@ export default {
         this.columns = DataDictionary.salarySource
       } else if (pickerType == '9') {
         this.columns = DataDictionary.relationToAppnt
+      } else if (pickerType == '11') {
+        this.columns = DataDictionary.insuredIdType
       }
     },
     //确认选择字段
@@ -427,6 +462,10 @@ export default {
         this.userInfo.salarySource = value.id
       } else if (this.pickerType == '9') {
         this.userInfo.relationToInsured = value.id
+        // 如果关系为本人，将投保人信息带入到被保人信息上
+        if(this.userInfo.relationToInsured == 1){
+          Object.assign(this.insuredInfo , this.userInfo)
+        }
       } else if (this.pickerType == '11') {
         this.insuredInfo.idType = value.id
       }
@@ -564,6 +603,7 @@ export default {
         this.userInfo.birthday = data.birthday //出生日期
         this.userInfo.idType = data.customerIdType //证件类型
         this.userInfo.idNo = data.customerIdNumber //证件类别
+        this.userInfo.email = data.email //证件类别
 
         this.userInfo.mobile = data.customerPhone //移动电话
         this.userInfo.homeProvince = data.homeProvince //家庭省
@@ -602,7 +642,11 @@ export default {
       // console.log(this.userInfo.salarySource)
       // console.log(this.userInfo.otherSalarySource)
       //表单校验, 成功跳转
+      
+      // if()
+      
       this.$validator.validate().then(valid => {
+        
         if (true === valid) {
           // localStorage.chooseProductCodesNew = localStorage.chooseProductCodes
           // 计算年龄

src/views/ebiz/cardList/productDetails.vue

@@ -49,14 +49,18 @@ export default {
   },
   methods: {
     goDocu(url, type, name) {
-      let pdfUrl = encodeURIComponent(url)
+      // let pdfUrl = //encodeURIComponent(url)
-      console.log('pdfUrl', pdfUrl)
+      localStorage.setItem('cardListPDF', JSON.stringify({ documentUrl: url, title: name }))
+      console.log('url', url)
       this.$jump({
         flag: 'h5',
         extra: {
           title: name,
           // url: 'http://47.96.143.111/pdfjs/web/viewer.html?file=' + url //测试代码
-          url: this.$mainUrl + '/pdfjs/web/viewer.html?file=' + pdfUrl
+          url: location.origin + '/#/cardList/ShowPDF'
+        },
+        routerInfo: {
+          path: '/cardList/ShowPDF'
         }
       })
       // 跳转到产品资料详情