Skip to content

dev / pingan-life-index-pro

Go to a project
Toggle navigation
Toggle navigation pinning
7357e118 by simon
Options

默认提交

1 parent b95608b5
Inline Side-by-side
Showing 9 changed files with 95 additions and 32 deletions
...@@ -733,6 +733,13 @@ module.exports = { ...@@ -733,6 +733,13 @@ module.exports = {
733 title: "Official WeChat Account" 733 title: "Official WeChat Account"
734 } 734 }
735 }, 735 },
736 eCorrespondenceEnquiry: {
737 PolicyNumber:"Policy Number",
738 TypeOfCorrespondence:"Type of Correspondence",
739 SentOutDate:"Sent Out Date",
740 DownloadLink:"Download link",
741 Status:"Status",
742 },
736 customService: { 743 customService: {
737 name: "Customer service", 744 name: "Customer service",
738 menu1: "Contact Us", 745 menu1: "Contact Us",
......
...@@ -727,6 +727,13 @@ module.exports = { ...@@ -727,6 +727,13 @@ module.exports = {
727 title: "官方公眾號" 727 title: "官方公眾號"
728 } 728 }
729 }, 729 },
730 eCorrespondenceEnquiry: {
731 PolicyNumber:"保單號碼",
732 TypeOfCorrespondence:"通知書類型",
733 SentOutDate:"發出時間",
734 DownloadLink:"下載鏈接",
735 Status:"狀况",
736 },
730 customService: { 737 customService: {
731 name: "客戶服務", 738 name: "客戶服務",
732 menu1: "聯繫我們", 739 menu1: "聯繫我們",
......
...@@ -728,6 +728,13 @@ module.exports = { ...@@ -728,6 +728,13 @@ module.exports = {
728 title: "官方公众号" 728 title: "官方公众号"
729 } 729 }
730 }, 730 },
731 eCorrespondenceEnquiry: {
732 PolicyNumber:"保單號碼",
733 TypeOfCorrespondence:"通知書類型",
734 SentOutDate:"發出時間",
735 DownloadLink:"下載鏈接",
736 Status:"狀况",
737 },
731 customService: { 738 customService: {
732 name: "客户服务", 739 name: "客户服务",
733 menu1: "联系我们", 740 menu1: "联系我们",
......
1 @import '@/styles/_support.scss'; 1 @import '@/styles/_support.scss';
2 2
3 .container{ 3 .container{
4 // font-size: 18px; 4 font-size: $fontSize-M2;
5 } 5 }
6 6
7 .cell-group { 7 .cell-group {
......
...@@ -18,6 +18,7 @@ import { ...@@ -18,6 +18,7 @@ import {
18 getPolicyName 18 getPolicyName
19 } from "@/utils/biz.js"; 19 } from "@/utils/biz.js";
20 import Modal2Comp from '@/components/modal2-comp/modal2-comp.vue'; 20 import Modal2Comp from '@/components/modal2-comp/modal2-comp.vue';
21 import ModalComp from '@/components/modal-comp/modal-comp.vue';
21 22
22 export default { 23 export default {
23 props: { 24 props: {
...@@ -72,6 +73,7 @@ export default { ...@@ -72,6 +73,7 @@ export default {
72 queryList() { 73 queryList() {
73 if (this.policyList && this.policyList.length > 0) { 74 if (this.policyList && this.policyList.length > 0) {
74 this.myPolicyList = this.policyList; 75 this.myPolicyList = this.policyList;
76 this.myPolicyList = this.myPolicyList.slice(0, 5);
75 this.myPolicyList.forEach(element => { 77 this.myPolicyList.forEach(element => {
76 element.activity = false; 78 element.activity = false;
77 }) 79 })
...@@ -253,10 +255,39 @@ export default { ...@@ -253,10 +255,39 @@ export default {
253 } 255 }
254 }); 256 });
255 } 257 }
258 },
259 // 过滤筛选
260 onFilterHandler(idx) {
261 switch (idx) {
262 // 保单号码
263 case 1:
264
265 break;
266 // 通知书类型
267 case 2:
268
269 break;
270 // 发出时间
271 case 3:
272
273 break;
274
275 // 状况
276 case 5:
277
278 break;
279
280 default:
281 break;
282 }
283
284 // 显示模态窗
285 this.showDownloadError = true;
256 } 286 }
257 }, 287 },
258 components: { 288 components: {
259 Modal2Comp 289 Modal2Comp,
290 ModalComp
260 }, 291 },
261 mounted() { 292 mounted() {
262 this.queryList(); 293 this.queryList();
......
...@@ -3,6 +3,7 @@ ...@@ -3,6 +3,7 @@
3 .list-container { 3 .list-container {
4 overflow-x: auto; 4 overflow-x: auto;
5 margin-bottom: 24px; 5 margin-bottom: 24px;
6 font-size: $fontSize-M2;
6 } 7 }
7 8
8 .hide { 9 .hide {
...@@ -57,21 +58,23 @@ ...@@ -57,21 +58,23 @@
57 color: #4c4948; 58 color: #4c4948;
58 } 59 }
59 60
61 .td {
62 position: relative;
63 @extend .fcc;
64 }
65
60 .w1 { 66 .w1 {
61 // width: 120px;
62 width: 240px; 67 width: 240px;
63 text-align: center; 68 text-align: center;
64 } 69 }
65 70
66 .w2 { 71 .w2 {
67 // width: 75px;
68 width: 150px; 72 width: 150px;
69 text-align: center; 73 text-align: center;
70 } 74 }
71 75
72 .table-header { 76 .table-header {
73 // width: 770px; 77 height: 50px;
74 height: 39px;
75 border-top-left-radius: 8px; 78 border-top-left-radius: 8px;
76 border-top-right-radius: 8px; 79 border-top-right-radius: 8px;
77 background-color: #f2f2f2; 80 background-color: #f2f2f2;
...@@ -133,11 +136,10 @@ ...@@ -133,11 +136,10 @@
133 align-items: center; 136 align-items: center;
134 137
135 .td { 138 .td {
139 position: relative;
136 display: flex; 140 display: flex;
137 justify-content: center; 141 justify-content: center;
138 align-items: center; 142 align-items: center;
139
140
141 } 143 }
142 144
143 .cell1 { 145 .cell1 {
...@@ -177,7 +179,7 @@ ...@@ -177,7 +179,7 @@
177 } 179 }
178 } 180 }
179 181
180 .new{ 182 .new {
181 @include linear-bg; 183 @include linear-bg;
182 } 184 }
183 185
...@@ -238,3 +240,13 @@ ...@@ -238,3 +240,13 @@
238 } 240 }
239 } 241 }
240 242
243 .down-arrow {
244 background-image: url('~@/assets/images/common/down-arrow-white.png');
245 width: 16px;
246 height: 12px;
247 background-repeat: no-repeat;
248 background-position: center;
249 background-size: 100% 100%;
250 margin-left: 7px;
251 cursor: pointer;
252 }
......
1 <template> 1 <template>
2 <div class="list-container"> 2 <div class="list-container">
3 <modal2-comp :visible="showDownloadError" :close="()=>{showDownloadError = false}" :content="$t('glbalTips.sysError')"></modal2-comp> 3 <modal2-comp :visible="showDownloadError" :close="()=>{showDownloadError = false}" :content="$t('glbalTips.sysError')"></modal2-comp>
4 <!-- <modal-comp :visible="showDownloadError" :close="()=>{showDownloadError = false}" :content="$t('glbalTips.sysError')"></modal-comp> -->
4 <div class="cell-group"> 5 <div class="cell-group">
5 <div class="table-contaner"> 6 <div class="table-contaner">
6 <div class="table-header orange new" > 7 <div class="table-header orange new">
7 <div class="normal-header"> 8 <div class="normal-header">
8 <div class="td w1">{{$t('customService.insuranceQuery.InsurantNumber')}}</div> 9 <div class="td w1">{{$t('eCorrespondenceEnquiry.PolicyNumber')}}
9 <div class="td w2">{{$t('customService.insuranceQuery.policyState')}}</div> 10 <div @click="onFilterHandler(1)" class="down-arrow"></div>
10 <div class="td w2">{{$t('customService.insuranceQuery.activeDate')}}</div> 11 </div>
11 <div class="td w2">{{$t('customService.insuranceQuery.Insurant')}}</div> 12 <div class="td w1">{{$t('eCorrespondenceEnquiry.TypeOfCorrespondence')}}
12 <div class="td w1">{{$t('customService.insuranceQuery.InsurantName')}}</div> 13 <div @click="onFilterHandler(2)" class="down-arrow"></div>
13 <div class="td w2">{{$t('customService.insuranceQuery.InsurantAmount')}}</div> 14 </div>
14 <div class="td w2">{{$t('customService.insuranceQuery.effectiveDate')}}</div> 15 <div class="td w2">{{$t('eCorrespondenceEnquiry.SentOutDate')}}
15 <div class="td w2">{{$t('customService.insuranceQuery.period')}}</div> 16 <div @click="onFilterHandler(3)" class="down-arrow"></div>
17 </div>
18 <div class="td w2">{{$t('eCorrespondenceEnquiry.DownloadLink')}}
19
20 </div>
21 <div @click="onFilterHandler(5)" class="td w2">{{$t('eCorrespondenceEnquiry.Status')}}
22 <div class="down-arrow"></div>
23 </div>
16 </div> 24 </div>
17 </div> 25 </div>
18 <div class="guide" :class="{rotate180 : hide}" @click="hide = !hide"></div>
19 </div> 26 </div>
20 <div class="table-content" :class="{hide : hide}"> 27 <div class="table-content" :class="{hide : hide}">
21 <template v-if="myPolicyList"> 28 <template v-if="myPolicyList">
...@@ -44,16 +51,10 @@ ...@@ -44,16 +51,10 @@
44 </template> 51 </template>
45 </template> 52 </template>
46 </div> 53 </div>
47 54 <div class="td w1">{{formatInsuredState(item.policyState)}}</div>
48 <div class="td w2">{{formatInsuredState(item.policyState)}}</div>
49 <div class="td w2">{{item.activeDate?item.activeDate.split(" ")[0]:""}}</div> 55 <div class="td w2">{{item.activeDate?item.activeDate.split(" ")[0]:""}}</div>
50 <div class="td w2">{{lan == 'en' ? (item.insuredNameEn ? item.insuredNameEn : item.insuredNameCn) : (item.insuredNameCn ? item.insuredNameCn : item.insuredNameEn)}}</div> 56 <div class="td w2">{{formatPolicyName(item.productCode, item.productName)}}</div>
51 <div class="td w1">{{formatPolicyName(item.productCode, item.productName)}}</div>
52 <div class="td w2">{{item.moneyCode}} {{formatMoney(item.amount,0)}}</div>
53 <div class="td w2">{{item.expireAt?item.expireAt.split(" ")[0]:""}}</div>
54 <!-- <div class="td w2">{{item.guaranteeAge?item.guaranteeAge.split(" ")[0]:""}}</div> -->
55 <div class="td w2">{{formatInsuredPeriod(item.insuredPeriodType,item.insuredPeriodValue)}}</div> 57 <div class="td w2">{{formatInsuredPeriod(item.insuredPeriodType,item.insuredPeriodValue)}}</div>
56
57 </div> 58 </div>
58 <div class="separator-h" v-if="index < myPolicyList.length - 1 && index < maxShow - 1"></div> 59 <div class="separator-h" v-if="index < myPolicyList.length - 1 && index < maxShow - 1"></div>
59 </template> 60 </template>
......
...@@ -46,7 +46,7 @@ ...@@ -46,7 +46,7 @@
46 @extend .bb; 46 @extend .bb;
47 padding: 0 0px; 47 padding: 0 0px;
48 text-align: left; 48 text-align: left;
49 word-wrap:break-word; 49 word-wrap: break-word;
50 font-size: 18px; 50 font-size: 18px;
51 } 51 }
52 52
...@@ -83,9 +83,7 @@ ...@@ -83,9 +83,7 @@
83 } 83 }
84 84
85 .right-panel { 85 .right-panel {
86 // max-width: 975px; 86 // max-width: 972px;
87 // width: 975px;
88 max-width: 972px;
89 width: 972px; 87 width: 972px;
90 background-color: #ffffff; 88 background-color: #ffffff;
91 89
...@@ -114,7 +112,7 @@ ...@@ -114,7 +112,7 @@
114 112
115 .right-panel { 113 .right-panel {
116 margin: 0 auto; 114 margin: 0 auto;
117 115 width: auto;
118 } 116 }
119 } 117 }
120 118
......