默认提交

simon
Showing 6 changed files with 80 additions and 28 deletions
src/common/lang/en.js
src/common/lang/tc.js
src/common/lang/zh.js
src/components/vhis-modal/vhis-modal.js
src/components/vhis-modal/vhis-modal.scss
src/components/vhis-modal/vhis-modal.vue
--- a/src/common/lang/en.js
View file @5429914
+++ b/src/common/lang/en.js
View file @5429914
@@ -852,10 +852,10 @@ module.exports = {
 		title: "Acknowledgement of Receipt of Policy",
 		titleAft: "（to be confirmed by Policy Owner）",
 		desc1: "Thank you for choosing Ping An Life (HK).",
-		desc2: "The policy is underwritten and enclosed here for your reference and record.",
+		desc2: "The Policy has been issued. Enclosed as below for your reference and safe keeping.",
-		desc3: "This is an important document, we recommend you to check the accuracy immediately.",
+		desc3: "This Policy is an important document, please read the content carefully and acknowledge receipt of this Policy immediately for company record.",
-		desc4: "Should there be any missing documents or incorrect information, please contact our customer hotline.",
+		desc4: "Please contact our Customer Service hotline if you have any questions.",
-		desc5: "Please confirm your receipt of the policy by clicking the confirm button below.",
+		desc5: "",
 		label1: "Policy no.",
 		label2: "Product name",
 		label3: "Policy Issue Date",
@@ -875,7 +875,8 @@ module.exports = {
 		tip5: "Contact Customer Service Hotline",
 		tip6: "The policy acknowledgement has been done, to inquire about the policy information or download ePolicy, please click ",
 		tip7: "Policy Enquiry",
-		notice:"I / We hereby acknowledge that I / We have received the Ping An Life Insurance Company of China (HK), Ltd. Policy and have read the details (including but are not limited to the cooling off right) of the Policy.",
+		notice: "I / We hereby acknowledge that I / We have received the Ping An Life Insurance Company of China (HK), Ltd. Policy and have read the details (including but are not limited to the cooling off right) of the Policy.",
+		agreeTips: "Please download and read the “Notice of Policy Issuance and Cooling-off Period” and the “e-policy”"
 	},
 	clarms: {
 		title: "File a claim",
--- a/src/common/lang/tc.js
View file @5429914
+++ b/src/common/lang/tc.js
View file @5429914
@@ -843,10 +843,10 @@ module.exports = {
 		title: "保單確認簽收",
 		titleAft: "（由保單持有人確認）",
 		desc1: "多謝閣下投保平安人壽保險產品。",
-		desc2: "保單已經承保，內附于此供閣下參考及保存。",
+		desc2: "保單已經簽發，附件供閣下參考及保存。",
-		desc3: "保單是重要檔，請即查閱其內容準確性，",
+		desc3: "保單是重要文件，請即細閱內容。",
-		desc4: "如有任何遺漏檔或資料錯誤，請致電客戶服務熱線。",
+		desc4: "請立即確認簽收保單，以供本公司記錄之用。",
-		desc5: "煩請簽署下發確認簽收書以作為本公司記錄之用。",
+		desc5: "如有任何疑問，歡迎致電客戶服務熱綫。",
 		label1: "保單編號",
 		label2: "產品名稱",
 		label3: "保單簽發日",
@@ -867,6 +867,7 @@ module.exports = {
 		tip6: "保單已簽收，如需查詢保單資訊或下載電子保單可點擊",
 		tip7: "保單查詢",
 		notice:"謹此確認本人/我們已收到中國平安人壽保險(香港)有限公司的保單，並已細閱保單細節內容(包括但不限於保單冷静期權益)。",
+		agreeTips: "請下載並细閱“保單繕發及冷靜期通知書”及“電子保單”"
 	},
 	clarms: {
 		title: "索償申請",
--- a/src/common/lang/zh.js
View file @5429914
+++ b/src/common/lang/zh.js
View file @5429914
@@ -846,10 +846,10 @@ module.exports = {
 		title: "保单确认签收",
 		titleAft: "（由保单持有人确认）",
 		desc1: "多谢阁下投保平安人寿保险产品。",
-		desc2: "保单已经承保，内附于此供阁下参考及保存。",
+		desc2: "保单已经签发，附件供阁下参考及保存。",
-		desc3: "保单是重要档，请即查阅其内容准确性，",
+		desc3: "保单是重要文件，请即细阅内容。",
-		desc4: "如有任何遗漏档或资料错误，请致电客户服务热线。",
+		desc4: "请理解确认签收保单，以供本公司记录之用。",
-		desc5: "烦请签署下发确认签收书以作为本公司记录只用。",
+		desc5: "如有任何疑问，欢迎致电客户服务热线。",
 		label1: "保单编号",
 		label2: "产品名称",
 		label3: "保单签发日",
@@ -869,7 +869,8 @@ module.exports = {
 		tip5: "联络客服",
 		tip6: "保单已签收，如需查询保单信息或下载电子保单可点击",
 		tip7: "保单查询",
-		notice:"谨此确认本人已收到中国平安人寿保险（香港）有限公司的保单，并已细阅保单细节内容（包括但不限于保单冷静期权益）",
+		notice: "谨此确认本人已收到中国平安人寿保险（香港）有限公司的保单，并已细阅保单细节内容（包括但不限于保单冷静期权益）",
+		agreeTips: "请下载并细阅“保单缮发及冷静期通知书”及“电子保单”"
 	},
 	clarms: {
 		title: "索偿申请",
--- a/src/components/vhis-modal/vhis-modal.js
View file @5429914
+++ b/src/components/vhis-modal/vhis-modal.js
View file @5429914
@@ -35,7 +35,11 @@ export default {
 			policyDetail: null,
 			showSuccessTip: false,
 			showDownloadError: false,
 			checked: false, // 是否同意协议
+			agree1: false, // 同意文档1
+			agree2: false, // 同意文档2
+			errtipsVisible: false,
 		}
 	},
 	components: {
@@ -203,6 +207,7 @@ export default {
 		},
 		// 下载冷静期通知书
 		downloadPolicy2() {
+			this.agree1 = true;
 			if (this.policyDetail) {
 				httpPost({
 					url: api.getDownloadPath,
@@ -222,6 +227,7 @@ export default {
 		},
 		// 下载政策协议
 		downloadPolicy() {
+			this.agree2 = true;
 			if (this.policyDetail) {
 				httpPost({
 					url: api.getDownloadPath,
@@ -280,7 +286,13 @@ export default {
 			return this.userInfo && this.userInfo.sid;
 		},
 		onCheckHandler() {
-			this.checked = !this.checked;
+			if (this.agree1 && this.agree2) {
+				this.checked = !this.checked;
+				this.errtipsVisible = false;
+			} else {
+				this.errtipsVisible = true;
+			}
 		}
 	},
 	mounted() {
--- a/src/components/vhis-modal/vhis-modal.scss
View file @5429914
+++ b/src/components/vhis-modal/vhis-modal.scss
View file @5429914
@@ -212,7 +212,7 @@ $borderRadius:6px;
  }
  .btn-wrap {
-    margin: 50px auto 0;
+    margin: 14px auto 0;
    display: flex;
    justify-content: center;
  }
@@ -272,6 +272,40 @@ $borderRadius:6px;
+.modal::-webkit-scrollbar {
+  display: none;
+}
+.comp {
+  -ms-overflow-style: none;
+}
+.validator {
+  color: $cOrange2;
+  font-size: $fontSizeSmall-M2;
+  min-height: 50px;
+  .tips-wrap {
+    display: flex;
+    align-items: flex-start;
+    .tips {
+      flex: 1;
+    }
+    img {
+      margin-right: 6px;
+      margin-top: 7px;
+      height: 14px;
+    }
+  }
+}
 @media (max-width: 1350px) {
  .close {
    right: -15px;
@@ -305,11 +339,11 @@ $borderRadius:6px;
      padding: 80px 20px;
      .statement {
-        padding: 0;
+        // padding: 0;
      }
      .form {
-        padding-left: 0;
+        // padding-left: 0;
      }
    }
  }
@@ -333,6 +367,7 @@ $borderRadius:6px;
      }
      .statement {
+        padding: 0;
        margin: 24px auto 0;
      }
@@ -416,12 +451,3 @@ $borderRadius:6px;
  }
 }
-.modal::-webkit-scrollbar {
-  display: none;
-}
-.comp {
-  -ms-overflow-style: none;
-}
--- a/src/components/vhis-modal/vhis-modal.vue
View file @5429914
+++ b/src/components/vhis-modal/vhis-modal.vue
View file @5429914
@@ -104,8 +104,19 @@
 								<div class="check" @click="onCheckHandler">
 									<img class="notice-item-icon" :src="require('@/assets/images/clarms/'+(checked?'checked':'uncheck')+'.png')">
 								</div>
-								<div class="desc">{{$t('vhis.notice')}}</div>
+								<div class="desc">
+									<div>
+										{{$t('vhis.notice')}}
+									</div>
+									<div class="validator">
+										<div class="tips-wrap" v-if="errtipsVisible">
+											<img src="@/assets/images/common/icon-notice.png" alt="">
+											<div class="tips">{{$t('vhis.agreeTips')}}</div>
+										</div>
+									</div>
+								</div>
 							</div>
 							<div class="btn-wrap">
 								<div class="submit-btn flex-center" :class="{'disable':!checked}" @click="handleConfirmPolicy">
 									<van-loading v-if="loading" /> {{$t('vhis.btn2')}}