[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

@@ -3,22 +3,19 @@
     <div class="card-Insurance-box">
       <div class="card-Insurance-header">
         <div class="Tab">
-          <div class="tab" v-for="(item,index) in arr" :key="index" @click="fnTab(index)">
+          <div class="tab" v-for="(item, index) in arr" :key="index" @click="fnTab(index)">
-            <span :class="{ac:iNow==index}">{{item}}</span>
+            <span :class="{ ac: iNow == index }">{{ item }}</span>
           </div>
         </div>
         <div class="show">
-          <ul
+          <ul class="card-Products" :style="this.iNow == 0 ? 'display:block' : 'display:none'">
-            class="card-Products"
+            <li v-for="(itemIcon, index) in list" :key="index" class="border-gb" @click="formsD(itemIcon.productCode)">
-            :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" />
               </div>
               <div>
-                <p>{{itemIcon.productName}}</p>
+                <p>{{ itemIcon.productName }}</p>
-                <span>{{itemIcon.productDesc}}</span>
+                <span>{{ itemIcon.productDesc }}</span>
               </div>
             </li>
             <template v-if="list.length === 0">
@@ -28,13 +25,18 @@
               </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
-              <p>{{itemiNow.h}}</p>
+              v-for="(itemiNow, index) in tAb"
-              <span>{{itemiNow.span1}}</span>
+              style=" border: 1px solid #dadada;box-shadow: 0 3px 9px 1px hsla(0, 0%, 80%, 0.35);"
-              <span>{{itemiNow.span2}}</span>
+              class="mb10 pl15 pt15"
-              <span>{{itemiNow.span3}}</span>
+              :key="index"
-              <span>{{itemiNow.span4}}</span>
+            >
+              <p>{{ itemiNow.h }}</p>
+              <span>{{ itemiNow.span1 }}</span>
+              <span>{{ itemiNow.span2 }}</span>
+              <span>{{ itemiNow.span3 }}</span>
+              <span>{{ itemiNow.span4 }}</span>
             </li>
             <template v-if="tAb.length === 0">
               <li class="flex flex-direction-colunm align-items-c">
@@ -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,52 +1,49 @@
 <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>
-*{
+* {
   margin: 0;
   padding: 0;
 }
-html,body{
+html,
+body {
   margin: 0;
   padding: 0;
-    width:100%;
+  width: 100%;
-    height:100%;  
+  height: 100%;
 }
- .PayLoser{
+.PayLoser {
   display: flex;
-     flex-direction:column;
+  flex-direction: column;
   height: 650px;
   justify-content: space-between;
   align-items: center;
-    img{
+  img {
-        width:100px;
+    width: 100px;
     height: 100px;
   }
- }
+}
-.PayLoser>div:nth-of-type(1){
+.PayLoser > div:nth-of-type(1) {
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
   box-sizing: border-box;
   margin-top: 100px;
-    p{
+  p {
     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

@@ -2,7 +2,7 @@
   <div class="paySuccess">
     <template v-if="payStatus == '1'">
       <div class="paySucc">
-        <van-icon name="passed" size="100px" color="#1296DB"/>
+        <van-icon name="passed" size="100px" color="#1296DB" />
         <span>支付成功</span>
       </div>
       <van-cell-group>
@@ -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

@@ -12,7 +12,7 @@
         :parentShowPicker.sync="customerShowPicker"
         :value.sync="userInfo.name"
         @nameChange="nameChange"
-        @on-click="selectClick('1','0')"
+        @on-click="selectClick('1', '0')"
       ></customer-picker>
       <select-radio required :radios="sexRadio" label="性别" name="性别" v-validate="'required'" :value.sync="userInfo.sex"></select-radio>
       <FieldDatePicter
@@ -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
@@ -82,7 +101,7 @@
         :parentShowPicker.sync="customerShowPicker2"
         :value.sync="insuredInfo.name"
         @nameChange="nameChanges"
-        @on-click="selectClick('1','1')"
+        @on-click="selectClick('1', '1')"
       ></customer-picker>
       <select-radio required :radios="sexRadio" label="性别" name="性别" v-validate="'required'" :value.sync="userInfo.insuredSex"></select-radio>
       <FieldDatePicter
@@ -109,14 +128,24 @@
         @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>
     <!-- 受益人信息 -->
     <van-cell-group class="mt10">
       <p style="border-bottom: 1px solid #ebedf0" class="fs15 fwb pl10 pv12">受益人信息</p>
-        <van-field required v-model="bnfTypeVal" clearable label="受益人类型"   v-validate="'required'"  style="border-bottom: 1px solid #ebedf0;"/>
+      <van-field required 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>
     <FieldDatePicter
@@ -135,14 +164,15 @@
     </FieldDatePicter>
     <van-checkbox-group v-model="result" ref="checkboxGroup" style="height:34px;box-sizing:border-box;" class="pl8 pt10 bg-white">
       <van-checkbox name="a" shape="square" icon-size="13px">我已阅读并同意《投保须知》</van-checkbox>
-</van-checkbox-group> 
+    </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-goods-action>
-
- 
 
     <!-- 字段选择 -->
     <van-popup v-model="popupShow" position="bottom">
@@ -208,7 +238,7 @@ export default {
   },
   data() {
     return {
-      now : new Date(),
+      now: new Date(),
       isScan: false, //是否显示证件扫描组件
       allPrice: 0,
       result: [],
@@ -242,7 +272,7 @@ export default {
       columns: [],
       valueKey: 'text',
       homeName: '', //家庭地址
-      bnfTypeVal:'法定受益人', //受益人类型文字展示
+      bnfTypeVal: '法定受益人', //受益人类型文字展示
       //投保人信息
       userInfo: {
         name: '', //投保人姓名
@@ -321,7 +351,7 @@ export default {
       this.insuredInfo.name = name
     },
     selectClick(index, value) {
-      if(value !== undefined){
+      if (value !== undefined) {
         this.selectUser = value
       }
       // console.log(index, value)
@@ -352,9 +382,9 @@ export default {
         }
       })
       if (this.currentPopupIndex == 1) {
-        if(this.selectUser == '1'){
+        if (this.selectUser == '1') {
           this.customerShowPicker2 = false
-        }else{
+        } else {
           this.customerShowPicker = false
         }
       } else if (this.currentPopupIndex == 2) {
@@ -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
       }
@@ -544,9 +583,9 @@ export default {
       console.log(data)
       console.log(typeof this.selectUser)
 
-      if(this.selectUser == '1'){
+      if (this.selectUser == '1') {
         this.customerShowPicker2 = false
-      }else{
+      } else {
         this.customerShowPicker = false
       }
 
@@ -564,12 +603,13 @@ 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 //家庭省
         this.userInfo.homeCity = data.homeCity //家庭市
         this.userInfo.homeArea = data.homeArea //家庭区
-        if(data.homeProvince && data.homeCity && data.homeArea){
+        if (data.homeProvince && data.homeCity && data.homeArea) {
           this.homeName = getAreaName([{ code: data.homeProvince }, { code: data.homeCity }, { code: data.homeArea }]) //家庭地址
         }
         this.userInfo.homeAddress = data.homeAddress //家庭详细地址
@@ -577,7 +617,7 @@ export default {
         // 计算年龄
         // let age = utilsAge.getAge(this.userInfo.birthday, new Date())
 
-        this.getRelatedData(this.userInfo.idNo,'1')
+        this.getRelatedData(this.userInfo.idNo, '1')
       } else if (this.selectUser == '1') {
         let { customerName, customerSex } = data
         this.insuredInfo.name = customerName //用户名
@@ -593,7 +633,7 @@ export default {
         // 计算年龄
         // let age = utilsAge.getAge(this.userInfo.birthday, new Date())
 
-        this.getRelatedData(this.insuredInfo.idNo,'2')
+        this.getRelatedData(this.insuredInfo.idNo, '2')
       }
       // console.log(data, val)
     },
@@ -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/js/methods.js

@@ -3,9 +3,9 @@ export function selectComp(that, index, type = '') {
   that.currentPopupIndex = index
   let title = ''
   if (index == 1) {
-    if(that.selectUser == '1'){
+    if (that.selectUser == '1') {
       ;[that.customerShowPicker2, title] = [true, '客户列表']
-    }else{
+    } else {
       ;[that.customerShowPicker, title] = [true, '客户列表']
     }
     // ;[that.customerShowPicker, title] = [true, '客户列表']

src/views/ebiz/cardList/productDetails.vue

@@ -36,7 +36,7 @@ export default {
       introductImages: [],
       docuList: [],
       productCode: '',
-      results:[],
+      results: [],
       trialInfos: []
     }
   },
@@ -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'
         }
       })
       // 跳转到产品资料详情