hz/ebiz-h5
1
0
Fork 0
mirror of http://112.124.100.131/GFRS/ebiz-h5.git synced 2025-12-18 03:56:43 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: 加入riskDTOLst变量检测

Browse Source
This commit is contained in:
huangzhe
2025-09-11 16:25:16 +08:00
parent f8d84e73c7
commit e61dfe0d17
1 changed files with 184 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

225
src/views/ebiz/proposal/ProposalInfo.vue
View File

@@ -6,14 +6,18 @@
<img class="w178 h41 div_1" src="@/assets/images/proposal/proposal_logo.png" /> <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"> <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="pl15 pt15 flex justify-content-fs align-items-c sticky_div"
<div class="mr9 title_item" v-for="(item, index) in pageShowInfo.insuredDTOs" :key="index" @click="checkInsure(item.insuredId)"> :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="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"> <div class="insured_item_1">
<img :src="headPicture[item.relationToAppnt + '_' + item.sex]" /> <img :src="headPicture[item.relationToAppnt + '_' + item.sex]" />
</div> </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 /> {{ relationToAppntType[item.relationToAppnt + '_' + item.sex] }}<br />
{{ item.name }} {{ item.name }}
</div> </div>
@@ -33,37 +37,49 @@
<div class="text-center"> <div class="text-center">
<label class="fs14 color_3A81F6 fw600 lh24">被保险人</label><br /> <label class="fs14 color_3A81F6 fw600 lh24">被保险人</label><br />
<label class="fs13 color_666666 lh20" <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>
<div class="line_gray"></div> <div class="line_gray"></div>
<div class="text-center"> <div class="text-center">
<label class="fs14 color_3A81F6 fw600 lh24">投保人</label><br /> <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>
<div class="line_gray"></div> <div class="line_gray"></div>
<div class="text-center"> <div class="text-center">
<label class="fs14 color_3A81F6 fw600 lh24">首年保费</label><br /> <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> </div>
<div class="fs15 line_title">产品计划</div> <div class="fs15 line_title">产品计划</div>
<div class="fs12 div_4"> <div class="fs12 div_4">
<div class="risk_head flex text-center line-height table fs12 bg_DBEFFE"> <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">投保险种</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 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>
<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">{{ riskItem.riskName }}</div>
<div class="flex justify-content-c align-items-c pl7 pr7 pt7 pb7 table_border" v-if="ispremshow"> <div class="flex justify-content-c align-items-c pl7 pr7 pt7 pb7 table_border" v-if="ispremshow">
{{ riskItem.amt ? riskItem.amt : '--' }} {{ riskItem.amt ? riskItem.amt : '--' }}
</div> </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">
<div class="flex justify-content-c align-items-c pl7 pr7 pt7 pb7 table_border">{{ riskItem.payName }}</div> {{ riskItem.insureName }}
<div class="flex justify-content-c align-items-c pl7 pr7 pt7 pb7 table_border">{{ riskItem.showPrem ? riskItem.showPrem : '--' }}</div> </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>
</div> </div>
@@ -72,23 +88,33 @@
<div class="fs12 div_4" v-if="pageShowInfo.showInsuredDTO.riskDTOLstNew.length"> <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="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">投保险种</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 class="flex justify-content-c align-items-c pl7 pr7 pt7 pb7 table_border">养老保险金领取方式</div> 养老保险金开始领取年龄
</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>
<div v-for="(riskItem, index) in pageShowInfo.showInsuredDTO.riskDTOLstNew" :key="index"> <div v-for="(riskItem, index) in pageShowInfo.showInsuredDTO.riskDTOLstNew" :key="index">
<div class="risk_body flex text-center table bg_f7fbff"> <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">{{ 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"> <div class="flex justify-content-c align-items-c pl7 pr7 pt7 pb7 table_border">
{{ riskItem.receivePensionWay == '0' ? '年领' : '月领' }} {{ riskItem.receivePensionWay == '0' ? '年领' : '月领' }}
</div> </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">
<div v-if="riskItem.receivePensionWay == '0'" 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>
<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 }} {{ riskItem.amt | fillNumber }}
</div> </div>
</div> </div>
@@ -98,7 +124,8 @@
<div class="h20">&ensp;</div> <div class="h20">&ensp;</div>
</div> </div>
<div class="up_down_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>
</div> </div>
<!--保险责任--> <!--保险责任-->
@@ -123,9 +150,11 @@
</div> </div>
<div :class="pageShowType.riskCheckStatus ? '' : 'hideInfo'" class="text-left div_5"> <div :class="pageShowType.riskCheckStatus ? '' : 'hideInfo'" class="text-left div_5">
<div v-if="pageShowType.dutyShowType == '01'"> <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-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>
<div class="fw600 fs15 color_3A81F6 show_risk_name"> <div class="fw600 fs15 color_3A81F6 show_risk_name">
{{ item.riskName }} {{ item.riskName }}
@@ -140,7 +169,8 @@
<div class="fs13 color_333333 div_17"> <div class="fs13 color_333333 div_17">
<div v-html="initDutyColor(subItem4.dutyStairExplain)"></div> <div v-html="initDutyColor(subItem4.dutyStairExplain)"></div>
</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 v-html="showDutyDetailExplain(subItem4.dutyDetailExplain)"></div>
</div> </div>
</div> </div>
@@ -149,7 +179,8 @@
</div> </div>
</div> </div>
<div v-if="pageShowType.dutyShowType == '00'"> <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 v-for="(subItem1, subIndex1) in getObjectKeys(item)" :key="subIndex1">
<div class="fw600 fs15 color_3A81F6 show_risk_name"> <div class="fw600 fs15 color_3A81F6 show_risk_name">
{{ subItem1 }} {{ subItem1 }}
@@ -162,7 +193,8 @@
<div class="fs13 div_17 color_333333"> <div class="fs13 div_17 color_333333">
<div v-html="initDutyColor(subItem2.dutyStairExplain)"></div> <div v-html="initDutyColor(subItem2.dutyStairExplain)"></div>
</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 v-html="showDutyDetailExplain(subItem2.dutyDetailExplain)"></div>
</div> </div>
</div> </div>
@@ -171,7 +203,8 @@
</div> </div>
</div> </div>
<div class="up_down_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>
</div> </div>
<!--产品条款--> <!--产品条款-->
@@ -214,12 +247,14 @@
<div class="text-center flex justify-content-e align-items-c fs14 check_age"> <div class="text-center flex justify-content-e align-items-c fs14 check_age">
<div>当被保险人在</div> <div>当被保险人在</div>
<div class="check_one flex justify-content-fe align-items-c" @click="popupShow = true"> <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>岁时</div>
</div> </div>
<div class="flex justify-content-s align-items-c mt15 mb20 ml15 mr15"> <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 <van-slider
class="w220" class="w220"
active-color="#9EC2FC" active-color="#9EC2FC"
@@ -231,7 +266,8 @@
> >
<div slot="button" class="customer_button"></div> <div slot="button" class="customer_button"></div>
</van-slider> </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> </div>
<select-radio <select-radio
class="mb10" class="mb10"
@@ -246,7 +282,7 @@
<!-- 国富人寿富贵尊享终身寿险（分红型）添加利益演示提示 --> <!-- 国富人寿富贵尊享终身寿险（分红型）添加利益演示提示 -->
<div v-if="mainRiskCodes.includes('GFRS_M0095')" class="fs13 div_11 text-left"> <div v-if="mainRiskCodes.includes('GFRS_M0095')" class="fs13 div_11 text-left">
<b <b
>本利益演示基于公司的精算及其他假设，不代表公司的历史经营业绩，也不代表对公司未来经营业绩的预期，保单的红利分配是不确定的，红利水平是不保证的，在某些年度红利可能为零。 >本利益演示基于公司的精算及其他假设，不代表公司的历史经营业绩，也不代表对公司未来经营业绩的预期，保单的红利分配是不确定的，红利水平是不保证的，在某些年度红利可能为零。
</b> </b>
</div> </div>
<div class="div_10"></div> <div class="div_10"></div>
@@ -273,7 +309,8 @@
</div> </div>
<div class="h20">&ensp;</div> <div class="h20">&ensp;</div>
<div class="up_down_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> </div>
</div> </div>
@@ -291,7 +328,8 @@
</div> </div>
<div class="h20">&ensp;</div> <div class="h20">&ensp;</div>
<div class="up_down_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>
</div> </div>
@@ -305,7 +343,8 @@
</div> </div>
<div class="h20">&ensp;</div> <div class="h20">&ensp;</div>
<div class="up_down_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>
</div> </div>
@@ -314,7 +353,8 @@
<div class="fs16 color_3A81F6 lh24 fw600 text-center">温馨提示</div> <div class="fs16 color_3A81F6 lh24 fw600 text-center">温馨提示</div>
<div class="line_C8DBFB"></div> <div class="line_C8DBFB"></div>
<div class="fs13 div_11"> <div class="fs13 div_11">
<b> 本资料仅供客户理解产品条款所用，有关产品的说明、解释、承诺或保证，如与产品条款不一致，均以产品条款为准。 </b> <b>
本资料仅供客户理解产品条款所用，有关产品的说明、解释、承诺或保证，如与产品条款不一致，均以产品条款为准。 </b>
</div> </div>
<div class="div_12"></div> <div class="div_12"></div>
</div> </div>
@@ -340,7 +380,8 @@
</div> </div>
</div> </div>
<van-popup v-model="popupShow" position="bottom"> <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> </van-popup>
</div> </div>
</div> </div>
@@ -354,7 +395,7 @@
<!-- 如果没有姓名的话，根据性别展示男士或女士 --> <!-- 如果没有姓名的话，根据性别展示男士或女士 -->
<div class="text-center div_023"> <div class="text-center div_023">
尊敬的<span v-if="pageShowInfo.appntDTO.name">{{ pageShowInfo.appntDTO.name.substr(0, 1) }}</span 尊敬的<span v-if="pageShowInfo.appntDTO.name">{{ pageShowInfo.appntDTO.name.substr(0, 1) }}</span
>{{ pageShowInfo.appntDTO.sex == '0' ? '先生' : '女士' }} >{{ pageShowInfo.appntDTO.sex == '0' ? '先生' : '女士' }}
</div> </div>
</div> </div>
<img class="img_13" src="@/assets/images/proposal/proposal_share_bg.png" /> <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 dataDictionary from '@/assets/js/utils/data-dictionary'
import riskRules from '../common/risk-rules.js' import riskRules from '../common/risk-rules.js'
import { queryPersonal } from '@/api/ebiz/laurelClub/laurelClub' import { queryPersonal } from '@/api/ebiz/laurelClub/laurelClub'
export default { export default {
data() { data() {
let isWeixin = this.$utils.device().isWeixin //判断环境 let isWeixin = this.$utils.device().isWeixin //判断环境
@@ -527,12 +569,15 @@ export default {
this.isCheck = res.result this.isCheck = res.result
}) })
}, },
created() {}, created() {
},
computed: { computed: {
showDangerInfo : ()=>{ showDangerInfo: () => {
return this.pageShowInfo.showInsuredDTO.riskDTOLst.some(e =>{ if (this.pageShowInfo.showInsuredDTO.riskDTOLst) {
e.riskName.include("分红型") return this.pageShowInfo.showInsuredDTO.riskDTOLst.some(e => {
}) return e.riskName.include('分红型')
})
}
} }
}, },
beforeRouteLeave(to, from, next) { beforeRouteLeave(to, from, next) {
@@ -1153,36 +1198,45 @@ export default {
<style lang="scss"> <style lang="scss">
.proposal-exhibition-container { .proposal-exhibition-container {
padding-bottom: 10px; padding-bottom: 10px;
.sex-radio { .sex-radio {
.van-cell-group { .van-cell-group {
background: transparent; background: transparent;
.van-cell { .van-cell {
background: transparent; background: transparent;
justify-content: center; justify-content: center;
.van-field__label { .van-field__label {
width: 0; width: 0;
flex: 0; flex: 0;
} }
} }
} }
.ph30 { .ph30 {
padding: 0px !important; padding: 0px !important;
} }
} }
&::before { &::before {
content: ''; content: '';
display: table; display: table;
} }
width: 100%; width: 100%;
background: url('../../../assets/images/proposal/proposal_bg.png') no-repeat; background: url('../../../assets/images/proposal/proposal_bg.png') no-repeat;
background-color: #f7f7f7; background-color: #f7f7f7;
background-size: 100% auto; background-size: 100% auto;
.line-height { .line-height {
line-height: 35px; line-height: 35px;
} }
.lh40 { .lh40 {
line-height: 40px; line-height: 40px;
} }
.van-divider { .van-divider {
margin: 0 0 15px; margin: 0 0 15px;
} }
@@ -1191,84 +1245,105 @@ export default {
& > div { & > div {
width: 19%; width: 19%;
} }
& > div:last-child { & > div:last-child {
width: 25%; width: 25%;
} }
} }
.wx { .wx {
img { img {
width: 100%; width: 100%;
} }
} }
div::-webkit-scrollbar { div::-webkit-scrollbar {
width: 0; width: 0;
} }
.divbg_1 { .divbg_1 {
/*background-color: #9ec2fc;*/ /*background-color: #9ec2fc;*/
background-color: #f5fbff; background-color: #f5fbff;
} }
.divbg_2 { .divbg_2 {
background-color: none; background-color: none;
} }
.hideInfo { .hideInfo {
height: 140px; height: 140px;
overflow: hidden; overflow: hidden;
} }
.hideInfo_insure { .hideInfo_insure {
height: 60px; height: 60px;
overflow: hidden; overflow: hidden;
} }
.hideInfo_hesitate { .hideInfo_hesitate {
height: 60px; height: 60px;
overflow: hidden; overflow: hidden;
} }
.insured_item { .insured_item {
position: absolute; position: absolute;
z-index: 98; z-index: 98;
border-radius: 8px; border-radius: 8px;
width: 67px; width: 67px;
height: 100px; height: 100px;
.insured_item_1 { .insured_item_1 {
margin: 0px 13.5px 0px 13.5px; margin: 0px 13.5px 0px 13.5px;
padding-top: 9px; padding-top: 9px;
img { img {
width: 40px; width: 40px;
height: 40px; height: 40px;
} }
} }
} }
.color_3A81F6 { .color_3A81F6 {
color: #3a81f6; color: #3a81f6;
} }
.bg_3A81F6 { .bg_3A81F6 {
background-color: #3a81f6; background-color: #3a81f6;
} }
.color_666666 { .color_666666 {
color: #666666; color: #666666;
} }
.color_333333 { .color_333333 {
color: #333333; color: #333333;
} }
.color_FFA42F { .color_FFA42F {
color: #ffa42f; color: #ffa42f;
} }
.lh24 { .lh24 {
line-height: 24px; line-height: 24px;
} }
.lh20 { .lh20 {
line-height: 20px; line-height: 20px;
} }
.line_gray { .line_gray {
width: 1px; width: 1px;
height: 19px; height: 19px;
background-color: #999999; background-color: #999999;
line-height: 24px; line-height: 24px;
} }
.sticky_div { .sticky_div {
width: 100%; width: 100%;
overflow-x: auto; overflow-x: auto;
box-sizing: border-box; box-sizing: border-box;
} }
.line_title { .line_title {
border-left: 6px solid #3a81f6; border-left: 6px solid #3a81f6;
padding-left: 6px; padding-left: 6px;
@@ -1276,6 +1351,7 @@ export default {
margin-top: 25px; margin-top: 25px;
margin-bottom: 15px; margin-bottom: 15px;
} }
.risk_head { .risk_head {
border-top-right-radius: 6px; border-top-right-radius: 6px;
border-top-left-radius: 6px; border-top-left-radius: 6px;
@@ -1285,16 +1361,19 @@ export default {
border: 1px solid #acc5e6; border: 1px solid #acc5e6;
line-height: 18px; line-height: 18px;
} }
.risk_body { .risk_body {
border: 1px solid #acc5e6; border: 1px solid #acc5e6;
border-top: 0px; border-top: 0px;
margin: 0px 10px; margin: 0px 10px;
line-height: 18px; line-height: 18px;
} }
.risk_body_last { .risk_body_last {
border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px; border-bottom-left-radius: 6px;
} }
.up_down_div { .up_down_div {
position: absolute; position: absolute;
width: 100%; width: 100%;
@@ -1302,26 +1381,32 @@ export default {
left: 0; left: 0;
bottom: -12px; bottom: -12px;
text-align: center; text-align: center;
img { img {
width: 24px; width: 24px;
height: 24px; height: 24px;
} }
.img180 { .img180 {
transform: rotate(180deg); transform: rotate(180deg);
} }
} }
.model_title { .model_title {
margin: 29px 15px; margin: 29px 15px;
padding-top: 15px; padding-top: 15px;
border-radius: 5px; border-radius: 5px;
.cheeck_risk_type_left { .cheeck_risk_type_left {
border-bottom-left-radius: 15px; border-bottom-left-radius: 15px;
border-top-left-radius: 15px; border-top-left-radius: 15px;
} }
.cheeck_risk_type_right { .cheeck_risk_type_right {
border-bottom-right-radius: 15px; border-bottom-right-radius: 15px;
border-top-right-radius: 15px; border-top-right-radius: 15px;
} }
.checked_risk_type { .checked_risk_type {
height: 30px; height: 30px;
line-height: 30px; line-height: 30px;
@@ -1330,6 +1415,7 @@ export default {
padding: 0px 25px; padding: 0px 25px;
color: #ffffff; color: #ffffff;
} }
.no_check_risk_type { .no_check_risk_type {
height: 30px; height: 30px;
line-height: 30px; line-height: 30px;
@@ -1339,15 +1425,18 @@ export default {
padding: 0px 25px; padding: 0px 25px;
} }
} }
.line_C8DBFB { .line_C8DBFB {
height: 1px; height: 1px;
margin: 17px; margin: 17px;
border-top: 1px dashed #c8dbfb; border-top: 1px dashed #c8dbfb;
} }
.calue_name { .calue_name {
width: 80%; width: 80%;
text-align: left !important; text-align: left !important;
} }
.calue_button { .calue_button {
width: 20%; width: 20%;
height: 26px; height: 26px;
@@ -1359,12 +1448,14 @@ export default {
margin-bottom: 5px; margin-bottom: 5px;
color: #3a81f6; color: #3a81f6;
} }
.customer_button { .customer_button {
width: 20px; width: 20px;
height: 20px; height: 20px;
border-radius: 10px; border-radius: 10px;
background-color: #3a81f6; background-color: #3a81f6;
} }
.last_fix_div { .last_fix_div {
bottom: 0px; bottom: 0px;
left: 0px; left: 0px;
@@ -1373,10 +1464,12 @@ export default {
line-height: 40px; line-height: 40px;
box-shadow: 0px 0px 10px 5px #aaa; box-shadow: 0px 0px 10px 5px #aaa;
z-index: 999; z-index: 999;
div { div {
width: 50%; width: 50%;
} }
} }
.fix_bottom { .fix_bottom {
position: fixed; position: fixed;
height: 40px; height: 40px;
@@ -1389,42 +1482,51 @@ export default {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
.fix_bottom_sub { .fix_bottom_sub {
display: flex; display: flex;
justify-content: flex-start; justify-content: flex-start;
align-items: center; align-items: center;
margin: 10px; margin: 10px;
font-size: 14px; font-size: 14px;
img { img {
width: 16px; width: 16px;
height: 16px; height: 16px;
} }
div { div {
padding-left: 10px; padding-left: 10px;
} }
} }
} }
.table_border { .table_border {
border-left: 1px solid #acc5e6; border-left: 1px solid #acc5e6;
} }
.title_item { .title_item {
height: 115px; height: 115px;
} }
.lh_30 { .lh_30 {
height: 30px; height: 30px;
line-height: 30px; line-height: 30px;
} }
.check_age { .check_age {
height: 20px; height: 20px;
line-height: 20px; line-height: 20px;
width: 15em; width: 15em;
margin: 5px auto; margin: 5px auto;
.check_one { .check_one {
border-bottom: 1px solid gray; border-bottom: 1px solid gray;
width: 5em; width: 5em;
text-align: right; text-align: right;
} }
} }
.show_risk_name { .show_risk_name {
border-left: 5px solid #3a81f6; border-left: 5px solid #3a81f6;
padding-left: 7px; padding-left: 7px;
@@ -1433,6 +1535,7 @@ export default {
margin-top: 20px; margin-top: 20px;
margin-bottom: 10px; margin-bottom: 10px;
} }
.duty_by_duty { .duty_by_duty {
.head_radis { .head_radis {
width: 6px; width: 6px;
@@ -1440,72 +1543,89 @@ export default {
background-color: black; background-color: black;
border-radius: 3px; border-radius: 3px;
} }
.title_2 { .title_2 {
padding-left: 5px; padding-left: 5px;
line-height: 25px; line-height: 25px;
} }
.content_1 { .content_1 {
padding-left: 23px; padding-left: 23px;
line-height: 25px; line-height: 25px;
} }
} }
} }
.div_1 { .div_1 {
margin-top: 13px; margin-top: 13px;
margin-left: 14px; margin-left: 14px;
} }
.div_2 { .div_2 {
margin-top: 37px; margin-top: 37px;
margin-left: 17px; margin-left: 17px;
} }
.div_3 { .div_3 {
border-radius: 5px; border-radius: 5px;
margin: 7px 15px 14px 15px; margin: 7px 15px 14px 15px;
} }
.div_4 { .div_4 {
position: relative; position: relative;
} }
.div_5 { .div_5 {
margin-top: 15px; margin-top: 15px;
} }
.div_6 { .div_6 {
margin-bottom: 20px; margin-bottom: 20px;
} }
.div_7 { .div_7 {
padding-left: 12px; padding-left: 12px;
padding-right: 12px; padding-right: 12px;
} }
.div_8 { .div_8 {
line-height: 25px; line-height: 25px;
} }
.div_9 { .div_9 {
padding-top: 30px; padding-top: 30px;
width: 100%; width: 100%;
height: 1px; height: 1px;
} }
.img_10 { .img_10 {
width: 16px; width: 16px;
height: 16px; height: 16px;
} }
.div_10 { .div_10 {
padding-top: 10px; padding-top: 10px;
width: 100%; width: 100%;
height: 1px; height: 1px;
} }
.div_11 { .div_11 {
padding: 10px 13px; padding: 10px 13px;
} }
.div_12 { .div_12 {
padding-top: 20px; padding-top: 20px;
width: 100%; width: 100%;
height: 1px; height: 1px;
} }
.div_13 { .div_13 {
right: 0px; right: 0px;
top: 40%; top: 40%;
width: 30px; width: 30px;
/*width: 23px;*/ /*width: 23px;*/
} }
.img_11 { .img_11 {
width: 22px; width: 22px;
height: 80px; height: 80px;
@@ -1515,6 +1635,7 @@ export default {
background-color: transparent; background-color: transparent;
border: 0; border: 0;
} }
.img_12 { .img_12 {
width: 22px; width: 22px;
height: 80px; height: 80px;
@@ -1525,14 +1646,17 @@ export default {
background-color: transparent; background-color: transparent;
border: 0; border: 0;
} }
.div_14 { .div_14 {
height: 40px; height: 40px;
width: 100%; width: 100%;
} }
.shadow { .shadow {
//box-shadow: 2px 2px 2px 3px #3b72f9; //box-shadow: 2px 2px 2px 3px #3b72f9;
box-shadow: 0 0 4px #3b72f9; box-shadow: 0 0 4px #3b72f9;
} }
.triangle { .triangle {
border-left: 10px solid transparent; border-left: 10px solid transparent;
border-right: 10px solid transparent; border-right: 10px solid transparent;
@@ -1543,6 +1667,7 @@ export default {
z-index: 99; z-index: 99;
margin-left: -10px; margin-left: -10px;
} }
.triangle_shadow { .triangle_shadow {
border-left: 10px solid transparent; border-left: 10px solid transparent;
border-right: 10px solid transparent; border-right: 10px solid transparent;
@@ -1554,16 +1679,20 @@ export default {
z-index: 96; z-index: 96;
filter: blur(2px); filter: blur(2px);
} }
.sub_insure_item { .sub_insure_item {
width: 67px; width: 67px;
height: 105px; height: 105px;
} }
.bg_f7fbff { .bg_f7fbff {
background-color: #f5fbff; background-color: #f5fbff;
} }
.bg_DBEFFE { .bg_DBEFFE {
background-color: #dbeffe; background-color: #dbeffe;
} }
.div_16 { .div_16 {
border-bottom: 1px solid #edeef0; border-bottom: 1px solid #edeef0;
margin-left: 12px; margin-left: 12px;
@@ -1571,61 +1700,75 @@ export default {
padding-bottom: 10px; padding-bottom: 10px;
padding-top: 10px; padding-top: 10px;
} }
.div_17 { .div_17 {
padding-left: 11px; padding-left: 11px;
line-height: 25px; line-height: 25px;
} }
.img_13 { .img_13 {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
.img_14 { .img_14 {
width: 200px; width: 200px;
height: 70px; height: 70px;
} }
.img_15 { .img_15 {
margin-left: 18px; margin-left: 18px;
width: 142px; width: 142px;
height: 27px; height: 27px;
} }
.share_content { .share_content {
height: 100vh; height: 100vh;
.div_01 { .div_01 {
width: 100%; width: 100%;
height: 43px; height: 43px;
padding-top: 16px; padding-top: 16px;
} }
.div_02 { .div_02 {
width: 100%; width: 100%;
height: 497px; height: 497px;
position: relative; position: relative;
.div_021 { .div_021 {
position: absolute; position: absolute;
top: 30px; top: 30px;
left: 0px; left: 0px;
width: 100%; width: 100%;
} }
.div_022 { .div_022 {
font-size: 25px; font-size: 25px;
} }
.div_023 { .div_023 {
font-size: 16px; font-size: 16px;
margin-top: 28px; margin-top: 28px;
color: #073190; color: #073190;
} }
} }
.div_03 { .div_03 {
color: #666666; color: #666666;
margin-bottom: 12px; margin-bottom: 12px;
} }
} }
.div_last { .div_last {
line-height: 20px; line-height: 20px;
margin: 5px 0px; margin: 5px 0px;
} }
.div_height { .div_height {
line-height: 24px; line-height: 24px;
} }
.van-button::before { .van-button::before {
position: absolute; position: absolute;
top: 50%; top: 50%;