默认提交
Showing
7 changed files
with
95 additions
and
24 deletions
src/assets/images/vhis/vhis-mine.png
0 → 100644
391 Bytes
| ... | @@ -930,5 +930,34 @@ module.exports = { | ... | @@ -930,5 +930,34 @@ module.exports = { |
| 930 | failureContact: "Please contact customer service", | 930 | failureContact: "Please contact customer service", |
| 931 | placeHolder1: "Select", | 931 | placeHolder1: "Select", |
| 932 | } | 932 | } |
| 933 | }, | ||
| 934 | vhisDetail:{ | ||
| 935 | expand: "展開", | ||
| 936 | close: "收起", | ||
| 937 | productList:[{ | ||
| 938 | title: "保證續保至100歲", | ||
| 939 | desc: "平安人壽(香港)「好e時」自願醫保標準計劃 接受任何介乎14天至80歲人士投保,您可以一直續保至100歲。計劃保證不會因您的索償記錄或身體狀況變而調高續保保費,而您的續保保費將根據當時保單週年日之保費表釐定。", | ||
| 940 | tips:"" | ||
| 941 | }, { | ||
| 942 | title: "不設終身保障限額", | ||
| 943 | desc: "每年保障限額高達420,000 港元,並將每年重新設置至原先限額,讓您享有充裕的醫療保障,減輕因醫療需求而造成的財務負擔。", | ||
| 944 | tips:"" | ||
| 945 | }, { | ||
| 946 | title: "一家投保 盡享稅務扣減", | ||
| 947 | desc:"保費可用作申請稅務扣除,若保單持有人為納稅人,便可為自己及任何指明親屬,即每一名合資格受保人,申請每名受保人每年8,000 港元的扣稅額,可申請稅務扣減的指明親屬 數目更不設上限。", | ||
| 948 | tips:"*需根據香港自願醫保計劃保單所繳付的合資格保費的扣稅安排" | ||
| 949 | }, { | ||
| 950 | title: "承保投保前未知的已有疾病", | ||
| 951 | desc:"承保您在投保時不察覺,及理應不察覺的已有病症。對上述有關病症,此計劃會在保單生效首3年的等候期間提供部份保障*,並由第4個保單年度起提供全面保障。", | ||
| 952 | tips:"*保單生效日後提供部分賠償(第二年25%、第三年50%),其後提供全面賠償(100%) " | ||
| 953 | }, { | ||
| 954 | title: "出院免找數 讓您安心無憂", | ||
| 955 | desc:"只需完成簡單手續,我們便會直接向有關私家醫院繳付住院期間的醫療開支。", | ||
| 956 | tips:"*有關詳情及指定醫院列表,請參閱「出院免找數服務」單張。" | ||
| 957 | }, { | ||
| 958 | title: "無索償折扣", | ||
| 959 | desc:"最高可獲得上一個保單年度有已繳總保費之10%。 如您在連續3個保單年度或以上沒有作出賠償,在下一個保單週年日您將可獲得此保費折扣。", | ||
| 960 | tips:"*有關詳情請參閱產品介紹書。" | ||
| 961 | }] | ||
| 933 | } | 962 | } |
| 934 | } | 963 | } | ... | ... |
This diff is collapsed.
Click to expand it.
| ... | @@ -924,5 +924,34 @@ module.exports = { | ... | @@ -924,5 +924,34 @@ module.exports = { |
| 924 | failureContact: "请联系客服解决", | 924 | failureContact: "请联系客服解决", |
| 925 | placeHolder1: "请选择", | 925 | placeHolder1: "请选择", |
| 926 | } | 926 | } |
| 927 | }, | ||
| 928 | vhisDetail: { | ||
| 929 | expand: "展开", | ||
| 930 | close: "收起", | ||
| 931 | productList: [{ | ||
| 932 | title: "保证续保至100岁", | ||
| 933 | desc: "平安人寿(香港)「好e时」自愿医保标准计划 接受任何介乎14天至80岁人士投保,您可以一直续保至100岁。计划保证不会因您的索偿记录或身体状况变而调高续保保费,而您的续保保费将根据当时保单週年日之保费表釐定。", | ||
| 934 | tips: "" | ||
| 935 | }, { | ||
| 936 | title: "不设终身保障限额", | ||
| 937 | desc: "每年保障限额高达420,000 港元,并将每年重新设置至原先限额,让您享有充裕的医疗保障,减轻因医疗需求而造成的财务负担。", | ||
| 938 | tips: "" | ||
| 939 | }, { | ||
| 940 | title: "一家投保 尽享税务扣减", | ||
| 941 | desc: "保费可用作申请税务扣除,若保单持有人为纳税人,便可为自己及任何指明亲属,即每一名合资格受保人,申请每名受保人每年8,000 港元的扣税额,可申请税务扣减的指明亲属 数目更不设上限。", | ||
| 942 | tips: "*需根据香港自愿医保计划保单所缴付的合资格保费的扣税安排" | ||
| 943 | }, { | ||
| 944 | title: "承保投保前未知的已有疾病", | ||
| 945 | desc: "承保您在投保时不察觉,及理应不察觉的已有病症。对上述有关病症,此计划会在保单生效首3年的等候期间提供部份保障*,并由第4个保单年度起提供全面保障。", | ||
| 946 | tips: "*保单生效日后提供部分赔偿(第二年25%、第三年50%),其后提供全面赔偿(100%) " | ||
| 947 | }, { | ||
| 948 | title: "出院免找数 让您安心无忧", | ||
| 949 | desc: "只需完成简单手续,我们便会直接向有关私家医院缴付住院期间的医疗开支。", | ||
| 950 | tips: "*有关详情及指定医院列表,请参阅「出院免找数服务」单张。" | ||
| 951 | }, { | ||
| 952 | title: "无索偿折扣", | ||
| 953 | desc: "最高可获得上一个保单年度有已缴总保费之10%。 如您在连续3个保单年度或以上没有作出赔偿,在下一个保单周年日您将可获得此保费折扣。", | ||
| 954 | tips: "*有关详情请参阅产品介绍书。" | ||
| 955 | }] | ||
| 927 | } | 956 | } |
| 928 | } | 957 | } | ... | ... |
| ... | @@ -151,26 +151,32 @@ export default { | ... | @@ -151,26 +151,32 @@ export default { |
| 151 | this.playerOptions = playerOptions; | 151 | this.playerOptions = playerOptions; |
| 152 | }, | 152 | }, |
| 153 | initProduct() { | 153 | initProduct() { |
| 154 | let productList = [{ | 154 | // let productList = [{ |
| 155 | showMore: false, | 155 | // showMore: false, |
| 156 | title: "保證續保至100歲", | 156 | // title: "保證續保至100歲", |
| 157 | desc: "平安人壽(香港)「好e時」自願醫保標準計劃 接受任何介乎14天至80歲人士投保,您可以一直續保至100歲。計劃保證不會因您的索償記錄或身體狀況變而調高續保保費,而您的續保保費將根據當時保單週年日之保費表釐定。" | 157 | // desc: "平安人壽(香港)「好e時」自願醫保標準計劃 接受任何介乎14天至80歲人士投保,您可以一直續保至100歲。計劃保證不會因您的索償記錄或身體狀況變而調高續保保費,而您的續保保費將根據當時保單週年日之保費表釐定。", |
| 158 | }, { | 158 | // tips:"*需根據香港自願醫保計劃保單所繳付的合資格保費的扣稅安排" |
| 159 | showMore: false, | 159 | // }, { |
| 160 | title: "不設終身保障限額" | 160 | // showMore: false, |
| 161 | }, { | 161 | // title: "不設終身保障限額" |
| 162 | showMore: false, | 162 | // }, { |
| 163 | title: "一家投保 盡享稅務扣減" | 163 | // showMore: false, |
| 164 | }, { | 164 | // title: "一家投保 盡享稅務扣減" |
| 165 | showMore: false, | 165 | // }, { |
| 166 | title: "承保投保前未知的已有疾病" | 166 | // showMore: false, |
| 167 | }, { | 167 | // title: "承保投保前未知的已有疾病" |
| 168 | showMore: false, | 168 | // }, { |
| 169 | title: "出院免找數 讓您安心無憂" | 169 | // showMore: false, |
| 170 | }, { | 170 | // title: "出院免找數 讓您安心無憂" |
| 171 | showMore: false, | 171 | // }, { |
| 172 | title: "無索償折扣" | 172 | // showMore: false, |
| 173 | }]; | 173 | // title: "無索償折扣" |
| 174 | // }]; | ||
| 175 | let productList = this.i18n.vhisDetail.productList; | ||
| 176 | productList.forEach(element => { | ||
| 177 | element.showMore = false; | ||
| 178 | }); | ||
| 179 | console.log("productList:", productList); | ||
| 174 | this.productList = productList; | 180 | this.productList = productList; |
| 175 | }, | 181 | }, |
| 176 | onShowMoreHandler(idx) { | 182 | onShowMoreHandler(idx) { |
| ... | @@ -181,7 +187,7 @@ export default { | ... | @@ -181,7 +187,7 @@ export default { |
| 181 | curProduct.showMore = !curProduct.showMore; | 187 | curProduct.showMore = !curProduct.showMore; |
| 182 | } | 188 | } |
| 183 | this.productList = productList; | 189 | this.productList = productList; |
| 184 | console.log("this.productList:",this.productList); | 190 | console.log("this.productList:", this.productList); |
| 185 | }, | 191 | }, |
| 186 | initData() { | 192 | initData() { |
| 187 | this.initProduct(); | 193 | this.initProduct(); | ... | ... |
| ... | @@ -148,6 +148,7 @@ $borderSize: 6px; | ... | @@ -148,6 +148,7 @@ $borderSize: 6px; |
| 148 | font-weight: bold; | 148 | font-weight: bold; |
| 149 | color: $cOrange2; | 149 | color: $cOrange2; |
| 150 | } | 150 | } |
| 151 | |||
| 151 | } | 152 | } |
| 152 | } | 153 | } |
| 153 | } | 154 | } |
| ... | @@ -276,6 +277,10 @@ $borderSize: 6px; | ... | @@ -276,6 +277,10 @@ $borderSize: 6px; |
| 276 | font-weight: 300; | 277 | font-weight: 300; |
| 277 | @extend .text-jtf; | 278 | @extend .text-jtf; |
| 278 | } | 279 | } |
| 280 | |||
| 281 | .tips{ | ||
| 282 | font-style:italic; | ||
| 283 | } | ||
| 279 | } | 284 | } |
| 280 | } | 285 | } |
| 281 | } | 286 | } | ... | ... |
| ... | @@ -68,13 +68,15 @@ | ... | @@ -68,13 +68,15 @@ |
| 68 | <div class="detail"> | 68 | <div class="detail"> |
| 69 | <div class="t1" v-html="item.title">{{item.title}}</div> | 69 | <div class="t1" v-html="item.title">{{item.title}}</div> |
| 70 | <div class="more pointer" @click="onShowMoreHandler(index)"> | 70 | <div class="more pointer" @click="onShowMoreHandler(index)"> |
| 71 | <div class="more-icon-wrap" > | 71 | <div class="more-icon-wrap"> |
| 72 | <img src="@/assets/images/vhis/vhis-plus.png"> | 72 | <img v-if="item.showMore" src="@/assets/images/vhis/vhis-mine.png"> |
| 73 | <img v-else src="@/assets/images/vhis/vhis-plus.png"> | ||
| 73 | </div> | 74 | </div> |
| 74 | <div class="c1">{{item.showMore ? '收起' : '展開'}}</div> | 75 | <div class="c1">{{item.showMore ? $t('vhisDetail.close') : $t('vhisDetail.expand')}}</div> |
| 75 | </div> | 76 | </div> |
| 76 | <div v-if="item.showMore" class="desc"> | 77 | <div v-if="item.showMore" class="desc"> |
| 77 | {{item.desc}} | 78 | {{item.desc}} |
| 79 | <div class="tips">{{item.tips}}</div> | ||
| 78 | </div> | 80 | </div> |
| 79 | </div> | 81 | </div> |
| 80 | </div> | 82 | </div> | ... | ... |
-
Please register or sign in to post a comment