Skip to content

dev / pingan-life-index-pro

Go to a project
Toggle navigation
Toggle navigation pinning
0fa49424 by simon
Options

默认提交

1 parent 3f03b9c8
Inline Side-by-side
Showing 15 changed files with 45 additions and 29 deletions
...@@ -508,22 +508,22 @@ module.exports = { ...@@ -508,22 +508,22 @@ module.exports = {
508 download: "./doc/保險合同解除申請書.pdf", 508 download: "./doc/保險合同解除申請書.pdf",
509 }, 509 },
510 { 510 {
511 name: "Application for Change of Policy Form（Policy Loan Repayment）", 511 name: "Application for Change of Policy Form<br>（Policy Loan Repayment）",
512 desc: "Policy loan", 512 desc: "Policy loan",
513 download: "./doc/保險合同變更申請書（ 保單貸款還款類）.pdf", 513 download: "./doc/保險合同變更申請書（ 保單貸款還款類）.pdf",
514 }, 514 },
515 { 515 {
516 name: "Application for Change of Policy Form（Change of Policy）", 516 name: "Application for Change of Policy Form<br>（Change of Policy）",
517 desc: "Newly added premium, deducted premium", 517 desc: "Newly added premium, deducted premium",
518 download: "./doc/保險合同變更申請書（ 保險合同計劃變更類）.pdf", 518 download: "./doc/保險合同變更申請書（ 保險合同計劃變更類）.pdf",
519 }, 519 },
520 { 520 {
521 name: "Application for Change of Policy Form（Change of Customer Information）", 521 name: "Application for Change of Policy Form<br>（Change of Customer Information）",
522 desc: "Basic Information Change", 522 desc: "Basic Information Change",
523 download: "./doc/保險合同變更申請書（ 客戶權益變更類）.pdf", 523 download: "./doc/保險合同變更申請書（ 客戶權益變更類）.pdf",
524 }, 524 },
525 { 525 {
526 name: "Application for Change of Policy Form（Change of Beneficiary）", 526 name: "Application for Change of Policy Form<br>（Change of Beneficiary）",
527 desc: "Mode of payment, self-replacement and reissues", 527 desc: "Mode of payment, self-replacement and reissues",
528 download: "./doc/保險合同變更申請書（ 客戶信息變更類）.pdf", 528 download: "./doc/保險合同變更申請書（ 客戶信息變更類）.pdf",
529 }, 529 },
......
...@@ -96,6 +96,9 @@ export default { ...@@ -96,6 +96,9 @@ export default {
96 lan() { 96 lan() {
97 return this.$i18n.locale; 97 return this.$i18n.locale;
98 }, 98 },
99 locale() {
100 return this.$i18n.locale || 'tc';
101 },
99 i18n() { 102 i18n() {
100 return this.$i18n.messages && this.$i18n.locale ? this.$i18n.messages[this.$i18n.locale] : {}; 103 return this.$i18n.messages && this.$i18n.locale ? this.$i18n.messages[this.$i18n.locale] : {};
101 }, 104 },
......
...@@ -7,6 +7,8 @@ $borderRadius:6px; ...@@ -7,6 +7,8 @@ $borderRadius:6px;
7 margin: 0 auto; 7 margin: 0 auto;
8 } 8 }
9 9
10
11
10 input { 12 input {
11 padding: 0 2.083333rem; 13 padding: 0 2.083333rem;
12 color: $cFontGray2; 14 color: $cFontGray2;
...@@ -452,6 +454,13 @@ input { ...@@ -452,6 +454,13 @@ input {
452 } 454 }
453 } 455 }
454 456
457 .en {
458 .reservation-container-2 .check-item {
459 margin-right: 0;
460 width: 50%;
461 }
462 }
463
455 @media (max-width: 1200px) { 464 @media (max-width: 1200px) {
456 .comp { 465 .comp {
457 .reservation-container-2 { 466 .reservation-container-2 {
...@@ -501,13 +510,13 @@ input { ...@@ -501,13 +510,13 @@ input {
501 .check-item { 510 .check-item {
502 align-items: flex-start; 511 align-items: flex-start;
503 flex-wrap: wrap; 512 flex-wrap: wrap;
504 margin:0 0 24px; 513 margin: 0 0 24px;
505 width: 100%; 514 width: 100%;
506 } 515 }
507 } 516 }
508 } 517 }
509 518
510 .date-container{ 519 .date-container {
511 width: 100%; 520 width: 100%;
512 } 521 }
513 } 522 }
......
1 <template> 1 <template>
2 2 <div class="comp clarms-plugins-material" :class="{'en':locale == 'en'}">
3 <div class="comp clarms-plugins-material">
4 <template v-if="!insuredList || insuredList.length == 0"> 3 <template v-if="!insuredList || insuredList.length == 0">
5 <div class="reservation-container-2"> 4 <div class="reservation-container-2">
6 <div class="empty"> 5 <div class="empty">
......
...@@ -30,9 +30,10 @@ ...@@ -30,9 +30,10 @@
30 .modal { 30 .modal {
31 position: relative; 31 position: relative;
32 @extend .bb; 32 @extend .bb;
33 max-width: 1000px; 33 width: 1000px;
34 margin: 0 auto;
34 35
35 .content { 36 &-content {
36 display: flex; 37 display: flex;
37 justify-content: flex-start; 38 justify-content: flex-start;
38 align-items: center; 39 align-items: center;
......
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
5 <div class="border"> 5 <div class="border">
6 <div class="close" @click="onOverLayHandler()"><img src="@/assets/images/clarms/close.png"></div> 6 <div class="close" @click="onOverLayHandler()"><img src="@/assets/images/clarms/close.png"></div>
7 <div class="modal"> 7 <div class="modal">
8 <div class="content"> 8 <div class="modal-content">
9 <div class="info-icon"> 9 <div class="info-icon">
10 <img src="@/assets/images/clarms/info.png"> 10 <img src="@/assets/images/clarms/info.png">
11 </div> 11 </div>
......
...@@ -29,14 +29,16 @@ ...@@ -29,14 +29,16 @@
29 .modal { 29 .modal {
30 position: relative; 30 position: relative;
31 @extend .bb; 31 @extend .bb;
32 max-width: 1000px; 32 width: 1000px;
33 margin: 0 auto;
33 34
34 .content { 35 .content {
36 // @extend .bb;
35 display: flex; 37 display: flex;
36 justify-content: flex-start; 38 justify-content: flex-start;
37 align-items: center; 39 align-items: center;
38 padding: 162px 60px 162px 60px; 40 padding: 162px 60px 162px 60px;
39 // max-height:534px; 41 // max-height:640px;
40 42
41 43
42 .info-icon { 44 .info-icon {
......
...@@ -34,8 +34,9 @@ ...@@ -34,8 +34,9 @@
34 .modal { 34 .modal {
35 position: relative; 35 position: relative;
36 width: 1000px; 36 width: 1000px;
37 margin: 0 auto;
37 38
38 .content { 39 &-content {
39 display: flex; 40 display: flex;
40 justify-content: flex-start; 41 justify-content: flex-start;
41 align-items: center; 42 align-items: center;
......
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
5 <div class="border"> 5 <div class="border">
6 <div class="close" @click="onCloseHandler()"><img src="@/assets/images/clarms/close.png"></div> 6 <div class="close" @click="onCloseHandler()"><img src="@/assets/images/clarms/close.png"></div>
7 <div class="modal"> 7 <div class="modal">
8 <div class="content"> 8 <div class="modal-content">
9 <div class="info-icon"> 9 <div class="info-icon">
10 <img src="@/assets/images/clarms/info.png"> 10 <img src="@/assets/images/clarms/info.png">
11 </div> 11 </div>
......
...@@ -9,7 +9,9 @@ import { ...@@ -9,7 +9,9 @@ import {
9 } from '@/api/fetch-api.js' 9 } from '@/api/fetch-api.js'
10 10
11 import Modal2Comp from '@/components/modal2-comp/modal2-comp.vue'; 11 import Modal2Comp from '@/components/modal2-comp/modal2-comp.vue';
12 import { getPolicyName } from "@/utils/biz.js"; 12 import {
13 getPolicyName
14 } from "@/utils/biz.js";
13 15
14 export default { 16 export default {
15 data() { 17 data() {
...@@ -19,9 +21,9 @@ export default { ...@@ -19,9 +21,9 @@ export default {
19 hadLoadPolicy: false, 21 hadLoadPolicy: false,
20 ignorePolicyCodes: [], 22 ignorePolicyCodes: [],
21 // 显示 23 // 显示
22 policyDetail: null, 24 policyDetail: {},
23 showSuccessTip : false, 25 showSuccessTip: false,
24 showDownloadError:false 26 showDownloadError: false
25 } 27 }
26 }, 28 },
27 components: { 29 components: {
...@@ -159,8 +161,7 @@ export default { ...@@ -159,8 +161,7 @@ export default {
159 url: api.policyReceipt, 161 url: api.policyReceipt,
160 sid: true, 162 sid: true,
161 data: params 163 data: params
162 }).then(res => { 164 }).then(res => {}).catch(e => {
163 }).catch(e => {
164 165
165 }); 166 });
166 167
...@@ -203,11 +204,11 @@ export default { ...@@ -203,11 +204,11 @@ export default {
203 path: "/custom/service?q=m1" 204 path: "/custom/service?q=m1"
204 }); 205 });
205 }, 206 },
206 toTarget(){ 207 toTarget() {
207 this.showPolicy = false; 208 this.showPolicy = false;
208 sessionStorage.setItem("hidePolicy", "true"); 209 sessionStorage.setItem("hidePolicy", "true");
209 this.$router.push({ 210 this.$router.push({
210 path : "/custom/service?q=m3" 211 path: "/custom/service?q=m3"
211 }) 212 })
212 }, 213 },
213 formatPolicyName(c, n) { 214 formatPolicyName(c, n) {
......
...@@ -83,10 +83,12 @@ $borderRadius:6px; ...@@ -83,10 +83,12 @@ $borderRadius:6px;
83 } 83 }
84 84
85 .title { 85 .title {
86 @extend .bb;
86 font-size: 36px; 87 font-size: 36px;
87 color: $cOrange2; 88 color: $cOrange2;
88 font-weight: bold; 89 font-weight: bold;
89 letter-spacing: 2.45px; 90 letter-spacing: 2.45px;
91 // padding:0 92px;
90 } 92 }
91 93
92 .desc { 94 .desc {
......
...@@ -101,7 +101,7 @@ ...@@ -101,7 +101,7 @@
101 101
102 <!-- 通知 --> 102 <!-- 通知 -->
103 <div class="notice"> 103 <div class="notice">
104 <p class="notice-item"> 104 <p class="notice-item text-jtf">
105 <img class="notice-item-icon" src="@/assets/images/reservation/icon-re-notice.png"> &nbsp;&nbsp;&nbsp;&nbsp;{{$t('complaintAcceptance.notice1')}} 105 <img class="notice-item-icon" src="@/assets/images/reservation/icon-re-notice.png"> &nbsp;&nbsp;&nbsp;&nbsp;{{$t('complaintAcceptance.notice1')}}
106 </p> 106 </p>
107 <p class="notice-item pointer" @click="checked = !checked"> 107 <p class="notice-item pointer" @click="checked = !checked">
......
...@@ -102,7 +102,7 @@ ...@@ -102,7 +102,7 @@
102 </div> 102 </div>
103 103
104 <div class="box notice"> 104 <div class="box notice">
105 <p class="notice-item"> 105 <p class="notice-item text-jtf">
106 <img class="notice-item-icon" src="@/assets/images/reservation/icon-re-notice.png"> &nbsp;&nbsp;&nbsp;&nbsp;{{$t('reservation.notice1')}} 106 <img class="notice-item-icon" src="@/assets/images/reservation/icon-re-notice.png"> &nbsp;&nbsp;&nbsp;&nbsp;{{$t('reservation.notice1')}}
107 </p> 107 </p>
108 <p class="notice-item pointer" @click="checked = !checked"> 108 <p class="notice-item pointer" @click="checked = !checked">
......
1 1
2 <template> 2 <template>
3 <div class="content"> 3 <div class="content">
4
5
6 <div > 4 <div >
7 <div class="top-space"></div> 5 <div class="top-space"></div>
8 <h2 class="tit">{{data.title}}</h2> 6 <h2 class="tit">{{data.title}}</h2>
...@@ -11,7 +9,7 @@ ...@@ -11,7 +9,7 @@
11 <div class="date"> <img class="icon-clock" src="@/assets/images/news-detail/icon-clock.png" alt=""> {{$t('newsDetail.publishAt')}}：{{data.dateFormat}}</div> 9 <div class="date"> <img class="icon-clock" src="@/assets/images/news-detail/icon-clock.png" alt=""> {{$t('newsDetail.publishAt')}}：{{data.dateFormat}}</div>
12 <div class="pv">{{$t('newsDetail.readers')}}：{{data.pv}} {{$t('newsDetail.per')}}</div> 10 <div class="pv">{{$t('newsDetail.readers')}}：{{data.pv}} {{$t('newsDetail.per')}}</div>
13 </div> 11 </div>
14 <div class="box desc ql-editor" v-html="data.content" > 12 <div class="box desc ql-editor text-jtf" v-html="data.content" >
15 {{data.content}} 13 {{data.content}}
16 </div> 14 </div>
17 </div> 15 </div>
......
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
5 <div> 5 <div>
6 <div class="top-space"></div> 6 <div class="top-space"></div>
7 <h2 class="tit">{{title}}</h2> 7 <h2 class="tit">{{title}}</h2>
8 <div class="box desc ql-editor" v-html="content"> 8 <div class="box desc ql-editor text-jtf" v-html="content">
9 </div> 9 </div>
10 </div> 10 </div>
11 11
......