默认提交
Showing
7 changed files
with
162 additions
and
41 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 | } | ... | ... |
... | @@ -10,7 +10,7 @@ module.exports = { | ... | @@ -10,7 +10,7 @@ module.exports = { |
10 | }, | 10 | }, |
11 | glbalTips: { | 11 | glbalTips: { |
12 | sessionLost: "操作超時,為了您的賬戶安全,請重新輸入並提交", | 12 | sessionLost: "操作超時,為了您的賬戶安全,請重新輸入並提交", |
13 | sysError : "系統出錯,請稍後再試 " | 13 | sysError: "系統出錯,請稍後再試 " |
14 | }, | 14 | }, |
15 | form: { | 15 | form: { |
16 | datePicker: { | 16 | datePicker: { |
... | @@ -22,8 +22,8 @@ module.exports = { | ... | @@ -22,8 +22,8 @@ module.exports = { |
22 | back: "證件反面", | 22 | back: "證件反面", |
23 | } | 23 | } |
24 | }, | 24 | }, |
25 | error : { | 25 | error: { |
26 | nameTip : "請輸入合法的名字" | 26 | nameTip: "請輸入合法的名字" |
27 | }, | 27 | }, |
28 | nav: { | 28 | nav: { |
29 | loginData: { | 29 | loginData: { |
... | @@ -60,8 +60,7 @@ module.exports = { | ... | @@ -60,8 +60,7 @@ module.exports = { |
60 | } | 60 | } |
61 | ] | 61 | ] |
62 | }, | 62 | }, |
63 | navList: [ | 63 | navList: [{ |
64 | { | ||
65 | name: "產品介紹", | 64 | name: "產品介紹", |
66 | path: "/product/introduction", | 65 | path: "/product/introduction", |
67 | list: [{ | 66 | list: [{ |
... | @@ -71,7 +70,8 @@ module.exports = { | ... | @@ -71,7 +70,8 @@ module.exports = { |
71 | { | 70 | { |
72 | name: "投資成份保險", | 71 | name: "投資成份保險", |
73 | path: "/vhis?p=endowment" | 72 | path: "/vhis?p=endowment" |
74 | }] | 73 | } |
74 | ] | ||
75 | }, | 75 | }, |
76 | { | 76 | { |
77 | name: "客戶服務", | 77 | name: "客戶服務", |
... | @@ -136,7 +136,8 @@ module.exports = { | ... | @@ -136,7 +136,8 @@ module.exports = { |
136 | { | 136 | { |
137 | name: "獎項殊榮", | 137 | name: "獎項殊榮", |
138 | path: "/awards" | 138 | path: "/awards" |
139 | }] | 139 | } |
140 | ] | ||
140 | }, | 141 | }, |
141 | { | 142 | { |
142 | name: "加入我們", | 143 | name: "加入我們", |
... | @@ -392,7 +393,19 @@ module.exports = { | ... | @@ -392,7 +393,19 @@ module.exports = { |
392 | contactTime: "期望聯絡時間", | 393 | contactTime: "期望聯絡時間", |
393 | notice1: "本表格所收集的個人資料根據「平安人壽香港個人資料收集聲明」處理及只會被用作於聯絡 閣下之用。然而所收集的個人資料未經您明確授權將不會轉移至「平安人壽香港個人資料收集聲明」列明以外之第三者機構。您可選擇不向我們提供所需的個人資料,惟這樣可能導致我們不能聯絡您。您亦可根據「平安人壽香港個人資料收集聲明」之權利查閱及更正個人資料。", | 394 | notice1: "本表格所收集的個人資料根據「平安人壽香港個人資料收集聲明」處理及只會被用作於聯絡 閣下之用。然而所收集的個人資料未經您明確授權將不會轉移至「平安人壽香港個人資料收集聲明」列明以外之第三者機構。您可選擇不向我們提供所需的個人資料,惟這樣可能導致我們不能聯絡您。您亦可根據「平安人壽香港個人資料收集聲明」之權利查閱及更正個人資料。", |
394 | notice2: "本人現確認明白並同意本人的個人資料根據中銀人壽個人資料收集聲明作以上述用途。", | 395 | notice2: "本人現確認明白並同意本人的個人資料根據中銀人壽個人資料收集聲明作以上述用途。", |
395 | contactTypes: [{ name: '電話', value: 1, show: "聯絡電話", icon: "mobile", placeholder: "香港號碼/內地號碼" }, { name: '電郵', value: 2, show: "電郵地址", icon: "email", placeholder: "電郵地址" }], | 396 | contactTypes: [{ |
397 | name: '電話', | ||
398 | value: 1, | ||
399 | show: "聯絡電話", | ||
400 | icon: "mobile", | ||
401 | placeholder: "香港號碼/內地號碼" | ||
402 | }, { | ||
403 | name: '電郵', | ||
404 | value: 2, | ||
405 | show: "電郵地址", | ||
406 | icon: "email", | ||
407 | placeholder: "電郵地址" | ||
408 | }], | ||
396 | errorTips: { | 409 | errorTips: { |
397 | e1: "請填寫該項內容", | 410 | e1: "請填寫該項內容", |
398 | e2: "請填寫正確的聯繫方式", | 411 | e2: "請填寫正確的聯繫方式", |
... | @@ -406,13 +419,21 @@ module.exports = { | ... | @@ -406,13 +419,21 @@ module.exports = { |
406 | name: "姓名", | 419 | name: "姓名", |
407 | namePlaceholder: "姓名", | 420 | namePlaceholder: "姓名", |
408 | contactType: "聯絡方式", | 421 | contactType: "聯絡方式", |
409 | contactTypeCadidates: [{ name: "電話", value: 1 }], | 422 | contactTypeCadidates: [{ |
423 | name: "電話", | ||
424 | value: 1 | ||
425 | }], | ||
410 | contact: "聯絡電話", | 426 | contact: "聯絡電話", |
411 | contactPlaceholder: "香港號碼/內地號碼", | 427 | contactPlaceholder: "香港號碼/內地號碼", |
412 | reservationType: "預約類型", | 428 | reservationType: "預約類型", |
413 | reservationCandidates: [ | 429 | reservationCandidates: [{ |
414 | { name: "投保諮詢", value: "投保諮詢" }, | 430 | name: "投保諮詢", |
415 | { name: "代辦保單變更", value: "代办保单变更" } | 431 | value: "投保諮詢" |
432 | }, | ||
433 | { | ||
434 | name: "代辦保單變更", | ||
435 | value: "代办保单变更" | ||
436 | } | ||
416 | ], | 437 | ], |
417 | reservationRemark: "預約說明", | 438 | reservationRemark: "預約說明", |
418 | reservationRemarkPlaceholder: "請簡單說明您想要咨詢的產品或業務", | 439 | reservationRemarkPlaceholder: "請簡單說明您想要咨詢的產品或業務", |
... | @@ -763,7 +784,7 @@ module.exports = { | ... | @@ -763,7 +784,7 @@ module.exports = { |
763 | showMore: "顯示所有保單", | 784 | showMore: "顯示所有保單", |
764 | noPolicy: "您還未購買保單,如有疑問請", | 785 | noPolicy: "您還未購買保單,如有疑問請", |
765 | customService: "聯繫客服", | 786 | customService: "聯繫客服", |
766 | downloadClick:"點擊下載", | 787 | downloadClick: "點擊下載", |
767 | }, | 788 | }, |
768 | unauth: { | 789 | unauth: { |
769 | m1: { | 790 | m1: { |
... | @@ -813,7 +834,7 @@ module.exports = { | ... | @@ -813,7 +834,7 @@ module.exports = { |
813 | }, | 834 | }, |
814 | vhis: { | 835 | vhis: { |
815 | title: "保單確認書", | 836 | title: "保單確認書", |
816 | titleAft:"(由保單持有人確認)", | 837 | titleAft: "(由保單持有人確認)", |
817 | desc1: "多謝閣下投保平安人壽保險產品。", | 838 | desc1: "多謝閣下投保平安人壽保險產品。", |
818 | desc2: "保單已經承保,內附于此供閣下參考及保存。", | 839 | desc2: "保單已經承保,內附于此供閣下參考及保存。", |
819 | desc3: "保單是重要檔,請即查閱其內容準確性,", | 840 | desc3: "保單是重要檔,請即查閱其內容準確性,", |
... | @@ -835,11 +856,11 @@ module.exports = { | ... | @@ -835,11 +856,11 @@ module.exports = { |
835 | tip3: "收托上述保單。", | 856 | tip3: "收托上述保單。", |
836 | tip4: "我想", | 857 | tip4: "我想", |
837 | tip5: "聯絡客服", | 858 | tip5: "聯絡客服", |
838 | tip6 : "保單已簽收,如需查詢保單資訊或下載電子保單可點擊", | 859 | tip6: "保單已簽收,如需查詢保單資訊或下載電子保單可點擊", |
839 | tip7 : "保單查詢" | 860 | tip7: "保單查詢" |
840 | }, | 861 | }, |
841 | clarms: { | 862 | clarms: { |
842 | title:"索償申請", | 863 | title: "索償申請", |
843 | step1: { | 864 | step1: { |
844 | register: "註冊", | 865 | register: "註冊", |
845 | login: "登入", | 866 | login: "登入", |
... | @@ -901,5 +922,34 @@ module.exports = { | ... | @@ -901,5 +922,34 @@ module.exports = { |
901 | failureContact: "請聯繫客服解決", | 922 | failureContact: "請聯繫客服解決", |
902 | placeHolder1: "請選擇", | 923 | placeHolder1: "請選擇", |
903 | } | 924 | } |
925 | }, | ||
926 | vhisDetail: { | ||
927 | expand: "展開", | ||
928 | close: "收起", | ||
929 | productList: [{ | ||
930 | title: "保證續保至100歲", | ||
931 | desc: "平安人壽(香港)「好e時」自願醫保標準計劃 接受任何介乎14天至80歲人士投保,您可以一直續保至100歲。計劃保證不會因您的索償記錄或身體狀況變而調高續保保費,而您的續保保費將根據當時保單週年日之保費表釐定。", | ||
932 | tips: "" | ||
933 | }, { | ||
934 | title: "不設終身保障限額", | ||
935 | desc: "每年保障限額高達420,000 港元,並將每年重新設置至原先限額,讓您享有充裕的醫療保障,減輕因醫療需求而造成的財務負擔。", | ||
936 | tips: "" | ||
937 | }, { | ||
938 | title: "一家投保 盡享稅務扣減", | ||
939 | desc: "保費可用作申請稅務扣除,若保單持有人為納稅人,便可為自己及任何指明親屬,即每一名合資格受保人,申請每名受保人每年8,000 港元的扣稅額,可申請稅務扣減的指明親屬 數目更不設上限。", | ||
940 | tips: "*需根據香港自願醫保計劃保單所繳付的合資格保費的扣稅安排" | ||
941 | }, { | ||
942 | title: "承保投保前未知的已有疾病", | ||
943 | desc: "承保您在投保時不察覺,及理應不察覺的已有病症。對上述有關病症,此計劃會在保單生效首3年的等候期間提供部份保障*,並由第4個保單年度起提供全面保障。", | ||
944 | tips: "*保單生效日後提供部分賠償(第二年25%、第三年50%),其後提供全面賠償(100%) " | ||
945 | }, { | ||
946 | title: "出院免找數 讓您安心無憂", | ||
947 | desc: "只需完成簡單手續,我們便會直接向有關私家醫院繳付住院期間的醫療開支。", | ||
948 | tips: "*有關詳情及指定醫院列表,請參閱「出院免找數服務」單張。" | ||
949 | }, { | ||
950 | title: "無索償折扣", | ||
951 | desc: "最高可獲得上一個保單年度有已繳總保費之10%。 如您在連續3個保單年度或以上沒有作出賠償,在下一個保單週年日您將可獲得此保費折扣。", | ||
952 | tips: "*有關詳情請參閱產品介紹書。" | ||
953 | }] | ||
904 | } | 954 | } |
905 | } | 955 | } | ... | ... |
... | @@ -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