开门红需求-电投提示:电投提示处理初版代码提交 --提交人:阳华祥

This commit is contained in:
yang.huaxiang
2020-11-12 16:45:56 +08:00
parent d6eaf1ea2f
commit 808f849ed2
3 changed files with 74 additions and 72 deletions

View File

@@ -2,20 +2,16 @@
<div class="main-risk-list-container pt10 redRadioCheckbox"> <div class="main-risk-list-container pt10 redRadioCheckbox">
<van-radio-group v-model="result"> <van-radio-group v-model="result">
<van-cell-group> <van-cell-group>
<van-cell v-for="(item, index) in list" clickable @click="result = item" :key="index"> <van-cell v-for="(item, index) in list" clickable @click="result = item" :key="index" v-show="checkItemShow(item)">
<div v-if="checkItemShow(item)"> <p slot="default">
<p slot="default"> <van-tag plain class="green fs12 mr10">{{ item.productType }}</van-tag>
<van-tag plain class="green fs12 mr10">{{ item.productType }}</van-tag> <span class="c-gray-dark fs14">{{ item.riskName }}</span>
<span class="c-gray-dark fs14">{{ item.riskName }}</span> </p>
</p> <van-radio checked-color="red" slot="right-icon" :name="item" />
<van-radio checked-color="red" slot="right-icon" :name="item" />
</div>
</van-cell> </van-cell>
<van-cell> </van-cell>
<van-cell> </van-cell>
</van-cell-group> </van-cell-group>
</van-radio-group> </van-radio-group>
<div class="white_block"></div>
<van-button class="bottom-btn" type="danger" @click="nextStep">完成</van-button> <van-button class="bottom-btn" type="danger" @click="nextStep">完成</van-button>
</div> </div>
</template> </template>
@@ -354,4 +350,9 @@ export default {
} }
} }
</script> </script>
<style lang="scss" scoped></style> <style lang="scss" scoped>
.white_block {
width: 100%;
height: 11.73333vw;
}
</style>

View File

@@ -33,22 +33,26 @@
</div> </div>
</div> </div>
<van-dialog v-model="active_show" title="提示" @confirm="comfirmCheckActive"> <van-dialog v-model="active_show" :show-confirm-button="false">
<div> <div class="pl20 pr20 mt20">
<p class="fs14 black">请选择</p>
<van-radio-group v-model="active_radio"> <van-radio-group v-model="active_radio">
<van-radio name="1" icon-size="12px"> <van-radio name="1" icon-size="14px" class="radio_class">
<div class="flex justify-content-fs"> <div class="flex justify-content-fs align-items-c pl10 fs18">
<van-image round width="10rem" height="10rem" src="https://img.yzcdn.cn/vant/cat.jpeg" /> <van-image round width="1.5rem" height="1.5rem" src="https://img.yzcdn.cn/vant/cat.jpeg" />
<div class="fs18 bold">开门红产品</div> <div class="fs18 fwb pl10">开门红产品</div>
</div> </div>
</van-radio> </van-radio>
<van-radio name="2" icon-size="12px"> <van-radio name="2" icon-size="14px" class="radio_class">
<div class="flex justify-content-fs"> <div class="flex justify-content-fs align-items-c pl10 fs18">
<van-image round width="10rem" height="10rem" src="https://img.yzcdn.cn/vant/cat.jpeg" /> <van-image round width="1.5rem" height="1.5rem" src="https://img.yzcdn.cn/vant/cat.jpeg" />
<div class="fs18 bold">普通产品</div> <div class="fs18 fwb pl10">普通产品</div>
</div> </div>
</van-radio> </van-radio>
</van-radio-group> </van-radio-group>
<div class="flex justify-content-c bg-white mt20 mb20 align-items-c">
<van-button type="danger" size="normal" class="dialog-comfirm-button" @click="comfirmCheckActive" v-no-more-click="1000">确认</van-button>
</div>
</div> </div>
</van-dialog> </van-dialog>
@@ -395,43 +399,31 @@ export default {
}) })
}, },
comfirmCheckActive() { comfirmCheckActive() {
if (this.active_radio == '1') { let param = {
let param = { orderDTO: {
orderDTO: { orderInfoDTO: {
orderInfoDTO: { orderNo: localStorage.orderNo,
orderNo: localStorage.orderNo, activeType: this.active_radio == '1' ? 'KMH' : ''
activeType: 'KMH'
}
} }
} }
saveOrderActiveType(param).then(res => {
this.active_show = false
localStorage.setItem('active_type', 'KMH')
if (res.result == 0) {
this.$jump({
flag: 'h5',
extra: {
url: location.origin + '/#/common/mainRiskList'
},
routerInfo: {
path: '/common/mainRiskList'
}
})
} else {
this.$toast(res.resultMessage)
}
})
} else {
this.$jump({
flag: 'h5',
extra: {
url: location.origin + '/#/common/mainRiskList'
},
routerInfo: {
path: '/common/mainRiskList'
}
})
} }
saveOrderActiveType(param).then(res => {
this.active_show = false
localStorage.setItem('active_type', this.active_radio == '1' ? 'KMH' : '')
if (res.result == 0) {
this.$jump({
flag: 'h5',
extra: {
url: location.origin + '/#/common/mainRiskList'
},
routerInfo: {
path: '/common/mainRiskList'
}
})
} else {
this.$toast(res.resultMessage)
}
})
}, },
showTipForDoubleRecord() { showTipForDoubleRecord() {
//判断投保人年龄是否大于等于60岁 //判断投保人年龄是否大于等于60岁
@@ -484,5 +476,13 @@ export default {
font-weight: bold; font-weight: bold;
font-size: 15px; font-size: 15px;
} }
.radio_class {
height: 80px;
border-bottom: 1px solid #8e8d8d;
}
.dialog-comfirm-button {
width: 50%;
border-radius: 6px;
}
} }
</style> </style>

View File

@@ -1,29 +1,30 @@
<template> <template>
<div class="insuranceInformation-container pb50 redRadioCheckbox"> <div class="insuranceInformation-container pb50 redRadioCheckbox">
<van-notice-bar :scrollable="false" v-if="!Time" class="notice">{{ `提示阅读时长需在${this.Time ? this.time : this.number}秒以上` }}</van-notice-bar> <van-notice-bar :scrollable="false" v-if="!Time" class="notice">{{ `提示阅读时长需在${this.Time ? this.time : this.number}秒以上` }}</van-notice-bar>
<div class="bg-white flex justify-content-c flex-direction-colunm align-it<po>ems-center p20 fs14"> <div class="bg-white flex justify-content-c flex-direction-colunm align-it<po>ems-center p20 fs14 mt20">
<div> <div>
<h2 style="text-align:center" class="mb20">指定保单生效日说明</h2> <h2 style="text-align:center" class="mb20">指定保单生效日说明</h2>
<p> <p style="text-indent:2rem;">
尊敬的客户您好以下指定保生效日相关说明请您务必仔细阅读和确认 尊敬的客户您好以下指定保险合同生效日重要说明请您务必仔细阅读和确认
</p> </p>
<p> <p style="text-indent:2rem;">
交费成功即承保成功如您于2020年12月31日(包含当日之前承保保单生效日指定为2021年1月1日零时如您于2021年1月1日包含当日之后承保单生效日为承保次日零时 如您于2020年12月31日(包含当日之前申请投保并交费成功且国富人寿保险股份有限公司以下简称国富人寿收取首期保险费并签发保险单保险合同于2021年1月1日零时起生效您交费成功日或签发保单日如在2021年1月1日包含当日之后险合同于国富人寿收取首期保险费并签发保险单次日零时起生效
</p> </p>
<p> <p style="text-indent:2rem;">
国富人寿保险股份有限公司以下简称国富人寿承担的保险责任从保生效日零时开始 国富人寿承担的保险责任从保险合同生效日零时开始 签发保险单后 国富人寿将电子保单发送至您的电子邮箱
</p> </p>
<p> <p style="text-indent:2rem;">
承保成功后保险合同成立国富人寿将电子保单发送至您的电子邮箱 请您务必仔细阅读保险条款中的等待期犹豫期保险责任等各项重要内容和提示
</p> </p>
</div> </div>
</div> </div>
<van-radio-group v-model="radio" class="pb10 pb20 pl30">
<van-radio name="1" @click="click" class="fs14">
<span>本人已详细阅读并同意上述指定保单生效日说明 </span>
</van-radio>
</van-radio-group>
<div class="bg-white bottom-btn"> <div class="bg-white bottom-btn">
<van-radio-group v-model="radio" class="pb10 pb20 pl30">
<van-radio name="1" @click="click" class="fs14">
<span>本人已详细阅读并同意上述指定保单生效日说明 </span>
</van-radio>
</van-radio-group>
<van-button type="danger" size="large" :disabled="isDisable" @click="goNext" v-no-more-click="1000">我已阅读并知晓</van-button> <van-button type="danger" size="large" :disabled="isDisable" @click="goNext" v-no-more-click="1000">我已阅读并知晓</van-button>
</div> </div>
</div> </div>
@@ -170,7 +171,7 @@ export default {
if (res.result == '0') { if (res.result == '0') {
this.$toast.clear() this.$toast.clear()
window.localStorage.setItem('detailJump', '') window.localStorage.setItem('detailJump', '')
let url = this.productCode == 'GFRS_M0003' || this.productCode == 'GFRS_M0015' || this.productCode == 'GFRS_M0017' ? 'productTip' : 'insuranceTip' let url = 'insuranceInformation'
this.$jump({ this.$jump({
flag: 'h5', flag: 'h5',
extra: { extra: {
@@ -275,7 +276,7 @@ export default {
if (res.result == '0') { if (res.result == '0') {
this.$toast.clear() this.$toast.clear()
window.localStorage.setItem('detailJump', '') window.localStorage.setItem('detailJump', '')
let url = this.productCode == 'GFRS_M0003' || this.productCode == 'GFRS_M0015' || this.productCode == 'GFRS_M0017' ? 'productTip' : 'insuranceTip' let url = 'insuranceInformation'
this.$jump({ this.$jump({
flag: 'h5', flag: 'h5',
extra: { extra: {