From e61dfe0d17ece676bf035e6a99dda2ec7733e6e1 Mon Sep 17 00:00:00 2001
From: huangzhe <3451701311@qq.com>
Date: Thu, 11 Sep 2025 16:25:16 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=8A=A0=E5=85=A5riskDTOLst=E5=8F=98?=
 =?UTF-8?q?=E9=87=8F=E6=A3=80=E6=B5=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/ebiz/proposal/ProposalInfo.vue | 225 ++++++++++++++++++-----
 1 file changed, 184 insertions(+), 41 deletions(-)

diff --git a/src/views/ebiz/proposal/ProposalInfo.vue b/src/views/ebiz/proposal/ProposalInfo.vue
index 976311bd3..4b4ade976 100644
--- a/src/views/ebiz/proposal/ProposalInfo.vue
+++ b/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,7 +328,8 @@
                 </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>
@@ -305,7 +343,8 @@
                 </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>
@@ -314,7 +353,8 @@
               <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>
@@ -340,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>
@@ -354,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" />
@@ -402,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 //判断环境
@@ -527,12 +569,15 @@ export default {
       this.isCheck = res.result
     })
   },
-  created() {},
+  created() {
+  },
   computed: {
-    showDangerInfo : ()=>{
-     return this.pageShowInfo.showInsuredDTO.riskDTOLst.some(e =>{
-        e.riskName.include("分红型")
-      })
+    showDangerInfo: () => {
+      if (this.pageShowInfo.showInsuredDTO.riskDTOLst) {
+        return this.pageShowInfo.showInsuredDTO.riskDTOLst.some(e => {
+          return e.riskName.include('分红型')
+        })
+      }
     }
   },
   beforeRouteLeave(to, from, next) {
@@ -1153,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;
   }
@@ -1191,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;
@@ -1276,6 +1351,7 @@ export default {
     margin-top: 25px;
     margin-bottom: 15px;
   }
+
   .risk_head {
     border-top-right-radius: 6px;
     border-top-left-radius: 6px;
@@ -1285,16 +1361,19 @@ 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 {
     position: absolute;
     width: 100%;
@@ -1302,26 +1381,32 @@ export default {
     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;
@@ -1330,6 +1415,7 @@ export default {
       padding: 0px 25px;
       color: #ffffff;
     }
+
     .no_check_risk_type {
       height: 30px;
       line-height: 30px;
@@ -1339,15 +1425,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;
@@ -1359,12 +1448,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;
@@ -1373,10 +1464,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;
@@ -1389,42 +1482,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;
@@ -1433,6 +1535,7 @@ export default {
     margin-top: 20px;
     margin-bottom: 10px;
   }
+
   .duty_by_duty {
     .head_radis {
       width: 6px;
@@ -1440,72 +1543,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;
@@ -1515,6 +1635,7 @@ export default {
   background-color: transparent;
   border: 0;
 }
+
 .img_12 {
   width: 22px;
   height: 80px;
@@ -1525,14 +1646,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;
@@ -1543,6 +1667,7 @@ export default {
   z-index: 99;
   margin-left: -10px;
 }
+
 .triangle_shadow {
   border-left: 10px solid transparent;
   border-right: 10px solid transparent;
@@ -1554,16 +1679,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;
@@ -1571,61 +1700,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%;