Skip to content

M
mongo-ui
Commit 5acc3542 authored by 郭志伟's avatar 郭志伟
Browse files
Options

feat: 详情补充

parent 57f42404
Hide whitespace changes
Inline Side-by-side
Showing with 211 additions and 231 deletions
src/api/detail.huagui.shouxian.js
View file @ 5acc3542
......@@ -4,7 +4,7 @@
* @Description: 华贵大麦2020定期寿险
* @Date: 2020-07-27 15:46:37
* @LastEditors: gzw
* @LastEditTime: 2020-07-29 18:55:06
* @LastEditTime: 2020-08-03 15:30:14
*/
import goodsBg from "@/assets/images/goods/detail/shouxian/bg.png";
......@@ -13,6 +13,7 @@ import intro02 from "@/assets/images/goods/detail/shouxian/intro-02.png";
import intro03 from "@/assets/images/goods/detail/shouxian/intro-03.png";
export default {
type: "li",
headerInfo: {
bgSrc: goodsBg,
type: "huagui",
......@@ -109,24 +110,20 @@ export default {
}
],
caseInfo: {
name: "吴先生",
info: "46岁 北京 有社保",
name: "张先生",
info: "33岁 北京",
list: [
{
title: "投保",
event: "2018年6月29日，吴先生为自己投保了一份万家保·重疾轻症险，保额20万，并续保。"
event: "张先生全家生活在北京，有一个可爱的女儿，考虑到家里的房贷、孩子教育，张先生为自己购买了华贵大麦2020定期寿险，保额100万，保障至70周岁，缴费期限20年。"
},
{
title: "投保",
event: "2019年9月16日，吴先生意外烫伤双下肢皮肤，达到浅Ⅲ°烧伤，烧伤面积达20"
},
{
title: "轻症理赔",
event: "2019年9月17日，吴先生后向我司报案，经核实符合该保险中轻症“特定面积Ⅲ度烧伤”的诊断赔付标准，给予4万保险金赔付。"
title: "报案",
event: "投保后第5年，张先生不幸身故，家人向保险公司报案。"
},
{
title: "重疾理赔",
event: "2020年1月3日，吴先生突发胸痛咯血，后诊断为右肺非小细胞性肺癌，经我司核实后确认为保险责任，一次性给予20万元的重大疾病保险金。"
title: "理赔",
event: "张先生在投保时指定了受益人为张先生的太太和女儿，张太太及其女儿一次性获得100万赔偿金。"
}
]
},
......@@ -158,88 +155,20 @@ export default {
],
processDetail: [
{
title: "电话报案",
desc: "拨打XX健康电话XXXXXXXXXXX 进行报案。"
},
{
title: "准备资料",
desc: `准备化验资料等住院资料`
title: "报案",
desc: "通过华贵保险的官方网站、微信公众号，或拨打客服电话400-6841-888进行报案。"
},
{
title: "提交资料",
desc: `热线客服将向您了解出现情况，介绍所需的申请材料并引导后续理赔流程。您需要安保险公司要求，邮寄相应理赔申请资料原件和身份证、银行储蓄卡复印件等资料。`
},
{
title: "完成理赔",
desc: `我们收到齐全的资料后，简易案件将在10个工作日结案，复杂案件将在30日内结案`
}
],
rateInfo: [
{
title: "按月交费",
age: ["0-1", "2-17", "18-20", "21-25", "26-30", "31-35", "36-40", "41-45", "46-50", "51-55", "56-60"],
list: [
[
[30.7, 19.5, 23.1, 25.8, 34.3, 51.3, 86.8, 146.4, 252.3, "", ""],
[26.2, 17.2, 21.3, 29.3, 46.4, 75.6, 113.7, 166.6, 229.0, "", ""]
],
[
[20.4, 12.9, 15.3, 17.1, 22.8, 34.1, 57.8, 97.5, 168.1, 285.1, 443.3],
[17.4, 11.4, 14.1, 19.5, 30.8, 50.3, 75.7, 111, 152.6, 210.9, 303.6]
],
[
[10, 6.3, 7.5, 8.4, 11.2, 16.9, 28.7, 48.6, 83.9, 142.4, 221.5],
[8.6, 5.6, 6.9, 9.6, 15.3, 25, 37.7, 55.4, 76.2, 105.3, 151.7]
]
]
},
{
title: "一次交清",
age: ["0-1", "2-17", "18-20", "21-25", "26-30", "31-35", "36-40", "41-45", "46-50", "51-55", "56-60", "61-65", "66-70", "71-75", "76-80", "81-85", "86-90", "91-95", "96-99"],
list: [
[
[334, 213, 252, 281, 373, 556, 939, 1582, 2724, 4616, 7176, 10505, 15247, 22582, 34031, 49350, 68806, 91974, 120048],
[285, 189, 232, 319, 503, 818, 1229, 1800, 2473, 3416, 4916, 7650, 13398, 21368, 32216, 46892, 64195, 83506, 105165]
],
[
[223, 142, 168, 187, 248, 371, 626, 1055, 1816, 3077, 4784, 7003, 10165, 15055, 22687, 32900, 45871, 61316, 80032],
[190, 126, 155, 213, 335, 545, 819, 1200, 1648, 2277, 3277, 5100, 8932, 14245, 21477, 31261, 42797, 55671, 70110]
],
[
[111, 71, 84, 94, 124, 185, 313, 527, 908, 1539, 2392, 3502, 5082, 7527, 11344, 16450, 22935, 30658, 40016],
[95, 63, 77, 106, 168, 273, 410, 600, 824, 1139, 1639, 2550, 4466, 7123, 10739, 15631, 21398, 27835, 35055]
]
]
}
],
planInfo: [
{
title: "100种重大疾病保险金",
desc:
"<p>重大疾病包括恶性肿瘤、急性心肌梗塞、终末期肾病（或称慢性肾功能衰竭尿毒症期）等100种。在等待期（90天，意外伤害事故无等待期）后初次发生并经医院专科医生确诊罹患本合同约定的一种或多种重大疾病，保险人按照保险单中约定的重大疾病保险金额给付重大疾病保险金，同时在本保险合同项下对该被保险人的保险责任终止。</p>",
url: "查看100种重大疾病",
path: "http://mangguo-contract.qthbx.com/hua-tai-100chong-zhong-ji-v1/",
list: ""
desc: `根据理赔专员的指导，准备理赔材料，并邮寄至指定地点进行审，或由保险公司指派人员上门收取。`
},
{
title: "40种轻症疾病保险金",
desc:
"<p>轻症疾病包括冠状动脉介入手术、非危及生命的（极早期的）恶性病变、轻度中风后遗症等40种。在等待期（90天，意外伤害事故无等待期）后初次发生并经医院专科医生确诊罹患本合同约定的一种或多种轻症。保险人按照保险合同中约定的轻症保险金额给付轻症保险金，同时轻症责任终止。轻症保险金仅针对本保险合同约定的轻症进行给付，轻症疾病必须在生前诊断，对于任何身故后的尸检诊断不给付轻症疾病保险金。对于已经符合重大疾病保险金给付条件的，仅给付重大疾病保险金，不再给付轻症保险金。</p>",
url: "查看40种轻症疾病",
path: "http://mangguo-contract.qthbx.com/hua-tai-100chong-qing-zheng-v1/",
list:""
title: "审核",
desc: `保险公司收到材料后，对案件进行立案和审批。`
},
{
title: "保额说明",
desc: `
<p><strong>重疾30万保额：</strong></p>
<p>30天~50周岁可投保，可逐年续保至99周岁。</p>
<p><strong>重疾20万保额：</strong></p>
<p>30天~60周岁可投保，可逐年续保至99周岁。</p>
<p><strong>重疾10万保额：</strong></p>
<p>
30天~60周岁可投保，可逐年续保至99周岁。</p>
`
title: "理赔付款",
desc: `保险公司结案后，转账付款完成理赔。`
}
]
};
src/api/detail.huatai.zhongjixian.js
View file @ 5acc3542
......@@ -14,6 +14,7 @@ import intro03 from "@/assets/images/goods/detail/zhongjixian/intro-03.png";
import intro04 from "@/assets/images/goods/detail/zhongjixian/intro-04.png";
export default {
type: "cii",
headerInfo: {
bgSrc: goodsBg,
type: "huatai",
......
src/api/detail.taikang.yiliaobaozhang.js
View file @ 5acc3542
......@@ -4,7 +4,7 @@
* @Description: 泰康600万医疗保障
* @Date: 2020-07-27 15:46:37
* @LastEditors: gzw
* @LastEditTime: 2020-08-03 11:10:09
* @LastEditTime: 2020-08-03 15:11:55
*/
import goodsBg from "@/assets/images/goods/detail/yiliaoxian/bg.png";
......@@ -14,6 +14,7 @@ import intro03 from "@/assets/images/goods/detail/zhongjixian/intro-03.png";
import intro04 from "@/assets/images/goods/detail/zhongjixian/intro-04.png";
export default {
type: "mi",
headerInfo: {
bgSrc: goodsBg,
type: "taikang",
......@@ -82,8 +83,8 @@ export default {
sub: "次月5.6元/月起"
},
goodBuyModalInfo: [
{ title: "首月保费", value: `3元` },
{ title: "次月保费", value: "5.6元/月起（共11期）" }
{ title: "首月保费", value: `1元` },
{ title: "次月保费", value: "3.6元/月起（共11期）" }
],
noticeCellInfo: [
{ title: "投保年龄", value: `30~65周岁` },
......
src/api/detail.zhongan.yiliaobaozhang.js → src/api/detail.zhongan.yiwai.js
View file @ 5acc3542
......@@ -4,7 +4,7 @@
* @Description:众安50万意外险
* @Date: 2020-07-27 15:46:37
* @LastEditors: gzw
* @LastEditTime: 2020-08-03 12:09:59
* @LastEditTime: 2020-08-03 14:33:37
*/
import goodsBg from "@/assets/images/goods/detail/yiwaixian/bg.png";
......@@ -14,6 +14,7 @@ import intro03 from "@/assets/images/goods/detail/yiwaixian/intro-03.png";
import intro04 from "@/assets/images/goods/detail/yiwaixian/intro-04.png";
export default {
type: "ai",
headerInfo: {
bgSrc: goodsBg,
type: "zhongan",
......@@ -108,11 +109,10 @@ export default {
{ label: "一次交清", value: "2" }
],
goodActionInfo: {
title: ["350", "元/年", ""]
title: ["53", "元/年", ""]
},
goodBuyModalInfo: [
{ title: "首月保费", value: `3元` },
{ title: "次月保费", value: "5.6元/月起（共11期）" }
{ title: "每年保费", value: `350元` }
],
noticeCellInfo: {
"10": [
......@@ -299,71 +299,39 @@ export default {
}
],
rateInfo: [
{
title: "按月交费",
age: ["0-1", "2-17", "18-20", "21-25", "26-30", "31-35", "36-40", "41-45", "46-50", "51-55", "56-60"],
list: [
[
[30.7, 19.5, 23.1, 25.8, 34.3, 51.3, 86.8, 146.4, 252.3, "", ""],
[26.2, 17.2, 21.3, 29.3, 46.4, 75.6, 113.7, 166.6, 229.0, "", ""]
],
[
[20.4, 12.9, 15.3, 17.1, 22.8, 34.1, 57.8, 97.5, 168.1, 285.1, 443.3],
[17.4, 11.4, 14.1, 19.5, 30.8, 50.3, 75.7, 111, 152.6, 210.9, 303.6]
],
[
[10, 6.3, 7.5, 8.4, 11.2, 16.9, 28.7, 48.6, 83.9, 142.4, 221.5],
[8.6, 5.6, 6.9, 9.6, 15.3, 25, 37.7, 55.4, 76.2, 105.3, 151.7]
]
]
},
{
title: "一次交清",
age: ["0-1", "2-17", "18-20", "21-25", "26-30", "31-35", "36-40", "41-45", "46-50", "51-55", "56-60", "61-65", "66-70", "71-75", "76-80", "81-85", "86-90", "91-95", "96-99"],
list: [
[
[334, 213, 252, 281, 373, 556, 939, 1582, 2724, 4616, 7176, 10505, 15247, 22582, 34031, 49350, 68806, 91974, 120048],
[285, 189, 232, 319, 503, 818, 1229, 1800, 2473, 3416, 4916, 7650, 13398, 21368, 32216, 46892, 64195, 83506, 105165]
],
[
[223, 142, 168, 187, 248, 371, 626, 1055, 1816, 3077, 4784, 7003, 10165, 15055, 22687, 32900, 45871, 61316, 80032],
[190, 126, 155, 213, 335, 545, 819, 1200, 1648, 2277, 3277, 5100, 8932, 14245, 21477, 31261, 42797, 55671, 70110]
],
[
[111, 71, 84, 94, 124, 185, 313, 527, 908, 1539, 2392, 3502, 5082, 7527, 11344, 16450, 22935, 30658, 40016],
[95, 63, 77, 106, 168, 273, 410, 600, 824, 1139, 1639, 2550, 4466, 7123, 10739, 15631, 21398, 27835, 35055]
]
["18-45周岁", "564元", "264元", "53元"],
["18-45周岁", "818元", "390元", "77元"],
["18-45周岁", "1185元", "551元", "111元"]
]
}
],
planInfo: [
{
title: "100种重大疾病保险金",
title: "意外身故",
desc:
"在保险期间内被保险人遭受意外伤害，并自该意外伤害发生之日起180日（含第180日）内因该意外伤害身故的，保险人按本合同载明的意外身故保险金额承担向意外身故保险金受益人给付意外身故保险金的责任，本合同终止。"
},
{
title: "意外残疾",
desc:
"<p>重大疾病包括恶性肿瘤、急性心肌梗塞、终末期肾病（或称慢性肾功能衰竭尿毒症期）等100种。在等待期（90天，意外伤害事故无等待期）后初次发生并经医院专科医生确诊罹患本合同约定的一种或多种重大疾病，保险人按照保险单中约定的重大疾病保险金额给付重大疾病保险金，同时在本保险合同项下对该被保险人的保险责任终止。</p>",
url: "查看100种重大疾病",
path: "http://mangguo-contract.qthbx.com/hua-tai-100chong-zhong-ji-v1/",
list: ""
"在保险期间内被保险人因遭受意外伤害，并自该意外伤害发生之日起180日（含第180日）内因该意外伤害造成被保险人伤残并达到本合同附件《人身保险伤残评定标准及代码》（标准编号为JR/T 0083-2013）所列伤残程度之一的，保险人按《人身保险伤残评定标准及代码》（标准编号为JR/T 0083-2013）所对应伤残等级的给付比例乘以约定的意外伤残保险金额。"
},
{
title: "40种轻症疾病保险金",
title: "猝死",
desc: `被保险人在本附加合同的保险期限内突然发生急性疾病，且在疾病发生后24小时内死亡，则保险人按本附加合同约定的保险金额给付猝死保险金，本附加合同终止。`
},
{
title: "意外医疗",
desc:
"<p>轻症疾病包括冠状动脉介入手术、非危及生命的（极早期的）恶性病变、轻度中风后遗症等40种。在等待期（90天，意外伤害事故无等待期）后初次发生并经医院专科医生确诊罹患本合同约定的一种或多种轻症。保险人按照保险合同中约定的轻症保险金额给付轻症保险金，同时轻症责任终止。轻症保险金仅针对本保险合同约定的轻症进行给付，轻症疾病必须在生前诊断，对于任何身故后的尸检诊断不给付轻症疾病保险金。对于已经符合重大疾病保险金给付条件的，仅给付重大疾病保险金，不再给付轻症保险金。</p>",
url: "查看40种轻症疾病",
path: "http://mangguo-contract.qthbx.com/hua-tai-100chong-qing-zheng-v1/",
list: ""
"在本附加险合同的保险期间内，被保险人遭受主合同责任范围内的意外伤害，并在中华人民共和国境内（不包括香港、澳门及台湾地区）的医院或保险人认可的医疗机构进行治疗所支出的合理且必要的医疗费用的，保险人按照下列约定进行赔偿。"
},
{
title: "保额说明",
desc: `
<p><strong>重疾30万保额：</strong></p>
<p>30天~50周岁可投保，可逐年续保至99周岁。</p>
<p><strong>重疾20万保额：</strong></p>
<p>30天~60周岁可投保，可逐年续保至99周岁。</p>
<p><strong>重疾10万保额：</strong></p>
<p>
30天~60周岁可投保，可逐年续保至99周岁。</p>
`
title: "营运交通工具乘客意外",
desc:
"在保险期限内，被保险人以乘客身份乘坐从事客运的营运交通工具（飞机、火车、轮船、营运汽车）期间遭受意外伤害，自该意外伤害发生之日起180日内因该意外伤害身故或伤残并达到本合同所附《人身保险伤残评定标准》所列伤残程度之一的，保险人按本保险合同载明的意外身故保险金额，或按《评定标准》所对应伤残等级的给付比例乘以约定的意外伤残保险金额进行给付。"
}
]
};
src/views/Goods/Detail/AIDetail.vue
View file @ 5acc3542
......@@ -47,12 +47,13 @@
:url="pupopData.url"
>
<cps-process-detail v-if="currentPupopIndex === 5" :process-data="processDetail" />
<cps-rate v-if="currentPupopIndex === 6" />
<cps-rate v-if="currentPupopIndex === 6" :rate-data="rateInfo" :is-ai="true" />
</popup-with-iframe>
<go-insure-dialog
v-model="goInsureState"
:title="headerInfo.title"
:pay-data="goodBuyModalInfo"
:protocol-data="protocolData"
/>
</div>
</template>
......@@ -83,7 +84,7 @@ import AutoDeduct from "./modules/AutoDeduct";
import ProtocolRead from "./modules/ProtocolRead";
import NavTab from "./modules/NavTab";
import Detail from "@/api/detail.zhongan.yiliaobaozhang";
import Detail from "@/api/detail.zhongan.yiwai";
export default {
name: "GoodsDetail-CII",
......@@ -152,7 +153,7 @@ export default {
methods: {
openIframePupop(index) {
if (index === 4) {
this.$router.push("/goods/plan");
this.$router.push({ path: "/goods/plan", query: { type: this.type } });
return;
}
this.currentPupopIndex = index;
......
src/views/Goods/Detail/CIIDetail.vue
View file @ 5acc3542
......@@ -151,7 +151,7 @@ export default {
methods: {
openIframePupop(index) {
if (index === 4) {
this.$router.push("/goods/plan");
this.$router.push({ path: "/goods/plan", query: { type: this.type } });
return;
}
this.currentPupopIndex = index;
......
src/views/Goods/Detail/LIDetail.vue
View file @ 5acc3542
......@@ -37,7 +37,7 @@
</card>
<cps-case :case-data="caseInfo" />
<div id="det_process">
<cps-process :process-data="processDetail" @click="openIframePupop(5)" />
<cps-process :process-data="processDetail" @click="openIframePupop(5)" :more="false" />
</div>
<div id="det_notice">
<protocol-read
......@@ -80,7 +80,6 @@
:content="pupopData.content"
:url="pupopData.url"
>
<cps-process-detail v-if="currentPupopIndex === 5" :process-data="processDetail" />
<cal-insured-fee v-if="currentPupopIndex === 6" />
</popup-with-iframe>
</div>
......@@ -103,7 +102,6 @@ import CpsCase from "./modules/CpsCase";
import CpsProcess from "./modules/CpsProcess";
import CpsQa from "./modules/CpsQA";
import PopupWithIframe from "@/components/PopupWithIframe";
import CpsProcessDetail from "./modules/CpsProcessDetail";
import CalInsuredFee from "./modules/CalInsuredFee";
import PlanTip from "./modules/PlanTip";
import ProtocolRead from "./modules/ProtocolRead";
......@@ -128,7 +126,6 @@ export default {
Copyright,
PopupWithIframe,
GoodAction,
CpsProcessDetail,
PlanTip,
NavTab,
ProtocolRead,
......@@ -161,7 +158,7 @@ export default {
methods: {
openIframePupop(index) {
if (index === 4) {
this.$router.push("/goods/plan");
this.$router.push({ path: "/goods/plan", query: { type: this.type } });
return;
}
this.currentPupopIndex = index;
......
src/views/Goods/Detail/MIDetail.vue
View file @ 5acc3542
......@@ -142,7 +142,7 @@ export default {
methods: {
openIframePupop(index) {
if (index === 4) {
this.$router.push("/goods/plan");
this.$router.push({ path: "/goods/plan", query: { type: this.type } });
return;
}
this.currentPupopIndex = index;
......
src/views/Goods/Detail/modules/CpsProcess.vue
View file @ 5acc3542
<template functional>
<card title="理赔流程" :option="['了解更多理赔信息']" @option-click="listeners.click">
<card
title="理赔流程"
:option="props.more ? ['了解更多理赔信息'] : ''"
@option-click="listeners.click"
>
<div class="cps-process-list">
<div class="cps-process-list-item" v-for="(item, index) in props.processData" :key="index">
<div class="cps-process-list-item-title">{{ index + 1 }}</div>
......@@ -21,6 +25,10 @@ export default {
default() {
return [];
}
},
more: {
type: Boolean,
default: true
}
}
};
......
src/views/Goods/Detail/modules/CpsRate.vue
View file @ 5acc3542
......@@ -2,14 +2,14 @@
<div class="rate-container">
<cr-sticky class="rate-head">
<cr-radio-btn v-model="titleIndex" :radio-data="titleOptions" />
<cr-tabbar v-model="amountIndex" active-color="#333" inactive-color="#666">
<cr-tabbar v-model="amountIndex" active-color="#333" inactive-color="#666" v-if="!isAi">
<cr-tabbar-item v-for="(item, index) in amountOptions" :key="index">
{{ item }}
</cr-tabbar-item>
</cr-tabbar>
</cr-sticky>
<div class="rate-body">
<table class="table rate-table">
<table class="table rate-table rate-table-padding" v-if="!isAi">
<thead>
<tr>
<th style="width: 40%">投保年龄</th>
......@@ -25,29 +25,56 @@
</tr>
</tbody>
</table>
<table class="table rate-table" v-else>
<thead>
<tr>
<th style="width: 25%;">投保年龄</th>
<th style="width: 25%">100万保额</th>
<th style="width: 25%">50万保额</th>
<th style="width: 25%">10万保额</th>
</tr>
</thead>
<tbody>
<tr v-for="(item, index) in rateData[0].list" :key="index">
<th>{{ item[0] }}</th>
<td>{{ item[1] || "-" }}</td>
<td>{{ item[2] || "-" }}</td>
<td>{{ item[3] || "-" }}</td>
</tr>
</tbody>
</table>
</div>
</div>
</template>
<script>
import crRadioBtn from "@/components/CrRadioBtn";
import detail from "@/api/detail.huatai.zhongjixian";
const { rateInfo } = detail;
export default {
name: "GoodsDetail",
components: {
crRadioBtn
},
props: {
rateData: {
type: Array,
default() {
return [];
}
},
isAi: {
type: Boolean,
default: false
}
},
data() {
return {
rateInfo,
titleIndex: 0,
amountIndex: 0
};
},
computed: {
titleOptions() {
return this.rateInfo.map((item, index) => {
return this.rateData.map((item, index) => {
return {
label: item.title,
value: index
......@@ -55,16 +82,24 @@ export default {
});
},
amountOptions() {
const { rateInfo, titleIndex } = this;
const _length = rateInfo[titleIndex].list.length;
return rateInfo[titleIndex].list.map((item, index) => `${_length - index}0万保额`);
const { rateData, titleIndex } = this;
if (this.isAi) {
return [];
} else {
const _length = rateData[titleIndex].list.length;
return rateData[titleIndex].list.map((item, index) => `${_length - index}0万保额`);
}
},
listOptions() {
const { rateInfo, titleIndex, amountIndex } = this;
return {
age: rateInfo[titleIndex].age,
list: rateInfo[titleIndex].list[amountIndex]
};
if (this.isAi) {
return [];
} else {
const { rateData, titleIndex, amountIndex } = this;
return {
age: rateData[titleIndex].age,
list: rateData[titleIndex].list[amountIndex]
};
}
}
},
methods: {}
......@@ -120,16 +155,18 @@ export default {
.rate-table {
margin: 0;
width: 100%;
thead {
th {
&:first-child {
padding-left: 30px;
&-padding {
thead {
th {
&:first-child {
padding-left: 30px;
}
}
}
}
tbody {
th {
padding-left: 30px;
tbody {
th {
padding-left: 30px;
}
}
}
}
......
src/views/Goods/Detail/modules/GoInsureDialog.vue
View file @ 5acc3542
<template>
<modal v-model="show" :closeable="true" cancel-btn="" confirm-btn="好的 继续" @confirm="go">
<h4 slot="title" class="pay-title">立即拥有<br />{{ title }}</h4>
<compactCellGroup class="pay-det" :cell-data="payCellData" :text-bold="true" />
<compactCellGroup class="pay-det" :cell-data="payData" :text-bold="true" />
<slot>
<div class="pay-tip">*不满意可随时退保</div>
<div class="pay-protocol">
<div class="pay-protocol-tip">投保前请阅读</div>
<div class="pay-protocol-link">
<a href="javascript:;" @click="openIframePupop(0)">保险条款</a>
<i></i>
<a href="javascript:;" @click="openIframePupop(1)">健康告知</a>
<i></i>
<a href="javascript:;" @click="openIframePupop(2)">投保须知与声明</a>
<i></i>
<a href="javascript:;" @click="openIframePupop(3)">服务协议</a>
<a
href="javascript:;"
@click="openIframePupop(item.id)"
v-for="(item, index) in protocolData"
:key="index"
>
{{ item.title }}
</a>
</div>
</div>
</slot>
......@@ -41,18 +42,22 @@ export default {
default() {
return [];
}
},
protocolData: {
type: Array,
default() {
return [
{ title: "保险条款", id: 0 },
{ title: "健康告知", id: 1 },
{ title: "投保须知与声明", id: 2 },
{ title: "服务协议", id: 3 }
];
}
}
},
data() {
return {
show: false,
payCellData: [
{ title: "首月保费", value: "3元" },
{
title: "次月保费",
value: "5.6元/月起（共11期）"
}
]
show: false
};
},
watch: {
......@@ -87,31 +92,39 @@ export default {
&-det {
padding-left: 34px;
position: relative;
&::after,
&::before {
content: " ";
display: block;
position: absolute;
left: 18px;
width: 8px;
height: 8px;
border-radius: @border-radius-max;
border: 1px solid @black;
}
&::before {
background-color: @orange-light;
top: 24px;
}
&::after {
bottom: 26.5px;
}
@{deep} & > div:first-child {
position: absolute;
left: 22.5px;
top: 35px;
height: 14px;
width: 0;
border-right: 1px dotted @gray-4;
@{deep} .cr-cell {
position: relative;
overflow: initial;
&::after,
&::before {
content: " ";
display: block;
position: absolute;
}
&::before {
left: -18px;
top: 7px;
width: 8px;
height: 8px;
border-radius: @border-radius-max;
z-index: 201;
border: 1px solid @black;
background-color: @white;
}
&:first-child::before {
background-color: @orange-light;
}
&::after {
left: -13px;
top: 16px;
height: 20px;
width: 0;
z-index: 200;
border-right: 1px dotted @gray-4;
}
&:last-child::after {
display: none;
}
}
}
&-tip {
......@@ -132,14 +145,18 @@ export default {
a {
font-size: @font-size-12;
vertical-align: middle;
}
i {
display: inline-block;
width: 0;
height: 12px;
border-right: 1px @blue solid;
vertical-align: middle;
margin: 0 3px;
&::after {
display: inline-block;
content: " ";
width: 0;
height: 12px;
border-right: 1px @blue solid;
margin: 0 3px 0 1px;
vertical-align: -2px;
}
&:last-child::after {
display: none;
}
}
}
}
......
src/views/Goods/Plan/index.vue
View file @ 5acc3542
......@@ -18,17 +18,19 @@
<script>
import PopupWithIframe from "@/components/PopupWithIframe";
import card from "@/components/Card";
import detail from "@/api/detail.huatai.zhongjixian";
const { planInfo } = detail;
import cii from "@/api/detail.huatai.zhongjixian";
import li from "@/api/detail.huagui.shouxian";
import mi from "@/api/detail.taikang.yiliaobaozhang";
import ai from "@/api/detail.zhongan.yiwai";
export default {
name: "GoodsDetail",
name: "GoodsPlan",
components: {
card,
PopupWithIframe
},
data() {
return {
planInfo,
planInfo: [],
popupShow: false,
currentPupopIndex: null
};
......@@ -43,6 +45,25 @@ export default {
};
}
},
mounted() {
const detailType = this.$route.query.type;
switch (detailType) {
case "cii":
this.planInfo = cii.planInfo;
break;
case "li":
this.planInfo = li.planInfo;
break;
case "mi":
this.planInfo = mi.planInfo;
break;
case "ai":
this.planInfo = ai.planInfo;
break;
default:
break;
}
},
methods: {
openIframePupop(index) {
this.currentPupopIndex = index;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment