Skip to content

dev / pingan-life-index-pro

Go to a project
Toggle navigation
Toggle navigation pinning
84e6baac by simon
Options

默认提交

1 parent dea891ad
Inline Side-by-side
Showing 8 changed files with 86 additions and 35 deletions
......@@ -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",
label4: "Policy Owner",
label5: "Insured",
label3: "Policy Issue Date",
label4: "Policy Holder",
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)",
......
......@@ -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: "索償申請",
......
......@@ -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: "索偿申请",
......
......@@ -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() {
......
......@@ -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-size: 100% 100%;
background-repeat: no-repeat;
width: 300px;
height: 50px;
line-height: 50px;
// background: url("~@assets/images/vhis/vhis-btn.png");
// @include border-tans(1px);
// background-size: 100% 100%;
// background-repeat: no-repeat;
// width: 300px;
// 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;
......
......@@ -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">
<van-loading v-if="loading" />
{{$t('vhis.btn2')}}
<div class="submit-btn flex-center" :class="{'disable':!checked}" @click="handleConfirmPolicy">
<van-loading v-if="loading" /> {{$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="showDownloadError" :close="()=>{showDownloadError = false}" :content="$t('glbalTips.sysError')" ></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>
</div>
</template>
......
......@@ -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,
......
......@@ -142,9 +142,10 @@
border-radius: $hei;
text-align: center;
background: url("~@assets/images/vhis/vhis-btn.png");
background-size: 100% 100%;
background-repeat: no-repeat;
// background: url("~@assets/images/vhis/vhis-btn.png");
// background-size: 100% 100%;
// background-repeat: no-repeat;
background-image: linear-gradient(135deg, #f15a08, #feab1b), linear-gradient(90deg, #fff, #fff);
color: white;
font-weight: 600;
cursor: pointer;
......