Skip to content

dev / pingan-life-index-pro

Go to a project
Toggle navigation
Toggle navigation pinning
36a311e1 by simon
Options

默认提交

1 parent 88a5d542
Inline Side-by-side
Showing 22 changed files with 890 additions and 148 deletions
...@@ -15,24 +15,24 @@ module.exports = { ...@@ -15,24 +15,24 @@ module.exports = {
15 list: [{ 15 list: [{
16 name: "register", 16 name: "register",
17 path: "/register", 17 path: "/register",
18 type : "noAuth", 18 type: "noAuth",
19 value: "" 19 value: ""
20 }, { 20 }, {
21 name: "login", 21 name: "login",
22 path: "/login", 22 path: "/login",
23 type : "noAuth", 23 type: "noAuth",
24 value: "" 24 value: ""
25 }, 25 },
26 { 26 {
27 name: "modify password", 27 name: "modify password",
28 path: "", 28 path: "",
29 type : "auth", 29 type: "auth",
30 value: "" 30 value: ""
31 }, 31 },
32 { 32 {
33 name: "logout", 33 name: "logout",
34 path: "", 34 path: "",
35 type : "auth", 35 type: "auth",
36 value: "logout" 36 value: "logout"
37 }, 37 },
38 ] 38 ]
...@@ -148,7 +148,7 @@ module.exports = { ...@@ -148,7 +148,7 @@ module.exports = {
148 placeHolder: "請輸入11位手機號碼", 148 placeHolder: "請輸入11位手機號碼",
149 areaCode: "+86" 149 areaCode: "+86"
150 }], 150 }],
151 coutTips : "{second}秒後重新獲取", 151 coutTips: "{second}秒後重新獲取",
152 title: "歡迎註冊一賬通", 152 title: "歡迎註冊一賬通",
153 title2: "請設置新的密碼", 153 title2: "請設置新的密碼",
154 mobilePlaceholder: "请输入8位手机号码", 154 mobilePlaceholder: "请输入8位手机号码",
...@@ -191,8 +191,8 @@ module.exports = { ...@@ -191,8 +191,8 @@ module.exports = {
191 email: "電郵地址", 191 email: "電郵地址",
192 question: "問題或意見", 192 question: "問題或意見",
193 questionPlaceHolder: "（字數不超過500字）", 193 questionPlaceHolder: "（字數不超過500字）",
194 orderNo:"保單編號", 194 orderNo: "保單編號",
195 orderNoPlaceHolder:"如您為平安客戶，請提供保單編號", 195 orderNoPlaceHolder: "如您為平安客戶，請提供保單編號",
196 contactTime: "期望聯絡時間", 196 contactTime: "期望聯絡時間",
197 notice1: "本表格所收集的個人資料根據「平安人壽香港個人資料收集聲明」處理及只會被用作於聯絡 閣下之用。然而所收集的個人資料未經您明確授權將不會轉移至「平安人壽香港個人資料收集聲明」列明以外之第三者機構。您可選擇不向我們提供所需的個人資料，惟這樣可能導致我們不能聯絡您。您亦可根據「平安人壽香港個人資料收集聲明」之權利查閱及更正個人資料。", 197 notice1: "本表格所收集的個人資料根據「平安人壽香港個人資料收集聲明」處理及只會被用作於聯絡 閣下之用。然而所收集的個人資料未經您明確授權將不會轉移至「平安人壽香港個人資料收集聲明」列明以外之第三者機構。您可選擇不向我們提供所需的個人資料，惟這樣可能導致我們不能聯絡您。您亦可根據「平安人壽香港個人資料收集聲明」之權利查閱及更正個人資料。",
198 notice2: "本人現確認明白並同意本人的個人資料根據中銀人壽個人資料收集聲明作以上述用途。", 198 notice2: "本人現確認明白並同意本人的個人資料根據中銀人壽個人資料收集聲明作以上述用途。",
...@@ -311,6 +311,118 @@ module.exports = { ...@@ -311,6 +311,118 @@ module.exports = {
311 }, 311 },
312 ] 312 ]
313 }, 313 },
314 policyChangeGuide: {
315 notice: "如需做其他保單變更聯繫客服（聯繫客服超鏈接跳轉公司聯繫信息頁）",
316 head1: "項目",
317 head2: "具體內容",
318 head3: "申請資格人",
319 head4: "受理時間",
320 head5: "應備材料",
321 download: "下載文檔",
322 form: [{
323 project: "退保",
324 content: "在猶豫期後解除合同，公司將退還保單現金價值或未滿期凈保費。（待產品精算確認）",
325 applicant: "投保人",
326 receptionTime: "保單效力終止前",
327 materialList: [{
328 name: "保險單",
329 },
330 {
331 name: "申請書",
332 type: 1,
333 },
334 {
335 name: "投保人有效身份證件",
336 },
337 {
338 name: "存折银行卡相关",
339 }
340 ],
341 },
342 {
343 project: "猶豫期退保",
344 content: "在猶豫期內提出解除合同，公司會無息退還全部保費",
345 applicant: "投保人",
346 receptionTime: "猶豫期結束前",
347 materialList: [{
348 name: "保險單",
349 },
350 {
351 name: "申請書",
352 type: 1,
353 },
354 {
355 name: "投保人有效身份證件",
356 },
357 {
358 name: "存折银行卡相关",
359 },
360 {
361 name: "首期保費發票",
362 }
363 ],
364 },
365 {
366 project: "客戶資料變更",
367 projectType: 1,
368 path: "/custom/service",
369 query: {
370 q: "m42"
371 },
372 content: "投保人、受保人、受益人的個人信息變更",
373 applicant: "投保人",
374 receptionTime: "不限",
375 materialList: [{
376 name: "申請書",
377 type: 1,
378 },
379 {
380 name: "必要的證明材料",
381 }
382 ],
383 },
384 {
385 project: "聯系方式變更",
386 projectType: 1,
387 path: "/custom/service",
388 query: {
389 q: "m43"
390 },
391 content: "地址、電話等信息的變更",
392 applicant: "投保人",
393 receptionTime: "不限",
394 materialList: [{
395 name: "申請書",
396 type: 1,
397 },
398 {
399 name: "投保人有效身份證件",
400 }
401 ],
402 },
403 {
404 project: "交費方式變更",
405 content: "更改保單的續期交費方式或交費賬號",
406 applicant: "投保人",
407 receptionTime: "保單交費期滿前",
408 materialList: [{
409 name: "申請書",
410 type: 1,
411 },
412 {
413 name: "保險單",
414 }
415 ],
416 },
417 ]
418 },
419 policyChangeContact: {
420 phone: "聯繫電話",
421 address: "聯繫地址",
422 email: "E-Mail",
423 checkTips: "本人不同意接收宣傳信息",
424 submit: "確認修改",
425 },
314 contactUs: { 426 contactUs: {
315 service: { 427 service: {
316 center: { 428 center: {
...@@ -344,6 +456,9 @@ module.exports = { ...@@ -344,6 +456,9 @@ module.exports = {
344 menu2: "Pay premium", 456 menu2: "Pay premium",
345 menu3: "Query policy", 457 menu3: "Query policy",
346 menu4: "Change policy", 458 menu4: "Change policy",
459 menu41: "保單變更指引",
460 menu42: "聯系方式變更",
461 menu43: "客戶資料變更",
347 menu5: "Claim report", 462 menu5: "Claim report",
348 menu6: "Reservation service", 463 menu6: "Reservation service",
349 menu7: "Suggestions", 464 menu7: "Suggestions",
......
...@@ -34,7 +34,8 @@ module.exports = { ...@@ -34,7 +34,8 @@ module.exports = {
34 path: "", 34 path: "",
35 type: "auth", 35 type: "auth",
36 value: "logout" 36 value: "logout"
37 }] 37 }
38 ]
38 }, 39 },
39 navList: [{ 40 navList: [{
40 name: "產品介紹", 41 name: "產品介紹",
...@@ -147,7 +148,7 @@ module.exports = { ...@@ -147,7 +148,7 @@ module.exports = {
147 placeHolder: "請輸入11位手機號碼", 148 placeHolder: "請輸入11位手機號碼",
148 areaCode: "+86" 149 areaCode: "+86"
149 }], 150 }],
150 coutTips : "{second}秒後重新獲取", 151 coutTips: "{second}秒後重新獲取",
151 title: "歡迎註冊一賬通", 152 title: "歡迎註冊一賬通",
152 title2: "請設置新的密碼", 153 title2: "請設置新的密碼",
153 mobilePlaceholder: "請輸入8位手機號碼", 154 mobilePlaceholder: "請輸入8位手機號碼",
...@@ -190,8 +191,8 @@ module.exports = { ...@@ -190,8 +191,8 @@ module.exports = {
190 email: "電郵地址", 191 email: "電郵地址",
191 question: "問題或意見", 192 question: "問題或意見",
192 questionPlaceHolder: "（字數不超過500字）", 193 questionPlaceHolder: "（字數不超過500字）",
193 orderNo:"保單編號", 194 orderNo: "保單編號",
194 orderNoPlaceHolder:"如您為平安客戶，請提供保單編號", 195 orderNoPlaceHolder: "如您為平安客戶，請提供保單編號",
195 contactTime: "期望聯絡時間", 196 contactTime: "期望聯絡時間",
196 notice1: "本表格所收集的個人資料根據「平安人壽香港個人資料收集聲明」處理及只會被用作於聯絡 閣下之用。然而所收集的個人資料未經您明確授權將不會轉移至「平安人壽香港個人資料收集聲明」列明以外之第三者機構。您可選擇不向我們提供所需的個人資料，惟這樣可能導致我們不能聯絡您。您亦可根據「平安人壽香港個人資料收集聲明」之權利查閱及更正個人資料。", 197 notice1: "本表格所收集的個人資料根據「平安人壽香港個人資料收集聲明」處理及只會被用作於聯絡 閣下之用。然而所收集的個人資料未經您明確授權將不會轉移至「平安人壽香港個人資料收集聲明」列明以外之第三者機構。您可選擇不向我們提供所需的個人資料，惟這樣可能導致我們不能聯絡您。您亦可根據「平安人壽香港個人資料收集聲明」之權利查閱及更正個人資料。",
197 notice2: "本人現確認明白並同意本人的個人資料根據中銀人壽個人資料收集聲明作以上述用途。", 198 notice2: "本人現確認明白並同意本人的個人資料根據中銀人壽個人資料收集聲明作以上述用途。",
...@@ -310,6 +311,118 @@ module.exports = { ...@@ -310,6 +311,118 @@ module.exports = {
310 }, 311 },
311 ] 312 ]
312 }, 313 },
314 policyChangeGuide: {
315 notice: "如需做其他保單變更聯繫客服（聯繫客服超鏈接跳轉公司聯繫信息頁）",
316 head1: "項目",
317 head2: "具體內容",
318 head3: "申請資格人",
319 head4: "受理時間",
320 head5: "應備材料",
321 download: "下載文檔",
322 form: [{
323 project: "退保",
324 content: "在猶豫期後解除合同，公司將退還保單現金價值或未滿期凈保費。（待產品精算確認）",
325 applicant: "投保人",
326 receptionTime: "保單效力終止前",
327 materialList: [{
328 name: "保險單",
329 },
330 {
331 name: "申請書",
332 type: 1,
333 },
334 {
335 name: "投保人有效身份證件",
336 },
337 {
338 name: "存折银行卡相关",
339 }
340 ],
341 },
342 {
343 project: "猶豫期退保",
344 content: "在猶豫期內提出解除合同，公司會無息退還全部保費",
345 applicant: "投保人",
346 receptionTime: "猶豫期結束前",
347 materialList: [{
348 name: "保險單",
349 },
350 {
351 name: "申請書",
352 type: 1,
353 },
354 {
355 name: "投保人有效身份證件",
356 },
357 {
358 name: "存折银行卡相关",
359 },
360 {
361 name: "首期保費發票",
362 }
363 ],
364 },
365 {
366 project: "客戶資料變更",
367 projectType: 1,
368 path: "/custom/service",
369 query: {
370 q: "m42"
371 },
372 content: "投保人、受保人、受益人的個人信息變更",
373 applicant: "投保人",
374 receptionTime: "不限",
375 materialList: [{
376 name: "申請書",
377 type: 1,
378 },
379 {
380 name: "必要的證明材料",
381 }
382 ],
383 },
384 {
385 project: "聯系方式變更",
386 projectType: 1,
387 path: "/custom/service",
388 query: {
389 q: "m43"
390 },
391 content: "地址、電話等信息的變更",
392 applicant: "投保人",
393 receptionTime: "不限",
394 materialList: [{
395 name: "申請書",
396 type: 1,
397 },
398 {
399 name: "投保人有效身份證件",
400 }
401 ],
402 },
403 {
404 project: "交費方式變更",
405 content: "更改保單的續期交費方式或交費賬號",
406 applicant: "投保人",
407 receptionTime: "保單交費期滿前",
408 materialList: [{
409 name: "申請書",
410 type: 1,
411 },
412 {
413 name: "保險單",
414 }
415 ],
416 },
417 ]
418 },
419 policyChangeContact: {
420 phone: "聯繫電話",
421 address: "聯繫地址",
422 email: "E-Mail",
423 checkTips: "本人不同意接收宣傳信息",
424 submit: "確認修改",
425 },
313 contactUs: { 426 contactUs: {
314 service: { 427 service: {
315 center: { 428 center: {
...@@ -343,6 +456,9 @@ module.exports = { ...@@ -343,6 +456,9 @@ module.exports = {
343 menu2: "繳付保費", 456 menu2: "繳付保費",
344 menu3: "保單查詢", 457 menu3: "保單查詢",
345 menu4: "保單變更", 458 menu4: "保單變更",
459 menu41: "保單變更指引",
460 menu42: "聯系方式變更",
461 menu43: "客戶資料變更",
346 menu5: "理賠申請", 462 menu5: "理賠申請",
347 menu6: "預約服務", 463 menu6: "預約服務",
348 menu7: "投訴受理", 464 menu7: "投訴受理",
......
...@@ -34,7 +34,8 @@ module.exports = { ...@@ -34,7 +34,8 @@ module.exports = {
34 path: "", 34 path: "",
35 type: "auth", 35 type: "auth",
36 value: "logout" 36 value: "logout"
37 }] 37 }
38 ]
38 }, 39 },
39 navList: [{ 40 navList: [{
40 name: "产品介绍", 41 name: "产品介绍",
...@@ -147,7 +148,7 @@ module.exports = { ...@@ -147,7 +148,7 @@ module.exports = {
147 placeHolder: "请输入11位手机号码", 148 placeHolder: "请输入11位手机号码",
148 areaCode: "+86" 149 areaCode: "+86"
149 }], 150 }],
150 coutTips : "{second}秒后重新获取", 151 coutTips: "{second}秒后重新获取",
151 title: "欢迎注册一账通", 152 title: "欢迎注册一账通",
152 title2: "请设置新的密码", 153 title2: "请设置新的密码",
153 mobilePlaceholder: "请输入8位手机号码", 154 mobilePlaceholder: "请输入8位手机号码",
...@@ -190,8 +191,8 @@ module.exports = { ...@@ -190,8 +191,8 @@ module.exports = {
190 email: "电邮地址", 191 email: "电邮地址",
191 question: "问题或意见", 192 question: "问题或意见",
192 questionPlaceHolder: "（字数不超过500字）", 193 questionPlaceHolder: "（字数不超过500字）",
193 orderNo:"保单编号", 194 orderNo: "保单编号",
194 orderNoPlaceHolder:"如您为平安客户，请提供保单编号", 195 orderNoPlaceHolder: "如您为平安客户，请提供保单编号",
195 contactTime: "期望联络时间", 196 contactTime: "期望联络时间",
196 notice1: "本表格所收集的个人资料根据「平安人寿香港个人资料收集声明」处理及只会被用作于联络 阁下之用。然而所收集的个人资料未经您明确授权将不会转移至「平安人寿香港个人资料收集声明」列明以外之第三者机构。您可选择不向我们提供所需的个人资料，惟这样可能导致我们不能联络您。您亦可根据「平安人寿香港个人资料收集声明」之权利查阅及更正个人资料。", 197 notice1: "本表格所收集的个人资料根据「平安人寿香港个人资料收集声明」处理及只会被用作于联络 阁下之用。然而所收集的个人资料未经您明确授权将不会转移至「平安人寿香港个人资料收集声明」列明以外之第三者机构。您可选择不向我们提供所需的个人资料，惟这样可能导致我们不能联络您。您亦可根据「平安人寿香港个人资料收集声明」之权利查阅及更正个人资料。",
197 notice2: "本人现确认明白并同意本人的个人资料根据中银人寿个人资料收集声明作以上述用途。", 198 notice2: "本人现确认明白并同意本人的个人资料根据中银人寿个人资料收集声明作以上述用途。",
...@@ -311,7 +312,118 @@ module.exports = { ...@@ -311,7 +312,118 @@ module.exports = {
311 }, 312 },
312 ] 313 ]
313 }, 314 },
314 315 policyChangeGuide: {
316 notice: "如需做其他保单变更联系客服（联系客服超链接跳转公司联系信息页）",
317 head1: "项目",
318 head2: "具体内容",
319 head3: "申请资格人",
320 head4: "受理时间",
321 head5: "应备材料",
322 download: "下载文档",
323 form: [{
324 project: "退保",
325 content: "在犹豫期后解除合同，公司将退还保单现金价值或未满期净保费。（待产品精算确认）",
326 applicant: "投保人",
327 receptionTime: "保单效力终止前",
328 materialList: [{
329 name: "保险单",
330 },
331 {
332 name: "申请书",
333 type: 1,
334 },
335 {
336 name: "投保人有效身份证件",
337 },
338 {
339 name: "存折银行卡相关",
340 }
341 ],
342 },
343 {
344 project: "犹豫期退保",
345 content: "在犹豫期内提出解除合同，公司会无息退还全部保费",
346 applicant: "投保人",
347 receptionTime: "犹豫期结束前",
348 materialList: [{
349 name: "保险单",
350 },
351 {
352 name: "申请书",
353 type: 1,
354 },
355 {
356 name: "投保人有效身份证件",
357 },
358 {
359 name: "存折银行卡相关",
360 },
361 {
362 name: "首期保费发票",
363 }
364 ],
365 },
366 {
367 project: "客户资料变更",
368 projectType: 1,
369 path: "/custom/service",
370 query: {
371 q: "m42"
372 },
373 content: "投保人、受保人、受益人的个人信息变更",
374 applicant: "投保人",
375 receptionTime: "不限",
376 materialList: [{
377 name: "申请书",
378 type: 1,
379 },
380 {
381 name: "必要的证明材料",
382 }
383 ],
384 },
385 {
386 project: "联系信息变更",
387 projectType: 1,
388 path: "/custom/service",
389 query: {
390 q: "m43"
391 },
392 content: "地址、电话等信息的变更",
393 applicant: "投保人",
394 receptionTime: "不限",
395 materialList: [{
396 name: "申请书",
397 type: 1,
398 },
399 {
400 name: "投保人有效身份证件",
401 }
402 ],
403 },
404 {
405 project: "交费方式变更",
406 content: "更改保单的续期交费方式或交费账号",
407 applicant: "投保人",
408 receptionTime: "保单交费期满前",
409 materialList: [{
410 name: "申请书",
411 type: 1,
412 },
413 {
414 name: "保险单",
415 }
416 ],
417 },
418 ]
419 },
420 policyChangeContact: {
421 phone: "联系电话",
422 address: "联系地址",
423 email: "E-Mail",
424 checkTips: "本人不同意接收宣传信息",
425 submit: "确认修改",
426 },
315 contactUs: { 427 contactUs: {
316 service: { 428 service: {
317 center: { 429 center: {
...@@ -345,6 +457,9 @@ module.exports = { ...@@ -345,6 +457,9 @@ module.exports = {
345 menu2: "缴付保费", 457 menu2: "缴付保费",
346 menu3: "保单查询", 458 menu3: "保单查询",
347 menu4: "保单变更", 459 menu4: "保单变更",
460 menu41: "保单变更指引",
461 menu42: "联系方式变更",
462 menu43: "客户资料变更",
348 menu5: "理赔申请", 463 menu5: "理赔申请",
349 menu6: "预约服务", 464 menu6: "预约服务",
350 menu7: "投诉受理", 465 menu7: "投诉受理",
......
...@@ -19,6 +19,7 @@ ...@@ -19,6 +19,7 @@
19 } 19 }
20 20
21 &-content { 21 &-content {
22 color: $cFontGray;
22 background-color: #f2f2f2; 23 background-color: #f2f2f2;
23 text-align: center; 24 text-align: center;
24 border: solid 1px #f2f2f2; 25 border: solid 1px #f2f2f2;
......
...@@ -35,121 +35,6 @@ ...@@ -35,121 +35,6 @@
35 </div> 35 </div>
36 </div> 36 </div>
37 </div> 37 </div>
38
39 <!-- 繳費類 -->
40 <!-- <div class="table-content-item">
41 <div class="hl"></div>
42 <div class="ww w1">
43 繳費類
44 </div>
45 <div class="ww w2">
46 <div class="grid">
47 <div class="v-line"></div>
48 <div class="h-line"></div>
49 「電子入賬服務」及銀行戶口
50 <br> 直接付款授權申請
51 </div>
52 <div class="grid">
53 <div class="v-line"></div>
54 <div class="h-line"></div>
55 信用卡戶口直接付款授權書
56 </div>
57 </div>
58 <div class="ww w3">
59 <div class="grid">
60 <div class="v-line"></div>
61 <div class="h-line"></div>
62 申請設立「電子入賬服務」及銀行戶口
63 <br>直接付款授權時須提供
64 </div>
65 <div class="grid">
66 <div class="v-line"></div>
67 <div class="h-line"></div>
68 申請信用卡戶口直接付款授權時須提供
69 </div>
70
71 </div>
72 <div class="ww w4">
73 <div class="grid pointer">
74 <div class="h-line"></div>
75 <img class="icon" src="@/assets/images/common-form/icon-cf-download.png" alt=""> 下載文檔
76 </div>
77 <div class="grid pointer">
78 <div class="h-line"></div>
79 <img class="icon" src="@/assets/images/common-form/icon-cf-download.png" alt=""> 下載文檔
80 </div>
81
82 </div>
83 </div> -->
84
85 <!-- 保單變更類 -->
86 <!-- <div class="table-content-item">
87 <div class="hl"></div>
88 <div class="ww w1">
89 保單變更類
90 </div>
91 <div class="ww w2">
92 <div class="grid">
93 <div class="v-line"></div>
94 <div class="h-line"></div>
95 保險合同解除申請書
96 </div>
97 <div class="grid">
98 <div class="v-line"></div>
99 <div class="h-line"></div>
100 信用卡戶口直接付款授權書
101 </div>
102 </div>
103 <div class="ww w3">
104 <div class="grid">
105 <div class="v-line"></div>
106 <div class="h-line"></div>
107 申請設立「電子入賬服務」及銀行戶口
108 <br>直接付款授權時須提供
109 </div>
110 <div class="grid">
111 <div class="v-line"></div>
112 <div class="h-line"></div>
113 申請信用卡戶口直接付款授權時須提供
114 </div>
115
116 </div>
117 <div class="ww w4">
118 <div class="grid pointer">
119 <div class="h-line"></div>
120 <img class="icon" src="@/assets/images/common-form/icon-cf-download.png" alt=""> 下載文檔
121 </div>
122 <div class="grid pointer">
123 <div class="h-line"></div>
124 <img class="icon" src="@/assets/images/common-form/icon-cf-download.png" alt=""> 下載文檔
125 </div>
126 </div>
127 </div> -->
128
129 <!-- 理賠類 -->
130 <!-- <div class="table-content-item">
131 <div class="ww w1">
132 理賠類
133 </div>
134 <div class="ww w2">
135 <div class="grid">
136 <div class="v-line"></div>
137 理賠申請書
138 </div>
139 </div>
140 <div class="ww w3">
141 <div class="grid">
142 <div class="v-line"></div>
143 紙質申請的應備文件
144 </div>
145 </div>
146 <div class="ww w4">
147 <div class="grid pointer">
148 <img class="icon" src="@/assets/images/common-form/icon-cf-download.png" alt=""> 下載文檔
149 </div>
150 </div>
151 </div> -->
152
153 </div> 38 </div>
154 </div> 39 </div>
155 </div> 40 </div>
......
...@@ -23,10 +23,10 @@ ...@@ -23,10 +23,10 @@
23 <option>電話</option> 23 <option>電話</option>
24 <option>電郵</option> 24 <option>電郵</option>
25 </select> 25 </select>
26 <option v-else class="ipt phone-ipt"> 26 <select v-else class="ipt phone-ipt">
27 <option>电话</option> 27 <option>电话</option>
28 <option>电邮</option> 28 <option>电邮</option>
29 </option> 29 </select>
30 </div> 30 </div>
31 </div> 31 </div>
32 32
......
1 import api from '@/api/api'
2 import {
3 httpGet,
4 httpPost
5 } from '@/api/fetch-api.js'
6
7 export default {
8 data() {
9 return {
10 key: 'value'
11 }
12 },
13 components: {},
14 methods: {
15 initData() {}
16 },
17 mounted() {},
18 created() {}
19 }
1 @import '@/styles/_support';
2
3 .container {
4 @extend .bb;
5 padding: 1.833333rem 3rem 2.5rem 2.166667rem;
6 width: 770px;
7 }
8
9 .border {
10 border-radius: 8px;
11 border: solid 1px #f2f2f2;
12 background-color: #ffffff;
13 }
14
15
16 .form {
17 display: flex;
18 flex-wrap: wrap;
19
20 &-item {
21 position: relative;
22 margin-bottom: 2.333333rem;
23
24 &:last-child{
25 margin-bottom: 0;
26 }
27
28 .label {
29 color: #f05a23;
30 display: flex;
31 align-items: center;
32 margin-bottom: .7rem;
33
34 .icon {
35 width: 2.166667rem;
36 display: flex;
37 }
38
39 img {
40 height: 1rem;
41 }
42 }
43
44 .ipt-wrap {
45 position: relative;
46
47 // input和下拉
48 .ipt {
49 @extend .bb;
50 width: 42.833333rem;
51 height: 3.5rem;
52 border: solid 1px #dcdddd;
53 background-color: #ffffff;
54 border-radius: 3.5rem;
55 padding: 0 2.083333rem;
56 }
57
58 .name-ipt {
59 width: 13.666667rem;
60 }
61
62 .phone-ipt {
63 width: 13.666667rem;
64 }
65
66 .mail-ipt {}
67
68 // 长文本
69 .textarea {
70 min-height: 8.75rem;
71 border-radius: 1rem;
72 @extend .bb;
73 padding: .75rem;
74 }
75
76 .down-arrow {
77 position: absolute;
78 top: 1.6rem;
79 right: 2rem;
80 background-image: url('~@/assets/images/reservation/re-down-arrow.png');
81 width: 1rem;
82 height: .666667rem;
83 pointer-events: none;
84 cursor: default;
85 }
86
87 .check-icon{
88 display: inline-block;
89 margin-left: 2.166667rem;
90 margin-right: .666667rem;
91 }
92 }
93 }
94
95 }
96 .submit-btn {
97 width: 13.583333rem;
98 height: 4.083333rem;
99 margin: 2.5rem auto 0;
100 line-height: 4.083333rem;
101 box-shadow: 0px 10px 13px 0 rgba(236, 100, 41, 0.2);
102 background-blend-mode: soft-light, ;
103 background-image: linear-gradient(to top, #000000, #ffffff), linear-gradient(to bottom, #ec6429, #ec6429);
104 text-align: center;
105 font-size: 1.291667rem;
106 letter-spacing: .129167rem;
107 color: #ffffff;
108 border-radius: 3.5rem;
109 cursor: pointer;
110 border: none;
111 color: #ffffff;
112 background-color: #f05a23;
113 box-shadow: 0px 10px 13px 0 rgba(236, 100, 41, 0.2);
114 background-blend-mode: soft-light, ;
115 background-image: linear-gradient(to top, #000000, #ffffff), linear-gradient(to bottom, #ec6429, #ec6429);
116 }
1
2 <template>
3 <div class="container border">
4 <div class="form">
5 <div class="form-item">
6 <div class="label">
7 <div class="icon"><img src="@/assets/images/policy-change-contact/icon-pcc-phone.png"></div>{{$t('policyChangeContact.phone')}}
8 </div>
9 <div class="ipt-wrap">
10 <input placeholder="香港（852）2888 8888" class="ipt mail-ipt" type="text">
11 <img class="check-icon" src="@/assets/images/reservation/un-check.png">
12 <span>{{$t("policyChangeContact.checkTips")}}</span>
13 </div>
14 </div>
15 <div class="form-item">
16 <div class="label">
17 <div class="icon"><img src="@/assets/images/policy-change-contact/icon-pcc-location.png"></div>{{$t('policyChangeContact.address')}}
18 </div>
19 <div class="ipt-wrap">
20 <input placeholder="深圳市益田路5033號" class="ipt mail-ipt" type="text">
21 <img class="check-icon" src="@/assets/images/reservation/un-check.png">
22 <span>{{$t("policyChangeContact.checkTips")}}</span>
23 </div>
24 </div>
25 <div class="form-item">
26 <div class="label">
27 <div class="icon"><img src="@/assets/images/policy-change-contact/icon-pcc-mail.png"></div>{{$t('policyChangeContact.email')}}
28 </div>
29 <div class="ipt-wrap">
30 <input placeholder="123@ping.com.cn" class="ipt mail-ipt" type="text">
31 <img class="check-icon" src="@/assets/images/reservation/un-check.png">
32 <span>{{$t("policyChangeContact.checkTips")}}</span>
33 </div>
34 </div>
35 </div>
36 <div class="submit-btn pointer">
37 {{$t("policyChangeContact.submit")}}
38 </div>
39 </div>
40 </template>
41
42 <script src="./policy-change-contact.js"></script>
43 <style lang="scss" scoped>
44 @import "./policy-change-contact.scss";
45 </style>
1 import api from '@/api/api'
2 import {
3 httpGet,
4 httpPost
5 } from '@/api/fetch-api.js'
6
7 export default {
8 data() {
9 return {
10 key: 'value'
11 }
12 },
13 components: {},
14 computed: {
15 locale() {
16 return this.$i18n.locale || 'tc';
17 },
18 i18n() {
19 return this.$i18n.messages && this.$i18n.locale ? this.$i18n.messages[this.$i18n.locale] : {};
20 },
21 },
22 methods: {
23 onProjectHandler(item) {
24 if (item.projectType == 1) {
25 this.$router.push({
26 path: item.path,
27 query: item.query
28 })
29 }
30 },
31 initData() {}
32 },
33 mounted() {},
34 created() {}
35 }
1 @import '@/styles/_support';
2
3 .common-form-container {}
4
5 .table {
6 $girdHei: 4.333333rem;
7 text-align: center;
8
9 &-header {
10 @include border-top-radius(.666667rem);
11 display: flex;
12 align-items: center;
13 height: 2.5rem;
14 color: #ffffff;
15 font-weight: bold;
16 letter-spacing: .1rem;
17
18 &-item {}
19 }
20
21 &-content {
22 color: $cFontGray;
23 text-align: center;
24 border: solid 1px #f2f2f2;
25 @include border-bottom-radius(.666667rem);
26 $gridHei: 4.333333rem;
27
28 &-item {
29 position: relative;
30 // @extend .fcc;
31 display: flex;
32 align-items: center;
33 width: 100%;
34 height: auto;
35
36 .hl {
37 position: absolute;
38 width: 60.833333rem;
39 height: 1px;
40 background-color: #dcdddd;
41 bottom: 0;
42 left: 0;
43 right: 0;
44 margin: 0 auto;
45 z-index: 11;
46 }
47
48 .grid {
49 position: relative;
50 padding: 1.583333rem 2rem;
51 background-color: #ffffff;
52
53 .v-line {
54 position: absolute;
55 width: 1px;
56 height: 2.25rem;
57 background-color: #dcdddd;
58 right: 0;
59 top: 0;
60 bottom: 0;
61 margin: auto 0;
62 }
63
64 .icon {
65 margin-right: .25rem;
66 display: inline-block;
67 }
68 }
69
70 .ww {
71 position: relative;
72 line-height: 1.5;
73
74 .h-line {
75 position: absolute;
76 width: 100%;
77 height: 1px;
78 background-color: #dcdddd;
79 bottom: 0;
80 left: 0;
81 }
82
83
84 }
85
86 .w1 {}
87
88 .w5 {
89 .material {
90 @extend .fcc;
91 }
92
93 .h-line {
94 width: 9rem;
95 }
96
97 }
98 }
99 }
100
101 .t1 {
102 background-color: #f2f2f2;
103 }
104
105 .w1 {
106 width: 10.333333rem;
107 }
108
109 .w2 {
110 width: 16.916667rem;
111
112 }
113
114 .w3 {
115 width: 9.75rem;
116 }
117
118 .w4 {
119 width: 13.583333rem;
120 }
121
122 .w5 {
123 flex: 1;
124 }
125
126 }
127
128
129 .orange {
130 background-color: $cOrange;
131 }
132
133
134 .act {
135 color: $cOrange;
136 @extend .pointer;
137 text-decoration: underline;
138 }
139
140 .notice {
141 display: flex;
142 align-items: center;
143
144 .icon {
145 display: inline-block;
146 width: 1rem;
147 ;
148 margin-right: .5rem;
149 }
150
151 margin-top: 1.25rem;
152 }
1
2 <template>
3 <div class="policy-change-guide-container">
4 <div class="table">
5 <div class="table-header orange">
6 <div class="table-header-item w1">{{$t('policyChangeGuide.head1')}}</div>
7 <div class="table-header-item w2">{{$t('policyChangeGuide.head2')}}</div>
8 <div class="table-header-item w3">{{$t('policyChangeGuide.head3')}}</div>
9 <div class="table-header-item w4">{{$t('policyChangeGuide.head4')}}</div>
10 <div class="table-header-item w5">{{$t('policyChangeGuide.head5')}}</div>
11 </div>
12 <div class="table-content">
13 <div v-for="(item,index) in i18n.policyChangeGuide.form" :key="index" class="table-content-item">
14 <div v-if="index < i18n.policyChangeGuide.form.length-1" class="hl"></div>
15 <div class="ww w1">
16 <div class="grid">
17 <div class="v-line"></div>
18 <span :class="{'act':item.projectType == 1}" @click="onProjectHandler(item)" v-html="item.project"> {{item.project}}</span>
19 </div>
20 </div>
21 <div class="ww w2">
22 <div class="grid">
23 <div class="v-line"></div>
24 <span v-html="item.content"> {{item.content}}</span>
25 </div>
26 </div>
27 <div class="ww w3">
28 <div class="grid">
29 <div class="v-line"></div>
30 <span v-html="item.applicant"> {{item.applicant}}</span>
31 </div>
32 </div>
33 <div class="ww w4">
34 <div class="grid">
35 <div class="v-line"></div>
36 <span v-html="item.receptionTime"> {{item.receptionTime}}</span>
37 </div>
38 </div>
39 <div class="ww w5">
40 <div class="grid">
41 <div class="material" :class="{'pointer':item2.type == 1}" v-for="(item2,index2) in item.materialList" :key="index2">
42 <img v-if="item2.type == 1" class="icon" src="@/assets/images/common-form/icon-cf-download.png" alt="">
43 <span :class="{'act':item2.type == 1}" v-html="item2.name">{{ item2.name }}</span>
44 </div>
45 </div>
46 </div>
47 </div>
48 </div>
49 </div>
50 <div class="notice">
51 <img class="icon" src="@/assets/images/policy-change-guide/icon-pcg-notice.png" alt=""> {{$t("policyChangeGuide.notice")}}
52 </div>
53 </div>
54 </template>
55
56 <script src="./policy-change-guide.js"></script>
57 <style lang="scss" scoped>
58 @import "./policy-change-guide.scss";
59 </style>
1 import api from '@/api/api'
2 import {
3 httpGet,
4 httpPost
5 } from '@/api/fetch-api.js'
6
7 export default {
8 data() {
9 return {
10 key: 'value'
11 }
12 },
13 components: {},
14 methods: {
15 initData() {}
16 },
17 mounted() {},
18 created() {}
19 }
1 @import '@/styles/_support';
2
3 .content {}
4
5 .border {
6 @extend .bb;
7 // padding: 2.833333rem 4.0rem 0 3.5rem;
8 // width: 770px;
9 height: 387px;
10 border-radius: 8px;
11 border: solid 1px #f2f2f2;
12 background-color: #ffffff;
13 }
1
2 <template>
3 <div class="container border">
4 policy-change-information
5 </div>
6 </template>
7
8 <script src="./policy-change-information.js"></script>
9 <style lang="scss" scoped>
10 @import "./policy-change-information.scss";
11 </style>
...@@ -11,10 +11,14 @@ import PaymentType from './components/payment-type.vue' ...@@ -11,10 +11,14 @@ import PaymentType from './components/payment-type.vue'
11 import ComplaintAcceptance from './components/complaint-acceptance.vue' 11 import ComplaintAcceptance from './components/complaint-acceptance.vue'
12 import CommonForm from './components/common-form.vue' 12 import CommonForm from './components/common-form.vue'
13 13
14 import PolicyChangeGuide from './components/policy-change-guide.vue'
15 import PolicyChangeContact from './components/policy-change-contact.vue'
16 import PolicyChangeInformation from './components/policy-change-information.vue'
17
14 export default { 18 export default {
15 data() { 19 data() {
16 return { 20 return {
17 activity: "m7" 21 activity: "m1",
18 } 22 }
19 }, 23 },
20 methods: { 24 methods: {
...@@ -24,24 +28,32 @@ export default { ...@@ -24,24 +28,32 @@ export default {
24 path: path 28 path: path
25 }); 29 });
26 }, 30 },
27 changeActivity(a) { 31 changeActivity(val) {
28 this.activity = a; 32 this.checkQuery(val)
29 this.$route.query.q = a; 33 },
30 console.log(this.$route.query); 34 checkQuery(a) {
35 if (a == "m4") {
36 a = "m41"
37 }
38 this.$router.push({
39 path: "/custom/service",
40 query: {
41 q: a
42 }
43 });
31 } 44 }
32 }, 45 },
33 watch: { 46 watch: {
34 $route() { 47 $route() {
35 // let activity = this.$route.query.q; 48 let activity = this.$route.query.q;
36 // if (activity) { 49 if (activity) {
37 // this.$set(this, 'activity', activity); 50 this.$set(this, 'activity', activity);
38 // } 51 }
39 } 52 }
40 }, 53 },
41 created() { 54 created() {
42 // let activity = this.$route.query.q; 55 let activity = this.$route.query.q;
43 // activity = activity ? activity : "m1"; 56 this.$set(this, 'activity', activity);
44 // this.activity = activity;
45 }, 57 },
46 components: { 58 components: {
47 ContactUs, 59 ContactUs,
...@@ -49,6 +61,9 @@ export default { ...@@ -49,6 +61,9 @@ export default {
49 reservation, 61 reservation,
50 PaymentType, 62 PaymentType,
51 ComplaintAcceptance, 63 ComplaintAcceptance,
52 CommonForm 64 CommonForm,
65 PolicyChangeGuide,
66 PolicyChangeContact,
67 PolicyChangeInformation
53 } 68 }
54 } 69 }
......
...@@ -75,6 +75,10 @@ ...@@ -75,6 +75,10 @@
75 } 75 }
76 76
77 } 77 }
78
79 .activity {
80 color: $cOrange;
81 }
78 } 82 }
79 83
80 .right-panel { 84 .right-panel {
......
1 <template> 1 <template>
2 <div class="content"> 2 <div class="content">
3
3 <div class="left-panel"> 4 <div class="left-panel">
4 <div v-for="(item,index) in 8" :key="index" class="menu-item" :class="{'activity' : activity == 'm' + (index+1)}" @click="changeActivity('m'+(index+1))"> 5 <!-- 保存变更列表 -->
6 <template v-if="activity && activity.indexOf('m4') != -1 ">
7 <div v-for="(item,index) in 3" :key="item.id" class="menu-item" :class="{'activity' : activity == 'm4' + (index+1)}" @click="changeActivity('m4'+(index+1))">
8 <div class="tit">{{$t('customService.menu4'+(index+1))}}</div>
9 <div v-if="activity == 'm4' + (index+1)" class="sel" :class="{'sel-first':index == 0}"></div>
10 </div>
11 </template>
12
13 <!-- 主列表 -->
14 <template v-else>
15 <div v-for="(item,index) in 8" :key="item.id" class="menu-item" :class="{'activity' : activity == 'm' + (index+1)}" @click="changeActivity('m'+(index+1))">
5 <div class="icon-wrap"> 16 <div class="icon-wrap">
6 <img class="icon" :src="require('@/assets/images/insurance-query/m'+(index+1) + (activity == 'm' + (index+1) ?'':'-unselect') +'.png')"> 17 <img class="icon" :src="require('@/assets/images/insurance-query/m'+(index+1) + (activity == 'm' + (index+1) ?'':'-unselect') +'.png')">
7 </div> 18 </div>
8 <div class="tit">{{$t('customService.menu'+(index+1))}}</div> 19 <div class="tit">{{$t('customService.menu'+(index+1))}}</div>
9 <div v-if="activity == 'm' + (index+1)" class="sel" :class="{'sel-first':index == 0}"></div> 20 <div v-if="activity == 'm' + (index+1)" class="sel" :class="{'sel-first':index == 0}"></div>
10 </div> 21 </div>
22 </template>
11 </div> 23 </div>
12 <div class="right-panel"> 24 <div class="right-panel">
13 <div class="panel" :class="{activity : activity == 'm1'}"> 25 <div class="panel" :class="{activity : activity == 'm1'}">
...@@ -19,7 +31,17 @@ ...@@ -19,7 +31,17 @@
19 <div class="panel" :class="{activity : activity == 'm3'}"> 31 <div class="panel" :class="{activity : activity == 'm3'}">
20 <insurance-query></insurance-query> 32 <insurance-query></insurance-query>
21 </div> 33 </div>
22 <div class="panel" :class="{activity : activity == 'm4'}"></div> 34 <!-- <div class="panel" :class="{activity : activity == 'm4'}"></div> -->
35 <div class="panel" :class="{activity : activity == 'm41'}">
36 <policy-change-guide></policy-change-guide>
37 </div>
38 <div class="panel" :class="{activity : activity == 'm42'}">
39 <policy-change-contact></policy-change-contact>
40 </div>
41 <div class="panel" :class="{activity : activity == 'm43'}">
42 <policy-change-information></policy-change-information>
43 </div>
44
23 <div class="panel" :class="{activity : activity == 'm5'}"></div> 45 <div class="panel" :class="{activity : activity == 'm5'}"></div>
24 <div class="panel" :class="{activity : activity == 'm6'}"> 46 <div class="panel" :class="{activity : activity == 'm6'}">
25 <reservation></reservation> 47 <reservation></reservation>
......