Merge branch 'master' of 120.27.44.69:dev/pingan-life-index-pro

# Conflicts:
#	src/common/lang/tc.js

@@ -75,6 +75,8 @@ module.exports = {
 	clarmsCustomerList: "/pingan_hklife_webapi/policy/clarmsCustomerList",
 	// 理赔报案
 	clarmsRegisterCase: "/pingan_hklife_webapi/policy/clarmsRegisterCase",
+	// 用户电子函列表
+	letterRecordList: "/pingan_hklife_webapi/policy/letterRecordList",
 
 
 	// cms相关

@@ -51,10 +51,10 @@ function encryptContent(obj) {
 // let base = COM.baseUrl;
 // console.log(process.env);
 let baseURL = process.env.VUE_APP_BASE_URL;
-// baseURL = "http://localhost:9101";
-if (window.location.href.indexOf("192.168") != -1) {
-	baseURL = "https://ow.go.qudone.com";
-}
+baseURL = "http://localhost:9101";
+// if (window.location.href.indexOf("192.168") != -1) {
+// 	baseURL = "https://ow.go.qudone.com";
+// }
 const axios = axiosIns.create({
 	baseURL: baseURL,
 	timeout: 10000

@@ -744,6 +744,10 @@ module.exports = {
 		SentOutDate: "Sent Out Date",
 		DownloadLink: "Download link",
 		Status: "Status",
+		letterName : "Notice of Policy Issuance and Cooling-off Period",
+		DownloadDoc : "Download document",
+		Read : "Read",
+		UnRead : "Unread"
 	},
 	customService: {
 		name: "Customer service",

@@ -730,14 +730,18 @@ module.exports = {
 		}
 	},
 	eCorrespondenceEnquiry: {
-		PolicyNumber:"保單號碼",
-		TypeOfCorrespondence:"通知書類型",
-		SentOutDate:"發出時間",
-		DownloadLink:"下載鏈接",
-		Status:"狀况",
-	},
-	FAQ:{
-		title:"常見問題",
+		PolicyNumber: "保單號碼",
+		TypeOfCorrespondence: "通知書類型",
+		SentOutDate: "發出時間",
+		DownloadLink: "下載鏈接",
+		Status: "狀况",
+		letterName: "保單繕發及冷靜期通知書",
+		DownloadDoc: "下載文檔",
+		Read: "已閱讀",
+		UnRead: "未閱讀"
+	},
+	FAQ: {
+		title: "常見問題",
 	},
 	customService: {
 		name: "客戶服務",
@@ -888,7 +892,7 @@ module.exports = {
 		tip5: "聯絡客服",
 		tip6: "保單已簽收，如需查詢保單資訊或下載電子保單可點擊",
 		tip7: "保單查詢",
-		notice:"謹此確認本人/我們已收到中國平安人壽保險(香港)有限公司的保單，並已細閱保單細節內容(包括但不限於保單冷静期權益)。",
+		notice: "謹此確認本人/我們已收到中國平安人壽保險(香港)有限公司的保單，並已細閱保單細節內容(包括但不限於保單冷静期權益)。",
 		agreeTips: "請下載並细閱“保單繕發及冷靜期通知書”及“電子保單”"
 	},
 	clarms: {

@@ -736,6 +736,10 @@ module.exports = {
 		SentOutDate: "发出时间",
 		DownloadLink: "下载链接",
 		Status: "状况",
+		letterName : "保单缮发及冷静期通知",
+		DownloadDoc : "下載文檔",
+		Read : "已阅读",
+		UnRead : "未阅读"
 	},
 	FAQ: {
 		title: "常见问题",

@@ -138,7 +138,7 @@ export default {
 
 				for (let index = 0; index < this.policyDetail.policyAcknowledges.length; index++) {
 					let policyAcknowledge = this.policyDetail.policyAcknowledges[index];
-					switch (policyAcknowledge.letterNo) {
+					switch (policyAcknowledge.letterType) {
 						case "1":
 							this.policyDetail.letterNo1Id = policyAcknowledge.recordId;
 							break;

@@ -31,10 +31,10 @@ export default {
 			default: "download"
 		},
 	},
-	name: "PolicyHeadList",
+	name: "LetterListHeader",
 	data() {
 		return {
-			myPolicyList: [],
+			contentList: [],
 			maxShow: 2,
 			selectPolicyCode: "",
 			selectPolicyCodes: {},
@@ -45,9 +45,6 @@ export default {
 		}
 	},
 	computed: {
-		...mapState({
-			policyList: state => state.policyList
-		}),
 		lan() {
 			return this.$i18n.locale;
 		},
@@ -56,6 +53,15 @@ export default {
 		},
 	},
 	methods: {
+		initData() {
+			httpPost({
+				url: api.letterRecordList,
+				sid: true
+			}).then(res => {
+				this.contentList = res;
+				this.$set(this, 'contentList', res);
+			});
+		},
 		onShowTipsOverHandler(event, item, index) {
 			let child = event.currentTarget.childNodes[0];
 			child.style.display = "block";
@@ -98,11 +104,41 @@ export default {
 		 */
 		onCheckConfirmHandler(evt) {
 			console.log("checkList evt :", evt);
+		},
+		changeLetterType(letterNo) {
+			return this.i18n.eCorrespondenceEnquiry.LetterMap[letterNo];
+		},
+		toContactUs() {
+			this.$router.push({
+				path: "/custom/service",
+				query: {
+					q: "m1"
+				}
+			});
+		},
+		downloadPolicy(item) {
+			httpPost({
+				url: api.getDownloadPath,
+				sid: true,
+				data: {
+					policyCode: item.bizNo,
+					recordId: item.recordId
+				}
+			}).then(res => {
+				if (res) {
+					let url = requestDomain() + api.downloadPolicy + "/" + res;
+					window.open(url);
+				} else {
+					this.showDownloadError = true;
+				}
+			});
 		}
 	},
 	components: {
 		Modal2Comp,
 		FilterComp
 	},
-	mounted() {},
+	mounted() {
+		this.initData();
+	},
 }

@@ -25,30 +25,30 @@
 				</div>
 			</div>
 			<div class="table-content" :class="{hide : hide}">
-				<template v-if="myPolicyList">
-					<div v-for="(item,index) in 5" :key="index">
+				<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" @click="handlePolicySelect(item,index)">
-								<div class="td w1">P388888880772</div>
-								<div class="td w1">保單繕發及冷靜期通知書</div>
-								<div class="td w2">2020-3-1</div>
-								<div class="td w2 pointer">
-									<div class="download" @mouseover="onShowTipsOverHandler($event,item,index)" @mouseout="onShowTipsOutHandler($event,item,index)" @click="downloadPolicy(item)">
+							<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">已閱讀</div>
+								<div class="td w2">{{item.isRead == "N" ? $t('eCorrespondenceEnquiry.UnRead') : $t('eCorrespondenceEnquiry.Read')}}</div>
 							</div>
-							<div class="separator-h" v-if="index < myPolicyList.length - 1 && index < maxShow - 1"></div>
+							<div class="separator-h" v-if="index < contentList.length - 1 && index < maxShow - 1"></div>
 						</template>
 					</div>
-					<template v-if="!policyList || maxShow < policyList.length">
+					<template v-if="maxShow < contentList.length">
 						<div class="separator-h"></div>
-						<div class="data-line show-more-btn" @click="maxShow = policyList.length">{{$t('customService.insuranceQuery.showMore')}}</div>
+						<div class="data-line show-more-btn" @click="maxShow = contentList.length">{{$t('customService.insuranceQuery.showMore')}}</div>
 					</template>
 				</template>