Skip to content

dev / pingan-life-index-pro

Go to a project
Toggle navigation
Toggle navigation pinning
dc6d639a by simon
Options

no message

1 parent 1a941c87
Inline Side-by-side
Showing 8 changed files with 181 additions and 69 deletions
...@@ -123,11 +123,19 @@ module.exports = { ...@@ -123,11 +123,19 @@ module.exports = {
123 reservationRemarkPlaceholder: "非必填，字数不超过500字，提示文字“请简单说明您想要咨询的险种或业务”", 123 reservationRemarkPlaceholder: "非必填，字数不超过500字，提示文字“请简单说明您想要咨询的险种或业务”",
124 hkClient: "是否平安香港客戶", 124 hkClient: "是否平安香港客戶",
125 yes: "是", 125 yes: "是",
126 no: "不是", 126 no: "否",
127 contactTime: "期望联络时间", 127 contactTime: "期望联络时间 (当日、周末节假日不可选)",
128 notice1: "本表格所收集的个人资料根据「平安人寿香港个人资料收集声明」处理及只会被用作于联络 阁下之用。然而所收集的个人资料未经您明确授权将不会转移至「平安人寿香港个人资料收集声明」列明以外之第三者机构。您可选择不向我们提供所需的个人资料，惟这样可能导致我们不能联络您。您亦可根据「平安人寿香港个人资料收集声明」之权利查阅及更正个人资料。", 128 notice1: "本表格所收集的个人资料根据「平安人寿香港个人资料收集声明」处理及只会被用作于联络 阁下之用。然而所收集的个人资料未经您明确授权将不会转移至「平安人寿香港个人资料收集声明」列明以外之第三者机构。您可选择不向我们提供所需的个人资料，惟这样可能导致我们不能联络您。您亦可根据「平安人寿香港个人资料收集声明」之权利查阅及更正个人资料。",
129 notice2: "本人现确认明白并同意本人的个人资料根据中银人寿个人资料收集声明作以上述用途。", 129 notice2: "本人现确认明白并同意本人的个人资料根据中银人寿个人资料收集声明作以上述用途。",
130 }, 130 },
131 paymentType: {
132 menu1: "親臨客服中心付款",
133 menu2: "网银付款",
134 menu3: "电汇付款",
135 menu4: "柜员机付款",
136 menu5: "「缴费灵」付款",
137 menu6: "香港邮政局",
138 },
131 product: { 139 product: {
132 btnPosition: "Booking service", 140 btnPosition: "Booking service",
133 iconProblem: "Common problem", 141 iconProblem: "Common problem",
......
...@@ -124,11 +124,19 @@ module.exports = { ...@@ -124,11 +124,19 @@ module.exports = {
124 reservationRemarkPlaceholder: "非必填，字数不超过500字，提示文字“请简单说明您想要咨询的险种或业务”", 124 reservationRemarkPlaceholder: "非必填，字数不超过500字，提示文字“请简单说明您想要咨询的险种或业务”",
125 hkClient: "是否平安香港客戶", 125 hkClient: "是否平安香港客戶",
126 yes: "是", 126 yes: "是",
127 no: "不是", 127 no: "否",
128 contactTime: "期望联络时间", 128 contactTime: "期望联络时间 (当日、周末节假日不可选)",
129 notice1: "本表格所收集的个人资料根据「平安人寿香港个人资料收集声明」处理及只会被用作于联络 阁下之用。然而所收集的个人资料未经您明确授权将不会转移至「平安人寿香港个人资料收集声明」列明以外之第三者机构。您可选择不向我们提供所需的个人资料，惟这样可能导致我们不能联络您。您亦可根据「平安人寿香港个人资料收集声明」之权利查阅及更正个人资料。", 129 notice1: "本表格所收集的个人资料根据「平安人寿香港个人资料收集声明」处理及只会被用作于联络 阁下之用。然而所收集的个人资料未经您明确授权将不会转移至「平安人寿香港个人资料收集声明」列明以外之第三者机构。您可选择不向我们提供所需的个人资料，惟这样可能导致我们不能联络您。您亦可根据「平安人寿香港个人资料收集声明」之权利查阅及更正个人资料。",
130 notice2: "本人现确认明白并同意本人的个人资料根据中银人寿个人资料收集声明作以上述用途。", 130 notice2: "本人现确认明白并同意本人的个人资料根据中银人寿个人资料收集声明作以上述用途。",
131 }, 131 },
132 paymentType: {
133 menu1: "親臨客服中心付款",
134 menu2: "网银付款",
135 menu3: "电汇付款",
136 menu4: "柜员机付款",
137 menu5: "「缴费灵」付款",
138 menu6: "香港邮政局",
139 },
132 product: { 140 product: {
133 btnPosition: "預約服務", 141 btnPosition: "預約服務",
134 iconProblem: "常見問題", 142 iconProblem: "常見問題",
......
...@@ -106,7 +106,7 @@ module.exports = { ...@@ -106,7 +106,7 @@ module.exports = {
106 contactInformation: "联系方式", 106 contactInformation: "联系方式",
107 service: "服务网点", 107 service: "服务网点",
108 qrcode: "官方公众号", 108 qrcode: "官方公众号",
109 copyright:"版权所有 © 中国平安保险（集团）股份有限公司未经许可不得复制、转载或摘编，违者必究!" 109 copyright: "版权所有 © 中国平安保险（集团）股份有限公司未经许可不得复制、转载或摘编，违者必究!"
110 }, 110 },
111 index: { 111 index: {
112 news: "新闻资讯", 112 news: "新闻资讯",
...@@ -115,19 +115,27 @@ module.exports = { ...@@ -115,19 +115,27 @@ module.exports = {
115 reservation: { 115 reservation: {
116 name: "姓名", 116 name: "姓名",
117 namePlaceholder: "姓名", 117 namePlaceholder: "姓名",
118 contactType: "聯絡方式", 118 contactType: "联络方式",
119 contact: "聯絡电话", 119 contact: "联络电话",
120 contactPlaceholder: "香港號碼/內地號碼", 120 contactPlaceholder: "香港号码/内地号码",
121 reservationType: "預約類型", 121 reservationType: "预约类型",
122 reservationRemark: "預約說明", 122 reservationRemark: "预约说明",
123 reservationRemarkPlaceholder: "非必填，字数不超过500字，提示文字“请简单说明您想要咨询的险种或业务”", 123 reservationRemarkPlaceholder: "非必填，字数不超过500字，提示文字“请简单说明您想要咨询的险种或业务”",
124 hkClient: "是否平安香港客戶", 124 hkClient: "是否平安香港客户",
125 yes: "是", 125 yes: "是",
126 no: "不是", 126 no: "否",
127 contactTime: "期望联络时间", 127 contactTime: "期望联络时间 (当日、周末节假日不可选)",
128 notice1: "本表格所收集的个人资料根据「平安人寿香港个人资料收集声明」处理及只会被用作于联络 阁下之用。然而所收集的个人资料未经您明确授权将不会转移至「平安人寿香港个人资料收集声明」列明以外之第三者机构。您可选择不向我们提供所需的个人资料，惟这样可能导致我们不能联络您。您亦可根据「平安人寿香港个人资料收集声明」之权利查阅及更正个人资料。", 128 notice1: "本表格所收集的个人资料根据「平安人寿香港个人资料收集声明」处理及只会被用作于联络 阁下之用。然而所收集的个人资料未经您明确授权将不会转移至「平安人寿香港个人资料收集声明」列明以外之第三者机构。您可选择不向我们提供所需的个人资料，惟这样可能导致我们不能联络您。您亦可根据「平安人寿香港个人资料收集声明」之权利查阅及更正个人资料。",
129 notice2: "本人现确认明白并同意本人的个人资料根据中银人寿个人资料收集声明作以上述用途。", 129 notice2: "本人现确认明白并同意本人的个人资料根据中银人寿个人资料收集声明作以上述用途。",
130 }, 130 },
131 paymentType: {
132 menu1: "亲临客服中心付款",
133 menu2: "网银付款",
134 menu3: "电汇付款",
135 menu4: "柜员机付款",
136 menu5: "「缴费灵」付款",
137 menu6: "香港邮政局",
138 },
131 product: { 139 product: {
132 btnPosition: "预约服务", 140 btnPosition: "预约服务",
133 iconProblem: "常见问题", 141 iconProblem: "常见问题",
......
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
11 <div class="news-item-tit"> 11 <div class="news-item-tit">
12 <div class="point"></div> 12 <div class="point"></div>
13 平安人壽2019年2季度保險消費報告出爐！ 13 平安人壽2019年2季度保險消費報告出爐！
14 <img class="new" src="@/assets/images/news-list/news-list-new.png"> 14 <img v-if="index < 3" class="new" src="@/assets/images/news-list/news-list-new.png">
15 </div> 15 </div>
16 <div class="news-item-date">2019-09-27</div> 16 <div class="news-item-date">2019-09-27</div>
17 </div> 17 </div>
......
...@@ -31,6 +31,14 @@ export default { ...@@ -31,6 +31,14 @@ export default {
31 } 31 }
32 }, 32 },
33 components: {}, 33 components: {},
34 computed: {
35 locale() {
36 return this.$i18n.locale || 'tc';
37 },
38 i18n() {
39 return this.$i18n.messages && this.$i18n.locale ? this.$i18n.messages[this.$i18n.locale] : {};
40 },
41 },
34 methods: { 42 methods: {
35 onOverHandler(val) { 43 onOverHandler(val) {
36 this.curIndex = val; 44 this.curIndex = val;
......
...@@ -15,61 +15,135 @@ ...@@ -15,61 +15,135 @@
15 <div class="payment-line"></div> 15 <div class="payment-line"></div>
16 16
17 <div class="payment-cont"> 17 <div class="payment-cont">
18 <!-- 親臨客服中心付款 -->
19 <div v-if="curIndex == 0" class="payment-cont-item">
20 <ul>
21 <li>現金：繳付保費的上限為每張保單15,000美元正或等值港元。</li>
22 <li>支票：請以劃線支票付款，擡頭寫上「中國平安人壽保險股份有限公司香港分公司」並於支票背面寫上繳費通知書右上方的「收款單編號」</li>
23 <li>信用卡：您可透過信用卡以港元繳費，最高繳款額須按您的指定銀行而定。</li>
24 <li>易辦事：您可透過由「易辦事」會員銀行發行的提款卡及具備提款功能之信用卡透過易辦事以港元繳付費用，最高繳款額須按您的指定銀行而定。</li>
25 </ul>
26 客戶服務中心地址：香港尖沙嘴港威永金融大樓
27 <br>服務時間：星期壹至五上午9時至下午6時正
28 </div>
29 18
30 <div v-else-if="curIndex == 1" class="payment-cont-item"> 19 <template v-if="locale =='zh'">
31 您可通過本港銀行提供的「網上繳費服務」以港元信用卡/銀行賬戶繳交保費。詳情請聯絡您的銀行。 20 <!-- 繁体 -->
32 <ul> 21 <div v-if="curIndex == 0" class="payment-cont-item">
33 <li>1.通過「本港銀行港元信用卡」進行網上繳費： 22 <ul>
34 <br>繳費商戶 : 中國平安人壽保險股份有限公司香港分公司 23 <li>现金：缴付保费的上限为每张保单15,000美元正或等值港元。</li>
35 <br>提款賬戶: 請選擇「港元信用卡」 24 <li>支票：请以划线支票付款，抬头写上「中国平安人寿保险股份有限公司香港分公司」并于支票背面写上缴费通知书右上方的「收款单编号」</li>
36 <br>賬單號碼: 繳費通知書上之「賬單號碼」</li> 25 <li>信用卡：您可透过信用卡以港元缴费，最高缴款额须按您的指定银行而定。</li>
37 <li>2.通過「本港銀行賬戶」進行網上繳費：</li> 26 <li>易办事：您可透过由「易办事」会员银行发行的提款卡及具备提款功能之信用卡透过易办事以港元缴付费用，最高缴款额须按您的指定银行而定。</li>
38 </ul> 27 </ul>
39 </div> 28 客户服务中心地址：香港尖沙嘴港威永金融大楼
29 <br>服务时间：星期一至五上午9时至下午6时正
30 </div>
40 31
41 <div v-else-if="curIndex == 2" class="payment-cont-item"> 32 <div v-else-if="curIndex == 1" class="payment-cont-item">
42 您可通過本港銀行把保費電匯至以下銀行戶口。 33 您可通过本港银行提供的「网上缴费服务」以港元信用卡/银行账户缴交保费。详情请联络您的银行。
43 <br>收款銀行：**銀行 34 <ul>
44 <br>銀行地址：香港*** 35 <li>1.通过「本港银行港元信用卡」进行网上缴费：
45 <br>收款人名字：中國平安人壽保險股份有限公司香港分公司 36 <br>缴费商户 : 中国平安人寿保险股份有限公司香港分公司
46 <br>銀行代碼：*** 37 <br>提款账户: 请选择「港元信用卡」
47 <br>收款人賬號：***-****** 38 <br>账单号码: 缴费通知书上之「账单号码」
48 </div> 39 </li>
40 <li>2.通过「本港银行账户」进行网上缴费：
41 <br>缴费商户: 中国平安人寿保险股份有限公司香港分公司
42 <br>提款账户 :请选择往来或储蓄账户
43 <br>账单号码: 缴费通知书上之「收款单编号」
44 <br>账单类别: 11 - 缴付港元，12 - 缴付美元，13 - 缴付人民币
45 </li>
46 </ul>
47 </div>
49 48
50 <div v-else-if="curIndex == 3" class="payment-cont-item"> 49 <div v-else-if="curIndex == 2" class="payment-cont-item">
51 您可通過24小時「銀通」自動櫃員機從您的香港銀行賬戶轉賬付款。 50 您可通过本港银行把保费电汇至以下银行户口。
52 <br>請選擇服務:「繳費」>「輸入商戶號碼」 51 <br>收款银行：**银行
53 <br>商戶編號 : **** 52 <br>银行地址：香港***
54 <br>賬單類別 : 01 - 新單保費 ，02 - 續期保費及征費，03 - 償還個人保單貸款 53 <br>收款人名字：中国平安人寿保险股份有限公司香港分公司
55 <br>賬單號碼 : 繳費通知書右上方之「收款單編號 54 <br>银行代码：***
56 </div> 55 <br>收款人账号：***-******
56 <br>代号：******
57 </div>
57 58
58 <div v-else-if="curIndex == 4" class="payment-cont-item"> 59 <div v-else-if="curIndex == 3" class="payment-cont-item">
59 繳費靈網上服務: 請瀏覽www.ppshk.com 60 您可通过24小时「银通」自动柜员机从您的香港银行账户转账付款。
60 <br>繳費靈電話服務: 請致電18033 (廣東話) 或18031 (英語) 61 <br>请选择服务:「缴费」>「输入商户号码」
61 <br>商戶編號 : **** 62 <br>商户编号 : ****
62 <br>賬單類別 : 01 - 保費及保費征費/償還保單貸款 63 <br>账单类别 : 01 - 新单保费 ，02 - 续期保费及征费，03 - 偿还个人保单贷款
63 <br>賬單號碼:繳費通知書右上方之「賬單號碼」 64 <br>账单号码 : 缴费通知书右上方之「收款单编号」
64 </div> 65 </div>
65 66
66 <div v-else-if="curIndex == 5" class="payment-cont-item"> 67 <div v-else-if="curIndex == 4" class="payment-cont-item">
67 請攜同繳費通知書到香港任何壹間郵政局以現金、支票及易辦事繳費。 68 缴费灵网上服务: 请浏览www.ppshk.com
68 <br>1.每筆現金交易金額的上限為港元80,000。 69 <br>缴费灵电话服务: 请致电18033 (广东话) 或18031 (英语)
69 <br>2.易辦事交易上限為港元50,000.00。 70 <br>商户编号 : ****
70 <br>3.支票交易無上限。 71 <br>账单类别 : 01 - 保费及保费征费/偿还保单贷款
71 <br>4.支票的截數日期為星期壹至五下午3時及星期六上午11時，現金/ 易辦事的截數日期為星期壹至六下午6時，星期日及公眾假期會於下壹個工作天處理， 請預留最少三個工作天處理有關付款。 72 <br>账单号码:缴费通知书右上方之「账单号码」
72 </div> 73 </div>
74
75 <div v-else-if="curIndex == 5" class="payment-cont-item">
76 请携同缴费通知书到香港任何一间邮政局以现金、支票及易办事缴费。
77 <br>1.每笔现金交易金额的上限为港元80,000。
78 <br>2.易办事交易上限为港元50,000.00。
79 <br>3.支票交易无上限。
80 <br>4.支票的截数日期为星期一至五下午3时及星期六上午11时，现金/ 易办事的截数日期为星期一至六下午6时，星期日及公众假期会于下一个工作天处理，请预留最少三个工作天处理有关付款。
81 </div>
82 </template>
83
84 <template v-else>
85 <!-- 繁体-->
86 <div v-if="curIndex == 0" class="payment-cont-item">
87 <ul>
88 <li>現金：繳付保費的上限為每張保單15,000美元正或等值港元。</li>
89 <li>支票：請以劃線支票付款，擡頭寫上「中國平安人壽保險股份有限公司香港分公司」並於支票背面寫上繳費通知書右上方的「收款單編號」</li>
90 <li>信用卡：您可透過信用卡以港元繳費，最高繳款額須按您的指定銀行而定。</li>
91 <li>易辦事：您可透過由「易辦事」會員銀行發行的提款卡及具備提款功能之信用卡透過易辦事以港元繳付費用，最高繳款額須按您的指定銀行而定。</li>
92 </ul>
93 客戶服務中心地址：香港尖沙嘴港威永金融大樓
94 <br>服務時間：星期壹至五上午9時至下午6時正
95 </div>
96
97 <div v-else-if="curIndex == 1" class="payment-cont-item">
98 您可通過本港銀行提供的「網上繳費服務」以港元信用卡/銀行賬戶繳交保費。詳情請聯絡您的銀行。
99 <ul>
100 <li>1.通過「本港銀行港元信用卡」進行網上繳費：
101 <br>繳費商戶 : 中國平安人壽保險股份有限公司香港分公司
102 <br>提款賬戶: 請選擇「港元信用卡」
103 <br>賬單號碼: 繳費通知書上之「賬單號碼」
104 </li>
105 <li>2.通過「本港銀行賬戶」進行網上繳費：
106 <br>繳費商戶: 中國平安人壽保險股份有限公司香港分公司
107 <br>提款賬戶 :請選擇往來或儲蓄賬戶
108 <br>賬單號碼: 繳費通知書上之「收款單編號」
109 <br>賬單類別: 11 - 繳付港元，12 - 繳付美元，13 - 繳付人民幣
110 </li>
111 </ul>
112 </div>
113
114 <div v-else-if="curIndex == 2" class="payment-cont-item">
115 您可通過本港銀行把保費電匯至以下銀行戶口。
116 <br>收款銀行：**銀行
117 <br>銀行地址：香港***
118 <br>收款人名字：中國平安人壽保險股份有限公司香港分公司
119 <br>銀行代碼：***
120 <br>收款人賬號：***-******
121 </div>
122
123 <div v-else-if="curIndex == 3" class="payment-cont-item">
124 您可通過24小時「銀通」自動櫃員機從您的香港銀行賬戶轉賬付款。
125 <br>請選擇服務:「繳費」>「輸入商戶號碼」
126 <br>商戶編號 : ****
127 <br>賬單類別 : 01 - 新單保費 ，02 - 續期保費及征費，03 - 償還個人保單貸款
128 <br>賬單號碼 : 繳費通知書右上方之「收款單編號
129 </div>
130
131 <div v-else-if="curIndex == 4" class="payment-cont-item">
132 繳費靈網上服務: 請瀏覽www.ppshk.com
133 <br>繳費靈電話服務: 請致電18033 (廣東話) 或18031 (英語)
134 <br>商戶編號 : ****
135 <br>賬單類別 : 01 - 保費及保費征費/償還保單貸款
136 <br>賬單號碼:繳費通知書右上方之「賬單號碼」
137 </div>
138
139 <div v-else-if="curIndex == 5" class="payment-cont-item">
140 請攜同繳費通知書到香港任何壹間郵政局以現金、支票及易辦事繳費。
141 <br>1.每筆現金交易金額的上限為港元80,000。
142 <br>2.易辦事交易上限為港元50,000.00。
143 <br>3.支票交易無上限。
144 <br>4.支票的截數日期為星期壹至五下午3時及星期六上午11時，現金/ 易辦事的截數日期為星期壹至六下午6時，星期日及公眾假期會於下壹個工作天處理， 請預留最少三個工作天處理有關付款。
145 </div>
146 </template>
73 147
74 </div> 148 </div>
75 </div> 149 </div>
......
...@@ -101,9 +101,9 @@ ...@@ -101,9 +101,9 @@
101 } 101 }
102 102
103 &-item3 { 103 &-item3 {
104 display: flex; 104 // display: flex;
105 align-items: flex-start; 105 // align-items: flex-start;
106 flex-wrap: wrap; 106 // flex-wrap: wrap;
107 107
108 .label { 108 .label {
109 min-width: 13.75rem; 109 min-width: 13.75rem;
......
...@@ -43,8 +43,14 @@ ...@@ -43,8 +43,14 @@
43 <div class="ipt-wrap"> 43 <div class="ipt-wrap">
44 <img class="down-arrow" src="@/assets/images/reservation/re-down-arrow.png" alt=""> 44 <img class="down-arrow" src="@/assets/images/reservation/re-down-arrow.png" alt="">
45 <select class="ipt"> 45 <select class="ipt">
46 <option v-if="locale !='zh'">投保咨询</option> 46 <template v-if="locale =='zh'">
47 <option v-else>投保咨詢</option> 47 <option>投保咨询</option>
48 <option>代办保单变更</option>
49 </template>
50 <template v-else>
51 <option>投保咨詢</option>
52 <option>代辦保單變更</option>
53 </template>
48 </select> 54 </select>
49 </div> 55 </div>
50 </div> 56 </div>
......