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

Merge branch 'feature/【GFRS-2215】重新投保' into dev

Browse Source
This commit is contained in:
pangxingyue
2021-03-04 18:11:31 +08:00
parent f7741ba3bc 23c7377a96
commit ee1d7b9f8d
11 changed files with 329 additions and 264 deletions
Download Patch File Download Diff File Expand all files Collapse all files

99
src/components/ebiz/insureAgain/Order.vue Normal file
View File

@@ -0,0 +1,99 @@
<template>
<div class="order">
<slot name="header">
<p class="title pt10 pb10">保单号: 23042834929832</p>
</slot>
<div class="content p15">
<p class="name mb8">
<van-tag plain color="#5CA7DE">投保</van-tag>
<span class="ml5">{{ order.appntDTO.name }}</span>
</p>
<p class="name mb8" v-for="(insured, insuredIndex) in order.insuredDTOs" :key="insuredIndex">
<van-tag plain color="#DD9C56">被保</van-tag>
<span class="ml5">{{ insured.name }}</span>
<span v-for="(main, mainIndex) in insured.mainRisk" :key="mainIndex">
<div class="mv10">
<span class="w45 inline-b">
<van-tag plain type="danger">主险</van-tag>
</span>
<span class="fs15 c-gray-dark">{{ main.riskName }}</span>
</div>
<div class="mv10 pl45 flex" v-for="(addtional, addtionIndex) in main.addtion" :key="addtionIndex">
<span class="mr10" style="flex-shrink: 0">
<van-tag mark color="#DDF2EF" text-color="#E9332E">附加</van-tag>
</span>
<span class="fs13">{{ addtional.riskName }}</span>
</div>
</span>
</p>
<p class="prem mb10">
<span>首期总保费(元)</span>
<span>{{ order.firstPrem == 0 ? '0.00' : order.firstPrem | moneyFormat }}</span>
</p>
<div class="divider mb10" />
<slot></slot>
<div class="btns">
<slot name="btns" />
</div>
</div>
</div>
</template>
<script>
import { Tag } from 'vant'
export default {
name: 'Order',
components: {
[Tag.name]: Tag
},
props: {
order: {
type: Object,
default: () => {}
}
},
data() {
return {}
},
methods: {}
}
</script>
<style lang="scss" scoped>
.order {
background: #fff;
.title {
font-size: 14px;
text-align: center;
background-color: #f2f2f2;
}
.content {
.name {
font-size: 14px;
.span {
color: #999999;
}
}
.prem {
color: #e42b2b;
display: flex;
justify-content: space-between;
font-size: 14px;
font-weight: bolder;
}
.divider {
width: 200%;
border-bottom: 1px solid #cccccc;
transform-origin: left;
transform: scale(0.5);
}
.btns {
display: flex;
justify-content: flex-end;
}
}
}
</style>

171
src/components/ebiz/insureAgain/ReadingAgreement.vue Normal file
View File

@@ -0,0 +1,171 @@
<template>
<div class="bg-white">
<van-notice-bar v-if="time && needTime" :text="tip" />
<div class="agreement">
<slot>
<div class="agreement-content">
<p class="agreement-title mb10">人身保险投保提示</p>
<p>尊敬的客户：</p>
<p class="p">
人身保险是以人的寿命和身体为保险标的的保险。当被保险人发生死亡、伤残、疾病等风险事故时或者达到合同约定的年龄、期限等条件时，保险公司按照保险合同约定给付保险金。人身保险具有保障和长期储蓄功能，可以用于为人们的生活进行长期财务规划。为帮助您更好地认识和购买人身保险产品，保护您的合法权益，我们按中国保监会的要求，请您在填写投保单之前认真阅读以下内容：
</p>
<p class="p">
一、请您确认保险机构和销售人员的合法资格
</p>
<p class="p">
请您从持有中国银行保险监督管理委员会颁发《经营保险业务许可证》或《保险兼业代理许可证》的合法机构或持有《保险销售从业人员执业证书》的销售人员处办理保险业务。如需要查询销售人员的销售资格，您可以要求销售人员告知具体查询方式，或登录保险中介监管信息系统查询（网址：http://iir.circ.gov.cn）。
</p>
<p class="p">
二、请您根据实际保险需求和支付能力选择人身保险产品
</p>
<p class="p">
请您根据自身已有的保障水平和经济实力等实际情况，选择适合自身需求的保险产品。多数人身保险产品期限较长，如果需要分期交纳保险费，请您充分考虑是否有足够、稳定的财力长期支付保险费，不按时交费可能会影响您的权益。建议您使用银行转账等非现金方式交纳保险费。
</p>
<p class="p">
三、请您详细阅读并充分了解保险合同的条款内容
</p>
<p class="p">
四、请您了解“犹豫期”的有关约定
</p>
<p class="p">
一年期以上的人身保险产品一般有犹豫期（投保人、被保险人收到保险合同并书面签收保险合同回执的次日零时起15日以内）的有关约定。除合同另有约定外，在犹豫期内，您可以无条件解除保险合同，但应退还保险合同，我们将退还您全部保险费并不会对此收取其他任何费用。
</p>
<p class="p">
五、“犹豫期”后解除保险合同请您慎重
</p>
<p class="p">
若您在犹豫期过后解除保险合同，您会有一定的损失。我们自收到解除合同的申请书之日起三十日以内，按照合同约定退还保险合同的现金价值（现金价值表附在正式保险合同之中，您若存在疑问，可要求我们予以解释）。
</p>
<p class="p">
六、请您充分理解并认识分红保险、投资连结保险、万能保险等人身保险新型产品的风险和特点
</p>
<p class="p">
（1）如果您选择购买分红保险产品，请您注意以下事项：分红水平主要取决于保险公司的实际经营成果。如果实际经营成果优于定价假设，我们才会将部分盈余分配给您。如果实际经营成果差于定价假设，我们可能不会派发红利。产品说明书或保险利益测算书中关于未来保险合同利益的预测是基于公司精算假设，不能理解为对未来的预期，红利分配是不确定的。
</p>
<p class="p">
（2）如果您选择购买投资连结保险产品，请您注意以下事项：您应当详细了解投资连结保险的费用扣除情况，包括但不限于初始费用、买入卖出差价、死亡风险保险费、保单管理费、资产管理费、手续费、退保费用等。您应当要求销售人员将投资连结保险账户价值的详细计算方法对您进行解释。投资连结保险产品的投资回报具有不确定性，投资风险完全由您承担。产品说明书或保险利益测算书中关于未来保险合同利益的预测是基于公司精算假设，不能理解为对未来的预期，实际投资可能赢利或出现亏损。如果您选择灵活交费方式的，您应当要求销售人员将您停止交费可能产生的风险和不利后果对您进行详细解释。
</p>
<p class="p">
（3）如果您选择购买万能保险产品，请您注意以下事项：万能保险产品通常有最低保证利率的约定，最低保证利率仅针对投资账户中资金。您应当详细了解万能保险的费用扣除情况，包括但不限于初始费用、死亡风险保险费、保单管理费、手续费、退保费用等。您应当要求销售人员将万能保险账户价值的详细计算方法对您进行解释。万能保险产品的投资回报具有不确定性，您要承担部分投资风险。保险公司每月公布的结算利率只能代表一个月的投资情况，不能理解为对全年的预期，结算利率仅针对投资账户中的资金，不针对全部保险费。产品说明书或保险利益测算书中关于未来保险合同利益的预测是基于公司精算假设，最低保证利率之上的投资收益是不确定的，不能理解为对未来的预期。如果您选择灵活交费方式的，您应当要求销售人员将您停止交费可能产生的风险和不利后果对您进行详细解释。
</p>
<p class="p">
七、请您正确认识人身保险新型产品与其他金融产品
</p>
<p class="p">
六、请您充分理解并认识分红保险、投资连结保险、万能保险等人身保险新型产品的风险和特点
</p>
<p class="p">
八、选择健康保险产品时请您注意产品特性和条款具体约定
</p>
<p class="p">
六、请您充分理解并认识分红保险、投资连结保险、万能保险等人身保险新型产品的风险和特点
</p>
<p class="p">
九、为未成年子女选择保险产品时保险金额应适当
</p>
<p class="p">
如果您为未成年子女购买保险产品，因被保险人身故给付的保险金总和应符合中国银保监会的有关规定。其主要目的是为了保护未成年人权益，防止道德风险；同时，从整个家庭看，父母是家庭的主要经济来源和支柱，以父母为被保险人购买保险，可以使整个家庭获得更加全面的保险保障。
</p>
<p class="p">
十、请您如实填写投保资料、正确履行如实告知义务等有关情况并亲笔签名
</p>
<p class="p">
我国《保险法》对投保人的如实告知行为进行了明确的规定。投保时，您填写的投保单应当属实；对于销售人员询问的有关被保险人的问题，您也应当如实回答，否则可能影响您和被保险人的权益。为了有效保障自身权益，请您在充分理解知悉人身保险投保提示、投保单等相关文件后亲笔签名。
</p>
<p class="p">
十一、请您配合保险公司做好客户回访工作
</p>
<p class="p">
我们按规定开展客户回访工作，一般通过电话、信函和上门回访等形式进行。为确保您自己的权益得到切实保障，您应对回访问题进行如实答复，不清楚的地方可以立即提出，要求我们进行详细解释。请您在投保时准确、完整填写地址、邮编、常用联系电话等个人信息，以便我们能够对您及时回访。
</p>
<p class="p">
十二、请您注意保护自身的合法权益
</p>
<p class="p">
如果您发现销售人员在保险销售过程中存在误导销售行为，或认为自身权益受到侵犯，请注意保留书面证据或其他证据，可
</p>
</div>
</slot>
</div>
<div class="action-bar">
<slot name="action"></slot>
</div>
</div>
</template>
<script>
import { NoticeBar } from 'vant'
export default {
name: 'ReadingAgreement',
components: {
[NoticeBar.name]: NoticeBar
},
props: {
paddingBottom: {
type: Number,
default: 0
},
needTime: {
type: Boolean,
default: true
}
},
computed: {
tip() {
return `提示：阅读时长需在${this.time}秒以上`
}
},
data() {
return {
radio: 1,
time: 10,
timer: null
}
},
created() {
this.timeOut()
},
methods: {
timeOut() {
this.timer = setInterval(() => {
this.time--
if (this.time <= 0) {
clearInterval(this.timer)
this.timer = null
}
}, 1000)
}
}
}
</script>
<style lang="scss" scoped>
.agreement {
height: 100vh;
overflow: auto;
.agreement-title {
font-size: 20px;
font-weight: bold;
text-align: center;
}
p {
font-size: 14px;
}
.p {
text-indent: 2em;
}
}
.action-bar {
position: fixed;
bottom: 0;
background: #fff;
width: 100vw;
}
/deep/ .van-radio__label {
color: #ff0000;
}
</style>