默认提交

simon
Showing 8 changed files with 86 additions and 35 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
src/main.js
src/styles/_mixins.scss
--- a/src/common/lang/en.js
View file @84e6baa
+++ b/src/common/lang/en.js
View file @84e6baa
@@ -849,7 +849,7 @@ module.exports = {
 	},
 	vhis: {
-		title: "Confirmation of policy receipt",
+		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.",
@@ -858,11 +858,12 @@ module.exports = {
 		desc5: "Please confirm your receipt of the policy by clicking the confirm button below.",
 		label1: "Policy no.",
 		label2: "Product name",
-		label3: "Effective date",
+		label3: "Policy Issue Date",
-		label4: "Policy Owner",
+		label4: "Policy Holder",
-		label5: "Insured",
+		label5: "Insured Person",
+		btn0: "Cooling-off Period",
 		btn1: "E-policy",
-		btn2: "Confirm Now",
+		btn2: "Confirm",
 		btn3: "Confirm Later",
 		ymd1: "/",
 		ymd2: "/",
@@ -873,7 +874,8 @@ module.exports = {
 		tip4: "",
 		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"
+		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.",
 	},
 	clarms: {
 		title: "File a claim",
@@ -958,7 +960,7 @@ module.exports = {
 		},
 		guarantee1: {
 			title: "Plan Summary",
-			titleT1: "(Certification Number：",
+			titleT1: "(VHIS Standard Plan Certification Number：",
 			titleT2: ")",
 			titleNum: "F00021-01-000-01/",
 			k1: "Issue Age（Insured’s attained age)",
--- a/src/common/lang/tc.js
View file @84e6baa
+++ b/src/common/lang/tc.js
View file @84e6baa
@@ -840,7 +840,7 @@ module.exports = {
 		per: "人"
 	},
 	vhis: {
-		title: "保單確認書",
+		title: "保單確認簽收",
 		titleAft: "（由保單持有人確認）",
 		desc1: "多謝閣下投保平安人壽保險產品。",
 		desc2: "保單已經承保，內附于此供閣下參考及保存。",
@@ -849,11 +849,12 @@ module.exports = {
 		desc5: "煩請簽署下發確認簽收書以作為本公司記錄之用。",
 		label1: "保單編號",
 		label2: "產品名稱",
-		label3: "生效日期",
+		label3: "保單簽發日",
 		label4: "保單持有人",
 		label5: "受保人",
+		btn0: "下載冷靜期通知書",
 		btn1: "下載電子保單",
-		btn2: "立即確認",
+		btn2: "確認",
 		btn3: "稍後確認",
 		ymd1: "年",
 		ymd2: "月",
@@ -864,7 +865,8 @@ module.exports = {
 		tip4: "我想",
 		tip5: "聯絡客服",
 		tip6: "保單已簽收，如需查詢保單資訊或下載電子保單可點擊",
-		tip7: "保單查詢"
+		tip7: "保單查詢",
+		notice:"謹此確認本人/我們已收到中國平安人壽保險(香港)有限公司的保單，並已細閱保單細節內容(包括但不限於保單冷静期權益)。",
 	},
 	clarms: {
 		title: "索償申請",
--- a/src/common/lang/zh.js
View file @84e6baa
+++ b/src/common/lang/zh.js
View file @84e6baa
@@ -843,7 +843,7 @@ module.exports = {
 		per: "人"
 	},
 	vhis: {
-		title: "保单确认书",
+		title: "保单确认签收",
 		titleAft: "（由保单持有人确认）",
 		desc1: "多谢阁下投保平安人寿保险产品。",
 		desc2: "保单已经承保，内附于此供阁下参考及保存。",
@@ -852,11 +852,12 @@ module.exports = {
 		desc5: "烦请签署下发确认签收书以作为本公司记录只用。",
 		label1: "保单编号",
 		label2: "产品名称",
-		label3: "生效日期",
+		label3: "保单签发日",
 		label4: "保单持有人",
 		label5: "受保人",
+		btn0: "下载冷静期通知书",
 		btn1: "下载电子保单",
-		btn2: "立即确认",
+		btn2: "确认",
 		btn3: "稍后确认",
 		ymd1: "年",
 		ymd2: "月",
@@ -867,7 +868,8 @@ module.exports = {
 		tip4: "我想",
 		tip5: "联络客服",
 		tip6: "保单已签收，如需查询保单信息或下载电子保单可点击",
-		tip7: "保单查询"
+		tip7: "保单查询",
+		notice:"谨此确认本人已收到中国平安人寿保险（香港）有限公司的保单，并已细阅保单细节内容（包括但不限于保单冷静期权益）",
 	},
 	clarms: {
 		title: "索偿申请",
--- a/src/components/vhis-modal/vhis-modal.js
View file @84e6baa
+++ b/src/components/vhis-modal/vhis-modal.js
View file @84e6baa
@@ -18,6 +18,8 @@ import {
 	getPolicyName
 } from "@/utils/biz.js";
+import { Loading } from 'vant';
 export default {
 	data() {
 		return {
@@ -29,7 +31,8 @@ export default {
 			// 显示
 			policyDetail: null,
 			showSuccessTip: false,
-			showDownloadError: false
+			showDownloadError: false,
+			checked:false, // 是否同意协议
 		}
 	},
 	components: {
@@ -253,6 +256,9 @@ export default {
 		},
 		isLogin() {
 			return this.userInfo && this.userInfo.sid;
+		},
+		onCheckHandler(){
+				this.checked = !this.checked;
 		}
 	},
 	mounted() {
--- a/src/components/vhis-modal/vhis-modal.scss
View file @84e6baa
+++ b/src/components/vhis-modal/vhis-modal.scss
View file @84e6baa
@@ -73,7 +73,19 @@ $borderRadius:6px;
    padding-bottom: 88px;
    .notice {
-      font-size: 0;
+      text-align: left;
+      font-size: 22px;
+      display: flex;
+      .check{
+        cursor: pointer;
+        margin-top: 10px;
+        margin-right: 12px;
+      }
+      .desc{
+      }
      span {
        font-size: 22px;
@@ -163,7 +175,7 @@ $borderRadius:6px;
      .cont {
        display: flex;
        align-items: center;
-        justify-content: center;
+        // justify-content: center;
        width: 100%;
        height: 100%;
@@ -173,6 +185,7 @@ $borderRadius:6px;
        .icon {
          height: 47px;
          margin-right: 52px;
+          margin-left: 160px;
        }
      }
@@ -203,12 +216,14 @@ $borderRadius:6px;
  }
  .submit-btn {
-    background: url("~@assets/images/vhis/vhis-btn.png");
+    // background: url("~@assets/images/vhis/vhis-btn.png");
-    background-size: 100% 100%;
+    // @include border-tans(1px);
-    background-repeat: no-repeat;
+    // background-size: 100% 100%;
-    width: 300px;
+    // background-repeat: no-repeat;
-    height: 50px;
+    // width: 300px;
-    line-height: 50px;
+    // height: 50px;
+    // line-height: 50px;
+    @include btc4(300px, 50px, 22px);
    color: #ffffff;
    font-weight: bold;
    cursor: pointer;
@@ -219,6 +234,11 @@ $borderRadius:6px;
    letter-spacing: 1.1px;
  }
+  .disable {
+    background-image: none;
+    background-color: $cFontGray3;
+  }
  .contact {
    margin: 50px auto 0;
    font-weight: bold;
@@ -248,6 +268,8 @@ $borderRadius:6px;
  display: none;
 }
 @media (max-width: 1350px) {
  .close {
    right: -15px;
--- a/src/components/vhis-modal/vhis-modal.vue
View file @84e6baa
+++ b/src/components/vhis-modal/vhis-modal.vue
View file @84e6baa
@@ -4,7 +4,7 @@
 		<div class="comp" v-if="policyDetail && showPolicy">
 			<div @click="handleIgnorePolicy" class="overlay"></div>
 			<div class="border">
-				<div class="close" @click="onOverLayHandler()"><img src="@/assets/images/vhis/close.png"></div>
+				<!-- <div class="close" @click="onOverLayHandler()"><img src="@/assets/images/vhis/close.png"></div> -->
 				<div class="modal">
 					<div class="content">
 						<div class="title">{{$t('vhis.title')}}{{$t('vhis.titleAft')}}</div>
@@ -65,6 +65,14 @@
 						</div>
 						<div class="download">
+							<!-- 下载冷静期通知书 -->
+							<div class="border2 download-item" @click="downloadPolicy">
+								<div class="cont">
+									<img class="icon" src="@/assets/images/vhis/vhis-download.png">
+									<span class="t1">{{$t('vhis.btn0')}}</span>
+								</div>
+							</div>
+							<!-- 下载电子保单 -->
 							<div class="border2 download-item" @click="downloadPolicy">
 								<div class="cont">
 									<img class="icon" src="@/assets/images/vhis/vhis-download.png">
@@ -74,7 +82,7 @@
 						</div>
 						<hr class="line1">
 						<div class="bottom-wrap ">
-							<div class="notice" :class="{'ltz':locale == 'en'}">
+							<!-- <div class="notice" :class="{'ltz':locale == 'en'}">
 								<span>{{$t('vhis.tip1')}}</span>
 								<span class="orange">
 									<template v-if="locale == 'en'">
@@ -91,13 +99,18 @@
 								<span>{{$t('vhis.ymd2')}}</span>
 								<span class="orange">{{policyDetail.nowYmd3}}</span>
 								<span>{{$t('vhis.ymd3')}}{{$t('vhis.tip3')}}</span>
+							</div> -->
+							<div class="notice">
+								<div class="check" @click="onCheckHandler">
+									<img class="notice-item-icon" :src="require('@/assets/images/login/'+(checked?'check':'uncheck')+'.png')">
+								</div>
+								<div class="desc">{{$t('vhis.notice')}}</div>
 							</div>
 							<div class="btn-wrap">
-								<div class="submit-btn  flex-center " @click="handleConfirmPolicy">
+								<div class="submit-btn flex-center" :class="{'disable':!checked}" @click="handleConfirmPolicy">
-									<van-loading v-if="loading" />
+									<van-loading v-if="loading" /> {{$t('vhis.btn2')}}
-									{{$t('vhis.btn2')}}
 								</div>
-								<div class="submit-btn " @click="handleIgnorePolicy">{{$t('vhis.btn3')}}</div>
+								<!-- <div class="submit-btn " @click="handleIgnorePolicy">{{$t('vhis.btn3')}}</div> -->
 							</div>
 							<div class="flex-center contact">
 								{{$t('vhis.tip4')}}
@@ -111,8 +124,8 @@
 		</div>
-		<modal2-comp :visible="showSuccessTip" :close="()=>{showSuccessTip = false}"  :content="$t('vhis.tip6')" :target="$t('vhis.tip7')" @targetCallbak="toTarget"></modal2-comp>
+		<modal2-comp :visible="showSuccessTip" :close="()=>{showSuccessTip = false}" :content="$t('vhis.tip6')" :target="$t('vhis.tip7')" @targetCallbak="toTarget"></modal2-comp>
-		<modal2-comp :visible="showDownloadError" :close="()=>{showDownloadError = false}"  :content="$t('glbalTips.sysError')" ></modal2-comp>
+		<modal2-comp :visible="showDownloadError" :close="()=>{showDownloadError = false}" :content="$t('glbalTips.sysError')"></modal2-comp>
 	</div>
 </template>
--- a/src/main.js
View file @84e6baa
+++ b/src/main.js
View file @84e6baa
@@ -18,6 +18,9 @@ import VueAwesomeSwiper from 'vue-awesome-swiper'
 import 'swiper/dist/css/swiper.css'
 Vue.use(VueAwesomeSwiper)
+import { Loading } from 'vant';
+Vue.use(Loading);
 // vant
 import {
 	Collapse,
--- a/src/styles/_mixins.scss
View file @84e6baa
+++ b/src/styles/_mixins.scss
View file @84e6baa
@@ -142,9 +142,10 @@
  border-radius: $hei;
  text-align: center;
-  background: url("~@assets/images/vhis/vhis-btn.png");
+  // background: url("~@assets/images/vhis/vhis-btn.png");
-  background-size: 100% 100%;
+  // background-size: 100% 100%;
-  background-repeat: no-repeat;
+  // background-repeat: no-repeat;
+  background-image: linear-gradient(135deg, #f15a08, #feab1b), linear-gradient(90deg, #fff, #fff);
  color: white;
  font-weight: 600;
  cursor: pointer;