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 134 additions and 22 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,7 +15,74 @@ ...@@ -15,7 +15,74 @@
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 <!-- 親臨客服中心付款 --> 18
19 <template v-if="locale =='zh'">
20 <!-- 繁体 -->
21 <div v-if="curIndex == 0" class="payment-cont-item">
22 <ul>
23 <li>现金：缴付保费的上限为每张保单15,000美元正或等值港元。</li>
24 <li>支票：请以划线支票付款，抬头写上「中国平安人寿保险股份有限公司香港分公司」并于支票背面写上缴费通知书右上方的「收款单编号」</li>
25 <li>信用卡：您可透过信用卡以港元缴费，最高缴款额须按您的指定银行而定。</li>
26 <li>易办事：您可透过由「易办事」会员银行发行的提款卡及具备提款功能之信用卡透过易办事以港元缴付费用，最高缴款额须按您的指定银行而定。</li>
27 </ul>
28 客户服务中心地址：香港尖沙嘴港威永金融大楼
29 <br>服务时间：星期一至五上午9时至下午6时正
30 </div>
31
32 <div v-else-if="curIndex == 1" class="payment-cont-item">
33 您可通过本港银行提供的「网上缴费服务」以港元信用卡/银行账户缴交保费。详情请联络您的银行。
34 <ul>
35 <li>1.通过「本港银行港元信用卡」进行网上缴费：
36 <br>缴费商户 : 中国平安人寿保险股份有限公司香港分公司
37 <br>提款账户: 请选择「港元信用卡」
38 <br>账单号码: 缴费通知书上之「账单号码」
39 </li>
40 <li>2.通过「本港银行账户」进行网上缴费：
41 <br>缴费商户: 中国平安人寿保险股份有限公司香港分公司
42 <br>提款账户 :请选择往来或储蓄账户
43 <br>账单号码: 缴费通知书上之「收款单编号」
44 <br>账单类别: 11 - 缴付港元，12 - 缴付美元，13 - 缴付人民币
45 </li>
46 </ul>
47 </div>
48
49 <div v-else-if="curIndex == 2" class="payment-cont-item">
50 您可通过本港银行把保费电汇至以下银行户口。
51 <br>收款银行：**银行
52 <br>银行地址：香港***
53 <br>收款人名字：中国平安人寿保险股份有限公司香港分公司
54 <br>银行代码：***
55 <br>收款人账号：***-******
56 <br>代号：******
57 </div>
58
59 <div v-else-if="curIndex == 3" class="payment-cont-item">
60 您可通过24小时「银通」自动柜员机从您的香港银行账户转账付款。
61 <br>请选择服务:「缴费」>「输入商户号码」
62 <br>商户编号 : ****
63 <br>账单类别 : 01 - 新单保费 ，02 - 续期保费及征费，03 - 偿还个人保单贷款
64 <br>账单号码 : 缴费通知书右上方之「收款单编号」
65 </div>
66
67 <div v-else-if="curIndex == 4" class="payment-cont-item">
68 缴费灵网上服务: 请浏览www.ppshk.com
69 <br>缴费灵电话服务: 请致电18033 (广东话) 或18031 (英语)
70 <br>商户编号 : ****
71 <br>账单类别 : 01 - 保费及保费征费/偿还保单贷款
72 <br>账单号码:缴费通知书右上方之「账单号码」
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 <!-- 繁体-->
19 <div v-if="curIndex == 0" class="payment-cont-item"> 86 <div v-if="curIndex == 0" class="payment-cont-item">
20 <ul> 87 <ul>
21 <li>現金：繳付保費的上限為每張保單15,000美元正或等值港元。</li> 88 <li>現金：繳付保費的上限為每張保單15,000美元正或等值港元。</li>
...@@ -33,8 +100,14 @@ ...@@ -33,8 +100,14 @@
33 <li>1.通過「本港銀行港元信用卡」進行網上繳費： 100 <li>1.通過「本港銀行港元信用卡」進行網上繳費：
34 <br>繳費商戶 : 中國平安人壽保險股份有限公司香港分公司 101 <br>繳費商戶 : 中國平安人壽保險股份有限公司香港分公司
35 <br>提款賬戶: 請選擇「港元信用卡」 102 <br>提款賬戶: 請選擇「港元信用卡」
36 <br>賬單號碼: 繳費通知書上之「賬單號碼」</li> 103 <br>賬單號碼: 繳費通知書上之「賬單號碼」
37 <li>2.通過「本港銀行賬戶」進行網上繳費：</li> 104 </li>
105 <li>2.通過「本港銀行賬戶」進行網上繳費：
106 <br>繳費商戶: 中國平安人壽保險股份有限公司香港分公司
107 <br>提款賬戶 :請選擇往來或儲蓄賬戶
108 <br>賬單號碼: 繳費通知書上之「收款單編號」
109 <br>賬單類別: 11 - 繳付港元，12 - 繳付美元，13 - 繳付人民幣
110 </li>
38 </ul> 111 </ul>
39 </div> 112 </div>
40 113
...@@ -70,6 +143,7 @@ ...@@ -70,6 +143,7 @@
70 <br>3.支票交易無上限。 143 <br>3.支票交易無上限。
71 <br>4.支票的截數日期為星期壹至五下午3時及星期六上午11時，現金/ 易辦事的截數日期為星期壹至六下午6時，星期日及公眾假期會於下壹個工作天處理， 請預留最少三個工作天處理有關付款。 144 <br>4.支票的截數日期為星期壹至五下午3時及星期六上午11時，現金/ 易辦事的截數日期為星期壹至六下午6時，星期日及公眾假期會於下壹個工作天處理， 請預留最少三個工作天處理有關付款。
72 </div> 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>
......