Skip to content

dev / pingan-life-index-pro

Go to a project
Toggle navigation
Toggle navigation pinning
371319e4 by simon
Options

默认提交

1 parent 6de6090a
Inline Side-by-side
Showing 5 changed files with 58 additions and 29 deletions
......@@ -931,33 +931,33 @@ module.exports = {
placeHolder1: "Select",
}
},
vhisDetail:{
vhisDetail: {
expand: "展開",
close: "收起",
productList:[{
productList: [{
title: "保證續保至100歲",
desc: "平安人壽（香港）「好e時」自願醫保標準計劃 接受任何介乎14天至80歲人士投保，您可以一直續保至100歲。計劃保證不會因您的索償記錄或身體狀況變而調高續保保費，而您的續保保費將根據當時保單週年日之保費表釐定。",
tips:""
tips: ""
}, {
title: "不設終身保障限額",
desc: "每年保障限額高達420,000 港元，並將每年重新設置至原先限額，讓您享有充裕的醫療保障，減輕因醫療需求而造成的財務負擔。",
tips:""
tips: ""
}, {
title: "一家投保 盡享稅務扣減",
desc:"保費可用作申請稅務扣除，若保單持有人為納稅人，便可為自己及任何指明親屬，即每一名合資格受保人，申請每名受保人每年8,000 港元的扣稅額，可申請稅務扣減的指明親屬 數目更不設上限。",
tips:"*需根據香港自願醫保計劃保單所繳付的合資格保費的扣稅安排"
desc: "保費可用作申請稅務扣除，若保單持有人為納稅人，便可為自己及任何指明親屬，即每一名合資格受保人，申請每名受保人每年8,000 港元的扣稅額，可申請稅務扣減的指明親屬 數目更不設上限。",
tips: "*需根據香港自願醫保計劃保單所繳付的合資格保費的扣稅安排"
}, {
title: "承保投保前未知的已有疾病",
desc:"承保您在投保時不察覺，及理應不察覺的已有病症。對上述有關病症，此計劃會在保單生效首3年的等候期間提供部份保障*，並由第4個保單年度起提供全面保障。",
tips:"*保單生效日後提供部分賠償(第二年25%、第三年50%)，其後提供全面賠償(100%) "
desc: "承保您在投保時不察覺，及理應不察覺的已有病症。對上述有關病症，此計劃會在保單生效首3年的等候期間提供部份保障*，並由第4個保單年度起提供全面保障。",
tips: "*保單生效日後提供部分賠償(第二年25%、第三年50%)，其後提供全面賠償(100%) "
}, {
title: "出院免找數 讓您安心無憂",
desc:"只需完成簡單手續，我們便會直接向有關私家醫院繳付住院期間的醫療開支。",
tips:"*有關詳情及指定醫院列表，請參閱「出院免找數服務」單張。"
desc: "只需完成簡單手續，我們便會直接向有關私家醫院繳付住院期間的醫療開支。",
tips: "*有關詳情及指定醫院列表，請參閱「出院免找數服務」單張。"
}, {
title: "無索償折扣",
desc:"最高可獲得上一個保單年度有已繳總保費之10%。 如您在連續3個保單年度或以上沒有作出賠償，在下一個保單週年日您將可獲得此保費折扣。",
tips:"*有關詳情請參閱產品介紹書。"
desc: "最高可獲得上一個保單年度有已繳總保費之10%。 如您在連續3個保單年度或以上沒有作出賠償，在下一個保單週年日您將可獲得此保費折扣。",
tips: "*有關詳情請參閱產品介紹書。"
}]
}
}
......
......@@ -57,9 +57,7 @@ input {
.reservation-container-2 {
@extend .bb;
background-color: #ffffff;
padding: 20px 100px 72px;
border-radius: 16px;
.clarms-border {
position: relative;
......@@ -145,9 +143,31 @@ input {
}
img {
// width: 1.666667rem;
width: 23px;
pointer-events: none;
}
.check-border {
@extend .fcc;
width: 32px;
height: 32px;
@include border-tans($borderRadius);
.check {
background: url('~@/assets/images/vhis/vhis-tick.png') center no-repeat;
@extend .bis;
width: 22px;
height: 17px;
}
}
.uncheck-border {
background: transparent;
border-color: $cFontGray2;
}
}
.item-group {
......
......@@ -44,25 +44,31 @@
<div class="value">
<div class="ipt-wrap item-group">
<div class="check-item pointer" v-if="typeCandidates.indexOf('1') > -1" @click="typeClickHandle('1')">
<img v-if="typeSelected.indexOf('1') > -1" src="@/assets/images/clarms/checked.png">
<img v-else src="@/assets/images/clarms/uncheck.png">
<div class="check-border">
<div class="check" v-if="typeSelected.indexOf('1') > -1"></div>
</div>
<span>{{$t('clarms.step2.op1')}}</span>
</div>
<div class="check-item pointer" v-if="typeCandidates.indexOf('2') > -1" @click="typeClickHandle('2')">
<img v-if="typeSelected.indexOf('2') > -1" src="@/assets/images/clarms/checked.png">
<img v-else src="@/assets/images/clarms/uncheck.png">
<!-- <img v-if="typeSelected.indexOf('2') > -1" src="@/assets/images/clarms/checked.png">
<img v-else src="@/assets/images/clarms/uncheck.png"> -->
<div class="check-border">
<div class="check" v-if="typeSelected.indexOf('2') > -1"></div>
</div>
<span>{{$t('clarms.step2.op3')}}</span>
</div>
<div class="check-item check-disabled">
<img src="@/assets/images/clarms/uncheck-disabled.png">
<div class="check-border uncheck-border"></div>
<span>{{$t('clarms.step2.op2')}}</span>
</div>
<div class="check-item check-disabled">
<img src="@/assets/images/clarms/uncheck-disabled.png">
<!-- <img src="@/assets/images/clarms/uncheck-disabled.png"> -->
<div class="check-border uncheck-border"></div>
<span>{{$t('clarms.step2.op4')}}</span>
</div>
<div class="check-item check-disabled">
<img src="@/assets/images/clarms/uncheck-disabled.png">
<!-- <img src="@/assets/images/clarms/uncheck-disabled.png"> -->
<div class="check-border uncheck-border"></div>
<span>{{$t('clarms.step2.op5')}}</span>
</div>
</div>
......@@ -156,7 +162,10 @@
<van-loading v-if="loading" /> {{$t('clarms.step2.btn')}}
</div>
<div class="contact" v-if="!showTips" @click="toContact"><span>{{$t('clarms.step2.contact2')}}</span><span class="underline">{{$t('clarms.step2.contact')}}</span></div>
<div class="contact" v-if="!showTips" @click="toContact">
<span>{{$t('clarms.step2.contact2')}}</span>
<span class="underline">{{$t('clarms.step2.contact')}}</span>
</div>
<div class="fail-tips" v-if="showTips">
<img class="icon" src="@/assets/images/common/icon-alert-i.png" alt="">
......
......@@ -31,8 +31,8 @@ $borderRadius:6px;
.reservation-container {
@extend .bb;
border-radius: $borderRadius;
background-color: #ffffff;
// border-radius: $borderRadius;
// background-color: #ffffff;
padding: 60px 82px 68px;
.title {
......
......@@ -82,8 +82,8 @@ input {
.reservation-container {
@extend .bb;
background-color: #ffffff;
border-radius: 20px;
// background-color: #ffffff;
// border-radius: 20px;
.title {
font-size: 1.333333rem;
......@@ -127,8 +127,8 @@ input {
.reservation-container-2 {
@extend .bb;
background-color: #ffffff;
border-radius: 20px;
// background-color: #ffffff;
// border-radius: 20px;
.title {
font-size: 1.333333rem;
......