mirror of
http://112.124.100.131/GFRS/ebiz-h5.git
synced 2025-12-08 02:26:43 +08:00
Compare commits
3 Commits
release/【2
...
feature/【2
| Author | SHA1 | Date | |
|---|---|---|---|
| 63e0869065 | |||
| e61dfe0d17 | |||
| f8d84e73c7 |
@@ -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' ? '男' : '女' }} {{ pageShowInfo.showInsuredDTO.insuredAge }}周岁</label
|
||||
>{{ pageShowInfo.showInsuredDTO.sex == '0' ? '男' : '女'
|
||||
}} {{ 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' ? '男' : '女' }} {{ pageShowInfo.appntDTO.age }}周岁</label>
|
||||
<label class="fs13 color_666666 lh20">{{ pageShowInfo.appntDTO.sex == '0' ? '男' : '女'
|
||||
}} {{ 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"> </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 }} <img class="img_10" src="@/assets/images/proposal/proposal_select_down.png" />
|
||||
{{ pageShowInfo.showInsuredDTO.checkAge }} <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"> </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"> </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"> </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()
|
||||
@@ -1133,36 +1197,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 +1244,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 +1350,7 @@ export default {
|
||||
margin-top: 25px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.risk_head {
|
||||
border-top-right-radius: 6px;
|
||||
border-top-left-radius: 6px;
|
||||
@@ -1265,43 +1360,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 +1415,7 @@ export default {
|
||||
padding: 0px 25px;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.no_check_risk_type {
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
@@ -1319,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;
|
||||
@@ -1339,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;
|
||||
@@ -1353,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;
|
||||
@@ -1369,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;
|
||||
@@ -1413,6 +1535,7 @@ export default {
|
||||
margin-top: 20px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.duty_by_duty {
|
||||
.head_radis {
|
||||
width: 6px;
|
||||
@@ -1420,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;
|
||||
@@ -1495,6 +1635,7 @@ export default {
|
||||
background-color: transparent;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.img_12 {
|
||||
width: 22px;
|
||||
height: 80px;
|
||||
@@ -1505,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;
|
||||
@@ -1523,6 +1667,7 @@ export default {
|
||||
z-index: 99;
|
||||
margin-left: -10px;
|
||||
}
|
||||
|
||||
.triangle_shadow {
|
||||
border-left: 10px solid transparent;
|
||||
border-right: 10px solid transparent;
|
||||
@@ -1534,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;
|
||||
@@ -1551,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%;
|
||||
|
||||
Reference in New Issue
Block a user