Skip to content

dev / pingan-life-index-pro

Go to a project
Toggle navigation
Toggle navigation pinning
54299144 by simon
Options

默认提交

1 parent 9831d58b
Inline Side-by-side
Showing 6 changed files with 80 additions and 28 deletions
......@@ -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.",
desc3: "This is an important document, we recommend you to check the accuracy immediately.",
desc4: "Should there be any missing documents or incorrect information, please contact our customer hotline.",
desc5: "Please confirm your receipt of the policy by clicking the confirm button below.",
desc2: "The Policy has been issued. Enclosed as below for your reference and safe keeping.",
desc3: "This Policy is an important document, please read the content carefully and acknowledge receipt of this Policy immediately for company record.",
desc4: "Please contact our Customer Service hotline if you have any questions.",
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",
......
......@@ -843,10 +843,10 @@ module.exports = {
title: "保單確認簽收",
titleAft: "（由保單持有人確認）",
desc1: "多謝閣下投保平安人壽保險產品。",
desc2: "保單已經承保，內附于此供閣下參考及保存。",
desc3: "保單是重要檔，請即查閱其內容準確性，",
desc4: "如有任何遺漏檔或資料錯誤，請致電客戶服務熱線。",
desc5: "煩請簽署下發確認簽收書以作為本公司記錄之用。",
desc2: "保單已經簽發，附件供閣下參考及保存。",
desc3: "保單是重要文件，請即細閱內容。",
desc4: "請立即確認簽收保單，以供本公司記錄之用。",
desc5: "如有任何疑問，歡迎致電客戶服務熱綫。",
label1: "保單編號",
label2: "產品名稱",
label3: "保單簽發日",
......@@ -867,6 +867,7 @@ module.exports = {
tip6: "保單已簽收，如需查詢保單資訊或下載電子保單可點擊",
tip7: "保單查詢",
notice:"謹此確認本人/我們已收到中國平安人壽保險(香港)有限公司的保單，並已細閱保單細節內容(包括但不限於保單冷静期權益)。",
agreeTips: "請下載並细閱“保單繕發及冷靜期通知書”及“電子保單”"
},
clarms: {
title: "索償申請",
......
......@@ -846,10 +846,10 @@ module.exports = {
title: "保单确认签收",
titleAft: "（由保单持有人确认）",
desc1: "多谢阁下投保平安人寿保险产品。",
desc2: "保单已经承保，内附于此供阁下参考及保存。",
desc3: "保单是重要档，请即查阅其内容准确性，",
desc4: "如有任何遗漏档或资料错误，请致电客户服务热线。",
desc5: "烦请签署下发确认签收书以作为本公司记录只用。",
desc2: "保单已经签发，附件供阁下参考及保存。",
desc3: "保单是重要文件，请即细阅内容。",
desc4: "请理解确认签收保单，以供本公司记录之用。",
desc5: "如有任何疑问，欢迎致电客户服务热线。",
label1: "保单编号",
label2: "产品名称",
label3: "保单签发日",
......@@ -869,7 +869,8 @@ module.exports = {
tip5: "联络客服",
tip6: "保单已签收，如需查询保单信息或下载电子保单可点击",
tip7: "保单查询",
notice:"谨此确认本人已收到中国平安人寿保险（香港）有限公司的保单，并已细阅保单细节内容（包括但不限于保单冷静期权益）",
notice: "谨此确认本人已收到中国平安人寿保险（香港）有限公司的保单，并已细阅保单细节内容（包括但不限于保单冷静期权益）",
agreeTips: "请下载并细阅“保单缮发及冷静期通知书”及“电子保单”"
},
clarms: {
title: "索偿申请",
......
......@@ -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() {
......
......@@ -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;
}
......
......@@ -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')}}
......