Skip to content

dev / pingan-life-index-pro

Go to a project
Toggle navigation
Toggle navigation pinning
371319e4 by simon
Options

默认提交

1 parent 6de6090a
Inline Side-by-side
Showing 5 changed files with 320 additions and 291 deletions
...@@ -30,128 +30,128 @@ module.exports = { ...@@ -30,128 +30,128 @@ module.exports = {
30 name: "Login", 30 name: "Login",
31 path: "/login", 31 path: "/login",
32 list: [{ 32 list: [{
33 name: "Register", 33 name: "Register",
34 path: "/register", 34 path: "/register",
35 type: "noAuth", 35 type: "noAuth",
36 value: "" 36 value: ""
37 }, { 37 }, {
38 name: "Login", 38 name: "Login",
39 path: "", 39 path: "",
40 type: "noAuth", 40 type: "noAuth",
41 value: "login" 41 value: "login"
42 },
43 {
44 name: "Modify password",
45 path: "/password/reset",
46 type: "auth",
47 value: ""
48 },
49 // {
50 // name: "profile",
51 // path: "/infomation/improve",
52 // type: "auth",
53 // value: ""
54 // },
55 {
56 name: "Logout",
57 path: "",
58 type: "auth",
59 value: "logout"
60 },
61 ]
62 },
63 navList: [{
64 name: "Products",
65 path: "/product/introduction",
66 list: [{
67 name: "VHIS",
68 path: "/vhis/detail"
69 },
70 {
71 name: "Insurance with Investment Focus",
72 path: "/vhis?p=endowment"
73 }
74 ]
75 },
76 {
77 name: "Customer Service",
78 path: "/custom/product",
79 list: [
80 // {
81 // name: "Customer Service",
82 // path: "/custom/product"
83 // },
84 {
85 name: "Contact Us",
86 path: "/custom/service?q=m1"
87 },
88 {
89 name: "Payment Options",
90 path: "/custom/service?q=m2"
91 },
92 {
93 name: "Policy Enquiry",
94 path: "/custom/service?q=m3"
95 },
96 {
97 name: "Change of Policy",
98 path: "/custom/service?q=m41"
99 }, 42 },
100 { 43 {
101 name: "Claims Application", 44 name: "Modify password",
102 path: "/custom/service?q=m5" 45 path: "/password/reset",
103 }, 46 type: "auth",
104 { 47 value: ""
105 name: "Reservation",
106 path: "/custom/service?q=m6"
107 },
108 {
109 name: "Complaints",
110 path: "/custom/service?q=m7"
111 }, 48 },
49 // {
50 // name: "profile",
51 // path: "/infomation/improve",
52 // type: "auth",
53 // value: ""
54 // },
112 { 55 {
113 name: "Useful Forms", 56 name: "Logout",
114 path: "/custom/service?q=m8" 57 path: "",
58 type: "auth",
59 value: "logout"
115 }, 60 },
116 ] 61 ]
117 }, 62 },
118 { 63 navList: [{
119 name: "About Us", 64 name: "Products",
120 path: "/profile", 65 path: "/product/introduction",
121 list: [{ 66 list: [{
122 name: "About Ping An (Life) HK", 67 name: "VHIS",
123 path: "/profile" 68 path: "/vhis/detail"
69 },
70 {
71 name: "Insurance with Investment Focus",
72 path: "/vhis?p=endowment"
73 }
74 ]
124 }, 75 },
125 { 76 {
126 name: "Company Events", 77 name: "Customer Service",
127 path: "/company/events" 78 path: "/custom/product",
128 }, { 79 list: [
129 name: "News Center", 80 // {
130 path: "/news/list" 81 // name: "Customer Service",
82 // path: "/custom/product"
83 // },
84 {
85 name: "Contact Us",
86 path: "/custom/service?q=m1"
87 },
88 {
89 name: "Payment Options",
90 path: "/custom/service?q=m2"
91 },
92 {
93 name: "Policy Enquiry",
94 path: "/custom/service?q=m3"
95 },
96 {
97 name: "Change of Policy",
98 path: "/custom/service?q=m41"
99 },
100 {
101 name: "Claims Application",
102 path: "/custom/service?q=m5"
103 },
104 {
105 name: "Reservation",
106 path: "/custom/service?q=m6"
107 },
108 {
109 name: "Complaints",
110 path: "/custom/service?q=m7"
111 },
112 {
113 name: "Useful Forms",
114 path: "/custom/service?q=m8"
115 },
116 ]
131 }, 117 },
132 { 118 {
133 name: "Corporate Social Responsibility", 119 name: "About Us",
134 path: "/responsibility" 120 path: "/profile",
121 list: [{
122 name: "About Ping An (Life) HK",
123 path: "/profile"
124 },
125 {
126 name: "Company Events",
127 path: "/company/events"
128 }, {
129 name: "News Center",
130 path: "/news/list"
131 },
132 {
133 name: "Corporate Social Responsibility",
134 path: "/responsibility"
135 },
136 {
137 name: "Awards",
138 path: "/awards"
139 }
140 ]
135 }, 141 },
136 { 142 {
137 name: "Awards", 143 name: "Join Us",
138 path: "/awards" 144 path: "/join/us",
145 list: [{
146 name: "Corporate Culture",
147 path: "/corporate/culture"
148 },
149 {
150 name: "Career Opportunities",
151 path: "/career/opportunities"
152 },
153 ]
139 } 154 }
140 ]
141 },
142 {
143 name: "Join Us",
144 path: "/join/us",
145 list: [{
146 name: "Corporate Culture",
147 path: "/corporate/culture"
148 },
149 {
150 name: "Career Opportunities",
151 path: "/career/opportunities"
152 },
153 ]
154 }
155 ] 155 ]
156 }, 156 },
157 footer: { 157 footer: {
...@@ -429,13 +429,13 @@ module.exports = { ...@@ -429,13 +429,13 @@ module.exports = {
429 contactPlaceholder: "（HK No./ Mainland No.）", 429 contactPlaceholder: "（HK No./ Mainland No.）",
430 reservationType: "Type of Reservation", 430 reservationType: "Type of Reservation",
431 reservationCandidates: [{ 431 reservationCandidates: [{
432 name: "Insurance consultation", 432 name: "Insurance consultation",
433 value: "投保諮詢" 433 value: "投保諮詢"
434 }, 434 },
435 { 435 {
436 name: "Agent change", 436 name: "Agent change",
437 value: "代办保单变更" 437 value: "代办保单变更"
438 } 438 }
439 ], 439 ],
440 reservationRemark: "Reservation Description", 440 reservationRemark: "Reservation Description",
441 reservationRemarkPlaceholder: "Optional, no more than 500 words, prompt text \"Please briefly explain the insurance type or business you want to consult", 441 reservationRemarkPlaceholder: "Optional, no more than 500 words, prompt text \"Please briefly explain the insurance type or business you want to consult",
...@@ -487,71 +487,71 @@ module.exports = { ...@@ -487,71 +487,71 @@ module.exports = {
487 head4: "Attachment", 487 head4: "Attachment",
488 download: "Download", 488 download: "Download",
489 form: [{ 489 form: [{
490 type: "Payment", 490 type: "Payment",
491 list: [{ 491 list: [{
492 name: "「E-account Service」and Direct Debit Authorization Application for Bank Account", 492 name: "「E-account Service」and Direct Debit Authorization Application for Bank Account",
493 desc: "For applying e-service account and direct debit authorization", 493 desc: "For applying e-service account and direct debit authorization",
494 download: "./doc/「電子入賬服務」及銀行戶口直接付款授權申請.pdf", 494 download: "./doc/「電子入賬服務」及銀行戶口直接付款授權申請.pdf",
495 },
496 {
497 name: "Credit Card Account Direct Debit Authorization",
498 desc: "Application for credit card direct debit",
499 download: "./doc/信用卡戶口直接付款授權書.pdf",
500 }
501 ]
495 }, 502 },
496 { 503 {
497 name: "Credit Card Account Direct Debit Authorization", 504 type: "Change of Policy",
498 desc: "Application for credit card direct debit", 505 list: [{
499 download: "./doc/信用卡戶口直接付款授權書.pdf", 506 name: "Policy Termination Application Form",
500 } 507 desc: "Policy surrender",
501 ] 508 download: "./doc/保險合同解除申請書.pdf",
502 }, 509 },
503 { 510 {
504 type: "Change of Policy", 511 name: "Application for Change of Policy Form<br>（Policy Loan Repayment）",
505 list: [{ 512 desc: "Policy loan",
506 name: "Policy Termination Application Form", 513 download: "./doc/保險合同變更申請書（ 保單貸款還款類）.pdf",
507 desc: "Policy surrender", 514 },
508 download: "./doc/保險合同解除申請書.pdf", 515 {
509 }, 516 name: "Application for Change of Policy Form<br>（Change of Policy）",
510 { 517 desc: "Newly added premium, deducted premium",
511 name: "Application for Change of Policy Form<br>（Policy Loan Repayment）", 518 download: "./doc/保險合同變更申請書（ 保險合同計劃變更類）.pdf",
512 desc: "Policy loan", 519 },
513 download: "./doc/保險合同變更申請書（ 保單貸款還款類）.pdf", 520 {
514 }, 521 name: "Application for Change of Policy Form<br>（Change of Customer Information）",
515 { 522 desc: "Basic Information Change",
516 name: "Application for Change of Policy Form<br>（Change of Policy）", 523 download: "./doc/保險合同變更申請書（ 客戶權益變更類）.pdf",
517 desc: "Newly added premium, deducted premium", 524 },
518 download: "./doc/保險合同變更申請書（ 保險合同計劃變更類）.pdf", 525 {
519 }, 526 name: "Application for Change of Policy Form<br>（Change of Beneficiary）",
520 { 527 desc: "Mode of payment, self-replacement and reissues",
521 name: "Application for Change of Policy Form<br>（Change of Customer Information）", 528 download: "./doc/保險合同變更申請書（ 客戶信息變更類）.pdf",
522 desc: "Basic Information Change", 529 },
523 download: "./doc/保險合同變更申請書（ 客戶權益變更類）.pdf", 530 {
524 }, 531 name: "Authorization Letter",
525 { 532 desc: "To authorize 3rd party to handle on behalf of policy owner",
526 name: "Application for Change of Policy Form<br>（Change of Beneficiary）", 533 download: "./doc/授權委托書.pdf",
527 desc: "Mode of payment, self-replacement and reissues", 534 },
528 download: "./doc/保險合同變更申請書（ 客戶信息變更類）.pdf", 535 {
536 name: "Tax Statement",
537 desc: "CRS",
538 download: "./doc/稅收聲明.pdf",
539 },
540 {
541 name: "Health Declaration",
542 desc: "For underwriting purpose",
543 download: "./doc/健康告知.pdf",
544 }
545 ]
529 }, 546 },
530 { 547 {
531 name: "Authorization Letter", 548 type: "Claims",
532 desc: "To authorize 3rd party to handle on behalf of policy owner", 549 list: [{
533 download: "./doc/授權委托書.pdf", 550 name: "Claims Form",
551 desc: "For written claims application",
552 download: "./doc/理賠申請書.pdf",
553 }]
534 }, 554 },
535 {
536 name: "Tax Statement",
537 desc: "CRS",
538 download: "./doc/稅收聲明.pdf",
539 },
540 {
541 name: "Health Declaration",
542 desc: "For underwriting purpose",
543 download: "./doc/健康告知.pdf",
544 }
545 ]
546 },
547 {
548 type: "Claims",
549 list: [{
550 name: "Claims Form",
551 desc: "For written claims application",
552 download: "./doc/理賠申請書.pdf",
553 }]
554 },
555 ] 555 ]
556 }, 556 },
557 policyChangeGuide: { 557 policyChangeGuide: {
...@@ -566,101 +566,101 @@ module.exports = { ...@@ -566,101 +566,101 @@ module.exports = {
566 head5: "Materials to be submitted", 566 head5: "Materials to be submitted",
567 download: "下載文檔", 567 download: "下載文檔",
568 form: [{ 568 form: [{
569 project: "Policy Surrender", 569 project: "Policy Surrender",
570 content: "Cancellation of contract after the cooling-off period, the company will refund the policy cash value", 570 content: "Cancellation of contract after the cooling-off period, the company will refund the policy cash value",
571 applicant: "Policy Owner", 571 applicant: "Policy Owner",
572 receptionTime: "Before Policy Expires", 572 receptionTime: "Before Policy Expires",
573 materialList: [{ 573 materialList: [{
574 name: "Policy", 574 name: "Policy",
575 }, 575 },
576 { 576 {
577 name: "Application form", 577 name: "Application form",
578 type: 1, 578 type: 1,
579 },
580 {
581 name: "ID card of Policy Owner",
582 },
583 {
584 name: "Bank information",
585 }
586 ],
579 }, 587 },
580 { 588 {
581 name: "ID card of Policy Owner", 589 project: "Policy Surrender within cool off period",
590 content: "If the contract is cancelled within the cooling-off period, the company will refund the entire premium without interest.",
591 applicant: "Policy Owner",
592 receptionTime: "Before cool off period",
593 materialList: [{
594 name: "Policy",
595 },
596 {
597 name: "Application form",
598 type: 1,
599 },
600 {
601 name: "ID card of Policy Owner",
602 },
603 {
604 name: "Bank information",
605 },
606 {
607 name: "First premium receipt",
608 }
609 ],
582 }, 610 },
583 { 611 {
584 name: "Bank information", 612 project: "Change of Customer Information",
585 } 613 projectType: 1,
586 ], 614 path: "/custom/service",
587 }, 615 query: {
588 { 616 q: "m43"
589 project: "Policy Surrender within cool off period", 617 },
590 content: "If the contract is cancelled within the cooling-off period, the company will refund the entire premium without interest.", 618 content: "Change of Policy Owner, Insured and Beneficiary informat",
591 applicant: "Policy Owner", 619 applicant: "Policy Owner",
592 receptionTime: "Before cool off period", 620 receptionTime: "Anytime",
593 materialList: [{ 621 materialList: [{
594 name: "Policy", 622 name: "Application form",
595 }, 623 type: 1,
596 { 624 },
597 name: "Application form", 625 {
598 type: 1, 626 name: "Other necessary proving documents",
599 }, 627 }
600 { 628 ],
601 name: "ID card of Policy Owner",
602 },
603 {
604 name: "Bank information",
605 },
606 {
607 name: "First premium receipt",
608 }
609 ],
610 },
611 {
612 project: "Change of Customer Information",
613 projectType: 1,
614 path: "/custom/service",
615 query: {
616 q: "m43"
617 },
618 content: "Change of Policy Owner, Insured and Beneficiary informat",
619 applicant: "Policy Owner",
620 receptionTime: "Anytime",
621 materialList: [{
622 name: "Application form",
623 type: 1,
624 }, 629 },
625 { 630 {
626 name: "Other necessary proving documents", 631 project: "Change of Contact Information",
627 } 632 projectType: 1,
628 ], 633 path: "/custom/service",
629 }, 634 query: {
630 { 635 q: "m42"
631 project: "Change of Contact Information", 636 },
632 projectType: 1, 637 content: "Change of address, contact no.",
633 path: "/custom/service", 638 applicant: "Policy Owner",
634 query: { 639 receptionTime: "Anytime",
635 q: "m42" 640 materialList: [{
636 }, 641 name: "Application form",
637 content: "Change of address, contact no.", 642 type: 1,
638 applicant: "Policy Owner", 643 },
639 receptionTime: "Anytime", 644 {
640 materialList: [{ 645 name: "ID card of Policy Owner",
641 name: "Application form", 646 }
642 type: 1, 647 ],
643 }, 648 },
644 { 649 {
645 name: "ID card of Policy Owner", 650 project: "Change of Payment Information",
646 } 651 content: "Change of mode of payment or payement account",
647 ], 652 applicant: "Policy Owner",
648 }, 653 // receptionTime: "Before the expiration of policy payment",
649 { 654 receptionTime: "Before the policy payment expiration date",
650 project: "Change of Payment Information", 655 materialList: [{
651 content: "Change of mode of payment or payement account", 656 name: "Application form",
652 applicant: "Policy Owner", 657 type: 1,
653 // receptionTime: "Before the expiration of policy payment", 658 },
654 receptionTime: "Before the policy payment expiration date", 659 {
655 materialList: [{ 660 name: "Policy",
656 name: "Application form", 661 }
657 type: 1, 662 ],
658 }, 663 },
659 {
660 name: "Policy",
661 }
662 ],
663 },
664 ] 664 ]
665 }, 665 },
666 policyChangeContact: { 666 policyChangeContact: {
...@@ -931,33 +931,33 @@ module.exports = { ...@@ -931,33 +931,33 @@ module.exports = {
931 placeHolder1: "Select", 931 placeHolder1: "Select",
932 } 932 }
933 }, 933 },
934 vhisDetail:{ 934 vhisDetail: {
935 expand: "展開", 935 expand: "展開",
936 close: "收起", 936 close: "收起",
937 productList:[{ 937 productList: [{
938 title: "保證續保至100歲", 938 title: "保證續保至100歲",
939 desc: "平安人壽（香港）「好e時」自願醫保標準計劃 接受任何介乎14天至80歲人士投保，您可以一直續保至100歲。計劃保證不會因您的索償記錄或身體狀況變而調高續保保費，而您的續保保費將根據當時保單週年日之保費表釐定。", 939 desc: "平安人壽（香港）「好e時」自願醫保標準計劃 接受任何介乎14天至80歲人士投保，您可以一直續保至100歲。計劃保證不會因您的索償記錄或身體狀況變而調高續保保費，而您的續保保費將根據當時保單週年日之保費表釐定。",
940 tips:"" 940 tips: ""
941 }, { 941 }, {
942 title: "不設終身保障限額", 942 title: "不設終身保障限額",
943 desc: "每年保障限額高達420,000 港元，並將每年重新設置至原先限額，讓您享有充裕的醫療保障，減輕因醫療需求而造成的財務負擔。", 943 desc: "每年保障限額高達420,000 港元，並將每年重新設置至原先限額，讓您享有充裕的醫療保障，減輕因醫療需求而造成的財務負擔。",
944 tips:"" 944 tips: ""
945 }, { 945 }, {
946 title: "一家投保 盡享稅務扣減", 946 title: "一家投保 盡享稅務扣減",
947 desc:"保費可用作申請稅務扣除，若保單持有人為納稅人，便可為自己及任何指明親屬，即每一名合資格受保人，申請每名受保人每年8,000 港元的扣稅額，可申請稅務扣減的指明親屬 數目更不設上限。", 947 desc: "保費可用作申請稅務扣除，若保單持有人為納稅人，便可為自己及任何指明親屬，即每一名合資格受保人，申請每名受保人每年8,000 港元的扣稅額，可申請稅務扣減的指明親屬 數目更不設上限。",
948 tips:"*需根據香港自願醫保計劃保單所繳付的合資格保費的扣稅安排" 948 tips: "*需根據香港自願醫保計劃保單所繳付的合資格保費的扣稅安排"
949 }, { 949 }, {
950 title: "承保投保前未知的已有疾病", 950 title: "承保投保前未知的已有疾病",
951 desc:"承保您在投保時不察覺，及理應不察覺的已有病症。對上述有關病症，此計劃會在保單生效首3年的等候期間提供部份保障*，並由第4個保單年度起提供全面保障。", 951 desc: "承保您在投保時不察覺，及理應不察覺的已有病症。對上述有關病症，此計劃會在保單生效首3年的等候期間提供部份保障*，並由第4個保單年度起提供全面保障。",
952 tips:"*保單生效日後提供部分賠償(第二年25%、第三年50%)，其後提供全面賠償(100%) " 952 tips: "*保單生效日後提供部分賠償(第二年25%、第三年50%)，其後提供全面賠償(100%) "
953 }, { 953 }, {
954 title: "出院免找數 讓您安心無憂", 954 title: "出院免找數 讓您安心無憂",
955 desc:"只需完成簡單手續，我們便會直接向有關私家醫院繳付住院期間的醫療開支。", 955 desc: "只需完成簡單手續，我們便會直接向有關私家醫院繳付住院期間的醫療開支。",
956 tips:"*有關詳情及指定醫院列表，請參閱「出院免找數服務」單張。" 956 tips: "*有關詳情及指定醫院列表，請參閱「出院免找數服務」單張。"
957 }, { 957 }, {
958 title: "無索償折扣", 958 title: "無索償折扣",
959 desc:"最高可獲得上一個保單年度有已繳總保費之10%。 如您在連續3個保單年度或以上沒有作出賠償，在下一個保單週年日您將可獲得此保費折扣。", 959 desc: "最高可獲得上一個保單年度有已繳總保費之10%。 如您在連續3個保單年度或以上沒有作出賠償，在下一個保單週年日您將可獲得此保費折扣。",
960 tips:"*有關詳情請參閱產品介紹書。" 960 tips: "*有關詳情請參閱產品介紹書。"
961 }] 961 }]
962 } 962 }
963 } 963 }
......
...@@ -57,9 +57,7 @@ input { ...@@ -57,9 +57,7 @@ input {
57 57
58 .reservation-container-2 { 58 .reservation-container-2 {
59 @extend .bb; 59 @extend .bb;
60 background-color: #ffffff;
61 padding: 20px 100px 72px; 60 padding: 20px 100px 72px;
62 border-radius: 16px;
63 61
64 .clarms-border { 62 .clarms-border {
65 position: relative; 63 position: relative;
...@@ -145,9 +143,31 @@ input { ...@@ -145,9 +143,31 @@ input {
145 } 143 }
146 144
147 img { 145 img {
148 // width: 1.666667rem; 146 width: 23px;
147 pointer-events: none;
148 }
149
150
151
152 .check-border {
153 @extend .fcc;
149 width: 32px; 154 width: 32px;
155 height: 32px;
156 @include border-tans($borderRadius);
157
158 .check {
159 background: url('~@/assets/images/vhis/vhis-tick.png') center no-repeat;
160 @extend .bis;
161 width: 22px;
162 height: 17px;
163 }
164 }
165
166 .uncheck-border {
167 background: transparent;
168 border-color: $cFontGray2;
150 } 169 }
170
151 } 171 }
152 172
153 .item-group { 173 .item-group {
......
...@@ -44,25 +44,31 @@ ...@@ -44,25 +44,31 @@
44 <div class="value"> 44 <div class="value">
45 <div class="ipt-wrap item-group"> 45 <div class="ipt-wrap item-group">
46 <div class="check-item pointer" v-if="typeCandidates.indexOf('1') > -1" @click="typeClickHandle('1')"> 46 <div class="check-item pointer" v-if="typeCandidates.indexOf('1') > -1" @click="typeClickHandle('1')">
47 <img v-if="typeSelected.indexOf('1') > -1" src="@/assets/images/clarms/checked.png"> 47 <div class="check-border">
48 <img v-else src="@/assets/images/clarms/uncheck.png"> 48 <div class="check" v-if="typeSelected.indexOf('1') > -1"></div>
49 </div>
49 <span>{{$t('clarms.step2.op1')}}</span> 50 <span>{{$t('clarms.step2.op1')}}</span>
50 </div> 51 </div>
51 <div class="check-item pointer" v-if="typeCandidates.indexOf('2') > -1" @click="typeClickHandle('2')"> 52 <div class="check-item pointer" v-if="typeCandidates.indexOf('2') > -1" @click="typeClickHandle('2')">
52 <img v-if="typeSelected.indexOf('2') > -1" src="@/assets/images/clarms/checked.png"> 53 <!-- <img v-if="typeSelected.indexOf('2') > -1" src="@/assets/images/clarms/checked.png">
53 <img v-else src="@/assets/images/clarms/uncheck.png"> 54 <img v-else src="@/assets/images/clarms/uncheck.png"> -->
55 <div class="check-border">
56 <div class="check" v-if="typeSelected.indexOf('2') > -1"></div>
57 </div>
54 <span>{{$t('clarms.step2.op3')}}</span> 58 <span>{{$t('clarms.step2.op3')}}</span>
55 </div> 59 </div>
56 <div class="check-item check-disabled"> 60 <div class="check-item check-disabled">
57 <img src="@/assets/images/clarms/uncheck-disabled.png"> 61 <div class="check-border uncheck-border"></div>
58 <span>{{$t('clarms.step2.op2')}}</span> 62 <span>{{$t('clarms.step2.op2')}}</span>
59 </div> 63 </div>
60 <div class="check-item check-disabled"> 64 <div class="check-item check-disabled">
61 <img src="@/assets/images/clarms/uncheck-disabled.png"> 65 <!-- <img src="@/assets/images/clarms/uncheck-disabled.png"> -->
66 <div class="check-border uncheck-border"></div>
62 <span>{{$t('clarms.step2.op4')}}</span> 67 <span>{{$t('clarms.step2.op4')}}</span>
63 </div> 68 </div>
64 <div class="check-item check-disabled"> 69 <div class="check-item check-disabled">
65 <img src="@/assets/images/clarms/uncheck-disabled.png"> 70 <!-- <img src="@/assets/images/clarms/uncheck-disabled.png"> -->
71 <div class="check-border uncheck-border"></div>
66 <span>{{$t('clarms.step2.op5')}}</span> 72 <span>{{$t('clarms.step2.op5')}}</span>
67 </div> 73 </div>
68 </div> 74 </div>
...@@ -137,7 +143,7 @@ ...@@ -137,7 +143,7 @@
137 </template> 143 </template>
138 </div> 144 </div>
139 <template v-if="data.contactDate && data.policyDateLegal"> 145 <template v-if="data.contactDate && data.policyDateLegal">
140 <!-- <template v-if="1>0"> --> 146 <!-- <template v-if="1>0"> -->
141 <hr class="hr2" v-if="data.amount > 0"> 147 <hr class="hr2" v-if="data.amount > 0">
142 <div class="bottom-tip orange mt20">{{$t('clarms.step2.label17')}}</div> 148 <div class="bottom-tip orange mt20">{{$t('clarms.step2.label17')}}</div>
143 <div class="bottom-tip gray3 mt10">{{$t('clarms.step2.tip1')}}</div> 149 <div class="bottom-tip gray3 mt10">{{$t('clarms.step2.tip1')}}</div>
...@@ -156,7 +162,10 @@ ...@@ -156,7 +162,10 @@
156 <van-loading v-if="loading" /> {{$t('clarms.step2.btn')}} 162 <van-loading v-if="loading" /> {{$t('clarms.step2.btn')}}
157 </div> 163 </div>
158 164
159 <div class="contact" v-if="!showTips" @click="toContact"><span>{{$t('clarms.step2.contact2')}}</span><span class="underline">{{$t('clarms.step2.contact')}}</span></div> 165 <div class="contact" v-if="!showTips" @click="toContact">
166 <span>{{$t('clarms.step2.contact2')}}</span>
167 <span class="underline">{{$t('clarms.step2.contact')}}</span>
168 </div>
160 169
161 <div class="fail-tips" v-if="showTips"> 170 <div class="fail-tips" v-if="showTips">
162 <img class="icon" src="@/assets/images/common/icon-alert-i.png" alt=""> 171 <img class="icon" src="@/assets/images/common/icon-alert-i.png" alt="">
......
...@@ -31,8 +31,8 @@ $borderRadius:6px; ...@@ -31,8 +31,8 @@ $borderRadius:6px;
31 31
32 .reservation-container { 32 .reservation-container {
33 @extend .bb; 33 @extend .bb;
34 border-radius: $borderRadius; 34 // border-radius: $borderRadius;
35 background-color: #ffffff; 35 // background-color: #ffffff;
36 padding: 60px 82px 68px; 36 padding: 60px 82px 68px;
37 37
38 .title { 38 .title {
......
...@@ -82,8 +82,8 @@ input { ...@@ -82,8 +82,8 @@ input {
82 82
83 .reservation-container { 83 .reservation-container {
84 @extend .bb; 84 @extend .bb;
85 background-color: #ffffff; 85 // background-color: #ffffff;
86 border-radius: 20px; 86 // border-radius: 20px;
87 87
88 .title { 88 .title {
89 font-size: 1.333333rem; 89 font-size: 1.333333rem;
...@@ -127,8 +127,8 @@ input { ...@@ -127,8 +127,8 @@ input {
127 127
128 .reservation-container-2 { 128 .reservation-container-2 {
129 @extend .bb; 129 @extend .bb;
130 background-color: #ffffff; 130 // background-color: #ffffff;
131 border-radius: 20px; 131 // border-radius: 20px;
132 132
133 .title { 133 .title {
134 font-size: 1.333333rem; 134 font-size: 1.333333rem;
......