Merge branch 'feature/FCRS-1020中介渠道-鑫管家E款终身寿险（万能型）' into release/【20250923】中介渠道-鑫管家E款终身寿险（万能型）&&分红险加风险提示语

src/views/ebiz/common/CalculatePremium.vue

@@ -354,6 +354,7 @@
           item.productCode != 'GFRS_M0083' &&
           item.productCode != 'GFRS_M0098' &&
           item.productCode != 'GFRS_M0103' &&
+          item.productCode != 'GFRS_M0112' &&
           item.productCode != 'GFRS_M0085'
         "
       >
@@ -841,14 +842,17 @@ export default {
             this.isEnterAddtionRiskListFunc()
           }
         }
-        if (item.mainRiskCode == 'GFRS_M0083' || item.mainRiskCode == 'GFRS_M0098' || item.mainRiskCode == 'GFRS_M0103'|| item.mainRiskCode == 'GFRS_M0085') {
+        if (item.mainRiskCode == 'GFRS_M0083' || item.mainRiskCode == 'GFRS_M0098' || item.mainRiskCode == 'GFRS_M0103'|| item.mainRiskCode == 'GFRS_M0112' || item.mainRiskCode == 'GFRS_M0085') {
           this.disabledShow = true
         }
         if (item.hasPredictTransferPrem == '1') {
           this.disabledShow = false
         }
 
-        if ((item.mainRiskCode == 'GFRS_M0083' || item.mainRiskCode == 'GFRS_M0098' || item.mainRiskCode == 'GFRS_M0103'|| item.mainRiskCode == 'GFRS_M0085') && this.isFrom == 'proposal') {
+        if (
+          (item.mainRiskCode == 'GFRS_M0083' || item.mainRiskCode == 'GFRS_M0098' || item.mainRiskCode == 'GFRS_M0103'|| item.mainRiskCode == 'GFRS_M0112' || item.mainRiskCode == 'GFRS_M0085') &&
+          this.isFrom == 'proposal'
+        ) {
           item.calFactorLst.forEach((i) => {
             if (i.code == 'inputPrem') {
               i.minPrem = 0.01
@@ -962,10 +966,14 @@ export default {
       }
       //键盘小数点无法输入，试了一下iOS16以下没这个问题，iOS16以上有这个问题， type="number"改成type="digit"就可以输入了，
       this.$nextTick(() => {
-        var div1 = document.getElementsByClassName('van-stepper__input')
-        //拿到的是一个数组集合，遍历修改每一个input
-        for (var x in div1) {
-          div1[x].setAttribute('type', 'digit')
+        try {
+          var div1 = document.getElementsByClassName('van-stepper__input')
+          //拿到的是一个数组集合，遍历修改每一个input
+          for (var x in div1) {
+            div1[x].setAttribute('type', 'digit')
+          }
+        } catch (e) {
+          console.error(e)
         }
       })
     },
@@ -1096,10 +1104,11 @@ export default {
       }
     },
     //弹框选择
-    toSelect(index, index1, columns) {
+    toSelect(productIndex, factorIndex, columns) {
       this.columns = []
-      ;[this.popupShow, this.productIndex, this.calFactorIndex] = [true, index, index1]
-      let currentFactor = this.chooseProducts[this.productIndex].calFactorLst
+      ;[this.popupShow, this.productIndex, this.calFactorIndex] = [true, productIndex, factorIndex]
+      let currentProduct = this.chooseProducts[productIndex]
+      let currentFactor = currentProduct.calFactorLst
       let currentEle = currentFactor[this.calFactorIndex]
       let sex = this.saleInsuredPersonInfo.sex //0男 1女
       //性别男女，养老保险金领取年龄不一致
@@ -1109,9 +1118,37 @@ export default {
             this.columns.push(item)
           }
         })
-      } else {
-        this.columns = columns
+        return
       }
+      if (currentProduct.mainRiskCode === 'GFRS_M0111') {
+        // 国富人寿鑫盈嘉两全保险（分红型） 交费期间payEndYear: 1次交清和3年交 ，保险期间insuYear: 5年和6年
+        // 现要求payEndYear选择一次交清insuYear只能选5年，payEndYear选择3年交payEndYear只能选6年保险期间
+        if (currentEle.code == 'insuYear') {
+          let payEndYearFactor = currentFactor.find((factor) => factor.code == 'payEndYear')
+          if (!payEndYearFactor) {
+            return
+          }
+          let payEndYear = payEndYearFactor.showContent
+          if (!payEndYear) {
+            // 保险期间未选择, 提示选择
+            this.$toast(`请先选择${payEndYearFactor.name}`)
+            return
+          }
+          let payEndYearOption = payEndYearFactor.columns.find((item) => item.text == payEndYear)
+          let payEndYearVal = payEndYearOption.value
+          console.log('payEndYearVal--->', payEndYearVal, columns)
+          // 如果有值，则需约定可选择项
+          if (payEndYearVal) {
+            columns.forEach((item) => {
+              if ((payEndYearVal == '1000' && item.value == '5') || (payEndYearVal == '3' && item.value == '6')) {
+                this.columns.push(item)
+              }
+            })
+          }
+          return
+        }
+      }
+      this.columns = columns
     },
     //取消picker
     onCancel() {
@@ -1127,7 +1164,7 @@ export default {
       let currentEle = currentFactor[this.calFactorIndex]
       if (currentEle.code == 'insuYear') {
         if (value.value == '70') {
-          this.chooseProducts.forEach((item, index) => {
+          this.chooseProducts.forEach((item) => {
             if (item.mainRiskCode == 'GFRS_M0086') {
               item.calFactorLst.forEach((i) => {
                 if (i.code == 'inputAmt') {
@@ -1139,7 +1176,7 @@ export default {
             }
           })
         } else if (value.value == '106') {
-          this.chooseProducts.forEach((item, index) => {
+          this.chooseProducts.forEach((item) => {
             if (item.mainRiskCode == 'GFRS_M0086') {
               item.calFactorLst.forEach((i) => {
                 if (i.code == 'inputAmt') {
@@ -1152,17 +1189,24 @@ export default {
           })
         }
       }
-      // let sex = this.saleInsuredPersonInfo.sex //0男 1女
 
-      // //特殊设置：如果需要填写的保费/保额校验规则跟缴费期间挂钩，当改变缴费期间时，将输入框的值恢复默认值1
-      // if (currentEle.code == 'payEndYear' && this.isTrial == '0') {
-      //   currentEle['columns'].forEach((item, index) => {
-      //     if (item.value == value.value) {
-      //       this.payEndYearColumnsIndex = index
-      //     }
-      //   })
-      //   this.defalutAmt = 1
-      // }
+      if (this.chooseProducts[this.productIndex].mainRiskCode === 'GFRS_M0111') {
+        // 国富人寿鑫盈嘉两全保险（分红型） 交费期间payEndYear: 1次交清和3年交 ，保险期间insuYear: 5年和6年
+        // 现要求payEndYear选择一次交清insuYear只能选5年，payEndYear选择3年交payEndYear只能选6年保险期间
+        if (currentEle.code == 'payEndYear') {
+          // 获取当前的值
+          let payEndYear = value.value
+          console.log('payEndYear--->', payEndYear)
+          const insuYearFactor = currentFactor.find((factor) => factor.code == 'insuYear')
+          if (insuYearFactor) {
+            console.log('insuYearFactor--->', insuYearFactor)
+            let matchInsureYearValue = payEndYear == '1000' ? '5' : payEndYear == '3' ? '6' : null
+            let matchedOption = insuYearFactor.columns.find((item) => item.value == matchInsureYearValue)
+            insuYearFactor.showContent = matchedOption ? matchedOption.text : ''
+            insuYearFactor['insuYear'] = matchedOption ? matchedOption.value : ''
+          }
+        }
+      }
       //中介渠道，交费期间为一次性交清时，附加险GFRS_A0007，GFRS_A0009，GFRS_A0010去掉后，附加险list就为空--隐藏’附‘icon
       if (currentEle.code == 'payEndYear' && value.value == '1000') {
         this.isEnterAddtionRiskListFunc()
@@ -1175,7 +1219,6 @@ export default {
       } else {
         this.isEnterAddtionRisk = true
       }
-
       if (currentEle.showContent != value.text) {
         //通用规则校验
         if (await this.payExceedInsured(currentEle, currentFactor, value.value)) {
@@ -1201,18 +1244,9 @@ export default {
           })
           this.defalutAmt = 1
         }
-        // if(this.ruleExpression[productCode]){
-        //   this.errorMsg = []
-        //   this.ruleExpression[productCode].eventList.forEach(item => {
-        //     this.$emit(item,currentFactor,currentEle.code,value);
-        //   })
-        //   if(this.errorMsg.length > 0){
-        //     this.$toast(this.errorMsg[0]);
-        //     this.popupShow = false
-        //     return false
-        //   }
-        // }
+
         let productCode = this.chooseProducts[this.productIndex].productCode
+
         if (this.ruleExpression[productCode]) {
           this.errorMsg = []
           let currentFactor = this.chooseProducts[this.productIndex].calFactorLst
@@ -1756,10 +1790,22 @@ export default {
             }
           })
           this.chooseProducts.forEach((item, index) => {
-            if (item.productCode == 'GFRS_A0010' || item.productCode == 'GFRS_A0009' || item.productCode == 'GFRS_A0013' || item.productCode == 'GFRS_A0014' || item.productCode == 'GFRS_A0015' || item.productCode == 'GFRS_A0016') {
+            if (
+              item.productCode == 'GFRS_A0010' ||
+              item.productCode == 'GFRS_A0009' ||
+              item.productCode == 'GFRS_A0013' ||
+              item.productCode == 'GFRS_A0014' ||
+              item.productCode == 'GFRS_A0015' ||
+              item.productCode == 'GFRS_A0016'
+            ) {
               //(投保人)国富人寿附加豁免保险费重大疾病保险(B款）
               // 投被不同人：投保人豁免险单独搭配主险时，投保人豁免险，豁免主险保费，当投保人豁免险加两全（有长险附加险时），豁免主险保费加两全保费
-              if (item.productCode == 'GFRS_A0009' || item.productCode == 'GFRS_A0013' || item.productCode == 'GFRS_A0015' || item.productCode == 'GFRS_A0016') {
+              if (
+                item.productCode == 'GFRS_A0009' ||
+                item.productCode == 'GFRS_A0013' ||
+                item.productCode == 'GFRS_A0015' ||
+                item.productCode == 'GFRS_A0016'
+              ) {
                 if (this.saleInsuredPersonInfo.relationToAppnt != 1) {
                   //不同人
                   if (showPrem001) {
@@ -2182,14 +2228,14 @@ export default {
       let thisproductInfo = JSON.parse(window.localStorage.getItem('chooseProducts'))
       if (thisproductInfo && thisproductInfo.length != 0) {
         thisproductInfo.forEach((item) => {
-          if (item.productCode == 'GFRS_M0083' || item.productCode == 'GFRS_M0098' || item.productCode == 'GFRS_M0103'|| item.productCode == 'GFRS_M0085') {
+          if (item.productCode == 'GFRS_M0083' || item.productCode == 'GFRS_M0098' || item.productCode == 'GFRS_M0103'|| item.productCode == 'GFRS_M0112' || item.productCode == 'GFRS_M0085') {
             productCode = item.productCode
             hasPredictTransferPrem = item.hasPredictTransferPrem
           }
         })
       }
       if (this.isFrom != 'proposal') {
-        if (productCode == 'GFRS_M0083' || productCode == 'GFRS_M0098' || productCode == 'GFRS_M0103'|| productCode == 'GFRS_M0085') {
+        if (productCode == 'GFRS_M0083' || productCode == 'GFRS_M0098' || productCode == 'GFRS_M0103'|| productCode == 'GFRS_M0112' || productCode == 'GFRS_M0085') {
           if (!that.policyNo) {
             this.disabledShow = true
             that.chooseProducts.forEach((item) => {
@@ -2390,14 +2436,13 @@ export default {
               trialFlag = false
             }
           }
-        }else if (item.productCode == 'GFRS_M0101' || item.productCode == 'GFRS_M0102') {
+        } else if (item.productCode == 'GFRS_M0101' || item.productCode == 'GFRS_M0102') {
           //  当投保人年龄≥75周岁时，需转人工核保。核心提示语，投保人年龄≥75周岁。前端提示语为：投保人年龄≥75周岁，需进一步人工审核
           let appntAge = this.saleInsuredInfo.age
-          if (appntAge>=75){
+          if (appntAge >= 75) {
             this.nextStepFlag = true
             this.$toast('投保人年龄≥75周岁，需进一步人工审核！')
           }
-
         }
       })
       if (!trialFlag) {
@@ -2974,7 +3019,7 @@ export default {
             }
           }
         }
-      } else if (productCode == 'GFRS_M0083' || productCode == 'GFRS_M0098' || productCode == 'GFRS_M0103'|| productCode == 'GFRS_M0085') {
+      } else if (productCode == 'GFRS_M0083' || productCode == 'GFRS_M0098' || productCode == 'GFRS_M0103'|| productCode == 'GFRS_M0112' || productCode == 'GFRS_M0085') {
         if (this.isFrom != 'proposal') {
           if (!this.policyNo && defalutValue < 5) {
             this.$toast('单独投保，保费为大于等于50000元')
@@ -3097,7 +3142,7 @@ export default {
           return this.$toast('关联保单的格式不正确')
         }
       }
-      this.$CacheUtils.setLocItem('associatedPolicyNo',this.policyNo || null)
+      this.$CacheUtils.setLocItem('associatedPolicyNo', this.policyNo || null)
       //组装险种提交数据
       let [mainRiskCode, riskDTOLst] = ['', []]
       let rollInResult = '' //校验预计转入保费结果

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

@@ -43,7 +43,7 @@ export default {
   },
   //投、被保险人年龄对险种的限制
   ageLimit(resultData, vm, isApplicant,riskProductCode) {
-    let age, tips
+    let age, tips,maxAge
     if (isApplicant) {
       age = this.getSaleInsuredInfo().age
       tips = '投保人年龄不适合此款险种，请选择其他险种！'
@@ -56,7 +56,22 @@ export default {
       tips = '被保险人年龄不适合此款险种，请选择其他险种！'
     }
     let minAge = resultData.productTrialInfoDTO.ageRange && resultData.productTrialInfoDTO.ageRange.minAge
-    let maxAge = resultData.productTrialInfoDTO.ageRange && resultData.productTrialInfoDTO.ageRange.maxAge
+    if(riskProductCode == 'GFRS_M0111'){
+      if(this.getSaleInsuredPersonInfo().sex==0){
+        maxAge=70
+      }else {
+        maxAge=73
+      }
+    }else if(riskProductCode == 'GFRS_M0110'){
+      if(this.getSaleInsuredPersonInfo().sex==0){
+        maxAge=68
+      }else {
+        maxAge=70
+      }
+    }else{
+      maxAge = resultData.productTrialInfoDTO.ageRange && resultData.productTrialInfoDTO.ageRange.maxAge
+    }
+
     ;[age, minAge, maxAge] = [Number(age), Number(minAge), Number(maxAge)]
     if (age > maxAge || age < minAge) {
       vm.$toast(tips)

src/views/ebiz/goodStart/Organization.vue

@@ -64,9 +64,9 @@ export default {
       needGettingKey: ['name', 'ysbb', 'ysjs', 'bzbf', 'cbjs'],
       tableColumns: [
         { name: '机构', key: 'name' },
-        { name: '预收期交(万元)', key: 'ysbb' },
+        { name: '预收保费(万元)', key: 'ysbb' },
         { name: '预收件数(件)', key: 'ysjs' },
-        { name: '承保期交(万元)', key: 'bzbf' },
+        { name: '承保保费(万元)', key: 'bzbf' },
         { name: '承保件数(件)', key: 'cbjs' }
       ],
       values: [],

src/views/ebiz/goodStart/PerformanceReport.vue

@@ -5,7 +5,7 @@
         <div class="header-left">
           <van-button>
             <img :src="point" />
-            <span class="ml5 mr5">期交</span>
+            <span class="ml5 mr5">保费</span>
           </van-button>
         </div>
         <div class="header-center">

src/views/ebiz/institutionalPerform/Organization.vue

@@ -94,30 +94,30 @@ export default {
         [
           [
             { isInt: false, name: '机构', key: 'name' },
-            { isInt: false, name: '预收期交(万元)', key: 'ysbb' },
+            { isInt: false, name: '预收保费(万元)', key: 'ysbb' },
             { isInt: true, name: '预收件数(件)', key: 'ysjs' },
-            { isInt: false, name: '承保期交(万元)', key: 'bzbf' },
+            { isInt: false, name: '承保保费(万元)', key: 'bzbf' },
             { isInt: true, name: '承保件数(件)', key: 'cbjs' }
           ],
           [
             { isInt: false, name: '机构', key: 'name' },
-            { isInt: false, name: '预收期交(万元)', key: 'ysbb' },
+            { isInt: false, name: '预收保费(万元)', key: 'ysbb' },
             { isInt: true, name: '预收件数(件)', key: 'ysjs' },
-            { isInt: false, name: '承保期交(万元)', key: 'bzbf' },
+            { isInt: false, name: '承保保费(万元)', key: 'bzbf' },
             { isInt: true, name: '承保件数(件)', key: 'cbjs' },
             { isInt: false, name: '承保同比', key: 'cbtb' },
             { isInt: false, name: '承保环比', key: 'cbhb' }
           ],
           [
             { isInt: false, name: '机构', key: 'name' },
-            { isInt: false, name: '承保期交(万元)', key: 'bzbf' },
-            { isInt: false, name: '期交目标', key: 'bbmb' },
-            { isInt: false, name: '期交目标达成率', key: 'bbmbdcl' },
+            { isInt: false, name: '承保保费(万元)', key: 'bzbf' },
+            { isInt: false, name: '保费目标', key: 'bbmb' },
+            { isInt: false, name: '保费目标达成率', key: 'bbmbdcl' },
             { isInt: false, name: '差距', key: 'cj' }
           ],
           [
             { isInt: false, name: '机构', key: 'name' },
-            { isInt: false, name: '承保期交(万元)', key: 'bzbf' }
+            { isInt: false, name: '承保保费(万元)', key: 'bzbf' }
           ]
         ],
         [
@@ -131,7 +131,7 @@ export default {
         ],
         [
           { isInt: false, name: '产品', key: 'productName' },
-          { isInt: false, name: '承保期交(万元)', key: 'cbbb' },
+          { isInt: false, name: '承保保费(万元)', key: 'cbbb' },
           { isInt: true, name: '承保件数(件)', key: 'cbItems' },
           { isInt: false, name: '保费占比(%)', key: 'percent' }
         ]

src/views/ebiz/institutionalPerform/Summarizing.vue

@@ -11,7 +11,7 @@
             <th>达成</th>
           </tr>
           <tr>
-            <td class="bleft bright">预收期交</td>
+            <td class="bleft bright">预收保费</td>
             <td class="bright">{{ performance.ysbb | unitFilter(1) | blankFilter }}</td>
           </tr>
           <tr>
@@ -19,7 +19,7 @@
             <td class="bright">{{ performance.ysjs | unitFilter(2) | blankFilter }}</td>
           </tr>
           <tr>
-            <td class="bleft bright">承保期交</td>
+            <td class="bleft bright">承保保费</td>
             <td class="bright">{{ performance.bzbf | unitFilter(1) | blankFilter }}</td>
           </tr>
           <tr>
@@ -77,7 +77,7 @@
         <table class="myTable" style="min-width: 140vw;" cellspacing="0" cellpadding="0">
           <tr>
             <th class="sticky">产品名称</th>
-            <th>承保期交(万元)</th>
+            <th>承保保费(万元)</th>
             <th>承保件数(件)</th>
             <th>保费占比(%)</th>
           </tr>

src/views/ebiz/institutionalPerform/UnderOffice.vue

@@ -125,7 +125,7 @@ export default {
       dayTimeCondition: currentDate,
       // 0: 期交, 1: 人力, 2: 产品
       typeIndex: 0,
-      dataTypes: ['期交', '人力指标', '产品'],
+      dataTypes: ['保费', '人力指标', '产品'],
       active: 0,
       // 侧边栏是否显示
       isSideBarShow: false,

src/views/ebiz/product/HomeProduct.vue

@@ -157,7 +157,7 @@ export default {
       isGoodStart: '0',    // 是否开门红 0-默认
       isPersonalInsu: true, // 是否个险渠道
       isInner: false,
-      organizationTheads: ['排名', '机构', '当日预收(期交)', '月预收期交', '日承保期交', '月承保期交'],
+      organizationTheads: ['排名', '机构', '当日预收(保费)', '月预收保费', '日承保保费', '月承保保费'],
       performanceTheads: ['排名', '姓名', '营销服务部', '预收期交', '承保期交'],
       organizationData: [],
       performanceData: [],

src/views/ebiz/proposal/ProposalInfo.vue

@@ -6,14 +6,18 @@
           <img class="w178 h41 div_1" src="@/assets/images/proposal/proposal_logo.png" />
           <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)">
+            <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)">
                 <div class="relative sub_insure_item">
-                  <div class="bg-white insured_item" :class="item.insuredId == pageShowInfo.showInsuredDTO.insuredId ? 'shadow' : ''">
+                  <div class="bg-white insured_item"
+                       :class="item.insuredId == pageShowInfo.showInsuredDTO.insuredId ? 'shadow' : ''">
                     <div class="insured_item_1">
                       <img :src="headPicture[item.relationToAppnt + '_' + item.sex]" />
                     </div>
-                    <div class="text-center fs12" :class="item.insuredId == pageShowInfo.showInsuredDTO.insuredId ? 'color_3A81F6' : ''">
+                    <div class="text-center fs12"
+                         :class="item.insuredId == pageShowInfo.showInsuredDTO.insuredId ? 'color_3A81F6' : ''">
                       {{ relationToAppntType[item.relationToAppnt + '_' + item.sex] }}<br />
                       {{ item.name }}
                     </div>
@@ -33,37 +37,49 @@
                   <div class="text-center">
                     <label class="fs14 color_3A81F6 fw600 lh24">被保险人</label><br />
                     <label class="fs13 color_666666 lh20"
-                      >{{ pageShowInfo.showInsuredDTO.sex == '0' ? '男' : '女' }}&nbsp;{{ pageShowInfo.showInsuredDTO.insuredAge }}周岁</label
+                    >{{ pageShowInfo.showInsuredDTO.sex == '0' ? '男' : '女'
+                      }}&nbsp;{{ pageShowInfo.showInsuredDTO.insuredAge }}周岁</label
                     >
                   </div>
                   <div class="line_gray"></div>
                   <div class="text-center">
                     <label class="fs14 color_3A81F6 fw600 lh24">投保人</label><br />
-                    <label class="fs13 color_666666 lh20">{{ pageShowInfo.appntDTO.sex == '0' ? '男' : '女' }}&nbsp;{{ pageShowInfo.appntDTO.age }}周岁</label>
+                    <label class="fs13 color_666666 lh20">{{ pageShowInfo.appntDTO.sex == '0' ? '男' : '女'
+                      }}&nbsp;{{ pageShowInfo.appntDTO.age }}周岁</label>
                   </div>
                   <div class="line_gray"></div>
                   <div class="text-center">
                     <label class="fs14 color_3A81F6 fw600 lh24">首年保费</label><br />
-                    <label class="fs13 color_FFA42F lh20">{{ pageShowInfo.showInsuredDTO.totalPrem | numFormat }}元</label>
+                    <label class="fs13 color_FFA42F lh20">{{ pageShowInfo.showInsuredDTO.totalPrem | numFormat
+                      }}元</label>
                   </div>
                 </div>
                 <div class="fs15 line_title">产品计划</div>
                 <div class="fs12 div_4">
                   <div class="risk_head flex text-center line-height table fs12 bg_DBEFFE">
                     <div class="flex justify-content-c align-items-c pl7 pr7 pt7 pb7">投保险种</div>
-                    <div class="flex justify-content-c align-items-c pl7 pr7 pt7 pb7 table_border" v-if="ispremshow">保额(元）</div>
+                    <div class="flex justify-content-c align-items-c pl7 pr7 pt7 pb7 table_border" v-if="ispremshow">
+                      保额(元）
+                    </div>
                     <div class="flex justify-content-c align-items-c pl7 pr7 pt7 pb7 table_border">保险期间</div>
                     <div class="flex justify-content-c align-items-c pl7 pr7 pt7 pb7 table_border">交费期间</div>
                     <div class="flex justify-content-c align-items-c pl7 pr7 pt7 pb7 table_border">首年保费(元)</div>
                   </div>
-                  <div class="risk_body flex text-center table bg_f7fbff" v-for="(riskItem, index) in pageShowInfo.showInsuredDTO.riskDTOLst" :key="index">
+                  <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">{{ 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>
+                    <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>
                   </div>
                 </div>
 
@@ -72,23 +88,33 @@
                 <div class="fs12 div_4" v-if="pageShowInfo.showInsuredDTO.riskDTOLstNew.length">
                   <div class="risk_head flex text-center line-height table fs12 bg_DBEFFE">
                     <div class="flex justify-content-c align-items-c pl7 pr7 pt7 pb7">投保险种</div>
-                    <div class="flex justify-content-c align-items-c pl7 pr7 pt7 pb7 table_border">养老保险金开始领取年龄</div>
-                    <div class="flex justify-content-c align-items-c pl7 pr7 pt7 pb7 table_border">养老保险金领取方式</div>
+                    <div class="flex justify-content-c align-items-c pl7 pr7 pt7 pb7 table_border">
+                      养老保险金开始领取年龄
+                    </div>
+                    <div class="flex justify-content-c align-items-c pl7 pr7 pt7 pb7 table_border">养老保险金领取方式
+                    </div>
                     <div class="flex justify-content-c align-items-c pl7 pr7 pt7 pb7 table_border">保证给付期</div>
-                    <div class="flex justify-content-c align-items-c pl7 pr7 pt7 pb7 table_border">每次养老保险金(元)</div>
+                    <div class="flex justify-content-c align-items-c pl7 pr7 pt7 pb7 table_border">每次养老保险金(元)
+                    </div>
                   </div>
                   <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.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">
+                      <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 }}
                       </div>
-                      <div v-if="riskItem.receivePensionWay == '1'" class="flex justify-content-c align-items-c pl7 pr7 pt7 pb7 table_border">
+                      <div v-if="riskItem.receivePensionWay == '1'"
+                           class="flex justify-content-c align-items-c pl7 pr7 pt7 pb7 table_border">
                         {{ riskItem.amt | fillNumber }}
                       </div>
                     </div>
@@ -98,7 +124,8 @@
                 <div class="h20">&ensp;</div>
               </div>
               <div class="up_down_div">
-                <img src="@/assets/images/proposal/proposal_down.png" :class="pageShowType.productCheckStatus ? '' : 'img180'" @click="testProductCheck" />
+                <img src="@/assets/images/proposal/proposal_down.png"
+                     :class="pageShowType.productCheckStatus ? '' : 'img180'" @click="testProductCheck" />
               </div>
             </div>
             <!--保险责任-->
@@ -123,9 +150,11 @@
               </div>
               <div :class="pageShowType.riskCheckStatus ? '' : 'hideInfo'" class="text-left div_5">
                 <div v-if="pageShowType.dutyShowType == '01'">
-                  <div class="div_6 duty_by_duty" v-for="(item, index) in pageShowInfo.showInsuredDTO.riskDTOLst" :key="index">
+                  <div class="div_6 duty_by_duty" v-for="(item, index) in pageShowInfo.showInsuredDTO.riskDTOLst"
+                       :key="index">
                     <div v-if="item.riskDutySortResult">
-                      <div v-for="(subItem3, subIndex3) in getObjectKeys(item.riskDutySortResult)" :key="subIndex3"></div>
+                      <div v-for="(subItem3, subIndex3) in getObjectKeys(item.riskDutySortResult)"
+                           :key="subIndex3"></div>
                     </div>
                     <div class="fw600 fs15 color_3A81F6 show_risk_name">
                       {{ item.riskName }}
@@ -140,7 +169,8 @@
                           <div class="fs13 color_333333 div_17">
                             <div v-html="initDutyColor(subItem4.dutyStairExplain)"></div>
                           </div>
-                          <div class="fs13 color_666666 div_17" v-if="subItem4.dutyDetailExplain && subItem4.dutyDetailExplain != ''">
+                          <div class="fs13 color_666666 div_17"
+                               v-if="subItem4.dutyDetailExplain && subItem4.dutyDetailExplain != ''">
                             <div v-html="showDutyDetailExplain(subItem4.dutyDetailExplain)"></div>
                           </div>
                         </div>
@@ -149,7 +179,8 @@
                   </div>
                 </div>
                 <div v-if="pageShowType.dutyShowType == '00'">
-                  <div class="duty_by_duty" v-for="(item, index) in pageShowInfo.showInsuredDTO.dutySortResult" :key="index">
+                  <div class="duty_by_duty" v-for="(item, index) in pageShowInfo.showInsuredDTO.dutySortResult"
+                       :key="index">
                     <div v-for="(subItem1, subIndex1) in getObjectKeys(item)" :key="subIndex1">
                       <div class="fw600 fs15 color_3A81F6 show_risk_name">
                         {{ subItem1 }}
@@ -162,7 +193,8 @@
                         <div class="fs13 div_17 color_333333">
                           <div v-html="initDutyColor(subItem2.dutyStairExplain)"></div>
                         </div>
-                        <div class="fs13 div_17 color_666666" v-if="subItem2.dutyDetailExplain && subItem2.dutyDetailExplain != ''">
+                        <div class="fs13 div_17 color_666666"
+                             v-if="subItem2.dutyDetailExplain && subItem2.dutyDetailExplain != ''">
                           <div v-html="showDutyDetailExplain(subItem2.dutyDetailExplain)"></div>
                         </div>
                       </div>
@@ -171,7 +203,8 @@
                 </div>
               </div>
               <div class="up_down_div">
-                <img src="@/assets/images/proposal/proposal_down.png" :class="pageShowType.riskCheckStatus ? '' : 'img180'" @click="testRiskCheck" />
+                <img src="@/assets/images/proposal/proposal_down.png"
+                     :class="pageShowType.riskCheckStatus ? '' : 'img180'" @click="testRiskCheck" />
               </div>
             </div>
             <!--产品条款-->
@@ -214,12 +247,14 @@
               <div class="text-center flex justify-content-e align-items-c fs14 check_age">
                 <div>当被保险人在</div>
                 <div class="check_one flex justify-content-fe align-items-c" @click="popupShow = true">
-                  {{ pageShowInfo.showInsuredDTO.checkAge }}&emsp;<img class="img_10" src="@/assets/images/proposal/proposal_select_down.png" />
+                  {{ pageShowInfo.showInsuredDTO.checkAge }}&emsp;<img class="img_10"
+                                                                       src="@/assets/images/proposal/proposal_select_down.png" />
                 </div>
                 <div>岁时</div>
               </div>
               <div class="flex justify-content-s align-items-c mt15 mb20 ml15 mr15">
-                <img class="w20" src="@/assets/images/proposal/proposal_lessen.png" @click="reduce(pageShowInfo.showInsuredDTO)" />
+                <img class="w20" src="@/assets/images/proposal/proposal_lessen.png"
+                     @click="reduce(pageShowInfo.showInsuredDTO)" />
                 <van-slider
                   class="w220"
                   active-color="#9EC2FC"
@@ -231,7 +266,8 @@
                 >
                   <div slot="button" class="customer_button"></div>
                 </van-slider>
-                <img class="w20" src="@/assets/images/proposal/proposal_add.png" @click="exhibitionAdd(pageShowInfo.showInsuredDTO)" />
+                <img class="w20" src="@/assets/images/proposal/proposal_add.png"
+                     @click="exhibitionAdd(pageShowInfo.showInsuredDTO)" />
               </div>
               <select-radio
                 class="mb10"
@@ -246,7 +282,7 @@
               <!-- 国富人寿富贵尊享终身寿险（分红型）添加利益演示提示 -->
               <div v-if="mainRiskCodes.includes('GFRS_M0095')" class="fs13 div_11 text-left">
                 <b
-                  >本利益演示基于公司的精算及其他假设，不代表公司的历史经营业绩，也不代表对公司未来经营业绩的预期，保单的红利分配是不确定的，红利水平是不保证的，在某些年度红利可能为零。
+                >本利益演示基于公司的精算及其他假设，不代表公司的历史经营业绩，也不代表对公司未来经营业绩的预期，保单的红利分配是不确定的，红利水平是不保证的，在某些年度红利可能为零。
                 </b>
               </div>
               <div class="div_10"></div>
@@ -273,7 +309,8 @@
                 </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" />
+                  <img src="@/assets/images/proposal/proposal_down.png"
+                       :class="pageShowType.dutyCheckStatus ? '' : 'img180'" @click="dutyCheck" />
                 </div>
               </div>
             </div>
@@ -291,17 +328,33 @@
                 </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" />
+                  <img src="@/assets/images/proposal/proposal_down.png"
+                       :class="pageShowType.hesitateCheckStatus ? '' : 'img180'" @click="hesitateCheck" />
+                </div>
+              </div>
+            </div>
+            <!-- 风险提示 -->
+            <div class="pt15 pb17 bg-white relative" v-if="showDangerInfo">
+              <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>本产品为分红保险，您可以保单红利的形式享有本产品的盈余分配权，但未来的保单红利为非保证利益，其红利分配是不确定的，在某些年度红利可能为零。</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 div_11">
-                <b> 本资料仅供客户理解产品条款所用，有关产品的说明、解释、承诺或保证，如与产品条款不一致，均以产品条款为准。 </b>
+                <b>
+                  本资料仅供客户理解产品条款所用，有关产品的说明、解释、承诺或保证，如与产品条款不一致，均以产品条款为准。 </b>
               </div>
               <div class="div_12"></div>
             </div>
@@ -327,7 +380,8 @@
           </div>
         </div>
         <van-popup v-model="popupShow" position="bottom">
-          <van-picker show-toolbar :columns="pageShowInfo.showInsuredDTO.ageColums" @confirm="checkAge" @cancel="popupShow = false" />
+          <van-picker show-toolbar :columns="pageShowInfo.showInsuredDTO.ageColums" @confirm="checkAge"
+                      @cancel="popupShow = false" />
         </van-popup>
       </div>
     </div>
@@ -341,7 +395,7 @@
           <!-- 如果没有姓名的话，根据性别展示男士或女士 -->
           <div class="text-center div_023">
             尊敬的<span v-if="pageShowInfo.appntDTO.name">{{ pageShowInfo.appntDTO.name.substr(0, 1) }}</span
-            >{{ pageShowInfo.appntDTO.sex == '0' ? '先生' : '女士' }}
+          >{{ pageShowInfo.appntDTO.sex == '0' ? '先生' : '女士' }}
           </div>
         </div>
         <img class="img_13" src="@/assets/images/proposal/proposal_share_bg.png" />
@@ -389,6 +443,7 @@ import getAge from '@/assets/js/utils/age.js'
 import dataDictionary from '@/assets/js/utils/data-dictionary'
 import riskRules from '../common/risk-rules.js'
 import { queryPersonal } from '@/api/ebiz/laurelClub/laurelClub'
+
 export default {
   data() {
     let isWeixin = this.$utils.device().isWeixin //判断环境
@@ -447,6 +502,13 @@ export default {
       ispremshow: true // 是否展示保额
     }
   },
+  computed: {
+    showDangerInfo() {
+      if (this.pageShowInfo.showInsuredDTO.riskDTOLst) {
+        return this.pageShowInfo.showInsuredDTO.riskDTOLst.some(e => e.riskName.includes('分红型'))
+      }
+    }
+  },
   filters: {
     productRateUnit(code) {
       for (let i = 0; i < dataDictionary.productRateUnit.length; i++) {
@@ -514,7 +576,9 @@ export default {
       this.isCheck = res.result
     })
   },
-  created() {},
+  created() {
+  },
+
   beforeRouteLeave(to, from, next) {
     document.body.style.backgroundColor = ''
     next()
@@ -805,6 +869,7 @@ export default {
                 item01.mainRiskCode == 'GFRS_M0085' ||
                 item01.mainRiskCode == 'GFRS_M0098' ||
                 item01.mainRiskCode == 'GFRS_M0103' ||
+                item01.mainRiskCode == 'GFRS_M0112' ||
                 item01.mainRiskCode == 'GFRS_M0100'
               ) {
                 that.ispremshow = false
@@ -1133,36 +1198,45 @@ export default {
 <style lang="scss">
 .proposal-exhibition-container {
   padding-bottom: 10px;
+
   .sex-radio {
     .van-cell-group {
       background: transparent;
+
       .van-cell {
         background: transparent;
         justify-content: center;
+
         .van-field__label {
           width: 0;
           flex: 0;
         }
       }
     }
+
     .ph30 {
       padding: 0px !important;
     }
   }
+
   &::before {
     content: '';
     display: table;
   }
+
   width: 100%;
   background: url('../../../assets/images/proposal/proposal_bg.png') no-repeat;
   background-color: #f7f7f7;
   background-size: 100% auto;
+
   .line-height {
     line-height: 35px;
   }
+
   .lh40 {
     line-height: 40px;
   }
+
   .van-divider {
     margin: 0 0 15px;
   }
@@ -1171,84 +1245,105 @@ export default {
     & > div {
       width: 19%;
     }
+
     & > div:last-child {
       width: 25%;
     }
   }
+
   .wx {
     img {
       width: 100%;
     }
   }
+
   div::-webkit-scrollbar {
     width: 0;
   }
+
   .divbg_1 {
     /*background-color: #9ec2fc;*/
     background-color: #f5fbff;
   }
+
   .divbg_2 {
     background-color: none;
   }
+
   .hideInfo {
     height: 140px;
     overflow: hidden;
   }
+
   .hideInfo_insure {
     height: 60px;
     overflow: hidden;
   }
+
   .hideInfo_hesitate {
     height: 60px;
     overflow: hidden;
   }
+
   .insured_item {
     position: absolute;
     z-index: 98;
     border-radius: 8px;
     width: 67px;
     height: 100px;
+
     .insured_item_1 {
       margin: 0px 13.5px 0px 13.5px;
       padding-top: 9px;
+
       img {
         width: 40px;
         height: 40px;
       }
     }
   }
+
   .color_3A81F6 {
     color: #3a81f6;
   }
+
   .bg_3A81F6 {
     background-color: #3a81f6;
   }
+
   .color_666666 {
     color: #666666;
   }
+
   .color_333333 {
     color: #333333;
   }
+
   .color_FFA42F {
     color: #ffa42f;
   }
+
   .lh24 {
     line-height: 24px;
   }
+
   .lh20 {
     line-height: 20px;
   }
+
   .line_gray {
     width: 1px;
     height: 19px;
     background-color: #999999;
     line-height: 24px;
   }
+
   .sticky_div {
     width: 100%;
     overflow-x: auto;
     box-sizing: border-box;
   }
+
   .line_title {
     border-left: 6px solid #3a81f6;
     padding-left: 6px;
@@ -1256,6 +1351,7 @@ export default {
     margin-top: 25px;
     margin-bottom: 15px;
   }
+
   .risk_head {
     border-top-right-radius: 6px;
     border-top-left-radius: 6px;
@@ -1265,43 +1361,53 @@ export default {
     border: 1px solid #acc5e6;
     line-height: 18px;
   }
+
   .risk_body {
     border: 1px solid #acc5e6;
     border-top: 0px;
     margin: 0px 10px;
     line-height: 18px;
   }
+
   .risk_body_last {
     border-bottom-right-radius: 6px;
     border-bottom-left-radius: 6px;
   }
+
   .up_down_div {
+    z-index: 2;
     position: absolute;
     width: 100%;
     height: 24px;
     left: 0;
     bottom: -12px;
     text-align: center;
+
     img {
       width: 24px;
       height: 24px;
     }
+
     .img180 {
       transform: rotate(180deg);
     }
   }
+
   .model_title {
     margin: 29px 15px;
     padding-top: 15px;
     border-radius: 5px;
+
     .cheeck_risk_type_left {
       border-bottom-left-radius: 15px;
       border-top-left-radius: 15px;
     }
+
     .cheeck_risk_type_right {
       border-bottom-right-radius: 15px;
       border-top-right-radius: 15px;
     }
+
     .checked_risk_type {
       height: 30px;
       line-height: 30px;
@@ -1310,6 +1416,7 @@ export default {
       padding: 0px 25px;
       color: #ffffff;
     }
+
     .no_check_risk_type {
       height: 30px;
       line-height: 30px;
@@ -1319,15 +1426,18 @@ export default {
       padding: 0px 25px;
     }
   }
+
   .line_C8DBFB {
     height: 1px;
     margin: 17px;
     border-top: 1px dashed #c8dbfb;
   }
+
   .calue_name {
     width: 80%;
     text-align: left !important;
   }
+
   .calue_button {
     width: 20%;
     height: 26px;
@@ -1339,12 +1449,14 @@ export default {
     margin-bottom: 5px;
     color: #3a81f6;
   }
+
   .customer_button {
     width: 20px;
     height: 20px;
     border-radius: 10px;
     background-color: #3a81f6;
   }
+
   .last_fix_div {
     bottom: 0px;
     left: 0px;
@@ -1353,10 +1465,12 @@ export default {
     line-height: 40px;
     box-shadow: 0px 0px 10px 5px #aaa;
     z-index: 999;
+
     div {
       width: 50%;
     }
   }
+
   .fix_bottom {
     position: fixed;
     height: 40px;
@@ -1369,42 +1483,51 @@ export default {
     display: flex;
     justify-content: space-between;
     align-items: center;
+
     .fix_bottom_sub {
       display: flex;
       justify-content: flex-start;
       align-items: center;
       margin: 10px;
       font-size: 14px;
+
       img {
         width: 16px;
         height: 16px;
       }
+
       div {
         padding-left: 10px;
       }
     }
   }
+
   .table_border {
     border-left: 1px solid #acc5e6;
   }
+
   .title_item {
     height: 115px;
   }
+
   .lh_30 {
     height: 30px;
     line-height: 30px;
   }
+
   .check_age {
     height: 20px;
     line-height: 20px;
     width: 15em;
     margin: 5px auto;
+
     .check_one {
       border-bottom: 1px solid gray;
       width: 5em;
       text-align: right;
     }
   }
+
   .show_risk_name {
     border-left: 5px solid #3a81f6;
     padding-left: 7px;
@@ -1413,6 +1536,7 @@ export default {
     margin-top: 20px;
     margin-bottom: 10px;
   }
+
   .duty_by_duty {
     .head_radis {
       width: 6px;
@@ -1420,72 +1544,89 @@ export default {
       background-color: black;
       border-radius: 3px;
     }
+
     .title_2 {
       padding-left: 5px;
       line-height: 25px;
     }
+
     .content_1 {
       padding-left: 23px;
       line-height: 25px;
     }
   }
 }
+
 .div_1 {
   margin-top: 13px;
   margin-left: 14px;
 }
+
 .div_2 {
   margin-top: 37px;
   margin-left: 17px;
 }
+
 .div_3 {
   border-radius: 5px;
   margin: 7px 15px 14px 15px;
 }
+
 .div_4 {
   position: relative;
 }
+
 .div_5 {
   margin-top: 15px;
 }
+
 .div_6 {
   margin-bottom: 20px;
 }
+
 .div_7 {
   padding-left: 12px;
   padding-right: 12px;
 }
+
 .div_8 {
   line-height: 25px;
 }
+
 .div_9 {
   padding-top: 30px;
   width: 100%;
   height: 1px;
 }
+
 .img_10 {
   width: 16px;
   height: 16px;
 }
+
 .div_10 {
   padding-top: 10px;
   width: 100%;
   height: 1px;
 }
+
 .div_11 {
   padding: 10px 13px;
 }
+
 .div_12 {
   padding-top: 20px;
   width: 100%;
   height: 1px;
 }
+
 .div_13 {
   right: 0px;
   top: 40%;
   width: 30px;
   /*width: 23px;*/
 }
+
 .img_11 {
   width: 22px;
   height: 80px;
@@ -1495,6 +1636,7 @@ export default {
   background-color: transparent;
   border: 0;
 }
+
 .img_12 {
   width: 22px;
   height: 80px;
@@ -1505,14 +1647,17 @@ export default {
   background-color: transparent;
   border: 0;
 }
+
 .div_14 {
   height: 40px;
   width: 100%;
 }
+
 .shadow {
   //box-shadow: 2px 2px 2px 3px #3b72f9;
   box-shadow: 0 0 4px #3b72f9;
 }
+
 .triangle {
   border-left: 10px solid transparent;
   border-right: 10px solid transparent;
@@ -1523,6 +1668,7 @@ export default {
   z-index: 99;
   margin-left: -10px;
 }
+
 .triangle_shadow {
   border-left: 10px solid transparent;
   border-right: 10px solid transparent;
@@ -1534,16 +1680,20 @@ export default {
   z-index: 96;
   filter: blur(2px);
 }
+
 .sub_insure_item {
   width: 67px;
   height: 105px;
 }
+
 .bg_f7fbff {
   background-color: #f5fbff;
 }
+
 .bg_DBEFFE {
   background-color: #dbeffe;
 }
+
 .div_16 {
   border-bottom: 1px solid #edeef0;
   margin-left: 12px;
@@ -1551,61 +1701,75 @@ export default {
   padding-bottom: 10px;
   padding-top: 10px;
 }
+
 .div_17 {
   padding-left: 11px;
   line-height: 25px;
 }
+
 .img_13 {
   width: 100%;
   height: 100%;
 }
+
 .img_14 {
   width: 200px;
   height: 70px;
 }
+
 .img_15 {
   margin-left: 18px;
   width: 142px;
   height: 27px;
 }
+
 .share_content {
   height: 100vh;
+
   .div_01 {
     width: 100%;
     height: 43px;
     padding-top: 16px;
   }
+
   .div_02 {
     width: 100%;
     height: 497px;
     position: relative;
+
     .div_021 {
       position: absolute;
       top: 30px;
       left: 0px;
       width: 100%;
     }
+
     .div_022 {
       font-size: 25px;
     }
+
     .div_023 {
       font-size: 16px;
       margin-top: 28px;
       color: #073190;
     }
   }
+
   .div_03 {
     color: #666666;
     margin-bottom: 12px;
   }
 }
+
 .div_last {
   line-height: 20px;
   margin: 5px 0px;
 }
+
 .div_height {
   line-height: 24px;
 }
+
 .van-button::before {
   position: absolute;
   top: 50%;