默认提交

@@ -791,6 +791,7 @@ module.exports = {
 			showMore: "Show all policies.",
 			noPolicy: "You haven't bought any policy, if you have any questions please",
 			customService: " contact customer service",
+			downloadClick:"Download",
 		},
 		unauth: {
 			m1: {

@@ -763,6 +763,7 @@ module.exports = {
 			showMore: "顯示所有保單",
 			noPolicy: "您還未購買保單，如有疑問請",
 			customService: "聯繫客服",
+			downloadClick:"點擊下載",
 		},
 		unauth: {
 			m1: {

@@ -785,6 +785,7 @@ module.exports = {
 			showMore: "显示所有保单",
 			noPolicy: "您还未购买保单，如有疑问请",
 			customService: "联系客服",
+			downloadClick:"点击下载",
 		},
 		unauth: {
 			m1: {

@@ -32,7 +32,7 @@
   width: 1000px;
   margin: 0 auto;
 
-  .content {
+  &-content {
     // @extend .bb;
     display: flex;
     justify-content: flex-start;

@@ -5,7 +5,7 @@
 		<div class="border">
 			<div class="close" @click="onOverLayHandler()"><img src="@/assets/images/clarms/close.png"></div>
 			<div class="modal">
-				<div class="content">
+				<div class="modal-content">
 					<div class="info-icon">
 						<img src="@/assets/images/clarms/suc.png">
 					</div>

@@ -108,13 +108,74 @@ export default {
 				nl: [[1, 1], [1, 2], [1, 3], [5, 5], [8, 15], [9, 9]]
 			},
 			// 节假日，key是月份，value是日期列表
-			holiday: {
+			// holiday: {
 
-			}
+			// }
 		}
 	},
 	components: {},
 	computed: {
+		holiday(){
+				// 计算新历
+				let result = {};
+				let year = this.year;
+				if (!year) {
+					return;
+				}
+				let hkHolidayDefine = this.hkHolidayDefine;
+				for (let index = 0; index < hkHolidayDefine.gl.length; index++) {
+					let m = hkHolidayDefine.gl[index][0];
+					let d = hkHolidayDefine.gl[index][1];
+
+					// 如果是周六/周日，顺延到下周一
+					let date = Date.parse(`${year}.${m}.${d}`);
+					if (date.getDay() == 6) {
+						// 周六
+						date.addDays(2);
+					} else if (date.getDay() == 0) {
+						date.addDays(1);
+					}
+					m = date.getMonth() + 1;
+					d = date.getDate();
+
+					let list = result[m];
+					if (!list) {
+						result[m] = [];
+						list = result[m];
+					}
+					list.push(d);
+				}
+
+
+				for (let index = 0; index < hkHolidayDefine.nl.length; index++) {
+					let m = hkHolidayDefine.nl[index][0];
+					let d = hkHolidayDefine.nl[index][1];
+					let gl = toSolar(year, m, d);
+
+					m = gl[1];
+					d = gl[2];
+
+					// 如果是周六/周日，顺延到下周一
+					let date = Date.parse(`${year}.${m}.${d}`);
+
+					if (date.getDay() == 6) {
+						// 周六
+						date.addDays(2);
+					} else if (date.getDay() == 0) {
+						date.addDays(1);
+					}
+					m = date.getMonth() + 1;
+					d = date.getDate();
+
+					let list = result[m];
+					if (!list) {
+						result[m] = [];
+						list = result[m];
+					}
+					list.push(d);
+				}
+				return result;
+		},
 		locale() {
 			return this.$i18n.locale || 'tc';
 		},
@@ -176,6 +237,7 @@ export default {
 		 * 		fortmatMonthData 用于渲染日历的数据
 		 */
 		formatDate() {
+			// console.log("qqq:",this.holiday);
 			let result = [];
 			let year = this.year;
 			let month = this.month;
@@ -217,7 +279,7 @@ export default {
 							disable = true;
 						} else {
 							let holidayCandidates = this.holiday[month+""];
-							if (holidayCandidates && holidayCandidates.indexOf(d) >= 0) {
+							if (holidayCandidates && holidayCandidates.indexOf(date) != -1) {
 								disable = true;
 							}
 						}
@@ -611,7 +673,7 @@ export default {
 			this.$emit('input', val);
 		},
 		year() {
-			this.calculateHolidays();
+			// this.calculateHolidays();
 		}
 	}
 }

@@ -7,7 +7,11 @@ import {
 import {
 	mapState
 } from 'vuex';
-import { formatMoney, getInsuredPeriod, getPolicyName } from "@/utils/biz.js";
+import {
+	formatMoney,
+	getInsuredPeriod,
+	getPolicyName
+} from "@/utils/biz.js";
 import Modal2Comp from '@/components/modal2-comp/modal2-comp.vue';
 
 export default {
@@ -30,7 +34,7 @@ export default {
 			selectPolicyCode: "",
 			selectPolicyCodes: {},
 			hide: false,
-            showDownloadError : false
+			showDownloadError: false
 		}
 	},
 	computed: {
@@ -45,6 +49,14 @@ export default {
 		},
 	},
 	methods: {
+		onShowTipsOverHandler(event, item, index) {
+			let child = event.currentTarget.childNodes[0];
+			child.style.display = "block";
+		},
+		onShowTipsOutHandler(event, item, index) {
+			let child = event.currentTarget.childNodes[0];
+			child.style.display = "none";
+		},
 		toContactUs() {
 			this.$router.push({
 				path: "/custom/service",
@@ -62,7 +74,10 @@ export default {
 				this.initSelected();
 			} else {
 				this.checkCustomer().then(() => {
-                    httpPost({ url: api.policyList, sid: true }).then(res => {
+					httpPost({
+						url: api.policyList,
+						sid: true
+					}).then(res => {
 						if (!res || res.length == 0) {
 							this.myPolicyList = null;
 						} else {
@@ -124,7 +139,10 @@ export default {
 			if (!selectPolicy) {
 				let firstPolicy = this.myPolicyList[0];
 				this.myPolicyList[0].activity = true;
-                selectPolicy = { id: firstPolicy.policyId, code: firstPolicy.policyCode };
+				selectPolicy = {
+					id: firstPolicy.policyId,
+					code: firstPolicy.policyCode
+				};
 				if (this.multiSelectable) {
 					this.selectPolicyCodes[selectPolicy.code] = selectPolicy;
 				} else {
@@ -139,7 +157,10 @@ export default {
 				let c = this.selectPolicyCodes[code];
 				if (!c || typeof c == "undefined") {
 					item.activity = true;
-                    this.selectPolicyCodes[code] = { code: code, id: item.policyId };
+					this.selectPolicyCodes[code] = {
+						code: code,
+						id: item.policyId
+					};
 				} else {
 					item.activity = false;
 					delete this.selectPolicyCodes[code];
@@ -153,7 +174,10 @@ export default {
 			} else {
 				if (code != this.selectPolicyCode) {
 					this.selectPolicyCode = code;
-                    this.$emit("onSelect", [{ code: code, id: item.policyId }]);
+					this.$emit("onSelect", [{
+						code: code,
+						id: item.policyId
+					}]);
 				}
 			}
 		},
@@ -207,7 +231,13 @@ export default {
 		},
 		downloadPolicy(policy) {
 			if (policy) {
-                httpPost({ url: api.getDownloadPath, sid: true, data: { policyCode: policy.policyCode } }).then(res => {
+				httpPost({
+					url: api.getDownloadPath,
+					sid: true,
+					data: {
+						policyCode: policy.policyCode
+					}
+				}).then(res => {
 					if (res) {
 						let url = requestDomain() + api.downloadPolicy + "/" + res;
 						window.open(url);

 @import '@/styles/_support';
+
 .list-container {
   overflow-x: auto;
   margin-bottom: 2rem;
@@ -13,6 +14,21 @@
   position: relative;
 }
 
+.download {
+  position: relative;
+
+  &-tips {
+    display: none;
+    position: absolute;
+    top: -3px;
+    left: 20px;
+    z-index: 11;
+    padding: 2px;
+    @include border-tans();
+    min-width: 80px;
+  }
+}
+
 .guide {
   position: absolute;
   transition: all 0.5s;
@@ -121,6 +137,8 @@
         display: flex;
         justify-content: center;
         align-items: center;
+
+
       }
 
       .cell1 {
@@ -166,7 +184,7 @@
   }
 
   .sp {
-      text-decoration :underline;
+    text-decoration: underline;
     padding: 0 .4rem;
   }
 
@@ -178,7 +196,7 @@
 .show-more-btn {
   width: 100%;
   color: $cOrange !important;
-  text-decoration :underline;
+  text-decoration: underline;
   cursor: pointer;
   justify-content: center !important;
 }
@@ -190,12 +208,13 @@
 .activity {
   background-color: $cOrange !important;
   opacity: .5;
-  div{
+
+  div {
     color: #FFFFFF !important;
   }
 }
 
-.empty{
+.empty {
   height: 41.666667rem;
   display: flex;
   align-items: center;

@@ -33,7 +33,12 @@
 										</template>
 										<span class="sp" :class="{ac: selectPolicyCode == item.policyCode}">{{item.policyCode}}</span>
 										<template v-if="model == 'download'">
-                      <img @click="downloadPolicy(item)" class="icon-download" src="@/assets/images/insurance-query/icon-down-load.png" alt="">
+											<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>
 										</template>
 									</template>
 								</div>

@@ -307,7 +307,8 @@ $borderSize: 6px;
 
     &-border {
       width: 100%;
-      height: 3px;
+      height: 4px;
+      background-color: $cOrange2;
     }
 
     .table-item {
@@ -418,9 +419,10 @@ $borderSize: 6px;
     max-width: 602px;
     height: 67px;
     line-height: 67px;
-    padding: 2px;
-    border-radius: $borderSize;
+    // padding: 2px;
+    // border-radius: $borderSize;
     cursor: pointer;
+    @include border-tans($borderSize);
 
     .cont {
       // @extend .fcc;

@@ -87,6 +87,10 @@ input {
 .text-jtf {
   text-align: justify;
   text-align-last: left;
+  -webkit-text-align: justify;
+  -webkit-text-align-last: left;
+  -moz-text-align: justify;
+  -moz-text-align-last: left;
 }
 
 .underline {