更换贺报下载的方法37

2.保费去掉万元

package-lock.json

@@ -3216,6 +3216,11 @@
         }
       }
     },
+    "base64-arraybuffer": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmmirror.com/base64-arraybuffer/-/base64-arraybuffer-1.0.2.tgz",
+      "integrity": "sha512-I3yl4r9QB5ZRY3XuJVEPfc2XhZO6YweFPI+UovAzn+8/hb3oJ6lnysaFcjVpkCPfVWFUDvoZ8kmVDP7WyRtYtQ=="
+    },
     "base64-js": {
       "version": "1.5.1",
       "resolved": "https://registry.npmmirror.com/base64-js/-/base64-js-1.5.1.tgz",
@@ -4783,6 +4788,14 @@
         }
       }
     },
+    "css-line-break": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmmirror.com/css-line-break/-/css-line-break-2.1.0.tgz",
+      "integrity": "sha512-FHcKFCZcAha3LwfVBhCQbW2nCNbkZXn7KVUJcsT5/P8YmfsVja0FMPJr0B903j/E69HUphKiV9iQArX8SDYA4w==",
+      "requires": {
+        "utrie": "^1.0.2"
+      }
+    },
     "css-loader": {
       "version": "1.0.1",
       "resolved": "https://registry.npmmirror.com/css-loader/-/css-loader-1.0.1.tgz",
@@ -6883,6 +6896,11 @@
         }
       }
     },
+    "file-saver": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/file-saver/-/file-saver-2.0.5.tgz",
+      "integrity": "sha512-P9bmyZ3h/PRG+Nzga+rbdI4OEpNDzAVyy74uVO9ATgzLK6VtAsYybF/+TOCvrc0MO793d6+42lLyZTw7/ArVzA=="
+    },
     "file-uri-to-path": {
       "version": "1.0.0",
       "resolved": "https://registry.npmmirror.com/file-uri-to-path/-/file-uri-to-path-1.0.0.tgz",
@@ -7879,6 +7897,15 @@
         }
       }
     },
+    "html2canvas": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmmirror.com/html2canvas/-/html2canvas-1.4.1.tgz",
+      "integrity": "sha512-fPU6BHNpsyIhr8yyMpTLLxAbkaK8ArIBcmZIRiBLiDhjeqvXolaEmDGmELFuX9I4xDcaKKcJl+TKZLqruBbmWA==",
+      "requires": {
+        "css-line-break": "^2.1.0",
+        "text-segmentation": "^1.0.3"
+      }
+    },
     "htmlparser2": {
       "version": "6.1.0",
       "resolved": "https://registry.npmmirror.com/htmlparser2/-/htmlparser2-6.1.0.tgz",
@@ -15689,6 +15716,14 @@
         }
       }
     },
+    "text-segmentation": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmmirror.com/text-segmentation/-/text-segmentation-1.0.3.tgz",
+      "integrity": "sha512-iOiPUo/BGnZ6+54OsWxZidGCsdU8YbE4PSpdPinp7DeMtUJNJBoJ/ouUSTJjHkh1KntHaltHl/gDs2FC4i5+Nw==",
+      "requires": {
+        "utrie": "^1.0.2"
+      }
+    },
     "text-table": {
       "version": "0.2.0",
       "resolved": "https://registry.npmmirror.com/text-table/-/text-table-0.2.0.tgz",
@@ -16274,6 +16309,14 @@
       "integrity": "sha512-pMZTvIkT1d+TFGvDOqodOclx0QWkkgi6Tdoa8gC8ffGAAqz9pzPTZWAybbsHHoED/ztMtkv/VoYTYyShUn81hA==",
       "dev": true
     },
+    "utrie": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmmirror.com/utrie/-/utrie-1.0.2.tgz",
+      "integrity": "sha512-1MLa5ouZiOmQzUbjbu9VmjLzn1QLXBhwpUa7kdLUQK+KQ5KA9I1vk5U4YHe/X2Ch7PYnJfWuWT+VbuxbGwljhw==",
+      "requires": {
+        "base64-arraybuffer": "^1.0.2"
+      }
+    },
     "uuid": {
       "version": "3.4.0",
       "resolved": "https://registry.npmmirror.com/uuid/-/uuid-3.4.0.tgz",

package.json

@@ -26,6 +26,8 @@
     "crypto-js": "^4.1.1",
     "echarts": "^4.2.1",
     "fastclick": "^1.0.6",
+    "file-saver": "^2.0.5",
+    "html2canvas": "^1.4.1",
     "js-base64": "^2.5.1",
     "js-md5": "^0.7.3",
     "js-sha256": "^0.9.0",

src/api/ebiz/billingDetail/billingDetail.js

@@ -24,4 +24,12 @@ export function queryOutOrderList(data) {
       method: 'post',
       data
     })
+  }
+  // 出单详情
+  export function queryOutOrderDetail(data) {
+    return request({
+      url: getUrl(`/sale/order/queryOutOrderDetail`, 1),
+      method: 'post',
+      data
+    })
   }

src/api/ebiz/branchOffice/branchOffice.js

@@ -39,10 +39,30 @@ export function getOrgList(data) {
 
 // 获取MIS全部机构 (分级)接口--因内勤多加一级，所以用这个接口
 export function getMisBranchComList(data) {
+  // data.isJzg  false 为内勤
+  // data.isJzg  true 为外勤
   return request({
-    url: getUrl('/data/performance/getMisBranchComList', 1),
+    url: getUrl( '/data/performance/getMisBranchComList', 1),
+    method: 'post',
+    data
+  })
+}
+export function getMisBranchComList2(data) {
+  // data.isJzg  false 为内勤
+  // data.isJzg  true 为外勤
+  return request({
+    url: getUrl( '/agent/agent/getJZGManageComList' , 1),
     method: 'post',
     data
   })
 }
 
+// 内勤机构
+// export function getMisBranchComList(data) {
+//   return request({
+//     url: getUrl('/data/performance/getMisBranchComList', 1),
+//     method: 'post',
+//     data
+//   })
+// }
+

src/api/ebiz/nbs/index.js

@@ -118,3 +118,13 @@ export function exportExcel(data) {
     data
   })
 }
+export function base64Excel(data) {
+  return request({
+    // url: 'http://10.10.100.98:7012/updown/uploadBase64Image',
+    url: getUrl('/uploadBase64Image', 1,2),
+    method: 'post',
+    data
+  })
+}
+
+

src/components/ebiz/billingDetail/tableDetail2.vue

@@ -0,0 +1,254 @@
+<template>
+  <div class="statisticsTable">
+    <div class="statisticsTable_table">
+      <div class="table">
+        <table cellspacing="0" summary cellpadding="1">
+          <thead>
+            <tr>
+              <th :class="{ 'th-fixed': index < 1 }" v-for="(item, index) in theads" :key="index">{{ item }}</th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr v-for="(item, index) in tableData" :key="index" :ref="'th' + index" @click="(e) => double_click(index, item)">
+              <td class="th-fixed" @click="goLink(item)">{{ Number(index) + 1 }}</td>
+              <td class="timeDate" v-show="timeShow">{{ item.signDate }}</td>
+              <td class="timeDate" v-show="timeShow == false">{{ item.appntDate }}</td>
+              <td class="productName">{{ item.productName }}</td>
+              <td class="prem">{{ item.prem }}</td>
+              <td>
+                <span class="td-sheng">{{ item.name }}</span>
+              </td>
+              <td>{{ item.manageComName }}</td>
+              <td class="chakan">
+                <van-button size="mini" type="danger" @click="download(item)">下载贺报</van-button>
+                <van-button size="mini" type="info" @click="look(item.orderNo)">查看</van-button>
+              </td>
+<!--              <td>{{ item.branchTypeName }}</td>-->
+
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+
+    <div class="pagination" v-if="total > 5">
+      <div type="text" @click="pageUp" :style="pageNum > 1 ? 'color:red' : ''">上一页</div>
+      <div style="color: red">{{ pageNum }}/{{ Math.ceil(total / pageSize) }}</div>
+      <div @click="pageDown" :style="pageNum < Math.ceil(total / pageSize) ? 'color:red' : ''">下一页 ></div>
+      <div v-if="pageNum == 1" class="shangzheBox"></div>
+      <div v-if="pageNum >= Math.ceil(total / pageSize)" class="xiazheBox"></div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'tableDetail',
+  props: {
+    theads: {
+      type: Array,
+      default: []
+    },
+    isLink: {
+      type: Boolean,
+      default: false
+    },
+    total: {
+      type: Number,
+      default: false
+    },
+    pageSize: {
+      type: Number,
+      default: false
+    },
+    pageNum: {
+      type: Number,
+      default: false
+    },
+    tableData: {
+      type: Array,
+      default: []
+    }
+  },
+  data() {
+    return {
+      timeShow: false,
+    }
+  },
+  watch: {
+    theads(newVal) {
+      if (newVal) {
+        for(let i=0;i<this.theads.length;i++) {
+          if(this.theads[i] == '承保时间') {
+            this.timeShow = true
+          } else if(this.theads[i] == '预收时间') {
+            this.timeShow = false
+          }
+        }
+      }
+    }
+  },
+  created() {
+      for(let i=0;i<this.theads.length;i++) {
+        if(this.theads[i] == '承保时间') {
+          this.timeShow = true
+        } else if(this.theads[i] == '预收时间') {
+          this.timeShow = false
+        }
+      }
+  },
+  methods: {
+    double_click(index, fn, data) {
+      let timestamp = 0
+      this.$refs['th' + index][0].addEventListener('click', () => {
+        const now = new Date()
+        if (now - timestamp <= 300) {
+          this.$emit('double_click', this.tableData[index])
+          // fn();
+          timestamp = 0
+        } else {
+          timestamp = now
+        }
+      })
+    },
+    pageUp() {
+      if (this.pageNum <= 1) {
+        return false
+      }
+      let page = this.pageNum - 1
+      this.$emit('currentChange', page)
+    },
+    pageDown() {
+      let end_num = Math.ceil(this.total / this.pageNum)
+      if (this.pageNum >= end_num) {
+        return false
+      }
+      let page = this.pageNum + 1
+      this.$emit('currentChange', page)
+    },
+    goLink(item) {
+      if (this.isLink) {
+        this.$emit('goLink', item)
+      }
+    },
+    // 跳转至下载贺报页面
+    download(data){
+      this.$emit('from-child', data);
+    },
+    // 查看详情 跳转至详情页面
+    look(num) {
+      this.$emit('fro-child', num);
+      // console.log(num);
+      // this.$router.push({
+      //   path: '/policyDetails',
+      //   query: {
+      //     orderNo: num,
+      //   }
+      // })
+    },
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.pagination {
+  display: flex;
+  margin-top: 10px;
+  margin-bottom: 10px;
+  justify-content: space-between;
+  align-items: center;
+  position: relative;
+  .shangzheBox {
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 70px;
+    height: 30px;
+  }
+  .xiazheBox {
+    position: absolute;
+    right: 0;
+    top: 0;
+    width: 70px;
+    height: 30px;
+  }
+}
+.statisticsTable_table {
+  height: 82.5vh;
+  overflow: auto;
+  //width: 1000px;
+}
+.statisticsTable_table .table {
+  width: 195.6vw !important;
+}
+.timeDate {
+  width: 90px !important;
+}
+.productName {
+  width: 35vw;
+}
+.chakan {
+  width: 130px;
+}
+.prem {
+  text-align: right !important;
+  width: 90px !important;
+  padding-right: 7px !important;
+}
+.statisticsTable th {
+  width: 90px;
+}
+table {
+  // width: 200vw;
+}
+.th-fixed {
+  position: sticky;
+  border: 1px solid #999 !important;
+  left: 0;
+  width: 35px !important;
+  padding: 0 5px;
+}
+.statisticsTable {
+  width: 100%;
+  overflow-x: hidden;
+  table {
+    border-collapse: collapse;
+  }
+
+  table,
+  th,
+  td {
+    border: 1px solid #999;
+    text-align: center;
+    font-size: 14px;
+    line-height: 30px;
+    background: #fff;
+  }
+  thead {
+    th {
+      height: 40px;
+      line-height: 40px;
+      background: #e9332e;
+      color: #fff;
+    }
+  }
+}
+
+.td-fixed {
+  // position: sticky;
+  width: 33px !important;
+  padding: 0 5px;
+  left: 0;
+  text-decoration: underline;
+}
+.td-sheng {
+  display: block;
+  width: 65px; /* 设置span的宽度 */
+  white-space: nowrap; /* 确保文本不换行 */
+  overflow: hidden; /* 隐藏超出span宽度的文本 */
+  text-overflow: ellipsis; /* 超出部分显示为省略号 */
+  text-align: left; /* 文本对齐方式 */
+  margin: 0 auto;
+  text-align: center;
+}
+</style>

src/router/ebiz/billingDetail.js

@@ -1,14 +1,32 @@
 const billingDetail = () => import('@/views/ebiz/billingDetail/billingDetail')
+const generateImg = () => import('@/views/ebiz/generateImg/generateImg')
+const policyDetails = () => import('@/views/ebiz/billingDetail/policyDetails')
 
 
 export default [
-    {
-      path: '/billingDetail',
-      name: 'billingDetail',
-      component: billingDetail,
-      meta: {
-        title: '出单详情',
-        index: 1
-      }
+  {
+    path: '/billingDetail',
+    name: 'billingDetail',
+    component: billingDetail,
+    meta: {
+      title: '出单详情',
+      index: 1
     }
-  ]
+  },
+  {
+    path: '/generateImg',
+    name: 'generateImg',
+    component: generateImg,
+    meta: {
+      title: '业绩贺报'
+    }
+  },
+  {
+    path: '/policyDetails',
+    name: 'policyDetails',
+    component: policyDetails,
+    meta: {
+      title: '保单详情',
+    }
+  },
+]

src/views/ebiz/billingDetail/policyDetails.vue

@@ -0,0 +1,160 @@
+<template>
+  <div class="content">
+      <!-- 保单详情 -->
+      <van-collapse v-model="activeName">
+        <van-collapse-item title="投保单信息" name="1">
+          <div class="row">
+            <span class="title">投保单号</span>
+            <span class="main">{{ policyData.orderNo }}</span>
+          </div>
+          <div class="row">
+            <span class="title">投保日期</span>
+            <span class="main">{{ policyData.appntDate }}</span>
+          </div>
+          <div class="row">
+            <span class="title">承保日期</span>
+            <span class="main">{{ policyData.signDate }}</span>
+          </div>
+          <div class="row">
+            <span class="title">总保费</span>
+            <span class="main">{{ policyData.orderAmount }}元</span>
+          </div>
+        </van-collapse-item>
+        <van-collapse-item title="主险" name="2">
+          <p class="list" v-show="mainShow" v-for="(item, index) in policyData.mainRiskNameList" :key="index">{{ item }}</p>
+          <p class="list" v-show="mainShow == false">暂无主险信息</p>
+        </van-collapse-item>
+        <van-collapse-item title="附加险" name="3">
+          <p class="list" v-show="subRiskShow" v-for="(itemm, index) in policyData.subRiskNameList" :key="index">{{ itemm }}</p>
+          <p class="list" v-show="subRiskShow == false" >暂无附加险信息</p>
+        </van-collapse-item>
+      </van-collapse>
+      <div class="bottom">
+        <button class="back" @click="goback()">返回</button>
+      </div>
+  </div>
+</template>
+
+<script>
+import { Collapse, CollapseItem } from 'vant'
+import { queryOutOrderDetail } from '@/api/ebiz/billingDetail/billingDetail'
+// 当前时间
+const currentDate = new Date()
+export default {
+  name: 'policyDetails',
+  components: {
+    [Collapse.name]: Collapse,
+    [CollapseItem.name]: CollapseItem,
+  },
+  props: {
+    orderNo: {
+      type: String,
+      default: false
+    }
+  },
+  data() {
+    return {
+        currentDate: '',
+        // orderNo: '',
+        activeName: ['1','2','3'],
+        policyData: {},
+        mainShow: false,
+        subRiskShow: false,
+    }
+  },
+  created() {
+    console.log(this.orderNo);
+    this.getpolicyInfo();
+  },
+  mounted() {
+    // console.log(this.orderNo);
+    // this.getpolicyInfo();
+  },
+  methods: {
+      getpolicyInfo() {
+        this.$toast.loading({
+          duration: 0, // 持续展示 toast
+          forbidClick: true, // 禁用背景点击
+          loadingType: 'spinner',
+          message: '加载中……'
+        })
+        queryOutOrderDetail({
+            orderNo: this.orderNo, 
+        }).then((res) => {
+            this.policyData = res.content;
+            if(this.policyData.mainRiskNameList == []) {
+              this.mainShow = false
+            } else {
+              this.mainShow = true
+            }
+            if(this.policyData.subRiskNameList.length == 0) {
+              this.subRiskShow = false
+            } else {
+              this.subRiskShow =  true
+            }
+        })
+      },
+      goback() {
+        this.$emit('child-back', '1');
+      }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+::v-deep .van-cell {
+    font-size: 18px;
+    font-weight: 500;
+}
+::v-deep .van-collapse-item__content {
+    padding: 0px 35px;
+}
+.content {
+  height: 100vh;
+  background-color: #fff;
+}
+.row {
+  display: flex;
+  align-items: strat;
+  padding: 7px 0px;
+  border-bottom: 0.5px #ccc solid;
+  .title {
+    width: 110px;
+    font-size: 16px;
+    color: #333;
+  }
+  .main {
+    font-size: 14px;
+    max-width: 200px;
+    word-break: normal;
+    display: block;
+    white-space: pre-wrap;
+    word-wrap: break-word;
+    overflow: hidden;
+  }
+}
+.list {
+  padding: 12px 0;
+}
+.bottom {
+  width: 100%;
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  .back {
+    width: 100%;
+    background-color: #e9332e;
+    border: none;
+    padding: 12px 0px;
+    border-radius: 28px;
+    color: #fff;
+    font-size: 20px;
+    text-align: center;
+  }
+}
+::v-deep .van-cell__right-icon {
+    margin-left: 1.33333vw;
+    color: #969799;
+    display: none;
+}
+</style>

src/views/ebiz/common/MainRiskList.vue

@@ -553,6 +553,9 @@ export default {
               item['amt'] = Number(item.minAmt) * Number(item.moneyUnit)
             }
           }
+        }else if(item.type==5){
+          // 单元格，用于展示文案，从extra中获取
+          item['showContent'] = item.extra
         }
         //规则储存
         item['rules'] = productTrialInfoDTO[item.code]

src/views/ebiz/common/SelectedProduct.vue

@@ -54,7 +54,7 @@
         <!-- <div class="flex justify-content-c align-items-c">
           <img class="icon_title_image" src="@/assets/images/kmh/title_bg.png" />
         </div> -->
-        <van-radio-group v-model="active_radio" style="align-items: center;padding-top: 140px">
+        <van-radio-group v-model="active_radio" style="align-items: center;padding-top: 180px">
           <van-radio name="1" class="radio_class" style="display: flex;justify-content: center;">
             <template #icon="props">
               <img class="img-icon radio_icon_image" :src="props.checked ? checkedUrl : noCheckedUrl" />
@@ -1110,7 +1110,7 @@
     }
     .dialog_class {
       width: 330px;
-      height: 335px;
+      height: 376px;
       background: url('../../../assets/images/kmh/dialog_bg.png');
       background-size: 100% 100%;
     }

src/views/ebiz/generateImg/generateImg.vue

@@ -0,0 +1,270 @@
+<template>
+  <div class="contents">
+    <div id="capture" ref="generateImg" style="height: 100vh; overflow: hidden">
+      <img src="@/assets/images/list_img.png" crossorigin="anonymous" alt="" />
+      <div class="box">
+        <div class="title">
+          <p class="organ">{{ orderList.manageComNameFull }}</p>
+          <p class="name">{{ orderList.name }}</p>
+        </div>
+        <div class="pName">{{ orderList.productNameFull }}</div>
+        <div class="type">{{ orderList.outOrderType == 'accept' ? '承保规保' : '预收规保' }}</div>
+        <div class="yuan">{{ orderList.prem }}<span style="color: #333333">元</span></div>
+        <div class="time">{{ orderList.outOrderType == 'accept' ? '承保时间：' : '预收时间：' }}
+          <span v-if="orderList.outOrderType == 'accept'">{{ orderList.signDate }}</span>
+          <span v-if="orderList.outOrderType != 'accept'">{{ orderList.appntDate }}</span>
+        </div>
+      </div>
+    </div>
+    <div class="flex justify-content-s bottom-btn border-color">
+      <van-button square type="default" size="large" @click="shareImg" v-no-more-click="1000"> 分享 </van-button>
+      <van-button square type="danger" size="large" @click="downLoadImagesFunc" v-no-more-click="1000"> 下载 </van-button>
+    </div>
+    <div class="close" @click="close()">
+      <van-icon name="cross" size="38" color="#fff" />
+    </div>
+  </div>
+</template>
+
+<script>
+import html2canvas from 'html2canvas'
+import { base64Excel } from '@/api/ebiz/nbs'
+export default {
+  name: 'generateImg',
+  // generateImgData
+  props: {
+    // generateImgData: {
+    //   type: Object,
+    //   default: {}
+    // },
+  },
+  data() {
+    return {
+      orderList: {},
+      isIOS: false,
+    }
+  },
+  created() {
+    this.isIOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
+    if(this.isIOS) {
+      document.getElementsByClassName('box').style.top = '38%'
+    }
+  },
+  mounted() {
+    this.getList()
+  },
+  methods: {
+    getList() {
+      this.orderList = JSON.parse(localStorage.getItem('orderList'))
+      console.log('页面数据',this.orderList);
+    },
+    // 将 Blob转base64
+    blobToBase64(blob) {
+      return new Promise((resolve, reject) => {
+        const reader = new FileReader()
+        reader.onloadend = () => resolve(reader.result)
+        reader.onerror = reject
+        reader.readAsDataURL(blob)
+      })
+    },
+    // 分享
+    shareImg() {
+      // const element = document.getElementById('capture')
+      // const canvas = await html2canvas(element)
+      html2canvas(this.$refs.generateImg, {
+        width: this.$refs.generateImg.offsetWidth,
+        height: this.$refs.generateImg.offsetHeight,
+        backgroundColor: '#fff',
+        scale: 2,
+        dpi: 300,
+        useCORS: true,
+        allowTaint: true,
+      }).then((canvas) => {
+        // 将 canvas 转换为 Blob
+        canvas.toBlob((blob) => {
+          this.blobToBase64(blob).then((base64String) => {
+            let base64Manane = base64String.split(',')[1]
+            // console.log(base64String)
+            EWebBridge.webCallAppInJs('bridge', {
+              flag: 'share',
+              extra: {
+                shareType: '1',
+                base64: base64Manane
+              }
+            })
+          })
+        }, 'image/png')
+      })
+    },
+    // 生成图片并下载
+    domToImage(domElement, quality, callback) {
+      console.log(location);
+      html2canvas(domElement, {
+        width: domElement.offsetWidth,
+        height: domElement.offsetHeight,
+        backgroundColor: '#fff',
+        scale: 1,
+        dpi: 300,
+        useCORS: true,
+        allowTaint: true,
+      }).then((canvas) => {
+        // 转换canvas为PNG图片并压缩
+        canvas.toBlob(
+          (blob) => {
+            // const a = document.createElement('a')
+            // a.href = URL.createObjectURL(blob)
+            // a.download = '业绩贺报.png'
+            // a.click()
+            // let newimg = new Image()
+            // newimg.src = URL.createObjectURL(blob)
+            // newimg.onload = function () {
+            //   URL.revokeObjectURL(newimg.src)
+            //   callback(newimg)
+            // }
+            this.blobToBase64(blob).then((base64String) => {
+              base64Excel({ base64Img: base64String }).then(res => {
+                if (res.result == '0') {
+                  EWebBridge.webCallAppInJs('download', {
+                    name: '业绩贺报.png',
+                    url: res.path
+                  })
+                    .then(() => {
+                      console.log('下载完成')
+                    })
+                    .catch(() => {
+                      this.$toast.fail('图片下载失败，请重新下载！')
+                    })
+                }
+
+              })
+
+            })
+          },
+          'image/png'
+          // quality
+        )
+      })
+    },
+    downLoadImagesFunc() {
+      this.domToImage(this.$refs.generateImg)
+    },
+    close() {
+      this.$emit('child-colse', '1')
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.contents {
+  width: 100%;
+  height: 100vh;
+  background-color: #fff;
+  position: fixed;
+  top: 0;
+  left: 0;
+}
+img {
+  height: 100%;
+  width: 100%;
+  position: relative;
+}
+
+.box {
+  position: absolute;
+  width: 80%;
+  height: 40%;
+  top: 38%;
+  left: 10%;
+
+  .title {
+    position: absolute;
+    width: 100%;
+    // left: 30%;
+    top: 24%;
+    font-weight: bold;
+
+    p {
+      display: flex;
+      justify-content: center;
+    }
+
+    .organ {
+      font-size: 12px;
+      color: #333333;
+    }
+
+    .name {
+      font-size: 17px;
+      color: #333333;
+    }
+  }
+
+  .pName {
+    position: absolute;
+    top: 44%;
+    font-size: 15px;
+    color: #B1170C;
+    width: 100%;
+    display: flex;
+    justify-content: center;
+    padding-left: 5px;
+  }
+
+  .type {
+    font-size: 22px;
+    color: #B1170C;
+    position: absolute;
+    top: 53%;
+    width: 100%;
+    display: flex;
+    justify-content: center;
+  }
+
+  .yuan {
+    font-size: 30px;
+    color: #B1170C;
+    position: absolute;
+    top: 67%;
+    width: 100%;
+    text-align: center;
+    display: inline-block;
+    vertical-align: bottom;
+
+    span {
+      font-size: 14px;
+      margin-left: 5px;
+    }
+  }
+
+  .time {
+    font-size: 14px;
+    color: #333333;
+    position: absolute;
+    top: 85%;
+    width: 100%;
+    display: flex;
+    justify-content: center;
+  }
+}
+
+.border-color {
+  z-index: 9999;
+  border: 2px solid;
+  border-image: radial-gradient(circle, rgba(255, 233, 124, 1), rgba(222, 144, 34, 1)) 2 2;
+}
+/deep/ .van-button {
+  border-radius: 12px;
+  width: 42%;
+}
+/deep/ .van-button--danger {
+  background: linear-gradient(to right, #f26e43, #ac0209) !important;
+  /*设置按钮为渐变颜色*/
+  border: none !important;
+}
+.close {
+  position: fixed;
+  top: 0;
+  right: 0;
+}
+</style>

src/views/ebiz/product/HomeProduct.vue

@@ -44,7 +44,7 @@
           <div class="pcenter-list mr20 mb10 ml15">
             <template v-if="branchType != '6'">
               <div class="pcenter-item text-center">
-                <img src="../../../assets/images/home_product_center_m0092.png" style="width: 100%;" @click="goDetail('GFRSPRO_M0092')" />
+                <img src="../../../assets/images/home_product_center_m0092.png" style="width: 100%;" @click="goDetail('GFRSPRO_M0095')" />
               </div>
               <div class="pcenter-item text-center">
                 <img src="../../../assets/images/home_product_center_m0094.png" style="width: 100%;" @click="goDetail('GFRSPRO_M0094')" />
@@ -122,7 +122,7 @@
         <div class="home-product-pcenter">
           <div class="pcenter-list mr20 mb10 ml15">
             <div class="pcenter-item text-center">
-                <img src="../../../assets/images/home_product_center_m0092.png" style="width: 100%;" @click="goDetail('GFRSPRO_M0092')" />
+                <img src="../../../assets/images/home_product_center_m0092.png" style="width: 100%;" @click="goDetail('GFRSPRO_M0095')" />
               </div>
               <div class="pcenter-item text-center">
                 <img src="../../../assets/images/home_product_center_m0094.png" style="width: 100%;" @click="goDetail('GFRSPRO_M0094')" />
@@ -170,7 +170,7 @@ export default {
       productCenterImgUrl: '',    // 产品中心图片
       productCenterKmhImgUrl: this.$assetsUrl + 'images/goodStart/productKmh.png',    // 产品中心开门红图片
       productCenterNormalImgUrl: this.$assetsUrl + 'images/goodStart/product.png',    // 产品中心普通蓝色图片
-      personalInsu: ['1','N1','N2','N3','N5','T','S']  // 个险渠道编码及其他展示个险渠道类型的渠道编码
+      personalInsu: ['1','N1','N2','N3','N5','T','S','JZG']  // 个险渠道编码及其他展示个险渠道类型的渠道编码
     }
   },
   computed: {
@@ -232,7 +232,7 @@ export default {
       const result = await getAgentInfo({})
       if (result.result === '0') {
         // 内外勤判断
-        this.isInner = /^N{1}/.test(result.branchType) || /^S/.test(result.branchType) || /^T/.test(result.branchType)     // 判断是否内勤
+        this.isInner = /^N{1}/.test(result.branchType) || /^S/.test(result.branchType) || /^T/.test(result.branchType) || /^JZG/.test(result.branchType)    // 判断是否内勤
         this.branchType = result.branchType //6 网销渠道
         this.isGoodStart = result.showTemplateKmh === 'KMH'? '1':'2'   // 判断是否开门红 1-开门红  2-否
         this.isPersonalInsu = this.personalInsu.indexOf(result.branchType) > -1  // 判断是否个险渠道

src/views/ebiz/proposal/ProposalInfo.vue

@@ -4,7 +4,7 @@
       <div>
         <div class="mb50">
           <img class="w178 h41 div_1" src="@/assets/images/proposal/proposal_logo.png" />
-          <div class="white fw500 fs18 div_2">{{mainRiskName}}</div>
+          <div class="white fw500 fs18 div_2">{{ mainRiskName }}</div>
           <van-sticky @scroll="testSticky">
             <div class="pl15 pt15 flex justify-content-fs align-items-c sticky_div" :class="pageShowType.isFixed ? 'divbg_1' : 'divbg_2'">
               <div class="mr9 title_item" v-for="(item, index) in pageShowInfo.insuredDTOs" :key="index" @click="checkInsure(item.insuredId)">
@@ -58,7 +58,9 @@
                   </div>
                   <div class="risk_body flex text-center table bg_f7fbff" v-for="(riskItem, index) in pageShowInfo.showInsuredDTO.riskDTOLst" :key="index">
                     <div class="flex justify-content-c align-items-c pl7 pr7 pt7 pb7">{{ riskItem.riskName }}</div>
-                    <div class="flex justify-content-c align-items-c pl7 pr7 pt7 pb7 table_border" v-if="ispremshow">{{ riskItem.amt ? riskItem.amt : '--' }}</div>
+                    <div class="flex justify-content-c align-items-c pl7 pr7 pt7 pb7 table_border" v-if="ispremshow">
+                      {{ riskItem.amt ? riskItem.amt : '--' }}
+                    </div>
                     <div class="flex justify-content-c align-items-c pl7 pr7 pt7 pb7 table_border">{{ riskItem.insureName }}</div>
                     <div class="flex justify-content-c align-items-c pl7 pr7 pt7 pb7 table_border">{{ riskItem.payName }}</div>
                     <div class="flex justify-content-c align-items-c pl7 pr7 pt7 pb7 table_border">{{ riskItem.showPrem ? riskItem.showPrem : '--' }}</div>
@@ -78,11 +80,13 @@
                   <div v-for="(riskItem, index) in pageShowInfo.showInsuredDTO.riskDTOLstNew" :key="index">
                     <div class="risk_body flex text-center table bg_f7fbff">
                       <div class="flex justify-content-c align-items-c pl7 pr7 pt7 pb7">{{ riskItem.riskName }}</div>
-                      <div class="flex justify-content-c align-items-c pl7 pr7 pt7 pb7 table_border">{{ riskItem.pensionAge}} 周岁</div>
-                      <div class="flex justify-content-c align-items-c pl7 pr7 pt7 pb7 table_border">{{ riskItem.receivePensionWay == '0' ? '年领':'月领'}}</div>
-                      <div class="flex justify-content-c align-items-c pl7 pr7 pt7 pb7 table_border">{{ riskItem.guaranteedYear}} 年</div>
+                      <div class="flex justify-content-c align-items-c pl7 pr7 pt7 pb7 table_border">{{ riskItem.pensionAge }} 周岁</div>
+                      <div class="flex justify-content-c align-items-c pl7 pr7 pt7 pb7 table_border">
+                        {{ riskItem.receivePensionWay == '0' ? '年领' : '月领' }}
+                      </div>
+                      <div class="flex justify-content-c align-items-c pl7 pr7 pt7 pb7 table_border">{{ riskItem.guaranteedYear }} 年</div>
                       <div v-if="riskItem.receivePensionWay == '0'" class="flex justify-content-c align-items-c pl7 pr7 pt7 pb7 table_border">
-                        {{ riskItem.amt}}
+                        {{ riskItem.amt }}
                       </div>
                       <div v-if="riskItem.receivePensionWay == '1'" class="flex justify-content-c align-items-c pl7 pr7 pt7 pb7 table_border">
                         {{ riskItem.amt | fillNumber }}
@@ -91,7 +95,6 @@
                   </div>
                 </div>
 
-
                 <div class="h20">&ensp;</div>
               </div>
               <div class="up_down_div">
@@ -167,7 +170,6 @@
                   </div>
                 </div>
               </div>
-              <div class="h20">&ensp;</div>
               <div class="up_down_div">
                 <img src="@/assets/images/proposal/proposal_down.png" :class="pageShowType.riskCheckStatus ? '' : 'img180'" @click="testRiskCheck" />
               </div>
@@ -196,7 +198,7 @@
                   v-for="(moneyItem, index) in pageShowInfo.showInsuredDTO.demoLabel"
                   :key="index"
                 >
-                  <div class="text-left" style="width: 75%;">
+                  <div class="text-left" style="width: 75%">
                     <span>{{ moneyItem.contentLabel }}</span>
                   </div>
                   <div class="text-right" v-if="moneyItem.content == 'currentBonus_M'">
@@ -239,15 +241,67 @@
                 :radios="pageShowInfo.showInsuredDTO.radios"
                 :value.sync="pageShowInfo.showInsuredDTO.tap"
               ></select-radio>
-              <div class="fs12 text-center pb15" style="color: #999999;">拖动按钮查看不同年龄的保单利益</div>
+              <div class="fs12 text-center pb15" style="color: #999999">拖动按钮查看不同年龄的保单利益</div>
+            
+              <!-- 国富人寿富贵尊享终身寿险（分红型）添加利益演示提示 -->
+              <div v-if="mainRiskCodes.includes('GFRS_M0095')" class="fs13 div_11 text-left">
+                <b
+                  >本利益演示基于公司的精算及其他假设，不代表公司的历史经营业绩，也不代表对公司未来经营业绩的预期，保单的红利分配是不确定的，红利水平是不保证的，在某些年度红利可能为零。
+                </b>
+              </div>
               <div class="div_10"></div>
             </div>
+            <!-- 责任免除 -->
+            <div class="pt15 pb17 bg-white model_title relative">
+              <div :class="pageShowType.dutyCheckStatus ? '' : 'hideInfo_hesitate'">
+                <div class="fs16 color_3A81F6 lh24 fw600 text-center">责任免除</div>
+                <div class="line_C8DBFB"></div>
+                <div class="fs14 div_height div_11">
+                  <b>
+                    因下列情形之一导致被保险人身故或全残的，我们不承担给付保险金的责任：<br />
+                    一、投保人对被保险人的故意杀害、故意伤害；<br />
+                    二、被保险人故意犯罪或者抗拒依法采取的刑事强制措施；<br />
+                    三、被保险人故意自伤，或自保险合同成立或者保险合同效力恢复之日起2年内自杀，但被保险人自杀时为无民事行为能力人的除外；<br />
+                    四、被保险人服用、吸食或注射毒品；<br />
+                    五、被保险人酒后驾驶、无合法有效驾驶证驾驶，或驾驶无合法有效行驶证的机动车；<br />
+                    六、战争、军事冲突、暴乱或武装叛乱；<br />
+                    七、核爆炸、核辐射或核污染。<br />
+                    发生上述第一项情形导致被保险人身故的，保险合同终止，我们向被保险人的继承人（除投保人本人外）退还保险合同的现金价值。<br />
+                    发生上述第一项情形导致被保险人全残的，保险合同终止，我们向被保险人退还保险合同的现金价值。<br />
+                    发生上述其他情形导致被保险人身故或全残的，保险合同终止，我们向您退还保险合同的现金价值。
+                  </b>
+                </div>
+                <div class="h20">&ensp;</div>
+                <div class="up_down_div">
+                  <img src="@/assets/images/proposal/proposal_down.png" :class="pageShowType.dutyCheckStatus ? '' : 'img180'" @click="dutyCheck" />
+                </div>
+              </div>
+            </div>
+            <!-- 犹豫期退保 -->
+
+            <div class="pt15 pb17 bg-white relative">
+              <div :class="pageShowType.hesitateCheckStatus ? '' : 'hideInfo_hesitate'">
+                <div class="fs16 color_3A81F6 lh24 fw600 text-center">犹豫期退保</div>
+                <div class="line_C8DBFB"></div>
+                <div class="fs14 div_height div_11">
+                  <b>自您签收保险合同之日起，有15日的犹豫期。</b
+                  >在此期间请您认真审视保险合同，如果您认为保险合同与您的需求不相符，您可以在此期间提出解除保险合同，我们将退还您所支付的全部保险费。<br />
+                  您在犹豫期后解除保险合同的，<b>自我们收到解除合同通知书之日起，保险合同终止。</b>我们自收到解除合同通知书之日起30日内向您退还保险合同的现金价值。
+                  <b>您在犹豫期后解除合同可能会遭受一定损失。</b>
+                </div>
+                <div class="h20">&ensp;</div>
+                <div class="up_down_div">
+                  <img src="@/assets/images/proposal/proposal_down.png" :class="pageShowType.hesitateCheckStatus ? '' : 'img180'" @click="hesitateCheck" />
+                </div>
+              </div>
+            </div>
+
             <!-- 温馨提示-->
             <div class="pt15 pb17 bg-white model_title">
               <div class="fs16 color_3A81F6 lh24 fw600 text-center">温馨提示</div>
               <div class="line_C8DBFB"></div>
-              <div class="fs13 gray div_11">
-                本资料仅供客户理解产品条款所用，有关产品的说明、解释、承诺或保证，如与产品条款不一致，均以产品条款为准。
+              <div class="fs13 div_11">
+                <b> 本资料仅供客户理解产品条款所用，有关产品的说明、解释、承诺或保证，如与产品条款不一致，均以产品条款为准。 </b>
               </div>
               <div class="div_12"></div>
             </div>
@@ -283,18 +337,19 @@
       </div>
       <div class="div_02">
         <div class="text-center div_021">
-          <div class="text-center div_022">{{mainRiskName}}</div>
+          <div class="text-center div_022">{{ mainRiskName }}</div>
           <!-- 如果没有姓名的话，根据性别展示男士或女士 -->
-          <div class="text-center div_023">尊敬的<span v-if="pageShowInfo.appntDTO.name">{{ pageShowInfo.appntDTO.name.substr(0, 1) }}</span>{{ pageShowInfo.appntDTO.sex == '0' ? '先生' : '女士' }}</div>
+          <div class="text-center div_023">
+            尊敬的<span v-if="pageShowInfo.appntDTO.name">{{ pageShowInfo.appntDTO.name.substr(0, 1) }}</span
+            >{{ pageShowInfo.appntDTO.sex == '0' ? '先生' : '女士' }}
+          </div>
         </div>
         <img class="img_13" src="@/assets/images/proposal/proposal_share_bg.png" />
       </div>
       <div class="text-center">
         <img @click="showShareType = '01'" class="img_14" src="@/assets/images/proposal/proposal_open.png" />
       </div>
-      <div class="fs12 text-center div_03">
-        敬呈
-      </div>
+      <div class="fs12 text-center div_03">敬呈</div>
     </div>
   </div>
 </template>
@@ -326,7 +381,7 @@ import {
 import SelectRadio from '@/components/ebiz/SelectRadio'
 import { getDemo, toInsurance, getDemoByProposalNo, share, getSharingToken } from '@/api/ebiz/proposal/proposal.js'
 import { funcPermCheck } from '@/api/ebiz/common/common'
-import { haveTap, getTapIndex, relevanceByInsure,isAllEqual } from './js/exhibitionMethod.js'
+import { haveTap, getTapIndex, relevanceByInsure, isAllEqual } from './js/exhibitionMethod.js'
 import { formatRiskList } from '@/assets/js/utils/formatRiskList.js'
 import { weixinShare } from '@/assets/js/utils/wxShare.js'
 import { getAgentInfo } from '@/api/ebiz/my/my.js'
@@ -348,7 +403,9 @@ export default {
         dutyShowType: '00',
         isFixed: false, // 粘性布局状态
         productCheckStatus: true, //产品收展状态
-        riskCheckStatus: true //责任收展状态
+        riskCheckStatus: true, //责任收展状态
+        hesitateCheckStatus: true, // 犹豫期退保
+        dutyCheckStatus: true // 责任免除
       },
       // 页面显示详细数据
       pageShowInfo: {
@@ -385,9 +442,9 @@ export default {
       agent: {},
       mainRiskCodes: [],
       time: 5,
-      proposalNo:'',
+      proposalNo: '',
       mainRiskName: '',
-      ispremshow: true, // 是否展示保额
+      ispremshow: true // 是否展示保额
     }
   },
   filters: {
@@ -417,8 +474,8 @@ export default {
     },
     fillNumber(val) {
       // 小于10，在前面补0
-      return Number(val*0.085).toFixed(2)
-    },
+      return Number(val * 0.085).toFixed(2)
+    }
   },
   mounted() {
     this.$jump({
@@ -453,7 +510,7 @@ export default {
     // init方法在微信端存储token，接口请求用此token，所以init方法前不要请求接口，会影响分享微信功能，接口会报token为空
     this.init()
     //校验当前用户权限
-    funcPermCheck({}).then(res => {
+    funcPermCheck({}).then((res) => {
       this.isCheck = res.result
     })
   },
@@ -495,12 +552,12 @@ export default {
     checkInsure(insureId) {
       let that = this
       this.pageShowInfo.showInsuredDTO
-      this.pageShowInfo.insuredDTOs.map(item => {
+      this.pageShowInfo.insuredDTOs.map((item) => {
         if (item.insuredId == insureId) {
           // 建议书投保人/被保人姓名不必填, 填写姓名时展示姓名(落库),不填写姓名时展示性别+年龄,如:男30岁(不落库)
-          if(!item.name){
-            let sex = item.sex == '0'?'男':'女'
-            item.name = sex + item.insuredAge+'岁'
+          if (!item.name) {
+            let sex = item.sex == '0' ? '男' : '女'
+            item.name = sex + item.insuredAge + '岁'
           }
           this.pageShowInfo.showInsuredDTO = item
           that.$forceUpdate()
@@ -522,6 +579,12 @@ export default {
     testRiskCheck() {
       this.pageShowType.riskCheckStatus = !this.pageShowType.riskCheckStatus
     },
+    hesitateCheck() {
+      this.pageShowType.hesitateCheckStatus = !this.pageShowType.hesitateCheckStatus
+    },
+    dutyCheck() {
+      this.pageShowType.dutyCheckStatus = !this.pageShowType.dutyCheckStatus
+    },
     checkShowDutyType(type) {
       this.pageShowType.dutyShowType = type
     },
@@ -533,21 +596,21 @@ export default {
         }
       }
       if (this.$route.query.proposalOrderNo) {
-        this.proposalNo = this.$route.query.proposalOrderNo;
+        this.proposalNo = this.$route.query.proposalOrderNo
         params.proposalInfoDTO.proposalNo = this.$route.query.proposalOrderNo
-        this.$CacheUtils.setLocItem('proposalNo',this.$route.query.proposalOrderNo)
+        this.$CacheUtils.setLocItem('proposalNo', this.$route.query.proposalOrderNo)
       }
       if (this.isWeixin) {
         //在微信端
         params.proposalInfoDTO.proposalNo = this.$route.query.proposalOrderNo
         /*this.mainRiskCodes = JSON.parse(this.$route.query.mainRiskCodes)*/
-        this.$CacheUtils.setLocItem('token',this.$route.query.token)
+        this.$CacheUtils.setLocItem('token', this.$route.query.token)
         let agentResult = await getAgentInfo({}) //调取代理人查询接口
         if (agentResult.result == '0') {
           let { agent } = this
           let { name, phoneNo, certificateInfoList } = agentResult
           if (certificateInfoList != null && certificateInfoList != '' && certificateInfoList.length > 0) {
-            certificateInfoList.forEach(c => {
+            certificateInfoList.forEach((c) => {
               if (c.certificateType == '0') {
                 agent.certificate = c.certificateNo
               }
@@ -574,7 +637,7 @@ export default {
           this.agent.name = agentResult.name
         }
         params.proposalInfoDTO.proposalNo = this.$route.query.proposalOrderNo
-        getDemo(params).then(res => {
+        getDemo(params).then((res) => {
           this.formatLocal(res)
         })
       }
@@ -610,7 +673,7 @@ export default {
       }
     },
     async sharePeople() {
-      console.log(this.pageShowInfo.insuredDTOs,'this.pageShowInfo.insuredDTOs')
+      console.log(this.pageShowInfo.insuredDTOs, 'this.pageShowInfo.insuredDTOs')
       let date = new Date()
       let month = date.getMonth() + 1
       if (month <= 9) {
@@ -618,45 +681,46 @@ export default {
       }
       let reqData = {
         mdType: 'm',
-        monthStr:date.getFullYear() + month
+        monthStr: date.getFullYear() + month
       }
-      let shareContent;
+      let shareContent
       let resData = await queryPersonal(reqData)
       // debugger
       //准会员话术改为普通人话术
-      if(resData.content.length&&resData.content[0].slevel<3){
-        resData.content[0].sgrade='00'
+      if (resData.content.length && resData.content[0].slevel < 3) {
+        resData.content[0].sgrade = '00'
       }
-      if(resData.content.length&&resData.content[0].glevel<3){
-        resData.content[0].ggrade='00'
+      if (resData.content.length && resData.content[0].glevel < 3) {
+        resData.content[0].ggrade = '00'
       }
-      if (resData.content.length&&resData.content[0].slevel>0&&resData.content[0].sgrade&&resData.content[0].sgrade!='00') {
+      if (resData.content.length && resData.content[0].slevel > 0 && resData.content[0].sgrade && resData.content[0].sgrade != '00') {
         // if(resData.content[0].slevel<3){
         //   resData.content[0].sgrade='00'
         // }
-        let sgrade =this.memberConversion(resData.content[0].sgrade);
-        shareContent='国富双冠精英'+resData.content[0].slevel+'级'+sgrade+resData.content[0].name+'为您量身定制的保险产品，请查收';
-      }else if (resData.content.length&&resData.content[0].glevel>0&&resData.content[0].ggrade&&resData.content[0].ggrade!='00') {
+        let sgrade = this.memberConversion(resData.content[0].sgrade)
+        shareContent = '国富双冠精英' + resData.content[0].slevel + '级' + sgrade + resData.content[0].name + '为您量身定制的保险产品，请查收'
+      } else if (resData.content.length && resData.content[0].glevel > 0 && resData.content[0].ggrade && resData.content[0].ggrade != '00') {
         // if(resData.content[0].glevel<3){
         //   resData.content[0].ggrade='00'
         // }
-        let ggrade =this.memberConversion(resData.content[0].ggrade);
-        shareContent='国富桂冠精英'+resData.content[0].glevel+'级'+ggrade+resData.content[0].name+'为您量身定制的保险产品，请查收';
+        let ggrade = this.memberConversion(resData.content[0].ggrade)
+        shareContent = '国富桂冠精英' + resData.content[0].glevel + '级' + ggrade + resData.content[0].name + '为您量身定制的保险产品，请查收'
       } else {
-        shareContent = this.agent.name+'为您设计的专属保险计划书，请查阅！因为国富，所以民安！'; 
+        shareContent = this.agent.name + '为您设计的专属保险计划书，请查阅！因为国富，所以民安！'
       }
-      console.log(shareContent,'shareContent')
+      console.log(shareContent, 'shareContent')
       let title
       let riskList = [] //所有险种
       let riskCodeList = [] //所有险种code
-      this.pageShowInfo.insuredDTOs.map(item => {
-        item.mainRisk.map(item01 => {
-          if (item01.isMainRisk == '0') { //主险
+      this.pageShowInfo.insuredDTOs.map((item) => {
+        item.mainRisk.map((item01) => {
+          if (item01.isMainRisk == '0') {
+            //主险
             riskList.push(item01)
           }
         })
       })
-      riskList.map(item => {
+      riskList.map((item) => {
         riskCodeList.push(item.riskCode)
       })
       let sameRisk = isAllEqual(riskCodeList)
@@ -665,17 +729,17 @@ export default {
       // 2、有2个及以上主险组合，建议书名称显示“保险产品组合计划”
       // 二、有多个被保险人
       // 都显示“家庭保障计划”
-      if(sameRisk){
-        if(this.pageShowInfo.insuredDTOs.length > 1){
-          title='家庭保障计划'
-        }else{
-          title= riskList[0].riskName
+      if (sameRisk) {
+        if (this.pageShowInfo.insuredDTOs.length > 1) {
+          title = '家庭保障计划'
+        } else {
+          title = riskList[0].riskName
         }
-      }else{
-        if(this.pageShowInfo.insuredDTOs.length > 1){
-          title='家庭保障计划'
-        }else{
-          title= '保险产品组合计划'
+      } else {
+        if (this.pageShowInfo.insuredDTOs.length > 1) {
+          title = '家庭保障计划'
+        } else {
+          title = '保险产品组合计划'
         }
       }
       let res = await getSharingToken({ shareType: 'proposal_demonstrate' })
@@ -685,7 +749,8 @@ export default {
           extra: {
             title: title,
             content: shareContent,
-            url: location.origin + '/#/proposal/proposalInfo?proposalOrderNo=' + encodeURI(this.$route.query.proposalOrderNo) + '&token=' + encodeURI(res.content),
+            url:
+              location.origin + '/#/proposal/proposalInfo?proposalOrderNo=' + encodeURI(this.$route.query.proposalOrderNo) + '&token=' + encodeURI(res.content),
             img: this.$assetsUrl + 'images/logo.png'
           }
         })
@@ -698,7 +763,7 @@ export default {
     radioChange(risk) {
       let that = this
       let key = risk.tap
-      risk.demoLabel.forEach(demo => {
+      risk.demoLabel.forEach((demo) => {
         let result = haveTap(demo.content, '_')
         if (result) {
           let index = getTapIndex(demo.content, '_') + 1
@@ -727,10 +792,10 @@ export default {
         this.pageShowInfo.insuredDTOs = res.content.orderDTO.insuredDTOs
         this.pageShowInfo.showInsuredDTO = this.pageShowInfo.insuredDTOs[0]
         let mainRiskNameList = []
-        that.pageShowInfo.insuredDTOs.forEach(item => {
-          item.riskDTOLst.forEach(item01 => {
+        that.pageShowInfo.insuredDTOs.forEach((item) => {
+          item.riskDTOLst.forEach((item01) => {
             if (item01.isMainRisk == '0') {
-              if(item01.mainRiskCode == 'GFRS_M0080' || item01.mainRiskCode == 'GFRS_M0083' || item01.mainRiskCode == 'GFRS_M0085') {
+              if (item01.mainRiskCode == 'GFRS_M0080' || item01.mainRiskCode == 'GFRS_M0083' || item01.mainRiskCode == 'GFRS_M0085') {
                 that.ispremshow = false
               }
               mainRiskNameList.push(item01.riskName)
@@ -742,13 +807,13 @@ export default {
         // 2、有2个及以上主险组合，建议书名称显示“保险产品组合计划”
         // 二、有多个被保险人
         // 都显示“家庭保障计划”
-        if(mainRiskNameList.length == 1){
+        if (mainRiskNameList.length == 1) {
           if (this.pageShowInfo.insuredDTOs.length > 1) {
             that.mainRiskName = '家庭保障计划'
           } else {
             that.mainRiskName = mainRiskNameList[0]
           }
-        }else{
+        } else {
           if (this.pageShowInfo.insuredDTOs.length > 1) {
             that.mainRiskName = '家庭保障计划'
           } else {
@@ -758,16 +823,16 @@ export default {
         //投保人年龄
         // this.pageShowInfo.appntDTO.age = getAge.getAge(this.pageShowInfo.appntDTO.birthdayLabel, new Date())
         let { insuredLabelResult, insuredResult, insuredInfoResult } = res.content.calculusResDTO
-        orderDTO.insuredDTOs.forEach(v => {
+        orderDTO.insuredDTOs.forEach((v) => {
           //根据数据字典 获取当前值
           v.age = getAge.getAge(v.birthdayLabel, new Date())
           // 建议书投保人/被保人姓名不必填, 填写姓名时展示姓名(落库),不填写姓名时展示性别+年龄,如:男30岁(不落库)
-          if(!v.name){
-            let sex = v.sex == '0'?'男':'女'
-            v.name = sex + v.insuredAge+'岁'
+          if (!v.name) {
+            let sex = v.sex == '0' ? '男' : '女'
+            v.name = sex + v.insuredAge + '岁'
           }
           v.riskDTOLstNew = []
-          v.riskDTOLst.forEach(risk => {
+          v.riskDTOLst.forEach((risk) => {
             if (risk.isMainRisk == '0') {
               that.mainRiskCodes.push(risk.riskCode)
             }
@@ -787,11 +852,11 @@ export default {
                 risk.payName = risk.payEndYear + '年'
               }
             } else {
-                risk.payName = '交至' + risk.payEndYear + '周岁'
+              risk.payName = '交至' + risk.payEndYear + '周岁'
             }
             // todo责任显示处理
-            if(risk.riskCode == 'GFRS_M0053' || risk.riskCode == 'GFRS_M0061'){
-                v.riskDTOLstNew.push(risk)
+            if (risk.riskCode == 'GFRS_M0053' || risk.riskCode == 'GFRS_M0061') {
+              v.riskDTOLstNew.push(risk)
             }
           })
         })
@@ -803,9 +868,9 @@ export default {
         this.insuredDTOs = relevanceByInsure(this.insuredDTOs, insuredLabelResult, insuredResult, insuredInfoResult) //进行数据关联
         this.getWXTitle(this.insuredDTOs) //获取微信标题
         // 建议书名称
-        this.insuredDTOs.forEach(item => {
+        this.insuredDTOs.forEach((item) => {
           if (item.riskDTOLst && item.riskDTOLst.length > 0) {
-            item.riskDTOLst.forEach(ele => {
+            item.riskDTOLst.forEach((ele) => {
               this.chooseProductCodes.push(ele.riskCode)
             })
           }
@@ -815,7 +880,7 @@ export default {
     },
     //获取微信分享的标题
     getWXTitle(insuredDTOs) {
-      dataDictionary.riskType.forEach(dataRisk => {
+      dataDictionary.riskType.forEach((dataRisk) => {
         if (insuredDTOs[0].mainRisk[0].riskCode == dataRisk.code) {
           this.wxTitle = dataRisk.shortName + '计划书'
         }
@@ -830,10 +895,10 @@ export default {
       let path = '/sale/insuredInfo?edit=1'
       if (this.mainRiskCodes) {
         if (this.mainRiskCodes.length === 2) {
-          let prd26 = this.mainRiskCodes.some(item => {
+          let prd26 = this.mainRiskCodes.some((item) => {
             return item === 'GFRS_M0026'
           })
-          let prd17 = this.mainRiskCodes.some(item => {
+          let prd17 = this.mainRiskCodes.some((item) => {
             return item === 'GFRS_M0017'
           })
           // 如果选择的产品不是GFRS_M0026&GFRS_M0017弹出提示
@@ -841,7 +906,12 @@ export default {
             return Toast.fail('暂不支持组合产品转投保')
           }
         }
-        if (this.mainRiskCodes[0] == 'GFRS_M0024' || this.mainRiskCodes[0] == 'GFRS_M0040' || this.mainRiskCodes[0] == 'GFRS_M0044'|| this.mainRiskCodes[0] == 'GFRS_M0051') {
+        if (
+          this.mainRiskCodes[0] == 'GFRS_M0024' ||
+          this.mainRiskCodes[0] == 'GFRS_M0040' ||
+          this.mainRiskCodes[0] == 'GFRS_M0044' ||
+          this.mainRiskCodes[0] == 'GFRS_M0051'
+        ) {
           let specilFlag = '1'
           path = `${path}&specilFlag=${specilFlag}`
           let flagPermission = await riskRules.getProductSellPermissionList(this.mainRiskCodes[0], this)
@@ -857,7 +927,7 @@ export default {
           proposalNo: this.proposalNo
         }
       }
-      toInsurance(params).then(res => {
+      toInsurance(params).then((res) => {
         if (res.result == '0') {
           this.$CacheUtils.setLocItem('orderNo', res.content.orderNo)
           localStorage.chooseProductCodes = ''
@@ -882,7 +952,7 @@ export default {
       this.$forceUpdate() //强制组件更新 解决值更改之后 滑块不滑动的问题
       let index = String(value)
       if (demoLabel) {
-        demoLabel.forEach(label => {
+        demoLabel.forEach((label) => {
           label.value = demoValue[index][label.content]
           if (label.content == 'currentAge') {
             this.pageShowInfo.showInsuredDTO.checkAge = label.value
@@ -922,7 +992,7 @@ export default {
     //点击滑块增加或者减少时调用
     slideChange(risk) {
       let index = String(risk.sliderValue)
-      risk.demoLabel.forEach(label => {
+      risk.demoLabel.forEach((label) => {
         label.value = risk.demoValue[index][label.content]
         if (label.content == 'currentAge') {
           this.pageShowInfo.showInsuredDTO.checkAge = label.value
@@ -944,14 +1014,14 @@ export default {
     },
     //跳转到pdf 进入建议书后 根据建议书编码来查找相应的pdf
     async goPDF() {
-      if(this.$route.query.proposalOrderNo){
+      if (this.$route.query.proposalOrderNo) {
         this.$router.push({
           path: '/proposal/pdf',
           query: {
-            proposalOrderNo:this.$route.query.proposalOrderNo
+            proposalOrderNo: this.$route.query.proposalOrderNo
           }
         })
-      }else{
+      } else {
         this.$router.push({ path: '/proposal/pdf' })
       }
 
@@ -996,10 +1066,10 @@ export default {
       return values
     },
     memberConversion(status) {
-      let text=''
+      let text = ''
       switch (status) {
         case '00':
-          text = ''  //准会员不显示
+          text = '' //准会员不显示
           break
         case '01':
           text = '正式会员'
@@ -1117,6 +1187,10 @@ export default {
     height: 60px;
     overflow: hidden;
   }
+  .hideInfo_hesitate {
+    height: 60px;
+    overflow: hidden;
+  }
   .insured_item {
     position: absolute;
     z-index: 98;
@@ -1518,6 +1592,9 @@ export default {
   line-height: 20px;
   margin: 5px 0px;
 }
+.div_height {
+  line-height: 24px;
+}
 .van-button::before {
   position: absolute;
   top: 50%;

src/views/ebiz/sale/Detail.vue

@@ -2,7 +2,7 @@
   <div class="detail-container">
     <van-collapse v-model="activeNames">
       <!-- 保单信息 -->
-      <van-collapse-item v-if="branchType == '13'" title="投保单信息" name="1" class="pb10 pt10">
+      <van-collapse-item  title="投保单信息" name="1" class="pb10 pt10">
         <van-cell-group>
           <van-cell title="投保单号" :value="OrderInfoDTO.orderNo" />
           <van-cell title="投保日期" :value="OrderInfoDTO.appntDateLabel" />

src/views/ebiz/sale/InsuredInfo.vue

@@ -993,6 +993,7 @@
       },
       //证件起始截止日期
       onDateConfirm(val, type) {
+        console.log(val,type,);
         switch (type) {
           case '0':
           {
@@ -1009,9 +1010,10 @@
               let age = utilsAge.getAge(this.userInfo.birthday, new Date())
               // 长期按钮是否禁用
               this.effectiveDateTypeAble = age <= 45
-              if(this.userInfo.birthday){
+              if(this.userInfo.birthday && !this.userInfo.certiexpiredate){
                 this.userInfo.certiexpiredate = countCredentialValidity.getEndDate(this.userInfo.birthday,val)
                 if(this.userInfo.certiexpiredate) {
+                  this.userInfo.certiexpiredate= this.userInfo.certiexpiredate
                   this.effectiveDateTypeAble = true
                   this.userInfo.effectiveDateType = false
                 }
@@ -1030,9 +1032,9 @@
             }
             //身份证证件类型的判断
             if (this.userInfo.idType == '1') {
-              if(this.userInfo.birthday){
-                this.userInfo.certificateValidate = countCredentialValidity.getStartDate(this.userInfo.birthday,val)
-              }
+              // if(this.userInfo.birthday){
+                // this.userInfo.certificateValidate = countCredentialValidity.getStartDate(this.userInfo.birthday,val)
+              // }
             }
           }
             break
@@ -1057,7 +1059,7 @@
             if (this.userInfo.certificateValidate && !this.userInfo.certiexpiredate) {
               this.userInfo.certiexpiredate = countCredentialValidity.getEndDate(this.userInfo.birthday,this.userInfo.certificateValidate)
             }
-            if (this.userInfo.certiexpiredate && !this.userInfo.certificateValidate) {
+            if (this.userInfo.certiexpiredate && !this.userInfo.certificateValidate) {                                                                                                                                                                                                                           
               this.userInfo.certificateValidate = countCredentialValidity.getEndDate(this.userInfo.birthday,this.userInfo.certiexpiredate)
             }
           }

src/views/ebiz/sale/InsuredPerson.vue

@@ -1109,9 +1109,10 @@
               let age = utilsAge.getAge(this.userInfo.birthday, new Date())
               // 长期按钮是否禁用
               this.effectiveDateTypeAble = age <= 45
-              if(this.userInfo.birthday){
+              if(this.userInfo.birthday && !this.userInfo.certiexpiredate){
                 this.userInfo.certiexpiredate = countCredentialValidity.getEndDate(this.userInfo.birthday,val)
                 if(this.userInfo.certiexpiredate) {
+                  this.userInfo.certiexpiredate= this.userInfo.certiexpiredate
                   this.effectiveDateTypeAble = true
                   this.userInfo.effectiveDateType = false
                 }
@@ -1142,9 +1143,9 @@
               //获取年龄
               let age = utilsAge.getAge(this.userInfo.birthday, new Date())
               console.log(age)
-              if(this.userInfo.birthday){
-                this.userInfo.certificateValidate = countCredentialValidity.getStartDate(this.userInfo.birthday,val)
-              }
+              // if(this.userInfo.birthday){
+              //   this.userInfo.certificateValidate = countCredentialValidity.getStartDate(this.userInfo.birthday,val)
+              // }
             }
           }
             break

src/views/ebiz/sale/Result.vue

@@ -24,7 +24,7 @@
         </div>
         <div v-else-if="uwResult == '53'">
           <img :src="srcPending" class="mb40 mt20" />
-          <p class="title">核心批扣</p>
+          <p class="title">待核心业务系统批量扣费</p>
         </div>
         <div v-else>
           <img :src="srcPending" class="mb40 mt20" />