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

2025-12-21 07:46:44 +08:00 · 2020-04-21 14:48:00 +08:00
parent d97bba7845
commit 8b32ccdbaa
10 changed files with 372 additions and 281 deletions
--- a/src/router/ebiz/cardList.js
+++ b/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
+    }
  }
 ]
+
--- a/src/views/ebiz/cardList/CardTotreasure.vue
+++ b/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)">
-            <span :class="{ac:iNow==index}">{{item}}</span>
+          <div class="tab" v-for="(item, index) in arr" :key="index" @click="fnTab(index)">
+            <span :class="{ ac: iNow == index }">{{ item }}</span>
          </div>
        </div>
        <div class="show">
-          <ul
-            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)">
+          <ul 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" />
              </div>
              <div>
-                <p>{{itemIcon.productName}}</p>
-                <span>{{itemIcon.productDesc}}</span>
+                <p>{{ itemIcon.productName }}</p>
+                <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' ">
-            <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>
-              <span>{{itemiNow.span3}}</span>
-              <span>{{itemiNow.span4}}</span>
+          <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"
+            >
+              <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)
        })
    }
  }
--- a/src/views/ebiz/cardList/Pay.vue
+++ b/src/views/ebiz/cardList/Pay.vue
@@ -2,12 +2,7 @@
  <div class="pay">
    <div v-if="!isScan">
      <van-cell-group>
-          <van-field
-            v-model="underWriteData.appntName"
-            readonly
-            label="产品名称"
-            class="projuct"
-          />
+        <van-field 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') {
    // 第一次支付 调核保获取
--- a/src/views/ebiz/cardList/PayLoser.vue
+++ b/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%;
-    height:100%;  
+  width: 100%;
+  height: 100%;
 }
- .PayLoser{
+.PayLoser {
  display: flex;
-     flex-direction:column;
+  flex-direction: column;
  height: 650px;
  justify-content: space-between;
  align-items: center;
-    img{
-        width:100px;
+  img {
+    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>
--- a/src/views/ebiz/cardList/PayResult.vue
+++ b/src/views/ebiz/cardList/PayResult.vue
@@ -115,7 +115,7 @@ export default {
          this.$toast(res.resultMessage)
        }
      })
-    },
+    }
    // // 重新支付
    // rePayMent() {
    //   //  localStorage.orderNo = order.orderInfoDTO.orderNo
--- a/src/views/ebiz/cardList/PaySuccess.vue
+++ b/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: '' // 支付金额
-      },
+      }
    }
  }
 }
--- a/src/views/ebiz/cardList/ShowPDF.vue
+++ b/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>
--- a/src/views/ebiz/cardList/information.vue
+++ b/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-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 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-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
          // 计算年龄
--- a/src/views/ebiz/cardList/js/methods.js
+++ b/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, '客户列表']
--- a/src/views/ebiz/cardList/productDetails.vue
+++ b/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)
-      console.log('pdfUrl', pdfUrl)
+      // let pdfUrl = //encodeURIComponent(url)
+      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'
        }
      })
      // 跳转到产品资料详情