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 58 additions and 29 deletions
...@@ -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 }
150 } 164 }
165
166 .uncheck-border {
167 background: transparent;
168 border-color: $cFontGray2;
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>
...@@ -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;
......