Skip to content

dev / pingan-life-index-pro

Go to a project
Toggle navigation
Toggle navigation pinning
485b7a64 by joe
Options

英化

1 parent 3966f9bb
Expand all
Inline Side-by-side
Showing 13 changed files with 250 additions and 72 deletions
...@@ -45,15 +45,28 @@ module.exports = { ...@@ -45,15 +45,28 @@ module.exports = {
45 } 45 }
46 ] 46 ]
47 }, 47 },
48 navList: [{ 48 navList: [
49 {
49 name: "產品介紹", 50 name: "產品介紹",
50 path: "/product", 51 path: "",
51 list: [] 52 list: [{
53 name: "VHIS",
54 path: "/empty"
55 },
56 {
57 name: "分紅終身",
58 path: "/product"
59 }]
52 }, 60 },
53 { 61 {
54 name: "客戶服務", 62 name: "客戶服務",
55 path: "/custom/product", 63 path: "",
56 list: [{ 64 list: [
65 {
66 name: "客戶服務導航",
67 path: "/custom/product"
68 },
69 {
57 name: "聯系我們", 70 name: "聯系我們",
58 path: "/custom/service?q=m1" 71 path: "/custom/service?q=m1"
59 }, 72 },
...@@ -88,23 +101,41 @@ module.exports = { ...@@ -88,23 +101,41 @@ module.exports = {
88 ] 101 ]
89 }, 102 },
90 { 103 {
91 name: "新聞資訊", 104 name: "關於我們",
92 path: "/news/list", 105 path: "",
93 list: [] 106 list: [{
107 name: "有關平安人壽香港",
108 path: "/profile"
109 },
110 {
111 name: "公司活動",
112 path: "/empty"
113 },{
114 name: "新聞中心",
115 path: "/news/list"
116 },
117 {
118 name: "企業社會責任",
119 path: "/empty"
120 },
121 {
122 name: "獎項殊榮",
123 path: "/empty"
124 }]
94 }, 125 },
95 { 126 {
96 name: "關於平安人壽", 127 name: "加入我們",
97 path: "", 128 path: "",
98 list: [{ 129 list: [{
99 name: "公司簡介", 130 name: "企業文化",
100 path: "/profile" 131 path: "/empty"
101 }, 132 },
102 { 133 {
103 name: "領導人概況", 134 name: "事業發展機會",
104 path: "" 135 path: "/empty"
105 }, 136 },
106 ] 137 ]
107 }, 138 }
108 ] 139 ]
109 }, 140 },
110 footer: { 141 footer: {
...@@ -578,6 +609,7 @@ module.exports = { ...@@ -578,6 +609,7 @@ module.exports = {
578 } 609 }
579 }, 610 },
580 policyChangeInformation: { 611 policyChangeInformation: {
612 title : "客戶資料變更",
581 hkClient: "是否平安香港客戶", 613 hkClient: "是否平安香港客戶",
582 yes: "是", 614 yes: "是",
583 no: "否", 615 no: "否",
......
...@@ -47,13 +47,25 @@ module.exports = { ...@@ -47,13 +47,25 @@ module.exports = {
47 }, 47 },
48 navList: [{ 48 navList: [{
49 name: "产品介绍", 49 name: "产品介绍",
50 path: "/product", 50 path: "",
51 list: [] 51 list: [{
52 name: "自愿医保基本计划",
53 path: "/empty"
54 },
55 {
56 name: "分红终身寿险",
57 path: "/product"
58 }]
52 }, 59 },
53 { 60 {
54 name: "客户服务", 61 name: "客户服务",
55 path: "/custom/product", 62 path: "",
56 list: [{ 63 list: [
64 {
65 name: "客户服务导航",
66 path: "/custom/product"
67 },
68 {
57 name: "联系我们", 69 name: "联系我们",
58 path: "/custom/service?q=m1" 70 path: "/custom/service?q=m1"
59 }, 71 },
...@@ -88,23 +100,41 @@ module.exports = { ...@@ -88,23 +100,41 @@ module.exports = {
88 ] 100 ]
89 }, 101 },
90 { 102 {
91 name: "新闻资讯", 103 name: "关于我们",
92 path: "/news/list", 104 path: "",
93 list: [] 105 list: [{
106 name: "有关平安香港",
107 path: "/profile"
108 },
109 {
110 name: "公司活动",
111 path: "/empty"
112 },{
113 name: "新闻中心",
114 path: "/news/list"
115 },
116 {
117 name: "企业社会责任",
118 path: "/empty"
119 },
120 {
121 name: "奖项殊荣",
122 path: "/empty"
123 }]
94 }, 124 },
95 { 125 {
96 name: "关于平安人寿", 126 name: "加入我们",
97 path: "", 127 path: "",
98 list: [{ 128 list: [{
99 name: "公司简介", 129 name: "企业文化",
100 path: "/profile" 130 path: "/empty"
101 }, 131 },
102 { 132 {
103 name: "领导人概况", 133 name: "事业发展机会",
104 path: "" 134 path: "/empty"
105 }, 135 },
106 ] 136 ]
107 }, 137 }
108 ] 138 ]
109 }, 139 },
110 footer: { 140 footer: {
...@@ -579,6 +609,7 @@ module.exports = { ...@@ -579,6 +609,7 @@ module.exports = {
579 } 609 }
580 }, 610 },
581 policyChangeInformation: { 611 policyChangeInformation: {
612 title : "客户资料变更",
582 hkClient: "是否平安香港客戶", 613 hkClient: "是否平安香港客戶",
583 yes: "是", 614 yes: "是",
584 no: "否", 615 no: "否",
......
1
2 <template>
3 <div style="height:500px;"></div>
4 </template>
5
6 <script src="./clarms.js"></script>
7 <style lang="scss" scoped>
8 @import "./clarms.scss";
9 </style>
...@@ -26,51 +26,56 @@ export default { ...@@ -26,51 +26,56 @@ export default {
26 this.curIndex = val; 26 this.curIndex = val;
27 }, 27 },
28 initData() { 28 initData() {
29 let i18n = this.$i18n.locale; 29 let i18n = this.$i18n.messages[this.$i18n.locale];
30 let list = [{ 30 let list = [];
31 tit: "亲临客服中心付款", 31 for (let key in i18n.paymentType) {
32 type: "", 32 list.push({ tit: i18n.paymentType[key], type: "" });
33 }, {
34 tit: "网银付款",
35 type: "",
36 }, {
37 tit: "电汇付款",
38 type: "",
39 }, {
40 tit: "柜员机付款",
41 type: "",
42 }, {
43 tit: "「缴费灵」付款",
44 type: "",
45 }, {
46 tit: "香港邮政局",
47 type: "",
48 }];
49 if (i18n != 'zh') {
50 list = [{
51 tit: "親臨客服中心付款",
52 type: "",
53 }, {
54 tit: "網銀付款",
55 type: "",
56 }, {
57 tit: "電匯付款",
58 type: "",
59 }, {
60 tit: "櫃員機付款",
61 type: "",
62 }, {
63 tit: "「繳費靈」付款",
64 type: "",
65 }, {
66 tit: "香港郵政局",
67 type: "",
68 }];
69 } 33 }
34 console.log(i18n)
35 // let list = [{
36 // tit: "亲临客服中心付款",
37 // type: "",
38 // }, {
39 // tit: "网银付款",
40 // type: "",
41 // }, {
42 // tit: "电汇付款",
43 // type: "",
44 // }, {
45 // tit: "柜员机付款",
46 // type: "",
47 // }, {
48 // tit: "「缴费灵」付款",
49 // type: "",
50 // }, {
51 // tit: "香港邮政局",
52 // type: "",
53 // }];
54 // if (i18n != 'zh') {
55 // list = [{
56 // tit: "親臨客服中心付款",
57 // type: "",
58 // }, {
59 // tit: "網銀付款",
60 // type: "",
61 // }, {
62 // tit: "電匯付款",
63 // type: "",
64 // }, {
65 // tit: "櫃員機付款",
66 // type: "",
67 // }, {
68 // tit: "「繳費靈」付款",
69 // type: "",
70 // }, {
71 // tit: "香港郵政局",
72 // type: "",
73 // }];
74 // }
70 this.$set(this, 'dataList', list); 75 this.$set(this, 'dataList', list);
71 } 76 }
72 }, 77 },
73 mounted() { 78 mounted() {
74 this.initData(); 79 this.initData();
75 }, 80 },
76 created() { 81 created() {
......
...@@ -87,7 +87,7 @@ ...@@ -87,7 +87,7 @@
87 </div> 87 </div>
88 </template> 88 </template>
89 89
90 <template v-else> 90 <template v-if="locale =='tc'">
91 <!-- 繁体--> 91 <!-- 繁体-->
92 <div v-if="curIndex == 0" class="payment-cont-item"> 92 <div v-if="curIndex == 0" class="payment-cont-item">
93 <ul> 93 <ul>
...@@ -125,6 +125,7 @@ ...@@ -125,6 +125,7 @@
125 <li>收款人名字：中國平安人壽保險股份有限公司香港分公司</li> 125 <li>收款人名字：中國平安人壽保險股份有限公司香港分公司</li>
126 <li>銀行代碼：***</li> 126 <li>銀行代碼：***</li>
127 <li>收款人賬號：***-******</li> 127 <li>收款人賬號：***-******</li>
128 <li>代號：******</li>
128 </ul> 129 </ul>
129 130
130 </div> 131 </div>
...@@ -162,6 +163,81 @@ ...@@ -162,6 +163,81 @@
162 </div> 163 </div>
163 </template> 164 </template>
164 165
166 <template v-else>
167 <!-- 英文-->
168 <div v-if="curIndex == 0" class="payment-cont-item">
169 <ul>
170 <li>Cash：Maximum premium payment is USD 15,000 plus or equivalent in HKD per policy。</li>
171 <li>Cheque：Please pay by crossed cheque, payable to "Ping An Life Insurance Co., Ltd. Hong Kong Branch" and write "Receipt Note Number" at the top right of the payment notice on the back of the cheque</li>
172 <li>Credit card: You can pay in Hong Kong dollars via credit card. The maximum payment amount depends on your designated bank.</li>
173 <li>EPS：You can pay in Hong Kong dollars through EPS through ATM cards issued by EPS member banks and credit cards with withdrawal functions. The maximum payment amount depends on your designated bank.</li>
174 </ul>
175 Address: Unit 3501 - 7 & 14, Floor 35, The Gateway Tower 5, Tsim Sha Tsui, Kowloon, Hong Kong
176 <br>Service Hour：9 a.m. - 6 p.m. , Monday to Friday
177 </div>
178
179 <div v-else-if="curIndex == 1" class="payment-cont-item">
180 You can pay premiums in Hong Kong dollar credit card / bank account through the "Online Payment Service" provided by banks in Hong Kong. Contact your bank for details.
181 <ul>
182 <li>Online payment via "Hong Kong Bank Hong Kong Dollar Credit Card":
183 <br>Payment merchant: China Ping An Life Insurance Co., Ltd. Hong Kong Branch
184 <br>Withdrawal Account: Please select "HKD Credit Card"
185 <br>Billing Number: "Billing Number" on the bill of payment
186 </li>
187 <li>Online payment via "Hong Kong Bank Account":
188 <br>Paying merchants: Ping An Life Insurance Co., Ltd. Hong Kong Branch
189 <br>Withdrawal account: Please select a current or savings account
190 <br>Billing number: "Receipt number" on the payment notice
191 <br>Bill type: 11-Payment in Hong Kong dollars, 12-Payment in US dollars, 13-Payment in RMB
192 </li>
193 </ul>
194 </div>
195
196 <div v-else-if="curIndex == 2" class="payment-cont-item">
197 You can wire premiums to the following bank accounts through local banks.
198 <ul>
199 <li>Beneficiary Bank: ** Bank</li>
200 <li>Bank Address: Hong Kong ***</li>
201 <li>Beneficiary Name: Ping An Life Insurance Co., Ltd. Hong Kong Branch</li>
202 <li>Bank Code:***</li>
203 <li>Beneficiary account number: ***-******</li>
204 <li>Code: ******</li>
205 </ul>
206
207 </div>
208
209 <div v-else-if="curIndex == 3" class="payment-cont-item">
210 You can transfer money from your Hong Kong bank account through a 24-hour JETCO ATM.
211 <ul>
212 <li>Please select the service: `` Payment ''> `` Enter Merchant Number ''</li>
213 <li>Merchant ID: ****</li>
214 <li>Bill type: 01-New policy premium, 02-Renewal premium and levy, 03-Repayment of personal policy loan</li>
215 <li>Bill No .: "Receipt No." at the top right of the payment notice</li>
216 </ul>
217
218 </div>
219
220 <div v-else-if="curIndex == 4" class="payment-cont-item">
221 <ul>
222 <li>PPS online service: please visit www.ppshk.com</li>
223 <li>PPS call service: Please call 18033 (Cantonese) or 18031 (English)</li>
224 <li>Merchant ID: ****</li>
225 <li>Bill Type: 01-Premium and Premium Levy / Repayment of Policy Loan</li>
226 <li>Billing Number: `` Billing Number '' at the top right of the payment notice</li>
227 </ul>
228 </div>
229
230 <div v-else-if="curIndex == 5" class="payment-cont-item">
231 Please bring the payment notice to any post office in Hong Kong to pay by cash, cheque and easy service.
232 <ul>
233 <li>The maximum amount of each cash transaction is HK $ 80,000.</li>
234 <li>The transaction limit is HK $ 50,000.00.</li>
235 <li>There is no upper limit for cheque transactions.</li>
236 <li>The cut-off date for checks is Monday to Friday at 3 pm and Saturday at 11:00 am. The cut-off date for cash / transactions is Monday to Saturday at 6 pm. Sunday and public holidays will be processed on the next working day. Please allow at least three working days to process the payment.</li>
237 </ul>
238
239 </div>
240 </template>
165 </div> 241 </div>
166 </div> 242 </div>
167 </div> 243 </div>
......
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
3 <div class="container border"> 3 <div class="container border">
4 <div class="table"> 4 <div class="table">
5 <div class="table-header orange"> 5 <div class="table-header orange">
6 <div class="table-header-item">客戶資料變更</div> 6 <div class="table-header-item">{{$t('policyChangeInformation.title')}}</div>
7 </div> 7 </div>
8 <div class="gird-g form"> 8 <div class="gird-g form">
9 9
......
...@@ -14,6 +14,7 @@ import CommonForm from './components/common-form.vue' ...@@ -14,6 +14,7 @@ import CommonForm from './components/common-form.vue'
14 import PolicyChangeGuide from './components/policy-change-guide.vue' 14 import PolicyChangeGuide from './components/policy-change-guide.vue'
15 import PolicyChangeContact from './components/policy-change-contact.vue' 15 import PolicyChangeContact from './components/policy-change-contact.vue'
16 import PolicyChangeInformation from './components/policy-change-information.vue' 16 import PolicyChangeInformation from './components/policy-change-information.vue'
17 import Clarms from './components/clarms.vue'
17 18
18 export default { 19 export default {
19 data() { 20 data() {
...@@ -64,6 +65,7 @@ export default { ...@@ -64,6 +65,7 @@ export default {
64 CommonForm, 65 CommonForm,
65 PolicyChangeGuide, 66 PolicyChangeGuide,
66 PolicyChangeContact, 67 PolicyChangeContact,
67 PolicyChangeInformation 68 PolicyChangeInformation,
69 Clarms
68 } 70 }
69 } 71 }
......
...@@ -40,7 +40,9 @@ ...@@ -40,7 +40,9 @@
40 <div class="panel" v-if="activity == 'm43'"> 40 <div class="panel" v-if="activity == 'm43'">
41 <policy-change-information></policy-change-information> 41 <policy-change-information></policy-change-information>
42 </div> 42 </div>
43 <div class="panel" v-if="activity == 'm5'"></div> 43 <div class="panel" v-if="activity == 'm5'">
44 <clarms></clarms>
45 </div>
44 <div class="panel" v-if="activity == 'm6'"> 46 <div class="panel" v-if="activity == 'm6'">
45 <reservation></reservation> 47 <reservation></reservation>
46 </div> 48 </div>
......
1
2 <template>
3 <div class="content">
4
5 </div>
6 </template>
7
8
9 <style lang="scss" scoped>
10 .content {
11 height: 500px;
12 }
13 </style>
...@@ -152,6 +152,14 @@ const routes = [ ...@@ -152,6 +152,14 @@ const routes = [
152 title: '' 152 title: ''
153 } 153 }
154 }, 154 },
155 {
156 path: '/empty',
157 name: 'empty',
158 component: () => import('./pages/empty/empty.vue'),
159 meta: {
160 title: ''
161 }
162 },
155 // 404页面 163 // 404页面
156 // { 164 // {
157 // path: '*', // * 表示上面路径匹配不到的都显示这个页面 165 // path: '*', // * 表示上面路径匹配不到的都显示这个页面
......