电子函对接完成

@@ -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

@@ -8,3 +8,5 @@ VUE_APP_CONTENT_ENCRYPT_SWITCH = true
 VUE_APP_ONE_ACCOUNT_CENTER_OFF = true
 
 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,30 +86,42 @@ export default {
 			child.style.display = "none";
 		},
 		// 过滤筛选
-		onFilterHandler(idx) {
-			this.checkList = []
-			switch (idx) {
-				// 保单号码
-				case 1:
-
-					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 2:
-
+					case "letterType":
+						name = this.i18n.eCorrespondenceEnquiry.letterName;
 						break;
 					// 发出时间
-				case 3:
-
+					case "printTime":
+						value = value.split(" ")[0];
+						name = value;
 						break;
-
 					// 状况
-				case 5:
-
+					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 });
+			}
 
 			// 显示模态窗
 			this.filterVisible = true;
@@ -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];

@@ -7,18 +7,18 @@
         <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 @click="onFilterHandler('bizNo')" class="down-arrow"></div>
             </div>
             <div class="td w1">{{$t('eCorrespondenceEnquiry.TypeOfCorrespondence')}}
-							<div @click="onFilterHandler(2)" class="down-arrow"></div>
+              <div @click="onFilterHandler('letterType')" class="down-arrow"></div>
             </div>
             <div class="td w2">{{$t('eCorrespondenceEnquiry.SentOutDate')}}
-							<div @click="onFilterHandler(3)" class="down-arrow"></div>
+              <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 @click="onFilterHandler('isRead')" class="td w2">{{$t('eCorrespondenceEnquiry.Status')}}
               <div class="down-arrow"></div>
             </div>
           </div>
@@ -48,7 +48,7 @@
           </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>
+            <div class="data-line show-more-btn" @click="maxShow = 1000">{{$t('customService.insuranceQuery.showMore')}}</div>
           </template>
         </template>