Skip to content

dev / pingan-life-index-pro

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

修改，除 #5和#10

1 parent ef5dba28
Inline Side-by-side
Showing 16 changed files with 132 additions and 99 deletions
......@@ -109,8 +109,8 @@ npm run sandbox
#### z-index 权重划分
- 遮罩蒙层:5000
- 导航栏:1000
- 遮罩蒙层:5000
- 导航栏:4000
- element-ui:2000+
- 自定义交互组件 如 date-picker: 800-900
- 一般业务级:小于 100
......
......@@ -286,7 +286,9 @@ module.exports = {
e12: "Success",
e13: "The name can't not contain numbers, special numbers",
e14: "Please enter your name"
}
},
account:"Account",
accountPlaceholder:"please enter user name",
},
passwordCheck: {
error1: "Password length cannot be less than 8 bits",
......@@ -988,7 +990,8 @@ module.exports = {
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.",
agreeTips: "Please download and read the “Notice of Policy Issuance and Cooling-off Period” and the “e-policy”"
agreeTips: "Please download and read the “Notice of Policy Issuance and Cooling-off Period” and the “e-policy”",
confirmNow:"Confirm now"
},
clarms: {
title: "File a claim",
......
......@@ -287,7 +287,8 @@ module.exports = {
e13: "姓名不能包含數字、特殊號碼",
e14: "請輸入您的姓名"
},
accountPlaceholder:"請設置用戶名稱",
account:"賬號",
accountPlaceholder:"請設置用戶名",
},
session: {
sidExpire: "長時間未操作，為了您賬戶的安全，請登入後再操作"
......@@ -994,7 +995,8 @@ module.exports = {
tip6: "保單已簽收，如需查詢保單資訊或下載電子保單可點擊",
tip7: "保單查詢",
notice: "謹此確認本人/我們已收到中國平安人壽保險(香港)有限公司的保單，並已細閱保單細節內容(包括但不限於保單冷静期權益)。",
agreeTips: "請下載並细閱“保單繕發及冷靜期通知書”及“電子保單”"
agreeTips: "請下載並细閱“保單繕發及冷靜期通知書”及“電子保單”",
confirmNow:"立即確認"
},
clarms: {
title: "索償申請",
......
......@@ -294,7 +294,8 @@ module.exports = {
e13: "姓名不能包含数字、特殊字符",
e14: "請輸入您的姓名"
},
accountPlaceholder:"请设置用户名称",
account:"账号",
accountPlaceholder:"请设置用户名",
},
passwordCheck: {
error1: "密码长度不少于8位",
......@@ -997,7 +998,8 @@ module.exports = {
tip6: "保单已签收，如需查询保单信息或下载电子保单可点击",
tip7: "保单查询",
notice: "谨此确认本人已收到中国平安人寿保险（香港）有限公司的保单，并已细阅保单细节内容（包括但不限于保单冷静期权益）",
agreeTips: "请下载并细阅“保单缮发及冷静期通知书”及“电子保单”"
agreeTips: "请下载并细阅“保单缮发及冷静期通知书”及“电子保单”",
confirmNow:"立即确认"
},
clarms: {
title: "索偿申请",
......
......@@ -63,7 +63,6 @@ export default {
},
methods: {
onNavHandler() {
console.log("this.dataObj:", this.dataObj);
let path = this.dataObj && this.dataObj.path || "";
if (path) {
this.$router.push({
......
......@@ -8,7 +8,7 @@ $navHeiM: 72px;
background-color: #fff;
color: $cFontGray;
position: relative;
z-index: 9000;
z-index: 4000;
font-size: $fontSize;
.header-container {
......
......@@ -185,6 +185,7 @@ export default {
},
// 确认保单按钮
handleConfirmPolicy() {
if(!this.checked) return;
if (this.policyDetail) {
if (this.loading) {
return;
......
......@@ -123,7 +123,7 @@
<div class="btn-wrap">
<div class="submit-btn flex-center" :class="{'disable':!checked}" @click="handleConfirmPolicy">
<van-loading v-if="loading" /> {{$t('vhis.btn2')}}
<van-loading v-if="loading" /> {{$t('vhis.confirmNow')}}
</div>
<!-- <div class="submit-btn " @click="handleIgnorePolicy">{{$t('vhis.btn3')}}</div> -->
</div>
......
@import '@/styles/_support.scss';
.container{
font-size: $fontSize-M2;
// font-size: $fontSize-M2;
width: 100%;
}
......
......@@ -87,6 +87,7 @@ export default {
},
// 过滤筛选
onFilterHandler(key) {
if (this.originalList.length <= 0) return;
let filter = [];
this.checkList = [];
this.filterKey = key;
......@@ -102,12 +103,12 @@ export default {
case "letterType":
name = this.i18n.eCorrespondenceEnquiry.letterName;
break;
// 发出时间
// 发出时间
case "printTime":
value = value.split(" ")[0];
name = value;
break;
// 状况
// 状况
case "isRead":
name = value == "N" ? this.i18n.eCorrespondenceEnquiry.UnRead : this.i18n.eCorrespondenceEnquiry.Read;
break;
......@@ -120,7 +121,10 @@ export default {
continue;
}
filter.push(value);
this.checkList.push({ value: value, label: name });
this.checkList.push({
value: value,
label: name
});
}
// 显示模态窗
......
......@@ -22,7 +22,7 @@
height: 57px;
background-color: #f2f2f2;
padding: 0 20px;
padding: 0 18px;
margin-right: $marginSmall;
min-width: 120px;
......
......@@ -8,7 +8,7 @@
<modal2-comp :visible="uploadErrorVisible" :close="()=>{uploadErrorVisible = false}" :content="$t('glbalTips.sysError')"></modal2-comp>
<us-tax-form-upload-comp :visible="usTaxFormUploadCompVisible" @close="usTaxFormUploadCompVisible = false" @submit="onUsTaxSubmit" @uploadsuccess="showUploadSuccess" @uploaderr="uploadErrorVisible = true"></us-tax-form-upload-comp>
<template v-if="showForm">
<policy-head-list :multiSelectable="true" @onSelect="handlePolicySelect"></policy-head-list>
<policy-head-list :multiSelectable="true" @onSelect="handlePolicySelect" :type="2"></policy-head-list>
<div class="container border" v-if="selectedPolicies.length > 0 && data">
<!-- 表单 -->
......
......@@ -21,6 +21,15 @@ import Modal2Comp from '@/components/modal2-comp/modal2-comp.vue';
export default {
props: {
type:{
/**
* 1.保单查询
* 2.更改联系方式
* 不显示保单状态 和 生效日期 这两项
*/
type:Number,
default:1,
},
multiSelectable: {
type: Boolean,
default: false
......
......@@ -2,9 +2,22 @@
.list-container {
overflow-x: auto;
margin-bottom: 24px;
}
// 兼容样式 18px 字体和 14px字体样式字体过度阶段
.new-style {
font-size: $fontSize-M2;
}
.new-style .cell-group {
.w1 {
width: 240px;
}
.w2 {
width: 150px;
}
}
.hide {
max-height: 0;
border-bottom: none;
......@@ -55,13 +68,13 @@
color: #4c4948;
}
.w1 {
// width: 120px;
width: 240px;
width: 120px;
// width: 240px;
text-align: center;
}
.w2 {
// width: 75px;
width: 150px;
width: 75px;
// width: 150px;
text-align: center;
}
.table-header {
......@@ -218,4 +231,4 @@
-webkit-overflow-scrolling: touch;
width: 92vw;
}
}
\ No newline at end of file
}
......
<template>
<div class="list-container">
<modal2-comp :visible="showDownloadError" :close="()=>{showDownloadError = false}" :content="$t('glbalTips.sysError')"></modal2-comp>
<div class="cell-group">
<div class="table-contaner">
<div class="table-header orange new" >
<div class="normal-header">
<div class="td w1">{{$t('customService.insuranceQuery.InsurantNumber')}}</div>
<!-- <div class="td w2">{{$t('customService.insuranceQuery.policyState')}}</div>
<div class="td w2">{{$t('customService.insuranceQuery.activeDate')}}</div> -->
<div class="td w2">{{$t('customService.insuranceQuery.Insurant')}}</div>
<div class="td w1">{{$t('customService.insuranceQuery.InsurantName')}}</div>
<div class="td w2">{{$t('customService.insuranceQuery.InsurantAmount')}}</div>
<div class="td w2">{{$t('customService.insuranceQuery.effectiveDate')}}</div>
<div class="td w2">{{$t('customService.insuranceQuery.period')}}</div>
</div>
</div>
<div class="guide" :class="{rotate180 : hide}" @click="hide = !hide"></div>
</div>
<div class="table-content" :class="{hide : hide}">
<template v-if="myPolicyList">
<div v-for="(item,index) in myPolicyList" :key="index">
<template v-if="index < maxShow">
<div class="data-line" @click="handlePolicySelect(item,index)">
<div class="td w1 pointer">
<template v-if="multiSelectable">
<img v-if="item.activity" class="icon-check pointer" src="@/assets/images/insurance-query/check.png">
<img v-else class="icon-check pointer" src="@/assets/images/insurance-query/un-check.png">
<span class="sp" :class="{ac: item.activity}">{{item.policyCode}}</span>
</template>
<template v-else>
<template v-if="model != 'download'">
<img v-if="selectPolicyCode == item.policyCode" class="icon-check pointer" src="@/assets/images/insurance-query/check.png">
<img v-else class="icon-check pointer" src="@/assets/images/insurance-query/un-check.png">
</template>
<span class="sp" :class="{ac: selectPolicyCode == item.policyCode}">{{item.policyCode}}</span>
<template v-if="model == 'download'">
<div class="download" @mouseover="onShowTipsOverHandler($event,item,index)" @mouseout="onShowTipsOutHandler($event,item,index)" @click="downloadPolicy(item)">
<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>
<div class="list-container" :class="{'new-style':type == 2}">
<modal2-comp :visible="showDownloadError" :close="()=>{showDownloadError = false}" :content="$t('glbalTips.sysError')"></modal2-comp>
<div class="cell-group">
<div class="table-contaner">
<div class="table-header orange new">
<div class="normal-header">
<div class="td w1">{{$t('customService.insuranceQuery.InsurantNumber')}}</div>
<div v-if="type == 1" class="td w2">{{$t('customService.insuranceQuery.policyState')}}</div>
<div v-if="type == 1" class="td w2">{{$t('customService.insuranceQuery.activeDate')}}</div>
<div class="td w2">{{$t('customService.insuranceQuery.Insurant')}}</div>
<div class="td w1">{{$t('customService.insuranceQuery.InsurantName')}}</div>
<div class="td w2">{{$t('customService.insuranceQuery.InsurantAmount')}}</div>
<div class="td w2">{{$t('customService.insuranceQuery.effectiveDate')}}</div>
<div class="td w2">{{$t('customService.insuranceQuery.period')}}</div>
</div>
</div>
<div class="guide" :class="{rotate180 : hide}" @click="hide = !hide"></div>
</div>
<div class="table-content" :class="{hide : hide}">
<template v-if="myPolicyList">
<div v-for="(item,index) in myPolicyList" :key="index">
<template v-if="index < maxShow">
<div class="data-line" @click="handlePolicySelect(item,index)">
<div class="td w1 pointer">
<template v-if="multiSelectable">
<img v-if="item.activity" class="icon-check pointer" src="@/assets/images/insurance-query/check.png">
<img v-else class="icon-check pointer" src="@/assets/images/insurance-query/un-check.png">
<span class="sp" :class="{ac: item.activity}">{{item.policyCode}}</span>
</template>
<template v-else>
<template v-if="model != 'download'">
<img v-if="selectPolicyCode == item.policyCode" class="icon-check pointer" src="@/assets/images/insurance-query/check.png">
<img v-else class="icon-check pointer" src="@/assets/images/insurance-query/un-check.png">
</template>
<span class="sp" :class="{ac: selectPolicyCode == item.policyCode}">{{item.policyCode}}</span>
<template v-if="model == 'download'">
<div class="download" @mouseover="onShowTipsOverHandler($event,item,index)" @mouseout="onShowTipsOutHandler($event,item,index)" @click="downloadPolicy(item)">
<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>
<!-- <div class="td w2">{{formatInsuredState(item.policyState)}}</div> -->
<!-- <div class="td w2">{{item.activeDate?item.activeDate.split(" ")[0]:""}}</div> -->
<div class="td w2">{{lan == 'en' ? (item.insuredNameEn ? item.insuredNameEn : item.insuredNameCn) : (item.insuredNameCn ? item.insuredNameCn : item.insuredNameEn)}}</div>
<div class="td w1">{{formatPolicyName(item.productCode, item.productName)}}</div>
<div class="td w2">{{item.moneyCode}} {{formatMoney(item.amount,0)}}</div>
<div class="td w2">{{item.expireAt?item.expireAt.split(" ")[0]:""}}</div>
<!-- <div class="td w2">{{item.guaranteeAge?item.guaranteeAge.split(" ")[0]:""}}</div> -->
<div class="td w2">{{formatInsuredPeriod(item.insuredPeriodType,item.insuredPeriodValue)}}</div>
<div v-if="type == 1" class="td w2">{{formatInsuredState(item.policyState)}}</div>
<div v-if="type == 1" class="td w2">{{item.activeDate?item.activeDate.split(" ")[0]:""}}</div>
<div class="td w2">{{lan == 'en' ? (item.insuredNameEn ? item.insuredNameEn : item.insuredNameCn) : (item.insuredNameCn ? item.insuredNameCn : item.insuredNameEn)}}</div>
<div class="td w1">{{formatPolicyName(item.productCode, item.productName)}}</div>
<div class="td w2">{{item.moneyCode}} {{formatMoney(item.amount,0)}}</div>
<div class="td w2">{{item.expireAt?item.expireAt.split(" ")[0]:""}}</div>
<!-- <div class="td w2">{{item.guaranteeAge?item.guaranteeAge.split(" ")[0]:""}}</div> -->
<div class="td w2">{{formatInsuredPeriod(item.insuredPeriodType,item.insuredPeriodValue)}}</div>
</div>
<div class="separator-h" v-if="index < myPolicyList.length - 1 && index < maxShow - 1"></div>
</template>
</div>
<template v-if="!policyList || maxShow < policyList.length">
<div class="separator-h"></div>
<div class="data-line show-more-btn" @click="maxShow = policyList.length">{{$t('customService.insuranceQuery.showMore')}}</div>
</template>
</template>
</div>
<div class="separator-h" v-if="index < myPolicyList.length - 1 && index < maxShow - 1"></div>
</template>
</div>
<template v-if="!policyList || maxShow < policyList.length">
<div class="separator-h"></div>
<div class="data-line show-more-btn" @click="maxShow = policyList.length">{{$t('customService.insuranceQuery.showMore')}}</div>
</template>
</template>
<template v-else>
<div class="empty">
<div class="tips">
<img class="icon" src="@/assets/images/common/icon-alert-i.png" alt="">
<div class="txt">
{{$t('customService.insuranceQuery.noPolicy')}}
<span class="pointer btn" @click="toContactUs">{{$t('customService.insuranceQuery.customService')}}</span>
</div>
</div>
</div>
</template>
</div>
</div>
</div>
<template v-else>
<div class="empty">
<div class="tips">
<img class="icon" src="@/assets/images/common/icon-alert-i.png" alt="">
<div class="txt">
{{$t('customService.insuranceQuery.noPolicy')}}
<span class="pointer btn" @click="toContactUs">{{$t('customService.insuranceQuery.customService')}}</span>
</div>
</div>
</div>
</template>
</div>
</div>
</div>
</template>
......
......@@ -139,7 +139,7 @@
<!-- 账号 -->
<div class="pure-u-1 form-item">
<div class="label">
<img src="@/assets/images/login/icon-login-user.png"> {{$t('infomationImprove.t1')}}
<img src="@/assets/images/login/icon-login-user.png"> {{$t('register.account')}}
</div>
<div class="ipt-wrap">
<!-- <input v-model="registerForm.userId" :placeholder="$t('register.accountPlaceholder')" class="ipt" :class="{ err : errorTips.e1.length > 0 }" type="text" @blur="userIdLegalCheck"> -->
......