Skip to content

dev / pingan-life-index-pro

Go to a project
Toggle navigation
Toggle navigation pinning
8d127659 by joe
Options

电子函对接完成

1 parent 2e56ce0f
Inline Side-by-side
Showing 5 changed files with 136 additions and 94 deletions
......@@ -8,3 +8,4 @@ VUE_APP_CONTENT_ENCRYPT_SWITCH = true
VUE_APP_ONE_ACCOUNT_CENTER_OFF = true
VUE_APP_HIDE_VHIS_MODAL_FLAG = 'Y'
VUE_APP_MOCK_DATA = true
......
......@@ -7,4 +7,6 @@ VUE_APP_CONTENT_ENCRYPT_KEY = 'MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQDA1SNj4qiOE
VUE_APP_CONTENT_ENCRYPT_SWITCH = true
VUE_APP_ONE_ACCOUNT_CENTER_OFF = true
VUE_APP_HIDE_VHIS_MODAL_FLAG = 'N'
\ No newline at end of file
VUE_APP_HIDE_VHIS_MODAL_FLAG = 'N'
# 这里会mock数据，注意到生产环境要改为false
VUE_APP_MOCK_DATA = true
\ No newline at end of file
......
......@@ -107,6 +107,7 @@ function initQueryConfig() {
E: rsaKeyIndex1,
vhis: vhis1,
policies: policies,
mockData: process.env.VUE_APP_MOCK_DATA == undefined || !process.env.VUE_APP_MOCK_DATA ? false : true,
oneAccountCenterOff: process.env.VUE_APP_ONE_ACCOUNT_CENTER_OFF == "true" ? true : false
};
......
......@@ -34,6 +34,7 @@ export default {
name: "LetterListHeader",
data() {
return {
originalList: [],
contentList: [],
maxShow: 2,
selectPolicyCode: "",
......@@ -41,7 +42,8 @@ export default {
hide: false,
showDownloadError: false,
filterVisible: false,
checkList: []
checkList: [],
filterKey: ""
}
},
computed: {
......@@ -58,8 +60,21 @@ export default {
url: api.letterRecordList,
sid: true
}).then(res => {
this.contentList = res;
this.$set(this, 'contentList', res);
if (window.global.mockData) {
res.push({ "recordId": "10", "bizNo": "P000000000000318", "letterType": "2", "printTime": "2020-05-03 16:02:21", "key": "c4ace2829737459cb6c95f523e0f5223", "isRead": "N" })
res.push({ "recordId": "10", "bizNo": "P000000000000319", "letterType": "2", "printTime": "2020-05-04 16:02:21", "key": "c4ace2829737459cb6c95f523e0f5223", "isRead": "N" })
res.push({ "recordId": "10", "bizNo": "P000000000000320", "letterType": "2", "printTime": "2020-05-05 16:02:21", "key": "c4ace2829737459cb6c95f523e0f5223", "isRead": "Y" })
res.push({ "recordId": "10", "bizNo": "P000000000000321", "letterType": "2", "printTime": "2020-05-06 16:02:21", "key": "c4ace2829737459cb6c95f523e0f5223", "isRead": "Y" })
res.push({ "recordId": "10", "bizNo": "P000000000000322", "letterType": "2", "printTime": "2020-05-07 16:02:21", "key": "c4ace2829737459cb6c95f523e0f5223", "isRead": "Y" })
res.push({ "recordId": "10", "bizNo": "P000000000000323", "letterType": "2", "printTime": "2020-05-08 16:02:21", "key": "c4ace2829737459cb6c95f523e0f5223", "isRead": "Y" })
}
for (let index = 0; index < res.length; index++) {
let letter = res[index];
if (letter.letterType == "2") {
this.originalList.push(letter);
this.contentList.push(letter);
}
}
});
},
onShowTipsOverHandler(event, item, index) {
......@@ -71,29 +86,41 @@ export default {
child.style.display = "none";
},
// 过滤筛选
onFilterHandler(idx) {
this.checkList = []
switch (idx) {
// 保单号码
case 1:
break;
// 通知书类型
case 2:
break;
// 发出时间
case 3:
break;
// 状况
case 5:
break;
default:
break;
onFilterHandler(key) {
let filter = [];
this.checkList = [];
this.filterKey = key;
for (let index in this.originalList) {
let letter = this.originalList[index];
// 筛选的值
let value = letter[key];
console.log(key, value, letter);
// 显示的值
let name = "";
switch (key) {
// 通知书类型
case "letterType":
name = this.i18n.eCorrespondenceEnquiry.letterName;
break;
// 发出时间
case "printTime":
value = value.split(" ")[0];
name = value;
break;
// 状况
case "isRead":
name = value == "N" ? this.i18n.eCorrespondenceEnquiry.UnRead : this.i18n.eCorrespondenceEnquiry.Read;
break;
default:
name = value;
break;
}
// 过滤重复的值
if (filter.indexOf(value) > -1) {
continue;
}
filter.push(value);
this.checkList.push({ value: value, label: name });
}
// 显示模态窗
......@@ -102,8 +129,19 @@ export default {
/**
* 多选确认
*/
onCheckConfirmHandler(evt) {
console.log("checkList evt :", evt);
onCheckConfirmHandler(values) {
let newList = [];
for (let index in this.originalList) {
let letter = this.originalList[index];
let v = letter[this.filterKey];
if (this.filterKey == "printTime") {
v = v.split(" ")[0];
}
if (values.indexOf(v) > -1) {
newList.push(letter);
}
}
this.contentList = newList;
},
changeLetterType(letterNo) {
return this.i18n.eCorrespondenceEnquiry.LetterMap[letterNo];
......
<template>
<div class="list-container">
<modal2-comp :visible="showDownloadError" :close="()=>{showDownloadError = false}" :content="$t('glbalTips.sysError')"></modal2-comp>
<filter-comp :items="checkList" @confirm="onCheckConfirmHandler" :visible="filterVisible" @close="filterVisible = false"></filter-comp>
<div class="cell-group">
<div class="table-contaner">
<div class="table-header orange new">
<div class="normal-header">
<div class="td w1">{{$t('eCorrespondenceEnquiry.PolicyNumber')}}
<div @click="onFilterHandler(1)" class="down-arrow"></div>
</div>
<div class="td w1">{{$t('eCorrespondenceEnquiry.TypeOfCorrespondence')}}
<div @click="onFilterHandler(2)" class="down-arrow"></div>
</div>
<div class="td w2">{{$t('eCorrespondenceEnquiry.SentOutDate')}}
<div @click="onFilterHandler(3)" class="down-arrow"></div>
</div>
<div class="td w2">{{$t('eCorrespondenceEnquiry.DownloadLink')}}
<div class="list-container">
<modal2-comp :visible="showDownloadError" :close="()=>{showDownloadError = false}" :content="$t('glbalTips.sysError')"></modal2-comp>
<filter-comp :items="checkList" @confirm="onCheckConfirmHandler" :visible="filterVisible" @close="filterVisible = false"></filter-comp>
<div class="cell-group">
<div class="table-contaner">
<div class="table-header orange new">
<div class="normal-header">
<div class="td w1">{{$t('eCorrespondenceEnquiry.PolicyNumber')}}
<div @click="onFilterHandler('bizNo')" class="down-arrow"></div>
</div>
<div class="td w1">{{$t('eCorrespondenceEnquiry.TypeOfCorrespondence')}}
<div @click="onFilterHandler('letterType')" class="down-arrow"></div>
</div>
<div class="td w2">{{$t('eCorrespondenceEnquiry.SentOutDate')}}
<div @click="onFilterHandler('printTime')" class="down-arrow"></div>
</div>
<div class="td w2">{{$t('eCorrespondenceEnquiry.DownloadLink')}}
</div>
<div @click="onFilterHandler(5)" class="td w2">{{$t('eCorrespondenceEnquiry.Status')}}
<div class="down-arrow"></div>
</div>
</div>
</div>
</div>
<div class="table-content" :class="{hide : hide}">
<template v-if="contentList && contentList.length > 0">
<div v-for="(item,index) in contentList" :key="index">
<template v-if="index < maxShow">
<div class="data-line">
<div class="td w1">{{item.bizNo}}</div>
<div class="td w1">{{$t("eCorrespondenceEnquiry.letterName")}}</div>
<div class="td w2">{{item.printTime.split(" ")[0]}}</div>
<div class="td w2 pointer" @click="downloadPolicy(item)">
<div class="download" @mouseover="onShowTipsOverHandler($event,item,index)" @mouseout="onShowTipsOutHandler($event,item,index)" >
<div class="download-tips">
<div class="cont">{{$t('customService.insuranceQuery.downloadClick')}}</div>
</div>
<img class="icon-download" src="@/assets/images/insurance-query/icon-down-load.png" alt="">
</div>
{{$t("eCorrespondenceEnquiry.DownloadDoc")}}
</div>
<div class="td w2">{{item.isRead == "N" ? $t('eCorrespondenceEnquiry.UnRead') : $t('eCorrespondenceEnquiry.Read')}}</div>
</div>
<div class="separator-h" v-if="index < contentList.length - 1 && index < maxShow - 1"></div>
</template>
</div>
<template v-if="maxShow < contentList.length">
<div class="separator-h"></div>
<div class="data-line show-more-btn" @click="maxShow = contentList.length">{{$t('customService.insuranceQuery.showMore')}}</div>
</template>
</template>
</div>
<div @click="onFilterHandler('isRead')" class="td w2">{{$t('eCorrespondenceEnquiry.Status')}}
<div class="down-arrow"></div>
</div>
</div>
</div>
</div>
<div class="table-content" :class="{hide : hide}">
<template v-if="contentList && contentList.length > 0">
<div v-for="(item,index) in contentList" :key="index">
<template v-if="index < maxShow">
<div class="data-line">
<div class="td w1">{{item.bizNo}}</div>
<div class="td w1">{{$t("eCorrespondenceEnquiry.letterName")}}</div>
<div class="td w2">{{item.printTime.split(" ")[0]}}</div>
<div class="td w2 pointer" @click="downloadPolicy(item)">
<div class="download" @mouseover="onShowTipsOverHandler($event,item,index)" @mouseout="onShowTipsOutHandler($event,item,index)" >
<div class="download-tips">
<div class="cont">{{$t('customService.insuranceQuery.downloadClick')}}</div>
</div>
<img class="icon-download" src="@/assets/images/insurance-query/icon-down-load.png" alt="">
</div>
{{$t("eCorrespondenceEnquiry.DownloadDoc")}}
</div>
<div class="td w2">{{item.isRead == "N" ? $t('eCorrespondenceEnquiry.UnRead') : $t('eCorrespondenceEnquiry.Read')}}</div>
</div>
<div class="separator-h" v-if="index < contentList.length - 1 && index < maxShow - 1"></div>
</template>
</div>
<template v-if="maxShow < contentList.length">
<div class="separator-h"></div>
<div class="data-line show-more-btn" @click="maxShow = 1000">{{$t('customService.insuranceQuery.showMore')}}</div>
</template>
</template>
<template v-else>
<div class="empty">
<div class="tips">
<img class="icon" src="@/assets/images/common/icon-alert-i.png" alt="">
<div class="txt">
{{$t('customService.insuranceQuery.noPolicy')}}
<span class="pointer btn" @click="toContactUs">{{$t('customService.insuranceQuery.customService')}}</span>
</div>
</div>
</div>
</template>
</div>
</div>
</div>
<template v-else>
<div class="empty">
<div class="tips">
<img class="icon" src="@/assets/images/common/icon-alert-i.png" alt="">
<div class="txt">
{{$t('customService.insuranceQuery.noPolicy')}}
<span class="pointer btn" @click="toContactUs">{{$t('customService.insuranceQuery.customService')}}</span>
</div>
</div>
</div>
</template>
</div>
</div>
</div>
</template>
......