Compare commits

...

9 Commits

Author SHA1 Message Date
zhanglei
26133d07c8 Merge branch 'feature/FCRS-1020中介渠道-鑫管家E款终身寿险(万能型)' into release/【20250923】中介渠道-鑫管家E款终身寿险(万能型)&&分红险加风险提示语 2025-09-23 17:53:57 +08:00
63e0869065 fix: 修复变量错误的问题 2025-09-11 17:55:01 +08:00
e61dfe0d17 fix: 加入riskDTOLst变量检测 2025-09-11 16:25:16 +08:00
f8d84e73c7 feat: 增加分红型之后显示风险提示 2025-09-11 15:35:46 +08:00
zhanglei
eb07e7a21b Merge branch 'feature/FCRS-1015国富人寿富满盈嘉B款终身寿险(分红型)-中介' into release/【20250904】鑫盈嘉两全保险(分红型)&&富满盈嘉B款终身寿险(分红型) 2025-09-04 13:20:46 +08:00
zhanglei
375807df55 feature/FCRS-1015国富人寿富满盈嘉B款终身寿险(分红型)-中介---男性为出生满28天-68周岁。女性为出生满28天-70周岁 2025-09-02 17:35:54 +08:00
zhanglei
5cd7575e63 feature/FCRS-1017国富人寿鑫盈嘉两全保险(分红型)-中介---被保人投保年龄:男性为出生满28天-70周岁。女性为出生满28天-73周岁 2025-09-02 13:50:31 +08:00
zhanglei
e498618b3c Merge remote-tracking branch 'origin/feature/FCRS-1008个险--关于金掌桂系统数据界面调整的请示' into origin/release/【20250902】个险--关于金掌桂系统数据界面调整的请示 2025-09-02 11:13:49 +08:00
liguoxu
3c1084bc4a 部分页面描述中期交调整为保费 2025-08-15 09:41:06 +08:00
8 changed files with 234 additions and 56 deletions

View File

@@ -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)

View File

@@ -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: [],

View File

@@ -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">

View File

@@ -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' }
]

View File

@@ -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>

View File

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

View File

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

View File

@@ -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()
@@ -1134,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;
}
@@ -1172,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;
@@ -1257,6 +1351,7 @@ export default {
margin-top: 25px;
margin-bottom: 15px;
}
.risk_head {
border-top-right-radius: 6px;
border-top-left-radius: 6px;
@@ -1266,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;
@@ -1311,6 +1416,7 @@ export default {
padding: 0px 25px;
color: #ffffff;
}
.no_check_risk_type {
height: 30px;
line-height: 30px;
@@ -1320,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;
@@ -1340,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;
@@ -1354,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;
@@ -1370,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;
@@ -1414,6 +1536,7 @@ export default {
margin-top: 20px;
margin-bottom: 10px;
}
.duty_by_duty {
.head_radis {
width: 6px;
@@ -1421,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;
@@ -1496,6 +1636,7 @@ export default {
background-color: transparent;
border: 0;
}
.img_12 {
width: 22px;
height: 80px;
@@ -1506,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;
@@ -1524,6 +1668,7 @@ export default {
z-index: 99;
margin-left: -10px;
}
.triangle_shadow {
border-left: 10px solid transparent;
border-right: 10px solid transparent;
@@ -1535,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;
@@ -1552,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%;