样式优化

# Conflicts:
#	src/views/ebiz/common/CalculatePremium.vue

src/views/ebiz/billingDetail/billingDetail.vue

@@ -255,11 +255,13 @@
         @cancel="cancelChange"
       />
     </van-popup>
-    <div class="hebao" v-if="hebaoShow">
+    <!-- <div class="hebao"> -->
       <generateImg
+         v-if="hebaoShow"
         @child-colse="closeHebao"
+        @custom-event="customEvent"
       ></generateImg>
-    </div>
+    <!-- </div> -->
     <van-popup v-model="xiangqingShow" position="right" :style="{ width: '100%', height: '100%' }">
       <policyDetails
         v-if="xiangqingShow"
@@ -631,33 +633,40 @@ export default {
         message: '加载中……'
       })
       let data = {}
-      if(this.dateFlag == 'all') {
-        data = {
-          outOrderType: this.outOrderType, // "accept",//--出单类型 承保 accept 预收 advance
-          // dateFlag: this.dateFlag, //  -最近一月-m,最近一年y  ,全部-all
-          dateFlag: '', // 暂不使用改参数，默认给空 
-          // appntDate: this.postDate,
-          distCode: this.OrgLv2Code,
-          depCode: this.OrgLv3Code,
-          orgCode: this.OrgLv4Code,
-          pageNum: this.pageNum,
-          pageSize: this.pageSize
-        }
-      } else {
-        data = {
-          outOrderType: this.outOrderType, // "accept",//--出单类型 承保 accept 预收 advance
-          startDate: this.dialogForm.startDate, // "2024-09-01",
-          endDate: this.dialogForm.endDate, //"2024-09-30",
-          // dateFlag: this.dateFlag, //  -最近一月-m,最近一年y  ,全部-all
-          dateFlag: '', // 暂不使用改参数，默认给空 
-          // appntDate: this.postDate,
-          distCode: this.OrgLv2Code,
-          depCode: this.OrgLv3Code,
-          orgCode: this.OrgLv4Code,
-          pageNum: this.pageNum,
-          pageSize: this.pageSize
+      if(localStorage.getItem("billingShow")) {
+        // console.log('用了');
+        data = JSON.parse(localStorage.getItem("billingDetail"))
+      }else {
+        // console.log('没用');
+        if(this.dateFlag == 'all') {
+          data = {
+            outOrderType: this.outOrderType, // "accept",//--出单类型 承保 accept 预收 advance
+            // dateFlag: this.dateFlag, //  -最近一月-m,最近一年y  ,全部-all
+            dateFlag: '', // 暂不使用改参数，默认给空 
+            // appntDate: this.postDate,
+            distCode: this.OrgLv2Code,
+            depCode: this.OrgLv3Code,
+            orgCode: this.OrgLv4Code,
+            pageNum: this.pageNum,
+            pageSize: this.pageSize
+          }
+        } else {
+          data = {
+            outOrderType: this.outOrderType, // "accept",//--出单类型 承保 accept 预收 advance
+            startDate: this.dialogForm.startDate, // "2024-09-01",
+            endDate: this.dialogForm.endDate, //"2024-09-30",
+            // dateFlag: this.dateFlag, //  -最近一月-m,最近一年y  ,全部-all
+            dateFlag: '', // 暂不使用改参数，默认给空 
+            // appntDate: this.postDate,
+            distCode: this.OrgLv2Code,
+            depCode: this.OrgLv3Code,
+            orgCode: this.OrgLv4Code,
+            pageNum: this.pageNum,
+            pageSize: this.pageSize
+          }
         }
       }
+      localStorage.setItem("billingDetail", JSON.stringify(data))
       queryOutOrderList(data).then((res) => {
         this.$toast.clear()
         if (res.result == 0) {
@@ -673,6 +682,7 @@ export default {
             this.total = res.content.total
             this.loading = false
             this.listShow = true
+            localStorage.setItem("billingShow", false)
           } else{
             this.tableData = []
             this.listShow = false
@@ -856,6 +866,11 @@ export default {
     closeDetails() {
       this.xiangqingShow = !this.xiangqingShow
     },
+    customEvent() {
+      this.closeHebao();
+      // console.log('缓存变true了');
+       this.queryOutOrderListFunc();
+    },
     closeHebao() {
       this.hebaoShow = !this.hebaoShow
     },

src/views/ebiz/common/risk-rules.js

@@ -48,7 +48,7 @@ export default {
       age = this.getSaleInsuredInfo().age
       tips = '投保人年龄不适合此款险种，请选择其他险种！'
     } else {
-      if(riskProductCode == 'GFRS_M0061' || riskProductCode == 'GFRS_M0102' || riskProductCode == 'GFRS_M0101'){
+      if(riskProductCode == 'GFRS_M0061' || riskProductCode == 'GFRS_M0102' || riskProductCode == 'GFRS_M0101' || riskProductCode == 'GFRS_M0114'){
         age = this.getSaleInsuredPersonInfo().birthday?utilsAge.getAge29(this.getSaleInsuredPersonInfo().birthday, new Date()):this.getSaleInsuredPersonInfo().insuredAge
       }else{
         age = this.getSaleInsuredPersonInfo().birthday?utilsAge.getAgeByValue(this.getSaleInsuredPersonInfo().birthday, new Date()):this.getSaleInsuredPersonInfo().insuredAge

src/views/ebiz/generateImg/generateImg.vue

@@ -1,7 +1,7 @@
 <template>
-  <div>
-    <div id="capture" ref="generateImg" style="height: 100vh; overflow: hidden">
-      <img src="@/assets/images/list_img.png" alt="" />
+  <div style="">
+    <div id="capture" ref="generateImg" class="content" style="width: 100%;height: 100vh; overflow: hidden">
+      <!-- <img src="@/assets/images/list_img1.png" alt="" /> -->
       <div class="box">
         <div class="title">
           <p class="organ">{{ orderList.manageComNameFull }}</p>
@@ -56,7 +56,7 @@ export default {
   methods: {
     getList() {
       this.orderList = JSON.parse(localStorage.getItem('orderList'))
-      console.log('页面数据',this.orderList);
+      // console.log('页面数据',this.orderList);
     },
     // 将 Blob转base64
     blobToBase64(blob) {
@@ -95,28 +95,25 @@ export default {
       })
     },
     // 生成图片并下载
-    domToImage(domElement, quality, callback) {
-      console.log(location);
+    async domToImage(domElement, quality, callback) {
       html2canvas(domElement, {
         width: domElement.offsetWidth,
         height: domElement.offsetHeight,
         backgroundColor: '#fff',
         scale: 1,
-        dpi: 300
+        dpi: 300,
+        useCORS: true,
+        allowTaint: true,
       }).then((canvas) => {
         // 转换canvas为PNG图片并压缩
+        this.$toast.loading({
+          duration: 1000, // 持续展示 toast
+          forbidClick: true, // 禁用背景点击
+          loadingType: 'spinner',
+          message: '加载中……'
+        })
         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') {
@@ -130,6 +127,10 @@ export default {
                     .catch(() => {
                       this.$toast.fail('图片下载失败，请重新下载！')
                     })
+                    setTimeout(() => {
+                      localStorage.setItem("billingShow", true)
+                      location.reload(true)
+                    }, 1000)
                 }
 
               })
@@ -141,6 +142,14 @@ export default {
         )
       })
     },
+    downloadImage(dataUrl) {
+      const link = document.createElement('a')
+      link.download = '业绩贺报.png'
+      link.href = dataUrl
+      document.body.appendChild(link)
+      link.click()
+      document.body.removeChild(link)
+    },
     downLoadImagesFunc() {
       this.domToImage(this.$refs.generateImg)
     },
@@ -152,6 +161,14 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.content {
+  position: fixed;
+  top: 0;
+  left: 0;
+  background-image: url(../../../assets/images/list_img1.png);
+  background-size: 100% 100%;
+  background-repeat: no-repeat;
+}
 img {
   height: 100%;
   width: 100%;
@@ -159,7 +176,7 @@ img {
 }
 
 .box {
-  position: absolute;
+  position: fixed;
   width: 80%;
   height: 40%;
   top: 38%;
@@ -169,8 +186,8 @@ img {
     position: absolute;
     width: 100%;
     // left: 30%;
-    top: 24%;
-    font-weight: bold;
+    top: 18%;
+    font-weight: 500;
 
     p {
       display: flex;
@@ -178,21 +195,21 @@ img {
     }
 
     .organ {
-      font-size: 12px;
-      color: #333333;
+      font-size: 13px;
+      color: #FFB870;
     }
 
     .name {
-      font-size: 17px;
-      color: #333333;
+      font-size: 32px;
+      color: #FFB870;
     }
   }
 
   .pName {
     position: absolute;
-    top: 44%;
+    top: 48%;
     font-size: 15px;
-    color: #B1170C;
+    color: #D31300;
     width: 100%;
     display: flex;
     justify-content: center;
@@ -201,9 +218,9 @@ img {
 
   .type {
     font-size: 22px;
-    color: #B1170C;
+    color: #D31300;
     position: absolute;
-    top: 53%;
+    top: 55%;
     width: 100%;
     display: flex;
     justify-content: center;
@@ -211,9 +228,9 @@ img {
 
   .yuan {
     font-size: 30px;
-    color: #B1170C;
+    color: #D31300;
     position: absolute;
-    top: 67%;
+    top: 68%;
     width: 100%;
     text-align: center;
     display: inline-block;
@@ -227,9 +244,9 @@ img {
 
   .time {
     font-size: 14px;
-    color: #333333;
+    color: #CA892C;
     position: absolute;
-    top: 85%;
+    top: 84%;
     width: 100%;
     display: flex;
     justify-content: center;

src/views/ebiz/sale/signDocuments.vue

@@ -30,7 +30,14 @@
         </span>
       </div>
     </div>
-    <div style="margin-top: 15px; display: flex; align-items: center" class="fs20">
+    <div class="xxx-issue">
+      <p class="p1">您是否存在智能障碍，或其他精神、心理疾病？</p>
+      <van-radio-group v-model="xxxIssue">
+        <van-radio name="1">是</van-radio>
+        <van-radio name="2">否</van-radio>
+      </van-radio-group>
+    </div>
+    <div style="margin-top: 15px; display: flex; align-items: center;margin-bottom: 100px;" class="fs20">
       <span v-if="signVal == '3'" style="font-size: 16px; font-weight: bold">代理人签名：</span>
       <span v-if="signVal == '0' || signVal == '2'" style="font-size: 16px; font-weight: bold">投保人签名：</span>
       <span v-if="signVal == '1' && insuredAge >= 18" style="font-size: 16px; font-weight: bold">被保险人签名：</span>
@@ -64,6 +71,7 @@
 <script>
 import { saveInformation } from '@/api/ebiz/sale/sale'
 import isChoose from '@/assets/images/u20257.png'
+import { RadioGroup, Radio} from 'vant'
 export default {
   data() {
     return {
@@ -76,10 +84,14 @@ export default {
       insuredAge: '',
       guardianshow: false,
       guardianName: '',
-      nextDisabled: true
+      nextDisabled: true,
+      xxxIssue: '2'
     }
   },
-  components: {},
+  components: {
+    [RadioGroup.name]: RadioGroup,
+    [Radio.name]: Radio,
+  },
   created() {
     setTimeout(() => {
       // eslint-disable-next-line no-undef
@@ -157,6 +169,9 @@ export default {
       }
     },
     gonext() {
+      if (this.xxxIssue === '1') {
+        return this.$toast('本产品不支持有智能障碍，或其他精神、心理疾病的人士投保。')
+      }
       let params = {
         orderType: 'SIGN_MERGED_ORDER',
         orderDTO: {
@@ -272,4 +287,18 @@ export default {
     padding: 8px 16px;
   }
 }
+.xxx-issue{
+  margin-top: 10px;
+  .p1{
+    font-size: 16px;
+    color: #000;
+    margin-bottom: 10px;
+  }
+  /deep/.van-radio-group{
+    display: flex;
+    .van-radio{
+      margin-right: 20px;
+    }
+  }
+}
 </style>