Skip to content

dev / pingan-life-index-pro

Go to a project
Toggle navigation
Toggle navigation pinning
81f4f819 by simon
Options

默认提交

1 parent 821eb3e0
Inline Side-by-side
Showing 6 changed files with 709 additions and 597 deletions
...@@ -21,134 +21,137 @@ module.exports = { ...@@ -21,134 +21,137 @@ module.exports = {
21 back: "證件反面", 21 back: "證件反面",
22 } 22 }
23 }, 23 },
24 error : { 24 error: {
25 nameTip : "name illegal" 25 nameTip: "name illegal"
26 }, 26 },
27 nav: { 27 nav: {
28 loginData: { 28 loginData: {
29 name: "Login", 29 name: "Login",
30 path: "/login", 30 path: "/login",
31 list: [{ 31 list: [{
32 name: "Register", 32 name: "Register",
33 path: "/register", 33 path: "/register",
34 type: "noAuth", 34 type: "noAuth",
35 value: "" 35 value: ""
36 }, { 36 }, {
37 name: "Login", 37 name: "Login",
38 path: "", 38 path: "",
39 type: "noAuth", 39 type: "noAuth",
40 value: "login" 40 value: "login"
41 },
42 {
43 name: "Modify password",
44 path: "/password/reset",
45 type: "auth",
46 value: ""
47 },
48 // {
49 // name: "profile",
50 // path: "/infomation/improve",
51 // type: "auth",
52 // value: ""
53 // },
54 {
55 name: "Logout",
56 path: "",
57 type: "auth",
58 value: "logout"
59 },
60 ]
61 },
62 navList: [{
63 name: "Products",
64 path: "/product/introduction",
65 list: [{
66 name: "VHIS",
67 path: "/vhis/detail"
68 },
69 {
70 name: "Insurance with Investment Focus",
71 path: "/vhis?p=endowment"
72 }]
73 },
74 {
75 name: "Customer Service",
76 path: "/custom/product",
77 list: [
78 // {
79 // name: "Customer Service",
80 // path: "/custom/product"
81 // },
82 {
83 name: "Contact Us",
84 path: "/custom/service?q=m1"
85 },
86 {
87 name: "Payment Options",
88 path: "/custom/service?q=m2"
89 },
90 {
91 name: "Policy Enquiry",
92 path: "/custom/service?q=m3"
93 }, 41 },
94 { 42 {
95 name: "Change of Policy", 43 name: "Modify password",
96 path: "/custom/service?q=m41" 44 path: "/password/reset",
97 }, 45 type: "auth",
98 { 46 value: ""
99 name: "Claims Application",
100 path: "/custom/service?q=m5"
101 },
102 {
103 name: "Reservation",
104 path: "/custom/service?q=m6"
105 },
106 {
107 name: "Complaints",
108 path: "/custom/service?q=m7"
109 }, 47 },
48 // {
49 // name: "profile",
50 // path: "/infomation/improve",
51 // type: "auth",
52 // value: ""
53 // },
110 { 54 {
111 name: "Useful Forms", 55 name: "Logout",
112 path: "/custom/service?q=m8" 56 path: "",
57 type: "auth",
58 value: "logout"
113 }, 59 },
114 ] 60 ]
115 }, 61 },
116 { 62 navList: [{
117 name: "About Us", 63 name: "Products",
118 path: "/profile", 64 path: "/product/introduction",
119 list: [{ 65 list: [{
120 name: "About Ping An (Life) HK", 66 name: "VHIS",
121 path: "/profile" 67 path: "/vhis/detail"
68 },
69 {
70 name: "Insurance with Investment Focus",
71 path: "/vhis?p=endowment"
72 }
73 ]
122 }, 74 },
123 { 75 {
124 name: "Company Events", 76 name: "Customer Service",
125 path: "/company/events" 77 path: "/custom/product",
126 }, { 78 list: [
127 name: "News Center", 79 // {
128 path: "/news/list" 80 // name: "Customer Service",
81 // path: "/custom/product"
82 // },
83 {
84 name: "Contact Us",
85 path: "/custom/service?q=m1"
86 },
87 {
88 name: "Payment Options",
89 path: "/custom/service?q=m2"
90 },
91 {
92 name: "Policy Enquiry",
93 path: "/custom/service?q=m3"
94 },
95 {
96 name: "Change of Policy",
97 path: "/custom/service?q=m41"
98 },
99 {
100 name: "Claims Application",
101 path: "/custom/service?q=m5"
102 },
103 {
104 name: "Reservation",
105 path: "/custom/service?q=m6"
106 },
107 {
108 name: "Complaints",
109 path: "/custom/service?q=m7"
110 },
111 {
112 name: "Useful Forms",
113 path: "/custom/service?q=m8"
114 },
115 ]
129 }, 116 },
130 { 117 {
131 name: "Corporate Social Responsibility", 118 name: "About Us",
132 path: "/responsibility" 119 path: "/profile",
120 list: [{
121 name: "About Ping An (Life) HK",
122 path: "/profile"
123 },
124 {
125 name: "Company Events",
126 path: "/company/events"
127 }, {
128 name: "News Center",
129 path: "/news/list"
130 },
131 {
132 name: "Corporate Social Responsibility",
133 path: "/responsibility"
134 },
135 {
136 name: "Awards",
137 path: "/awards"
138 }
139 ]
133 }, 140 },
134 { 141 {
135 name: "Awards", 142 name: "Join Us",
136 path: "/awards" 143 path: "/join/us",
137 }] 144 list: [{
138 }, 145 name: "Corporate Culture",
139 { 146 path: "/corporate/culture"
140 name: "Join Us", 147 },
141 path: "/join/us", 148 {
142 list: [{ 149 name: "Career Opportunities",
143 name: "Corporate Culture", 150 path: "/career/opportunities"
144 path: "/corporate/culture" 151 },
145 }, 152 ]
146 { 153 }
147 name: "Career Opportunities", 154 ]
148 path: "/career/opportunities"
149 },
150 ]
151 }]
152 }, 155 },
153 footer: { 156 footer: {
154 hkPhone: "Hong Kong Phone No.", 157 hkPhone: "Hong Kong Phone No.",
...@@ -391,7 +394,19 @@ module.exports = { ...@@ -391,7 +394,19 @@ module.exports = {
391 contactTime: "Preferred Contact Date", 394 contactTime: "Preferred Contact Date",
392 notice1: "The personal data collected in this form is processed in accordance with Ping An Life Insurance Company of China (HK), Ltd Personal Information Collection Statement and will only be used to contact you. However, the personal data collected will not be transferred to third-party organizations other than those specified in the \"Ping An Life Insurance Company of China (HK), Ltd Personal Data Collection Statement\" without your explicit authorization. You can choose not to provide us with the required personal information, but this may prevent us from contacting you. You can also access and correct your personal data in accordance with Ping An Life Insurance Company of China (HK), Ltd Personal Data Collection Statement。", 395 notice1: "The personal data collected in this form is processed in accordance with Ping An Life Insurance Company of China (HK), Ltd Personal Information Collection Statement and will only be used to contact you. However, the personal data collected will not be transferred to third-party organizations other than those specified in the \"Ping An Life Insurance Company of China (HK), Ltd Personal Data Collection Statement\" without your explicit authorization. You can choose not to provide us with the required personal information, but this may prevent us from contacting you. You can also access and correct your personal data in accordance with Ping An Life Insurance Company of China (HK), Ltd Personal Data Collection Statement。",
393 notice2: "I hereby confirm that I understand and agree that my personal data will be used for the above purposes in accordance with the Ping An Life Insurance Company of China (HK) Personal Data Collection Statement.", 396 notice2: "I hereby confirm that I understand and agree that my personal data will be used for the above purposes in accordance with the Ping An Life Insurance Company of China (HK) Personal Data Collection Statement.",
394 contactTypes: [{ name: 'Mobile', value: 1, show: "Mobile", icon: "mobile", placeholder: "HK No./ Mainland No." }, { name: 'Email', value: 2, show: "Email", icon: "email", placeholder: "email" }], 397 contactTypes: [{
398 name: 'Mobile',
399 value: 1,
400 show: "Mobile",
401 icon: "mobile",
402 placeholder: "HK No./ Mainland No."
403 }, {
404 name: 'Email',
405 value: 2,
406 show: "Email",
407 icon: "email",
408 placeholder: "email"
409 }],
395 errorTips: { 410 errorTips: {
396 e1: "Please fill in this item", 411 e1: "Please fill in this item",
397 e2: "Please fill in the correct contact information", 412 e2: "Please fill in the correct contact information",
...@@ -405,13 +420,21 @@ module.exports = { ...@@ -405,13 +420,21 @@ module.exports = {
405 name: "Name", 420 name: "Name",
406 namePlaceholder: "Name", 421 namePlaceholder: "Name",
407 contactType: "Preferred way of contact", 422 contactType: "Preferred way of contact",
408 contactTypeCadidates: [{ name: "phone no", value: 1 }], 423 contactTypeCadidates: [{
424 name: "phone no",
425 value: 1
426 }],
409 contact: "Contact Number", 427 contact: "Contact Number",
410 contactPlaceholder: "（HK No./ Mainland No.）", 428 contactPlaceholder: "（HK No./ Mainland No.）",
411 reservationType: "Type of Reservation", 429 reservationType: "Type of Reservation",
412 reservationCandidates: [ 430 reservationCandidates: [{
413 { name: "Insurance consultation", value: "投保諮詢" }, 431 name: "Insurance consultation",
414 { name: "Agent change", value: "代办保单变更" } 432 value: "投保諮詢"
433 },
434 {
435 name: "Agent change",
436 value: "代办保单变更"
437 }
415 ], 438 ],
416 reservationRemark: "Reservation Description", 439 reservationRemark: "Reservation Description",
417 reservationRemarkPlaceholder: "Optional, no more than 500 words, prompt text \"Please briefly explain the insurance type or business you want to consult", 440 reservationRemarkPlaceholder: "Optional, no more than 500 words, prompt text \"Please briefly explain the insurance type or business you want to consult",
...@@ -463,71 +486,71 @@ module.exports = { ...@@ -463,71 +486,71 @@ module.exports = {
463 head4: "Attachment", 486 head4: "Attachment",
464 download: "Download", 487 download: "Download",
465 form: [{ 488 form: [{
466 type: "Payment", 489 type: "Payment",
467 list: [{ 490 list: [{
468 name: "「E-account Service」and Direct Debit Authorization Application for Bank Account", 491 name: "「E-account Service」and Direct Debit Authorization Application for Bank Account",
469 desc: "For applying e-service account and direct debit authorization", 492 desc: "For applying e-service account and direct debit authorization",
470 download: "./doc/「電子入賬服務」及銀行戶口直接付款授權申請.pdf", 493 download: "./doc/「電子入賬服務」及銀行戶口直接付款授權申請.pdf",
471 }, 494 },
472 { 495 {
473 name: "Credit Card Account Direct Debit Authorization", 496 name: "Credit Card Account Direct Debit Authorization",
474 desc: "Application for credit card direct debit", 497 desc: "Application for credit card direct debit",
475 download: "./doc/信用卡戶口直接付款授權書.pdf", 498 download: "./doc/信用卡戶口直接付款授權書.pdf",
476 } 499 }
477 ] 500 ]
478 },
479 {
480 type: "Change of Policy",
481 list: [{
482 name: "Policy Termination Application Form",
483 desc: "Policy surrender",
484 download: "./doc/保險合同解除申請書.pdf",
485 },
486 {
487 name: "Application for Change of Policy Form（Policy Loan Repayment）",
488 desc: "Policy loan",
489 download: "./doc/保險合同變更申請書（ 保單貸款還款類）.pdf",
490 },
491 {
492 name: "Application for Change of Policy Form（Change of Policy）",
493 desc: "Newly added premium, deducted premium",
494 download: "./doc/保險合同變更申請書（ 保險合同計劃變更類）.pdf",
495 },
496 {
497 name: "Application for Change of Policy Form（Change of Customer Information）",
498 desc: "Basic Information Change",
499 download: "./doc/保險合同變更申請書（ 客戶權益變更類）.pdf",
500 },
501 {
502 name: "Application for Change of Policy Form（Change of Beneficiary）",
503 desc: "Mode of payment, self-replacement and reissues",
504 download: "./doc/保險合同變更申請書（ 客戶信息變更類）.pdf",
505 }, 501 },
506 { 502 {
507 name: "Authorization Letter", 503 type: "Change of Policy",
508 desc: "To authorize 3rd party to handle on behalf of policy owner", 504 list: [{
509 download: "./doc/授權委托書.pdf", 505 name: "Policy Termination Application Form",
506 desc: "Policy surrender",
507 download: "./doc/保險合同解除申請書.pdf",
508 },
509 {
510 name: "Application for Change of Policy Form（Policy Loan Repayment）",
511 desc: "Policy loan",
512 download: "./doc/保險合同變更申請書（ 保單貸款還款類）.pdf",
513 },
514 {
515 name: "Application for Change of Policy Form（Change of Policy）",
516 desc: "Newly added premium, deducted premium",
517 download: "./doc/保險合同變更申請書（ 保險合同計劃變更類）.pdf",
518 },
519 {
520 name: "Application for Change of Policy Form（Change of Customer Information）",
521 desc: "Basic Information Change",
522 download: "./doc/保險合同變更申請書（ 客戶權益變更類）.pdf",
523 },
524 {
525 name: "Application for Change of Policy Form（Change of Beneficiary）",
526 desc: "Mode of payment, self-replacement and reissues",
527 download: "./doc/保險合同變更申請書（ 客戶信息變更類）.pdf",
528 },
529 {
530 name: "Authorization Letter",
531 desc: "To authorize 3rd party to handle on behalf of policy owner",
532 download: "./doc/授權委托書.pdf",
533 },
534 {
535 name: "Tax Statement",
536 desc: "CRS",
537 download: "./doc/稅收聲明.pdf",
538 },
539 {
540 name: "Health Declaration",
541 desc: "For underwriting purpose",
542 download: "./doc/健康告知.pdf",
543 }
544 ]
510 }, 545 },
511 { 546 {
512 name: "Tax Statement", 547 type: "Claims",
513 desc: "CRS", 548 list: [{
514 download: "./doc/稅收聲明.pdf", 549 name: "Claims Form",
550 desc: "For written claims application",
551 download: "./doc/理賠申請書.pdf",
552 }]
515 }, 553 },
516 {
517 name: "Health Declaration",
518 desc: "For underwriting purpose",
519 download: "./doc/健康告知.pdf",
520 }
521 ]
522 },
523 {
524 type: "Claims",
525 list: [{
526 name: "Claims Form",
527 desc: "For written claims application",
528 download: "./doc/理賠申請書.pdf",
529 }]
530 },
531 ] 554 ]
532 }, 555 },
533 policyChangeGuide: { 556 policyChangeGuide: {
...@@ -542,100 +565,101 @@ module.exports = { ...@@ -542,100 +565,101 @@ module.exports = {
542 head5: "Materials to be submitted", 565 head5: "Materials to be submitted",
543 download: "下載文檔", 566 download: "下載文檔",
544 form: [{ 567 form: [{
545 project: "Policy Surrender", 568 project: "Policy Surrender",
546 content: "Cancellation of contract after the cooling-off period, the company will refund the policy cash value", 569 content: "Cancellation of contract after the cooling-off period, the company will refund the policy cash value",
547 applicant: "Policy Owner", 570 applicant: "Policy Owner",
548 receptionTime: "Before Policy Expires", 571 receptionTime: "Before Policy Expires",
549 materialList: [{ 572 materialList: [{
550 name: "Policy", 573 name: "Policy",
551 }, 574 },
552 { 575 {
553 name: "Application form", 576 name: "Application form",
554 type: 1, 577 type: 1,
578 },
579 {
580 name: "ID card of Policy Owner",
581 },
582 {
583 name: "Bank information",
584 }
585 ],
555 }, 586 },
556 { 587 {
557 name: "ID card of Policy Owner", 588 project: "Policy Surrender within cool off period",
589 content: "If the contract is cancelled within the cooling-off period, the company will refund the entire premium without interest.",
590 applicant: "Policy Owner",
591 receptionTime: "Before cool off period",
592 materialList: [{
593 name: "Policy",
594 },
595 {
596 name: "Application form",
597 type: 1,
598 },
599 {
600 name: "ID card of Policy Owner",
601 },
602 {
603 name: "Bank information",
604 },
605 {
606 name: "First premium receipt",
607 }
608 ],
558 }, 609 },
559 { 610 {
560 name: "Bank information", 611 project: "Change of Customer Information",
561 }], 612 projectType: 1,
562 }, 613 path: "/custom/service",
563 { 614 query: {
564 project: "Policy Surrender within cool off period", 615 q: "m43"
565 content: "If the contract is cancelled within the cooling-off period, the company will refund the entire premium without interest.", 616 },
566 applicant: "Policy Owner", 617 content: "Change of Policy Owner, Insured and Beneficiary informat",
567 receptionTime: "Before cool off period", 618 applicant: "Policy Owner",
568 materialList: [{ 619 receptionTime: "Anytime",
569 name: "Policy", 620 materialList: [{
570 }, 621 name: "Application form",
571 { 622 type: 1,
572 name: "Application form", 623 },
573 type: 1, 624 {
574 }, 625 name: "Other necessary proving documents",
575 { 626 }
576 name: "ID card of Policy Owner", 627 ],
577 },
578 {
579 name: "Bank information",
580 },
581 {
582 name: "First premium receipt",
583 }
584 ],
585 },
586 {
587 project: "Change of Customer Information",
588 projectType: 1,
589 path: "/custom/service",
590 query: {
591 q: "m43"
592 },
593 content: "Change of Policy Owner, Insured and Beneficiary informat",
594 applicant: "Policy Owner",
595 receptionTime: "Anytime",
596 materialList: [{
597 name: "Application form",
598 type: 1,
599 }, 628 },
600 { 629 {
601 name: "Other necessary proving documents", 630 project: "Change of Contact Information",
602 } 631 projectType: 1,
603 ], 632 path: "/custom/service",
604 }, 633 query: {
605 { 634 q: "m42"
606 project: "Change of Contact Information", 635 },
607 projectType: 1, 636 content: "Change of address, contact no.",
608 path: "/custom/service", 637 applicant: "Policy Owner",
609 query: { 638 receptionTime: "Anytime",
610 q: "m42" 639 materialList: [{
611 }, 640 name: "Application form",
612 content: "Change of address, contact no.", 641 type: 1,
613 applicant: "Policy Owner", 642 },
614 receptionTime: "Anytime", 643 {
615 materialList: [{ 644 name: "ID card of Policy Owner",
616 name: "Application form", 645 }
617 type: 1, 646 ],
618 }, 647 },
619 { 648 {
620 name: "ID card of Policy Owner", 649 project: "Change of Payment Information",
621 } 650 content: "Change of mode of payment or payement account",
622 ], 651 applicant: "Policy Owner",
623 }, 652 // receptionTime: "Before the expiration of policy payment",
624 { 653 receptionTime: "Before the policy payment expiration date",
625 project: "Change of Payment Information", 654 materialList: [{
626 content: "Change of mode of payment or payement account", 655 name: "Application form",
627 applicant: "Policy Owner", 656 type: 1,
628 // receptionTime: "Before the expiration of policy payment", 657 },
629 receptionTime: "Before the policy payment expiration date", 658 {
630 materialList: [{ 659 name: "Policy",
631 name: "Application form", 660 }
632 type: 1, 661 ],
633 }, 662 },
634 {
635 name: "Policy",
636 }
637 ],
638 },
639 ] 663 ]
640 }, 664 },
641 policyChangeContact: { 665 policyChangeContact: {
...@@ -691,8 +715,8 @@ module.exports = { ...@@ -691,8 +715,8 @@ module.exports = {
691 }, 715 },
692 pulbic: { 716 pulbic: {
693 title: "Official WeChat Account", 717 title: "Official WeChat Account",
694 m1: "(1)：Login to the \"WeChat\" APP, press the "+" button in the upper right corner and select \"Add Friend\", select \"Public Account\" Enter and search \"Ping An Life Hong Kong\"", 718 m1: "(1)：Login to the \"WeChat\" APP, press the " + " button in the upper right corner and select \"Add Friend\", select \"Public Account\" Enter and search \"Ping An Life Hong Kong\"",
695 m2: "(2)：Log in to the WeChat APP, press the "+" button in the upper right corner and select \"Scan\" to scan the QR code below（QR Code here）" 719 m2: "(2)：Log in to the WeChat APP, press the " + " button in the upper right corner and select \"Scan\" to scan the QR code below（QR Code here）"
696 }, 720 },
697 qrcode: { 721 qrcode: {
698 title: "Official WeChat Account" 722 title: "Official WeChat Account"
...@@ -814,9 +838,10 @@ module.exports = { ...@@ -814,9 +838,10 @@ module.exports = {
814 }, 838 },
815 839
816 vhis: { 840 vhis: {
817 title: "Confirmation of policy receipt（to be confirmed by Policy Owner）", 841 title: "Confirmation of policy receipt",
818 desc1: "Thank you for choosing Ping An Life (HK). ", 842 titleAft: "（to be confirmed by Policy Owner）",
819 desc2: "The policy is underwritten and enclosed here for your reference and record. ", 843 desc1: "Thank you for choosing Ping An Life (HK).",
844 desc2: "The policy is underwritten and enclosed here for your reference and record.",
820 desc3: "This is an important document, we recommend you to check the accuracy immediately.", 845 desc3: "This is an important document, we recommend you to check the accuracy immediately.",
821 desc4: "Should there be any missing documents or incorrect information, please contact our customer hotline.", 846 desc4: "Should there be any missing documents or incorrect information, please contact our customer hotline.",
822 desc5: "Please confirm your receipt of the policy by clicking the confirm button below.", 847 desc5: "Please confirm your receipt of the policy by clicking the confirm button below.",
...@@ -831,13 +856,13 @@ module.exports = { ...@@ -831,13 +856,13 @@ module.exports = {
831 ymd1: "/", 856 ymd1: "/",
832 ymd2: "/", 857 ymd2: "/",
833 ymd3: "", 858 ymd3: "",
834 tip1: "I", 859 tip1: "I ",
835 tip2: "confirm the receipt of the above policy on", 860 tip2: " confirm the receipt of the above policy on ",
836 tip3: "", 861 tip3: "",
837 tip4: "contact customer service hotline" 862 tip4: "contact customer service hotline"
838 }, 863 },
839 clarms: { 864 clarms: {
840 title:"File a claim", 865 title: "File a claim",
841 step1: { 866 step1: {
842 register: "Register", 867 register: "Register",
843 login: "Login", 868 login: "Login",
......
...@@ -810,6 +810,7 @@ module.exports = { ...@@ -810,6 +810,7 @@ module.exports = {
810 }, 810 },
811 vhis: { 811 vhis: {
812 title: "保單確認書", 812 title: "保單確認書",
813 titleAft:"（由保單持有人確認）",
813 desc1: "多謝閣下投保平安人壽保險產品。", 814 desc1: "多謝閣下投保平安人壽保險產品。",
814 desc2: "保單已經承保，內附于此供閣下參考及保存。", 815 desc2: "保單已經承保，內附于此供閣下參考及保存。",
815 desc3: "保單是重要檔，請即查閱其內容準確性，", 816 desc3: "保單是重要檔，請即查閱其內容準確性，",
......
...@@ -21,135 +21,136 @@ module.exports = { ...@@ -21,135 +21,136 @@ module.exports = {
21 back: "证件反面", 21 back: "证件反面",
22 } 22 }
23 }, 23 },
24 error : { 24 error: {
25 nameTip : "请输入合法的名字" 25 nameTip: "请输入合法的名字"
26 }, 26 },
27 nav: { 27 nav: {
28 loginData: { 28 loginData: {
29 name: "登入", 29 name: "登入",
30 path: "/login", 30 path: "/login",
31 list: [{ 31 list: [{
32 name: "注册", 32 name: "注册",
33 path: "/register", 33 path: "/register",
34 type: "noAuth", 34 type: "noAuth",
35 value: "" 35 value: ""
36 }, { 36 }, {
37 name: "登入", 37 name: "登入",
38 path: "", 38 path: "",
39 type: "noAuth", 39 type: "noAuth",
40 value: "login" 40 value: "login"
41 },
42 {
43 name: "修改密码",
44 path: "/password/reset",
45 type: "auth",
46 value: ""
47 },
48 // {
49 // name: "个人信息",
50 // path: "/infomation/improve",
51 // type: "auth",
52 // value: ""
53 // },
54 {
55 name: "登出",
56 path: "",
57 type: "auth",
58 value: "logout"
59 }
60 ]
61 },
62 navList: [{
63 name: "产品介绍",
64 path: "/product/introduction",
65 list: [{
66 name: "自愿医保计划",
67 path: "/vhis/detail"
68 },
69 {
70 name: "投资成份保险",
71 path: "/vhis?p=endowment"
72 }]
73 },
74 {
75 name: "客户服务",
76 path: "/custom/product",
77 list: [
78 // {
79 // name: "客户服务导航",
80 // path: "/custom/product"
81 // },
82 {
83 name: "联系我们",
84 path: "/custom/service?q=m1"
85 },
86 {
87 name: "缴付保费",
88 path: "/custom/service?q=m2"
89 },
90 {
91 name: "保单查询",
92 path: "/custom/service?q=m3"
93 },
94 {
95 name: "保单变更",
96 path: "/custom/service?q=m41"
97 },
98 {
99 name: "理赔申请",
100 path: "/custom/service?q=m5"
101 }, 41 },
102 { 42 {
103 name: "预约服务", 43 name: "修改密码",
104 path: "/custom/service?q=m6" 44 path: "/password/reset",
105 }, 45 type: "auth",
106 { 46 value: ""
107 name: "投诉受理",
108 path: "/custom/service?q=m7"
109 }, 47 },
48 // {
49 // name: "个人信息",
50 // path: "/infomation/improve",
51 // type: "auth",
52 // value: ""
53 // },
110 { 54 {
111 name: "常用表格", 55 name: "登出",
112 path: "/custom/service?q=m8" 56 path: "",
113 }, 57 type: "auth",
58 value: "logout"
59 }
114 ] 60 ]
115 }, 61 },
116 { 62 navList: [{
117 name: "关于我们", 63 name: "产品介绍",
118 path: "/profile", 64 path: "/product/introduction",
119 list: [{ 65 list: [{
120 name: "有关平安香港", 66 name: "自愿医保计划",
121 path: "/profile" 67 path: "/vhis/detail"
68 },
69 {
70 name: "投资成份保险",
71 path: "/vhis?p=endowment"
72 }
73 ]
122 }, 74 },
123 { 75 {
124 name: "公司活动", 76 name: "客户服务",
125 path: "/company/events" 77 path: "/custom/product",
126 }, { 78 list: [
127 name: "新闻中心", 79 // {
128 path: "/news/list" 80 // name: "客户服务导航",
81 // path: "/custom/product"
82 // },
83 {
84 name: "联系我们",
85 path: "/custom/service?q=m1"
86 },
87 {
88 name: "缴付保费",
89 path: "/custom/service?q=m2"
90 },
91 {
92 name: "保单查询",
93 path: "/custom/service?q=m3"
94 },
95 {
96 name: "保单变更",
97 path: "/custom/service?q=m41"
98 },
99 {
100 name: "理赔申请",
101 path: "/custom/service?q=m5"
102 },
103 {
104 name: "预约服务",
105 path: "/custom/service?q=m6"
106 },
107 {
108 name: "投诉受理",
109 path: "/custom/service?q=m7"
110 },
111 {
112 name: "常用表格",
113 path: "/custom/service?q=m8"
114 },
115 ]
129 }, 116 },
130 { 117 {
131 name: "企业社会责任", 118 name: "关于我们",
132 path: "/responsibility" 119 path: "/profile",
120 list: [{
121 name: "有关平安香港",
122 path: "/profile"
123 },
124 {
125 name: "公司活动",
126 path: "/company/events"
127 }, {
128 name: "新闻中心",
129 path: "/news/list"
130 },
131 {
132 name: "企业社会责任",
133 path: "/responsibility"
134 },
135 {
136 name: "奖项殊荣",
137 path: "/awards"
138 }
139 ]
133 }, 140 },
134 { 141 {
135 name: "奖项殊荣", 142 name: "加入我们",
136 path: "/awards" 143 path: "/join/us",
144 list: [{
145 name: "企业文化",
146 path: "/corporate/culture"
147 },
148 {
149 name: "事业发展机会",
150 path: "/career/opportunities"
151 },
152 ]
137 } 153 }
138 ]
139 },
140 {
141 name: "加入我们",
142 path: "/join/us",
143 list: [{
144 name: "企业文化",
145 path: "/corporate/culture"
146 },
147 {
148 name: "事业发展机会",
149 path: "/career/opportunities"
150 },
151 ]
152 }
153 ] 154 ]
154 }, 155 },
155 footer: { 156 footer: {
...@@ -391,7 +392,19 @@ module.exports = { ...@@ -391,7 +392,19 @@ module.exports = {
391 contactTime: "期望联络时间", 392 contactTime: "期望联络时间",
392 notice1: "本表格所收集的个人资料根据「平安人寿香港个人资料收集声明」处理及只会被用作于联络 阁下之用。然而所收集的个人资料未经您明确授权将不会转移至「平安人寿香港个人资料收集声明」列明以外之第三者机构。您可选择不向我们提供所需的个人资料，惟这样可能导致我们不能联络您。您亦可根据「平安人寿香港个人资料收集声明」之权利查阅及更正个人资料。", 393 notice1: "本表格所收集的个人资料根据「平安人寿香港个人资料收集声明」处理及只会被用作于联络 阁下之用。然而所收集的个人资料未经您明确授权将不会转移至「平安人寿香港个人资料收集声明」列明以外之第三者机构。您可选择不向我们提供所需的个人资料，惟这样可能导致我们不能联络您。您亦可根据「平安人寿香港个人资料收集声明」之权利查阅及更正个人资料。",
393 notice2: "本人现确认明白并同意本人的个人资料根据中银人寿个人资料收集声明作以上述用途。", 394 notice2: "本人现确认明白并同意本人的个人资料根据中银人寿个人资料收集声明作以上述用途。",
394 contactTypes: [{ name: '电话', value: 1, show: "联络电话", icon: "mobile", placeholder: "香港号码/内地号码" }, { name: '电邮', value: 2, show: "电邮地址", icon: "email", placeholder: "电邮地址" }], 395 contactTypes: [{
396 name: '电话',
397 value: 1,
398 show: "联络电话",
399 icon: "mobile",
400 placeholder: "香港号码/内地号码"
401 }, {
402 name: '电邮',
403 value: 2,
404 show: "电邮地址",
405 icon: "email",
406 placeholder: "电邮地址"
407 }],
395 errorTips: { 408 errorTips: {
396 e1: "请填写该项内容", 409 e1: "请填写该项内容",
397 e2: "请填写正确的联系方式", 410 e2: "请填写正确的联系方式",
...@@ -405,13 +418,21 @@ module.exports = { ...@@ -405,13 +418,21 @@ module.exports = {
405 name: "姓名", 418 name: "姓名",
406 namePlaceholder: "姓名", 419 namePlaceholder: "姓名",
407 contactType: "联络方式", 420 contactType: "联络方式",
408 contactTypeCadidates: [{ name: "电话", value: 1 }], 421 contactTypeCadidates: [{
422 name: "电话",
423 value: 1
424 }],
409 contact: "联络电话", 425 contact: "联络电话",
410 contactPlaceholder: "香港号码/内地号码", 426 contactPlaceholder: "香港号码/内地号码",
411 reservationType: "预约类型", 427 reservationType: "预约类型",
412 reservationCandidates: [ 428 reservationCandidates: [{
413 { name: "投保咨询", value: "投保咨询" }, 429 name: "投保咨询",
414 { name: "代办保单变更", value: "代办保单变更" } 430 value: "投保咨询"
431 },
432 {
433 name: "代办保单变更",
434 value: "代办保单变更"
435 }
415 ], 436 ],
416 reservationRemark: "预约说明", 437 reservationRemark: "预约说明",
417 reservationRemarkPlaceholder: "请简单说明您想要咨询的产品或业务", 438 reservationRemarkPlaceholder: "请简单说明您想要咨询的产品或业务",
...@@ -461,72 +482,72 @@ module.exports = { ...@@ -461,72 +482,72 @@ module.exports = {
461 head4: "附件", 482 head4: "附件",
462 download: "下载文档", 483 download: "下载文档",
463 form: [{ 484 form: [{
464 type: "缴费类", 485 type: "缴费类",
465 list: [{ 486 list: [{
466 name: "「电子入账服务」及银行户口<br>直接付款授权申请", 487 name: "「电子入账服务」及银行户口<br>直接付款授权申请",
467 desc: "申请设立「电子入账服务」及银行户口<br>直接付款授权时须提供", 488 desc: "申请设立「电子入账服务」及银行户口<br>直接付款授权时须提供",
468 download: "./doc/「電子入賬服務」及銀行戶口直接付款授權申請.pdf", 489 download: "./doc/「電子入賬服務」及銀行戶口直接付款授權申請.pdf",
469 }, 490 },
470 { 491 {
471 name: "信用卡户口直接付款授权书", 492 name: "信用卡户口直接付款授权书",
472 desc: "申请信用卡户口直接付款授权时须提供", 493 desc: "申请信用卡户口直接付款授权时须提供",
473 download: "./doc/信用卡戶口直接付款授權書.pdf", 494 download: "./doc/信用卡戶口直接付款授權書.pdf",
474 } 495 }
475 ] 496 ]
476 },
477 {
478 type: "保单变更类",
479 list: [{
480 name: "保险合同解除申请书",
481 desc: "退保、冷静期退保业务适用",
482 download: "./doc/保險合同解除申請書.pdf",
483 },
484 {
485 name: "保险合同变更申请书（保单贷款还款类）",
486 desc: "保单贷款、还款业务适用",
487 download: "./doc/保險合同變更申請書（ 保單貸款還款類）.pdf",
488 },
489 {
490 name: "保险合同变更申请书（保险合同计划变更类）",
491 desc: "加保、减保、新增附险、复效等业务适用",
492 download: "./doc/保險合同變更申請書（ 保險合同計劃變更類）.pdf",
493 },
494 {
495 name: "保险合同变更申请书（客户信息变更类）",
496 desc: "基本信息变更业务适用",
497 download: "./doc/保險合同變更申請書（ 客戶權益變更類）.pdf",
498 },
499 {
500 name: "保险合同变更申请书（客户权益变更类）",
501 desc: "交费方式、自垫选择权变更、补发等业务适用",
502 download: "./doc/保險合同變更申請書（ 客戶信息變更類）.pdf",
503 }, 497 },
504 { 498 {
505 name: "授权委托书", 499 type: "保单变更类",
506 desc: "委托他人代办时须提供", 500 list: [{
507 download: "./doc/授權委托書.pdf", 501 name: "保险合同解除申请书",
502 desc: "退保、冷静期退保业务适用",
503 download: "./doc/保險合同解除申請書.pdf",
504 },
505 {
506 name: "保险合同变更申请书（保单贷款还款类）",
507 desc: "保单贷款、还款业务适用",
508 download: "./doc/保險合同變更申請書（ 保單貸款還款類）.pdf",
509 },
510 {
511 name: "保险合同变更申请书（保险合同计划变更类）",
512 desc: "加保、减保、新增附险、复效等业务适用",
513 download: "./doc/保險合同變更申請書（ 保險合同計劃變更類）.pdf",
514 },
515 {
516 name: "保险合同变更申请书（客户信息变更类）",
517 desc: "基本信息变更业务适用",
518 download: "./doc/保險合同變更申請書（ 客戶權益變更類）.pdf",
519 },
520 {
521 name: "保险合同变更申请书（客户权益变更类）",
522 desc: "交费方式、自垫选择权变更、补发等业务适用",
523 download: "./doc/保險合同變更申請書（ 客戶信息變更類）.pdf",
524 },
525 {
526 name: "授权委托书",
527 desc: "委托他人代办时须提供",
528 download: "./doc/授權委托書.pdf",
529 },
530 {
531 name: "税收声明",
532 desc: "CRS要求",
533 download: "./doc/稅收聲明.pdf",
534 },
535 {
536 name: "健康告知",
537 desc: "须二次核保的业务须提供",
538 download: "./doc/健康告知.pdf",
539 }
540
541 ]
508 }, 542 },
509 { 543 {
510 name: "税收声明", 544 type: "理赔类",
511 desc: "CRS要求", 545 list: [{
512 download: "./doc/稅收聲明.pdf", 546 name: "理赔申请书",
547 desc: "纸质申请的应备文件",
548 download: "./doc/理賠申請書.pdf",
549 }]
513 }, 550 },
514 {
515 name: "健康告知",
516 desc: "须二次核保的业务须提供",
517 download: "./doc/健康告知.pdf",
518 }
519
520 ]
521 },
522 {
523 type: "理赔类",
524 list: [{
525 name: "理赔申请书",
526 desc: "纸质申请的应备文件",
527 download: "./doc/理賠申請書.pdf",
528 }]
529 },
530 ] 551 ]
531 }, 552 },
532 policyChangeGuide: { 553 policyChangeGuide: {
...@@ -540,100 +561,100 @@ module.exports = { ...@@ -540,100 +561,100 @@ module.exports = {
540 head5: "应备材料", 561 head5: "应备材料",
541 download: "下载文档", 562 download: "下载文档",
542 form: [{ 563 form: [{
543 project: "退保", 564 project: "退保",
544 content: "在冷静期后解除合同，公司将退还保单现金价值或未满期净保费。（待产品精算确认）", 565 content: "在冷静期后解除合同，公司将退还保单现金价值或未满期净保费。（待产品精算确认）",
545 applicant: "投保人", 566 applicant: "投保人",
546 receptionTime: "保单效力终止前", 567 receptionTime: "保单效力终止前",
547 materialList: [{ 568 materialList: [{
548 name: "保险单", 569 name: "保险单",
549 }, 570 },
550 { 571 {
551 name: "申请书", 572 name: "申请书",
552 type: 1, 573 type: 1,
574 },
575 {
576 name: "投保人有效身份证件",
577 },
578 {
579 name: "存折银行卡相关",
580 }
581 ],
553 }, 582 },
554 { 583 {
555 name: "投保人有效身份证件", 584 project: "冷静期退保",
585 content: "在冷静期内提出解除合同，公司会无息退还全部保费",
586 applicant: "投保人",
587 receptionTime: "冷静期结束前",
588 materialList: [{
589 name: "保险单",
590 },
591 {
592 name: "申请书",
593 type: 1,
594 },
595 {
596 name: "投保人有效身份证件",
597 },
598 {
599 name: "存折银行卡相关",
600 },
601 {
602 name: "首期保费发票",
603 }
604 ],
556 }, 605 },
557 { 606 {
558 name: "存折银行卡相关", 607 project: "客户资料变更",
559 } 608 projectType: 1,
560 ], 609 path: "/custom/service",
561 }, 610 query: {
562 { 611 q: "m43"
563 project: "冷静期退保", 612 },
564 content: "在冷静期内提出解除合同，公司会无息退还全部保费", 613 content: "投保人、受保人、受益人的个人信息变更",
565 applicant: "投保人", 614 applicant: "投保人",
566 receptionTime: "冷静期结束前", 615 receptionTime: "不限",
567 materialList: [{ 616 materialList: [{
568 name: "保险单", 617 name: "申请书",
569 }, 618 type: 1,
570 { 619 },
571 name: "申请书", 620 {
572 type: 1, 621 name: "必要的证明材料",
573 }, 622 }
574 { 623 ],
575 name: "投保人有效身份证件",
576 },
577 {
578 name: "存折银行卡相关",
579 },
580 {
581 name: "首期保费发票",
582 }
583 ],
584 },
585 {
586 project: "客户资料变更",
587 projectType: 1,
588 path: "/custom/service",
589 query: {
590 q: "m43"
591 },
592 content: "投保人、受保人、受益人的个人信息变更",
593 applicant: "投保人",
594 receptionTime: "不限",
595 materialList: [{
596 name: "申请书",
597 type: 1,
598 }, 624 },
599 { 625 {
600 name: "必要的证明材料", 626 project: "联系信息变更",
601 } 627 projectType: 1,
602 ], 628 path: "/custom/service",
603 }, 629 query: {
604 { 630 q: "m42"
605 project: "联系信息变更", 631 },
606 projectType: 1, 632 content: "地址、电话等信息的变更",
607 path: "/custom/service", 633 applicant: "投保人",
608 query: { 634 receptionTime: "不限",
609 q: "m42" 635 materialList: [{
610 }, 636 name: "申请书",
611 content: "地址、电话等信息的变更", 637 type: 1,
612 applicant: "投保人", 638 },
613 receptionTime: "不限", 639 {
614 materialList: [{ 640 name: "投保人有效身份证件",
615 name: "申请书", 641 }
616 type: 1, 642 ],
617 }, 643 },
618 { 644 {
619 name: "投保人有效身份证件", 645 project: "交费方式变更",
620 } 646 content: "更改保单的续期交费方式或交费账号",
621 ], 647 applicant: "投保人",
622 }, 648 receptionTime: "保单交费期满前",
623 { 649 materialList: [{
624 project: "交费方式变更", 650 name: "申请书",
625 content: "更改保单的续期交费方式或交费账号", 651 type: 1,
626 applicant: "投保人", 652 },
627 receptionTime: "保单交费期满前", 653 {
628 materialList: [{ 654 name: "保险单",
629 name: "申请书", 655 }
630 type: 1, 656 ],
631 }, 657 },
632 {
633 name: "保险单",
634 }
635 ],
636 },
637 ] 658 ]
638 }, 659 },
639 policyChangeContact: { 660 policyChangeContact: {
...@@ -812,6 +833,7 @@ module.exports = { ...@@ -812,6 +833,7 @@ module.exports = {
812 }, 833 },
813 vhis: { 834 vhis: {
814 title: "保单确认书", 835 title: "保单确认书",
836 titleAft: "（由保单持有人确认）",
815 desc1: "多谢阁下投保平安人寿保险产品。", 837 desc1: "多谢阁下投保平安人寿保险产品。",
816 desc2: "保单已经承保，内附于此供阁下参考及保存。", 838 desc2: "保单已经承保，内附于此供阁下参考及保存。",
817 desc3: "保单是重要档，请即查阅其内容准确性，", 839 desc3: "保单是重要档，请即查阅其内容准确性，",
...@@ -834,7 +856,7 @@ module.exports = { ...@@ -834,7 +856,7 @@ module.exports = {
834 tip4: "我想联络客服" 856 tip4: "我想联络客服"
835 }, 857 },
836 clarms: { 858 clarms: {
837 title:"索偿申请", 859 title: "索偿申请",
838 step1: { 860 step1: {
839 register: "注册", 861 register: "注册",
840 login: "登入", 862 login: "登入",
...@@ -874,8 +896,8 @@ module.exports = { ...@@ -874,8 +896,8 @@ module.exports = {
874 label17: "授权声明：", 896 label17: "授权声明：",
875 label18: "收集个人资料声明：", 897 label18: "收集个人资料声明：",
876 btn: "提交", 898 btn: "提交",
877 btnUpload : "上传", 899 btnUpload: "上传",
878 uploadFile : "已上传文件：", 900 uploadFile: "已上传文件：",
879 contact: "我想联络客服", 901 contact: "我想联络客服",
880 tip1: "本人/我们谨此授权（1）任何雇主、注册西医、医院、诊所、保险公司、银行、政府机构、或其他机构、组织或人士、凡知道或持有任何有关保单持有人/受保人之纪录者，均可将该等数据提供、发放及转交给中国平安人寿保险（香港）有限公司；（2）贵公司或任何其指定之医生或化验所，可就此赔偿申请替保单持有人/受保人进行所需之医疗评价及测试，作为审核保单持有人/受保人之健康状况。此授权对保单持有人/受保人之继承人及授让人具有约束力；即使保单持有人/受保人死亡或无行为能力时，此授权书仍具效力。", 902 tip1: "本人/我们谨此授权（1）任何雇主、注册西医、医院、诊所、保险公司、银行、政府机构、或其他机构、组织或人士、凡知道或持有任何有关保单持有人/受保人之纪录者，均可将该等数据提供、发放及转交给中国平安人寿保险（香港）有限公司；（2）贵公司或任何其指定之医生或化验所，可就此赔偿申请替保单持有人/受保人进行所需之医疗评价及测试，作为审核保单持有人/受保人之健康状况。此授权对保单持有人/受保人之继承人及授让人具有约束力；即使保单持有人/受保人死亡或无行为能力时，此授权书仍具效力。",
881 tip2: "本人/我们确认已阅读及明白「中国平安人寿保险（香港）有限公司」的收集个人资料声明（本声明）。", 903 tip2: "本人/我们确认已阅读及明白「中国平安人寿保险（香港）有限公司」的收集个人资料声明（本声明）。",
...@@ -886,14 +908,14 @@ module.exports = { ...@@ -886,14 +908,14 @@ module.exports = {
886 tip7: "您的理赔申请已经受理，我们会尽快处理本次申请。我们会短信通知理赔进度，因审核需要，可能会通知您补充相关资料或者邮寄实物。如审批通过，理赔款将默认转入投保缴费账户，如需变更，请上传", 908 tip7: "您的理赔申请已经受理，我们会尽快处理本次申请。我们会短信通知理赔进度，因审核需要，可能会通知您补充相关资料或者邮寄实物。如审批通过，理赔款将默认转入投保缴费账户，如需变更，请上传",
887 tip8: "索偿人账户资料。", 909 tip8: "索偿人账户资料。",
888 tip9: "您选择的事故时间不在保单有效期范围内，请核实确认，如有疑问可", 910 tip9: "您选择的事故时间不在保单有效期范围内，请核实确认，如有疑问可",
889 toast1 : "医疗收据正本及账单明细表", 911 toast1: "医疗收据正本及账单明细表",
890 toast2 : "载有明确诊断之出院纸/医生证明书等文件", 912 toast2: "载有明确诊断之出院纸/医生证明书等文件",
891 toast3 : "如验血报告、计算机扫描报告、超声波报告等", 913 toast3: "如验血报告、计算机扫描报告、超声波报告等",
892 toast4 : "本次理赔款默认转入投保账户，如需变更，请上传账户资料", 914 toast4: "本次理赔款默认转入投保账户，如需变更，请上传账户资料",
893 toast5 : "如警察报告、交通意外报告等意外事故证明材料", 915 toast5: "如警察报告、交通意外报告等意外事故证明材料",
894 failure : "理赔报案失败，", 916 failure: "理赔报案失败，",
895 failureContact : "请联系客服解决", 917 failureContact: "请联系客服解决",
896 placeHolder1 : "请选择", 918 placeHolder1: "请选择",
897 } 919 }
898 } 920 }
899 } 921 }
......
...@@ -24,7 +24,10 @@ export default { ...@@ -24,7 +24,10 @@ export default {
24 ...mapState({ 24 ...mapState({
25 userInfo: state => state.userInfo, 25 userInfo: state => state.userInfo,
26 policyList: state => state.policyList 26 policyList: state => state.policyList
27 }) 27 }),
28 locale() {
29 return this.$i18n.locale || 'tc';
30 },
28 }, 31 },
29 methods: { 32 methods: {
30 initData() { 33 initData() {
...@@ -101,8 +104,11 @@ export default { ...@@ -101,8 +104,11 @@ export default {
101 let d = now.getDate(); 104 let d = now.getDate();
102 105
103 if (this.$i18n.locale == 'en') { 106 if (this.$i18n.locale == 'en') {
104 this.policyDetail.nowYmd1 = m > 10 ? m : "0" + m; 107 // this.policyDetail.nowYmd1 = m > 10 ? m : "0" + m;
105 this.policyDetail.nowYmd2 = d > 10 ? d : "0" + d; 108 // this.policyDetail.nowYmd2 = d > 10 ? d : "0" + d;
109 // this.policyDetail.nowYmd3 = y;
110 this.policyDetail.nowYmd2 = m > 10 ? m : "0" + m;
111 this.policyDetail.nowYmd1 = d > 10 ? d : "0" + d;
106 this.policyDetail.nowYmd3 = y; 112 this.policyDetail.nowYmd3 = y;
107 } else { 113 } else {
108 this.policyDetail.nowYmd1 = y; 114 this.policyDetail.nowYmd1 = y;
......
...@@ -22,7 +22,6 @@ ...@@ -22,7 +22,6 @@
22 22
23 .bold { 23 .bold {
24 font-weight: 600; 24 font-weight: 600;
25 letter-spacing: .083333rem;
26 } 25 }
27 26
28 .orange { 27 .orange {
...@@ -42,30 +41,30 @@ ...@@ -42,30 +41,30 @@
42 position: relative; 41 position: relative;
43 @extend .bb; 42 @extend .bb;
44 width: 1200px; 43 width: 1200px;
45 max-height: 80vh; 44 max-height: 84vh;
46 border-radius: 16px; 45 border-radius: 16px;
47 background-color: #ffffff; 46 background-color: #ffffff;
48 padding: 80px 0; 47 padding: 88px 0;
49 font-size: 36px; 48 font-size: 22px;
50 overflow-x: hidden; 49 overflow-x: hidden;
51 overflow-y: auto; 50 overflow-y: auto;
52 color: $cFontGray2; 51 color: $cFontGray2;
53 52
54 .content { 53 .content {
55 max-width: 1000px; 54 max-width: 800px;
56 margin: 0 auto; 55 margin: 0 auto;
57 } 56 }
58 57
59 .statement { 58 .statement {
60 @extend .bb; 59 @extend .bb;
61 padding-left: 40px; 60 padding-left: 92px;
62 margin: 80px auto 0; 61 margin: 50px auto 0;
63 } 62 }
64 63
65 .form { 64 .form {
66 @extend .bb; 65 @extend .bb;
67 padding-left: 40px; 66 padding-left: 92px;
68 margin: 80px auto 0; 67 margin: 50px auto 0;
69 68
70 &-item { 69 &-item {
71 display: flex; 70 display: flex;
...@@ -74,11 +73,20 @@ ...@@ -74,11 +73,20 @@
74 } 73 }
75 74
76 .bottom-wrap { 75 .bottom-wrap {
77 margin: 80px auto 0; 76 margin: 50px auto 0;
77
78 .notice {
79 letter-spacing: 2.2px;
80 font-size: 0;
81
82 span {
83 font-size: 22px;
84 }
85 }
78 } 86 }
79 87
80 .title { 88 .title {
81 font-size: 48px; 89 font-size: 36px;
82 color: $cOrange2; 90 color: $cOrange2;
83 font-weight: bold; 91 font-weight: bold;
84 letter-spacing: 2.45px; 92 letter-spacing: 2.45px;
...@@ -86,8 +94,9 @@ ...@@ -86,8 +94,9 @@
86 94
87 .desc { 95 .desc {
88 text-align: left; 96 text-align: left;
89 line-height: 1.5; 97 line-height: 1.82;
90 letter-spacing: 3.6px; 98 letter-spacing: 3.6px;
99 @extend .text-jtf;
91 100
92 span { 101 span {
93 margin: 0 2px; 102 margin: 0 2px;
...@@ -95,14 +104,29 @@ ...@@ -95,14 +104,29 @@
95 } 104 }
96 105
97 .value { 106 .value {
107 flex: 1;
98 text-align: left; 108 text-align: left;
99 line-height: 1.5; 109 line-height: 1.82;
100 letter-spacing: 3.6px; 110 letter-spacing: 3.6px;
111 font-size: 0;
112
113 span {
114 font-size: 22px;
115 }
116 }
117
118 .ltz{
119 letter-spacing: 0;
101 } 120 }
102 121
122 .ltr-zero {
123 @extend .ltz;
124 text-align: justify;
125 text-align-last: left;
126 }
103 127
104 .line1 { 128 .line1 {
105 margin: 80px auto 0; 129 margin: 50px auto 0;
106 } 130 }
107 131
108 132
...@@ -115,15 +139,15 @@ ...@@ -115,15 +139,15 @@
115 .download { 139 .download {
116 margin: 44px auto 0; 140 margin: 44px auto 0;
117 text-align: center; 141 text-align: center;
118 font-size: 28px; 142
119 143
120 &-item { 144 &-item {
121 @extend .bb; 145 @extend .bb;
122 @extend .fcc; 146 @extend .fcc;
123 margin: 0 auto 24px; 147 margin: 0 auto 24px;
124 max-width: 738px; 148 max-width: 602px;
125 height: 81px; 149 height: 67px;
126 line-height: 81px; 150 line-height: 67px;
127 padding: 2px; 151 padding: 2px;
128 border-radius: 8px; 152 border-radius: 8px;
129 cursor: pointer; 153 cursor: pointer;
...@@ -142,8 +166,8 @@ ...@@ -142,8 +166,8 @@
142 border-radius: 8px; 166 border-radius: 8px;
143 167
144 .icon { 168 .icon {
145 height: 60px; 169 height: 47px;
146 margin-right: 64px; 170 margin-right: 52px;
147 } 171 }
148 172
149 } 173 }
...@@ -165,7 +189,7 @@ ...@@ -165,7 +189,7 @@
165 } 189 }
166 190
167 .btn-wrap { 191 .btn-wrap {
168 margin: 40px auto 0; 192 margin: 50px auto 0;
169 display: flex; 193 display: flex;
170 justify-content: center; 194 justify-content: center;
171 } 195 }
...@@ -174,23 +198,21 @@ ...@@ -174,23 +198,21 @@
174 background: url("~@assets/images/vhis/vhis-btn.png"); 198 background: url("~@assets/images/vhis/vhis-btn.png");
175 background-size: 100% 100%; 199 background-size: 100% 100%;
176 background-repeat: no-repeat; 200 background-repeat: no-repeat;
177 width: 405px; 201 width: 300px;
178 height: 60px; 202 height: 50px;
179 line-height: 60px; 203 line-height: 50px;
180 color: #ffffff; 204 color: #ffffff;
181 font-weight: bold; 205 font-weight: bold;
182 cursor: pointer; 206 cursor: pointer;
183 letter-spacing: 1.4px; 207 letter-spacing: 1.1px;
184 font-size: 28px;
185 margin: 0 25px; 208 margin: 0 25px;
186 } 209 }
187 210
188 .contact { 211 .contact {
189 font-size: 28px; 212 margin: 50px auto 0;
190 margin: 45px auto 0;
191 font-weight: bold; 213 font-weight: bold;
192 214
193 span{ 215 span {
194 text-decoration: underline; 216 text-decoration: underline;
195 } 217 }
196 } 218 }
...@@ -258,6 +280,11 @@ ...@@ -258,6 +280,11 @@
258 280
259 281
260 @media (max-width: 768px) { 282 @media (max-width: 768px) {
283 .close {
284 right: -15px;
285 top: -40px;
286 }
287
261 .border { 288 .border {
262 289
263 .modal { 290 .modal {
...@@ -274,16 +301,29 @@ ...@@ -274,16 +301,29 @@
274 301
275 .form { 302 .form {
276 margin: 24px auto 0; 303 margin: 24px auto 0;
304
305 .value {
306 span {
307 font-size: 18px;
308 }
309 }
277 } 310 }
278 311
279 .bottom-wrap { 312 .bottom-wrap {
280 margin: 24px auto 0; 313 margin: 24px auto 0;
281 314
315 .notice {
316
317 span {
318 font-size: 18px;
319 }
320 }
321
282 .btn-wrap { 322 .btn-wrap {
283 margin: 16px auto 0; 323 margin: 16px auto 0;
284 flex-wrap: wrap; 324 flex-wrap: wrap;
285 325
286 .submit-btn{ 326 .submit-btn {
287 height: 48px; 327 height: 48px;
288 line-height: 48px; 328 line-height: 48px;
289 font-size: 18px; 329 font-size: 18px;
...@@ -291,7 +331,7 @@ ...@@ -291,7 +331,7 @@
291 } 331 }
292 } 332 }
293 333
294 .contact{ 334 .contact {
295 margin: 16px auto 0; 335 margin: 16px auto 0;
296 font-size: 18px; 336 font-size: 18px;
297 } 337 }
......
...@@ -6,56 +6,74 @@ ...@@ -6,56 +6,74 @@
6 <div class="close" @click="onOverLayHandler()"><img src="@/assets/images/vhis/close.png"></div> 6 <div class="close" @click="onOverLayHandler()"><img src="@/assets/images/vhis/close.png"></div>
7 <div class="modal"> 7 <div class="modal">
8 <div class="content"> 8 <div class="content">
9 <div class="title">{{$t('vhis.title')}}</div> 9 <div class="title">{{$t('vhis.title')}}{{$t('vhis.titleAft')}}</div>
10 <div class="statement"> 10 <div class="statement">
11 <div class="desc orange">{{$t('vhis.desc1')}}</div> 11 <div class="desc orange" :class="{'ltr-zero':locale == 'en'}">{{$t('vhis.desc1')}}</div>
12 <div class="desc">{{$t('vhis.desc2')}}</div> 12 <div class="desc" :class="{'ltr-zero':locale == 'en'}">{{$t('vhis.desc2')}}</div>
13 <div class="desc">{{$t('vhis.desc3')}}</div> 13 <div class="desc" :class="{'ltr-zero':locale == 'en'}">{{$t('vhis.desc3')}}</div>
14 <div class="desc">{{$t('vhis.desc4')}}</div> 14 <div class="desc" :class="{'ltr-zero':locale == 'en'}">{{$t('vhis.desc4')}}</div>
15 <div class="desc">{{$t('vhis.desc5')}}</div> 15 <div class="desc" :class="{'ltr-zero':locale == 'en'}">{{$t('vhis.desc5')}}</div>
16 </div> 16 </div>
17 <hr class="line1"> 17 <hr class="line1">
18 <div class="form "> 18 <div class="form ">
19 <div class="form-item"> 19 <div class="form-item">
20 <div class="desc">{{$t('vhis.label1')}}：</div> 20 <div class="desc" :class="{'ltr-zero':locale == 'en'}">{{$t('vhis.label1')}}：</div>
21 <div class="value orange">{{policyDetail.policyCode}}</div> 21 <div class="value orange">
22 <span>{{policyDetail.policyCode}}</span>
23 </div>
22 </div> 24 </div>
23 <div class="form-item"> 25 <div class="form-item">
24 <div class="desc">{{$t('vhis.label2')}}：</div> 26 <div class="desc" :class="{'ltr-zero':locale == 'en'}">{{$t('vhis.label2')}}：</div>
25 <div class="value orange">{{policyDetail.productName}}</div> 27 <div class="value orange">
28 <span>{{policyDetail.productName}}</span>
29 </div>
26 </div> 30 </div>
27 <div class="form-item"> 31 <div class="form-item">
28 <div class="desc">{{$t('vhis.label3')}}：</div> 32 <div class="desc" :class="{'ltr-zero':locale == 'en'}">{{$t('vhis.label3')}}：</div>
29 <div class="value"> 33 <div class="value">
30 <span class="orange">{{policyDetail.ymd1}}</span>{{$t('vhis.ymd1')}} 34 <span class="orange">{{policyDetail.ymd1}}</span>
31 <span class="orange">{{policyDetail.ymd2}}</span>{{$t('vhis.ymd2')}} 35 <span>{{$t('vhis.ymd1')}}</span>
32 <span class="orange">{{policyDetail.ymd2}}</span>{{$t('vhis.ymd3')}} 36 <span class="orange">{{policyDetail.ymd2}}</span>
37 <span>{{$t('vhis.ymd2')}}</span>
38 <span class="orange">{{policyDetail.ymd3}}</span>
39 <span>{{$t('vhis.ymd3')}}</span>
33 </div> 40 </div>
34 </div> 41 </div>
35 <div class="form-item"> 42 <div class="form-item">
36 <div class="desc">{{$t('vhis.label4')}}：</div> 43 <div class="desc" :class="{'ltr-zero':locale == 'en'}">{{$t('vhis.label4')}}：</div>
37 <div class="value orange">{{policyDetail.clientNameCn}}</div> 44 <div class="value orange">
45 <span>{{policyDetail.clientNameCn}}</span>
46 </div>
38 </div> 47 </div>
39 <div class="form-item"> 48 <div class="form-item">
40 <div class="desc">{{$t('vhis.label5')}}：</div> 49 <div class="desc" :class="{'ltr-zero':locale == 'en'}">{{$t('vhis.label5')}}：</div>
41 <div class="value orange">{{policyDetail.insuredNameCn}}</div> 50 <div class="value orange">
51 <span>{{policyDetail.insuredNameCn}}</span>
52 </div>
42 </div> 53 </div>
43 54
44 <div class="download"> 55 <div class="download">
45 <div class="border2 download-item" @click="downloadPolicy"> 56 <div class="border2 download-item" @click="downloadPolicy">
46 <div class="cont"> 57 <div class="cont">
47 <img class="icon" src="@/assets/images/vhis/vhis-download.png"> {{$t('vhis.btn1')}} 58 <img class="icon" src="@/assets/images/vhis/vhis-download.png">
59 <span class="t1">{{$t('vhis.btn1')}}</span>
48 </div> 60 </div>
49 </div> 61 </div>
50 </div> 62 </div>
51 </div> 63 </div>
52 <hr class="line1"> 64 <hr class="line1">
53 <div class="bottom-wrap "> 65 <div class="bottom-wrap ">
54 <span class="desc">{{$t('vhis.tip1')}} 66 <span class="notice">
55 <span class="orange">{{policyDetail.clientNameCn}}</span>{{$t('vhis.tip2')}} 67 <span>{{$t('vhis.tip1')}}</span>
56 <span class="orange">{{policyDetail.nowYmd1}}</span>{{$t('vhis.ymd1')}} 68 <span class="orange">{{policyDetail.clientNameCn}}</span>
57 <span class="orange">{{policyDetail.nowYmd2}}</span>{{$t('vhis.ymd2')}} 69 <span>{{$t('vhis.tip2')}}</span>
58 <span class="orange">{{policyDetail.nowYmd3}}</span>{{$t('vhis.ymd3')}}{{$t('vhis.tip3')}}</span> 70 <span class="orange">{{policyDetail.nowYmd1}}</span>
71 <span>{{$t('vhis.ymd1')}}</span>
72 <span class="orange">{{policyDetail.nowYmd2}}</span>
73 <span>{{$t('vhis.ymd2')}}</span>
74 <span class="orange">{{policyDetail.nowYmd3}}</span>
75 <span>{{$t('vhis.ymd3')}}{{$t('vhis.tip3')}}</span>
76 </span>
59 <div class="btn-wrap"> 77 <div class="btn-wrap">
60 <div class="submit-btn" @click="handleConfirmPolicy">{{$t('vhis.btn2')}}</div> 78 <div class="submit-btn" @click="handleConfirmPolicy">{{$t('vhis.btn2')}}</div>
61 <div class="submit-btn " @click="handleIgnorePolicy">{{$t('vhis.btn3')}}</div> 79 <div class="submit-btn " @click="handleIgnorePolicy">{{$t('vhis.btn3')}}</div>
......