hz/ebiz-h5
1
0
Fork 0
mirror of http://112.124.100.131/GFRS/ebiz-h5.git synced 2025-12-23 19:02:53 +08:00
Code Issues Packages Projects Releases Wiki Activity

'投被信息修改'

Browse Source
This commit is contained in:
proudlx
2021-04-01 16:30:26 +08:00
parent 9e5a949f57
commit e28f060676
8 changed files with 368 additions and 339 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
.eslintrc.js
View File

@@ -7,7 +7,7 @@ module.exports = {
rules: { rules: {
'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off', 'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off', 'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
'prettier/prettier': 'error' 'prettier/prettier': 'off'
}, },
parserOptions: { parserOptions: {
parser: 'babel-eslint' parser: 'babel-eslint'

2
src/views/ebiz/insureAgain/InsuranceTip.vue
View File

@@ -65,7 +65,7 @@ export default {
// 是否从详情跳过来 如果为1 是 // 是否从详情跳过来 如果为1 是
detailJump: '', detailJump: '',
pdfUrl: '', pdfUrl: '',
src: location.origin + '/pdfjs/web/viewer.html?file=', src: 'http://139.199.50.151' + '/pdfjs/web/viewer.html?file=',
tipsPolicyUrl: '' tipsPolicyUrl: ''
} }
}, },

426
src/views/ebiz/insureAgain/Notification.vue
View File

@@ -1,66 +1,81 @@
<template> <template>
<div class="insure-again"> <div class="insure-again">
<ProgressBar :active.sync="active" /> <ProgressBar :active.sync="active" />
<p style="font-weight: bold;" class="bg-white p10 van-hairline--bottom">告知项目</p> <p style="font-weight: bold" class="bg-white p10 van-hairline--bottom">告知项目</p>
<div class="content-all-info"> <div class="content-all-info">
<div v-for="(im, indx) in impartDTOS" :key="indx"> <div v-for="(im, indx) in impartDTOS" :key="indx">
<van-collapse v-model="activeNames"> <van-collapse v-model="activeNames">
<van-collapse-item :name="indx + 1"> <van-collapse-item :name="indx + 1">
<div slot="title" class="flex align-items-c justify-content-s"> <div slot="title" class="flex align-items-c justify-content-s">
<!--投保人 0 2 4 6 8 10 被保险人 1 3 5 7 9 11--> <!--投保人 0 2 4 6 8 10 被保险人 1 3 5 7 9 11-->
{{ {{
relationToAppnt == '1' relationToAppnt == '1'
? '投保人/被保险人' + ? '投保人/被保险人' + impartTypeNumber[im.impartType].replace('投保人', '').replace('被保人', '').replace('被保险人', '')
impartTypeNumber[im.impartType] : impartTypeNumber[im.impartType]
.replace('投保人', '') }}
.replace('被保人', '') <!--{{ impartTypeNumber[im.impartType] }}-->
.replace('被保险人', '') <div class="flex align-items-c justify-content-s">
: impartTypeNumber[im.impartType] <span>{{
}} im.impartType == 0 || im.impartType == 2 || im.impartType == 4 || im.impartType == 6 || im.impartType == 8 || im.impartType == 10
<!--{{ impartTypeNumber[im.impartType] }}--> ? saleInsuredInfo.name
<div class="flex align-items-c justify-content-s"> : saleInsuredPersonInfo.name
<span>{{ }}</span>
im.impartType == 0 || im.impartType == 2 || im.impartType == 4 || im.impartType == 6 || im.impartType == 8 || im.impartType == 10
? saleInsuredInfo.name
: saleInsuredPersonInfo.name
}}</span>
<img :src="$assetsUrl + 'images/avatar.png'" class="w20 ml15" /> <img :src="$assetsUrl + 'images/avatar.png'" class="w20 ml15" />
</div>
</div> </div>
<!-- <div class="h50"> </div>
<!-- <div class="h50">
<img /> <img />
<span>请如实填写问题中的每一项情况，并对出现“是”的情况载体是框列举说明</span> <span>请如实填写问题中的每一项情况，并对出现“是”的情况载体是框列举说明</span>
</div>--> </div>-->
<div class="h50 mt10 flex align-items-c notifyingMessage-text"> <div class="h50 mt10 flex align-items-c notifyingMessage-text">
<div class="ml15 w315 h35 flex"> <div class="ml15 w315 h35 flex">
<!-- <img :src="$assetsUrl + 'images/notifiy.png'" class="w18 h18 " /> --> <!-- <img :src="$assetsUrl + 'images/notifiy.png'" class="w18 h18 " /> -->
<van-icon name="info-o" class="w18 h18" size="20px" color="#4a90e2" /> <van-icon name="info-o" class="w18 h18" size="20px" color="#4a90e2" />
<span class="fs12 ml10">请如实填写问题中的每一项情况，并对出现“是”的情况在提示框列举说明</span> <span class="fs12 ml10">请如实填写问题中的每一项情况，并对出现“是”的情况在提示框列举说明</span>
</div>
</div>
<!-- 第一题 -->
<div v-for="(item, index) in im.impartItemDTOS" :key="index">
<div class="mt10 pb2" v-if="item.impartCode != '2b' && item.impartCode != '1a' && item.impartCode != '1b'">
<div class="mb20 ml20">
<span>{{ item.impartCode + '.' + item.impartContent }}</span>
</div>
<van-radio-group v-model="item.impartAnswer" class="flex mb10 pb10" v-validate="'required'" data-vv-name="单选" disabled>
<van-radio name="0" class="mr150 ml70">是</van-radio>
<van-radio name="1">否</van-radio>
</van-radio-group>
<van-cell-group v-for="(it, ind) in item.questions" :key="ind">
<div v-if="it.extra">
<van-field v-model="it.answer" placeholder="请输入" :label="it.questionContent" clearable v-validate="'required'" data-vv-name="答案" />
</div>
</van-cell-group>
<div v-if="item.impartAnswer == '0'">
<van-cell-group v-for="(it, ind) in item.questions" :key="ind">
<van-field
v-model="it.answer"
placeholder="请输入"
:label="it.questionContent"
clearable
v-validate="'required'"
data-vv-name="答案"
v-if="!it.extra"
/>
</van-cell-group>
</div> </div>
</div> </div>
<!-- 第一题 --> <div class="mt10 pb2" :class="{ special: !showFlag || !isShow }" v-else>
<div v-for="(item, index) in im.impartItemDTOS" :key="index"> <!-- 被保险人题目为2b -->
<div class="mt10 pb2" v-if="item.impartCode != '2b' && item.impartCode != '1a' && item.impartCode != '1b'"> <div v-if="im.impartType == 3 || im.impartType == 7 || im.impartType == 11">
<div class="mb20 ml20"> <div class="mb20 ml20" v-if="item.impartCode == '2b' && showFlag && isShow">
<span>{{ item.impartCode + '.' + item.impartContent }}</span> <span>{{ item.impartCode + '.' + item.impartContent }}</span>
</div> </div>
<van-radio-group
v-model="item.impartAnswer"
class="flex mb10 pb10"
v-validate="'required'"
data-vv-name="单选"
disabled
>
<van-radio name="0" class="mr150 ml70">是</van-radio>
<van-radio name="1">否</van-radio>
</van-radio-group>
<van-cell-group v-for="(it, ind) in item.questions" :key="ind"> <van-cell-group v-for="(it, ind) in item.questions" :key="ind">
<div v-if="it.extra"> <div v-if="it.extra && showFlag && isShow">
<van-field v-model="it.answer" placeholder="请输入" :label="it.questionContent" clearable v-validate="'required'" data-vv-name="答案" /> <van-field v-model="it.answer" placeholder="请输入" :label="it.questionContent" clearable v-validate="'required'" data-vv-name="答案" />
</div> </div>
</van-cell-group> </van-cell-group>
<div v-if="item.impartAnswer == '0'"> <div v-if="showFlag && isShow">
<van-cell-group v-for="(it, ind) in item.questions" :key="ind"> <van-cell-group v-for="(it, ind) in item.questions" :key="ind">
<van-field <van-field
v-model="it.answer" v-model="it.answer"
@@ -74,37 +89,12 @@
</van-cell-group> </van-cell-group>
</div> </div>
</div> </div>
<div class="mt10 pb2" :class="{ special: !showFlag || !isShow }" v-else>
<!-- 被保险人题目为2b -->
<div v-if="im.impartType == 3 || im.impartType == 7 || im.impartType == 11">
<div class="mb20 ml20" v-if="item.impartCode == '2b' && showFlag && isShow">
<span>{{ item.impartCode + '.' + item.impartContent }}</span>
</div>
<van-cell-group v-for="(it, ind) in item.questions" :key="ind">
<div v-if="it.extra && showFlag && isShow">
<van-field v-model="it.answer" placeholder="请输入" :label="it.questionContent" clearable v-validate="'required'" data-vv-name="答案" />
</div>
</van-cell-group>
<div v-if="showFlag && isShow">
<van-cell-group v-for="(it, ind) in item.questions" :key="ind">
<van-field
v-model="it.answer"
placeholder="请输入"
:label="it.questionContent"
clearable
v-validate="'required'"
data-vv-name="答案"
v-if="!it.extra"
/>
</van-cell-group>
</div>
</div>
</div>
</div> </div>
</van-collapse-item> </div>
</van-collapse> </van-collapse-item>
</div> </van-collapse>
</div> </div>
</div>
<p class="notifition bg-white p15"> <p class="notifition bg-white p15">
注意：本次重新投保仅限于无其他补充告知的情况，若您有其他补充告知，您的条件不符合本重新投保流程。请您联系保单服务专员或拨打4006946688咨询，通过其他途径进行投保申请。 注意：本次重新投保仅限于无其他补充告知的情况，若您有其他补充告知，您的条件不符合本重新投保流程。请您联系保单服务专员或拨打4006946688咨询，通过其他途径进行投保申请。
</p> </p>
@@ -154,28 +144,28 @@ export default {
isShow: false, isShow: false,
isShows: false, isShows: false,
impartTypeNumber: { impartTypeNumber: {
'0': '投保人健康告知', 0: '投保人健康告知',
'2': '投保人财务告知', 2: '投保人财务告知',
'1': '被保险人健康告知', 1: '被保险人健康告知',
'3': '被保险人财务告知', 3: '被保险人财务告知',
'4': '投保人健康告知', 4: '投保人健康告知',
'5': '被保险人健康告知', 5: '被保险人健康告知',
'6': '投保人财务告知', 6: '投保人财务告知',
'7': '被保险人财务告知', 7: '被保险人财务告知',
'8': '投保人健康告知', 8: '投保人健康告知',
'10': '投保人财务告知', 10: '投保人财务告知',
'9': '被保险人健康告知', 9: '被保险人健康告知',
'11': '被保险人财务告知' 11: '被保险人财务告知',
}, },
salePageFlag: '5', salePageFlag: '5',
radio: false, radio: false,
insuredImpartDTO: {}, insuredImpartDTO: {},
insuredPersionImpartDTO: {}, insuredPersionImpartDTO: {},
insuredFinanceImpartDTO: {}, insuredFinanceImpartDTO: {},
insuredPersionFinanceImpartDTO: {} insuredPersionFinanceImpartDTO: {},
} }
}, },
components: { components: {
[Collapse.name]: Collapse, [Collapse.name]: Collapse,
[CollapseItem.name]: CollapseItem, [CollapseItem.name]: CollapseItem,
[RadioGroup.name]: RadioGroup, [RadioGroup.name]: RadioGroup,
@@ -186,89 +176,82 @@ export default {
[IndexBar.name]: IndexBar, [IndexBar.name]: IndexBar,
[Popup.name]: Popup, [Popup.name]: Popup,
ProgressBar, ProgressBar,
ReadingAgreement ReadingAgreement,
}, },
created() { created() {
let res = JSON.parse(CacheUtils.getLocItem('orderDetailData')); let res = JSON.parse(CacheUtils.getLocItem('orderDetailData'))
//投被保险人关系 //投被保险人关系
// this.isExistAdditionalRisk = res.orderDTO.insuredDTOs[0].riskDTOLst.length > 1 ? true : false // this.isExistAdditionalRisk = res.orderDTO.insuredDTOs[0].riskDTOLst.length > 1 ? true : false
this.relationToAppnt = res.orderDTO.insuredDTOs[0].relationToAppnt this.relationToAppnt = res.orderDTO.insuredDTOs[0].relationToAppnt
// this.$utils.intLocalStorage(res) // this.$utils.intLocalStorage(res)
this.saleInsuredInfo = res.orderDTO.appntDTO this.saleInsuredInfo = res.orderDTO.appntDTO
this.saleInsuredPersonInfo = res.orderDTO.insuredDTOs[0] this.saleInsuredPersonInfo = res.orderDTO.insuredDTOs[0]
// 获取投保人信息 // 获取投保人信息
CacheUtils.setLocItem('saleInsuredInfo', JSON.stringify(this.saleInsuredInfo)) CacheUtils.setLocItem('saleInsuredInfo', JSON.stringify(this.saleInsuredInfo))
// 获取被保险人信息recmd // 获取被保险人信息recmd
CacheUtils.setLocItem('saleInsuredPersonInfo', JSON.stringify(this.saleInsuredPersonInfo)) CacheUtils.setLocItem('saleInsuredPersonInfo', JSON.stringify(this.saleInsuredPersonInfo))
//如果返回参数存在曾经提交的告知信息，获取曾经提交的告知信息 //如果返回参数存在曾经提交的告知信息，获取曾经提交的告知信息
let insuredFinanceImpartDTO = this.insuredFinanceImpartDTO = res.orderDTO.appntDTO.financeImpartDTO || {} //投保人财务告知集合 let insuredFinanceImpartDTO = (this.insuredFinanceImpartDTO = res.orderDTO.appntDTO.financeImpartDTO || {}) //投保人财务告知集合
let insuredImpartDTO = this.insuredImpartDTO = res.orderDTO.appntDTO.impartDTO || {} //投保人健康告知集合 let insuredImpartDTO = (this.insuredImpartDTO = res.orderDTO.appntDTO.impartDTO || {}) //投保人健康告知集合
let insuredPersionFinanceImpartDTO = this.insuredPersionFinanceImpartDTO = res.orderDTO.insuredDTOs[0].financeImpartDTO || {} //被保人财务告知集合 let insuredPersionFinanceImpartDTO = (this.insuredPersionFinanceImpartDTO = res.orderDTO.insuredDTOs[0].financeImpartDTO || {}) //被保人财务告知集合
let insuredPersionImpartDTO = this.insuredPersionImpartDTO = res.orderDTO.insuredDTOs[0].impartDTO || {} //被保人健康告知集合 let insuredPersionImpartDTO = (this.insuredPersionImpartDTO = res.orderDTO.insuredDTOs[0].impartDTO || {}) //被保人健康告知集合
if ( if (
(insuredFinanceImpartDTO && insuredFinanceImpartDTO.impartItemDTOS) || (insuredFinanceImpartDTO && insuredFinanceImpartDTO.impartItemDTOS) ||
(insuredImpartDTO && insuredImpartDTO.impartItemDTOS) || (insuredImpartDTO && insuredImpartDTO.impartItemDTOS) ||
(insuredPersionFinanceImpartDTO && insuredPersionFinanceImpartDTO.impartItemDTOS) || (insuredPersionFinanceImpartDTO && insuredPersionFinanceImpartDTO.impartItemDTOS) ||
(insuredPersionImpartDTO && insuredPersionImpartDTO.impartItemDTOS) (insuredPersionImpartDTO && insuredPersionImpartDTO.impartItemDTOS)
) { ) {
if (insuredPersionFinanceImpartDTO && insuredPersionFinanceImpartDTO.impartItemDTOS && this.relationToAppnt == '1') {
if ((insuredPersionFinanceImpartDTO && insuredPersionFinanceImpartDTO.impartItemDTOS) && this.relationToAppnt == '1'){ this.impartDTOS.push({ impartItemDTOS: insuredPersionFinanceImpartDTO.impartItemDTOS, impartType: insuredPersionFinanceImpartDTO.impartType })
this.impartDTOS.push({ impartItemDTOS: insuredPersionFinanceImpartDTO.impartItemDTOS, impartType: insuredPersionFinanceImpartDTO.impartType }) } else if (insuredFinanceImpartDTO && insuredFinanceImpartDTO.impartItemDTOS) {
} else if (insuredFinanceImpartDTO && insuredFinanceImpartDTO.impartItemDTOS) { this.impartDTOS.push({ impartItemDTOS: insuredFinanceImpartDTO.impartItemDTOS, impartType: insuredFinanceImpartDTO.impartType })
this.impartDTOS.push({ impartItemDTOS: insuredFinanceImpartDTO.impartItemDTOS, impartType: insuredFinanceImpartDTO.impartType }) }
} if (insuredPersionImpartDTO && insuredPersionImpartDTO.impartItemDTOS && this.relationToAppnt == '1') {
if ((insuredPersionImpartDTO && insuredPersionImpartDTO.impartItemDTOS) && this.relationToAppnt == '1'){ this.impartDTOS.push({ impartItemDTOS: insuredPersionImpartDTO.impartItemDTOS, impartType: insuredPersionImpartDTO.impartType })
this.impartDTOS.push({ impartItemDTOS: insuredPersionImpartDTO.impartItemDTOS, impartType: insuredPersionImpartDTO.impartType }) } else if (insuredImpartDTO && insuredImpartDTO.impartItemDTOS) {
} else if (insuredImpartDTO && insuredImpartDTO.impartItemDTOS) { this.impartDTOS.push({ impartItemDTOS: insuredImpartDTO.impartItemDTOS, impartType: insuredImpartDTO.impartType })
this.impartDTOS.push({ impartItemDTOS: insuredImpartDTO.impartItemDTOS, impartType: insuredImpartDTO.impartType }) }
} if (this.relationToAppnt != '1') {
if(this.relationToAppnt != '1'){ if (insuredPersionFinanceImpartDTO && insuredPersionFinanceImpartDTO.impartItemDTOS) {
if (insuredPersionFinanceImpartDTO && insuredPersionFinanceImpartDTO.impartItemDTOS) { this.impartDTOS.push({ impartItemDTOS: insuredPersionFinanceImpartDTO.impartItemDTOS, impartType: insuredPersionFinanceImpartDTO.impartType })
this.impartDTOS.push({ impartItemDTOS: insuredPersionFinanceImpartDTO.impartItemDTOS, impartType: insuredPersionFinanceImpartDTO.impartType }) }
} if (insuredPersionImpartDTO && insuredPersionImpartDTO.impartItemDTOS) {
if (insuredPersionImpartDTO && insuredPersionImpartDTO.impartItemDTOS) { this.impartDTOS.push({ impartItemDTOS: insuredPersionImpartDTO.impartItemDTOS, impartType: insuredPersionImpartDTO.impartType })
this.impartDTOS.push({ impartItemDTOS: insuredPersionImpartDTO.impartItemDTOS, impartType: insuredPersionImpartDTO.impartType }) }
}
this.impartDTOS.map((v) => {
v.impartItemDTOS.map((i) => {
i.isSelect = this.formatDateTime() + Math.random().toString(36).substr(2)
i.show = false
if (i.impartAnswer == '0') {
i.show = true
} else {
if (i.questions && i.questions.length > 0) {
i.questions[0].answer = ''
} }
} }
})
this.impartDTOS.map(v => { })
v.impartItemDTOS.map(i => {
i.isSelect =
this.formatDateTime() +
Math.random()
.toString(36)
.substr(2)
i.show = false
if (i.impartAnswer == '0') {
i.show = true
} else {
if (i.questions && i.questions.length>0) {
i.questions[0].answer = ''
}
}
})
})
console.log(this.impartDTOS, '==============this.impartDTOS=============') console.log(this.impartDTOS, '==============this.impartDTOS=============')
} }
//投被同人取到年纪和性别去判断是是否显示内容 //投被同人取到年纪和性别去判断是是否显示内容
this.saleInsuredAge = utilsAge.getAge(this.saleInsuredInfo.birthday, new Date()) this.saleInsuredAge = utilsAge.getAge(this.saleInsuredInfo.birthday, new Date())
this.saleInsuredSex = this.saleInsuredInfo.sex this.saleInsuredSex = this.saleInsuredInfo.sex
//投被不同人取到年纪和性别去判断是是否显示内容 //投被不同人取到年纪和性别去判断是是否显示内容
this.saleInsuredPersonAge = this.saleInsuredPersonInfo.age this.saleInsuredPersonAge = this.saleInsuredPersonInfo.age
this.saleInsuredPersonSex = this.saleInsuredPersonInfo.sex this.saleInsuredPersonSex = this.saleInsuredPersonInfo.sex
this.productCodes = CacheUtils.getLocItem('productCode') this.productCodes = CacheUtils.getLocItem('productCode')
}, },
mounted() { mounted() {
if (!this.$route.query.salePageFlag) { if (!this.$route.query.salePageFlag) {
CacheUtils.setLocItem('active', this.active) CacheUtils.setLocItem('active', this.active)
} }
setTimeout(() => { setTimeout(() => {
EWebBridge.webCallAppInJs('webview_left_button', { EWebBridge.webCallAppInJs('webview_left_button', {
img: this.$assetsUrl + 'images/del-close-btn@3x.png', img: this.$assetsUrl + 'images/del-close-btn@3x.png',
intercept: '1' //是否拦截原生返回事件 1是 其他否 intercept: '1', //是否拦截原生返回事件 1是 其他否
}) })
}, 100) }, 100)
window.appCallBack = this.appCallBack window.appCallBack = this.appCallBack
@@ -283,7 +266,7 @@ export default {
title: '提示', title: '提示',
message: '退出流程可能会丢失部分数据，是否确认退出？', message: '退出流程可能会丢失部分数据，是否确认退出？',
cancelButtonColor: '#E9332E', cancelButtonColor: '#E9332E',
confirmButtonColor: '#FFFFFF' confirmButtonColor: '#FFFFFF',
}) })
.then(() => { .then(() => {
this.$jump({ this.$jump({
@@ -291,12 +274,12 @@ export default {
extra: { extra: {
title: '电子投保单列表', title: '电子投保单列表',
forbidSwipeBack: 1, //当前页面禁止右滑返回 forbidSwipeBack: 1, //当前页面禁止右滑返回
url: location.origin + `/#/insureAgain` url: location.origin + `/#/insureAgain`,
}, },
routerInfo: { routerInfo: {
path: `/insureAgain`, path: `/insureAgain`,
type: '1' type: '1',
} },
}) })
}) })
.catch(() => { .catch(() => {
@@ -304,7 +287,7 @@ export default {
}) })
} }
}, },
formatDateTime() { formatDateTime() {
var date = new Date() var date = new Date()
var y = date.getFullYear() var y = date.getFullYear()
@@ -317,60 +300,65 @@ export default {
var second = date.getSeconds() var second = date.getSeconds()
return y + m + d + h + minute + second return y + m + d + h + minute + second
}, },
/** /**
* @description: 签名 * @description: 签名
* @param {*} * @param {*}
* @return {*} * @return {*}
*/ */
signature() { signature() {
this.$jump({ this.$jump({
flag: 'h5', flag: 'h5',
extra: { extra: {
url: location.origin + '/#/insureAgain/signConfirmation', url: location.origin + '/#/insureAgain/signConfirmation',
pullRefresh: '1', pullRefresh: '1',
backToFirst: '1' backToFirst: '1',
}, },
routerInfo: { routerInfo: {
path: '/insureAgain/signConfirmation' path: '/insureAgain/signConfirmation',
} },
}) })
}, },
// 下一步 // 下一步
nextStep() { nextStep() {
let that = this let that = this
let data = { let data = {
orderType: 'RE_IMPART_ORDER', orderType: 'RE_IMPART_ORDER',
orderDTO: { orderDTO: {
orderInfoDTO: { orderInfoDTO: {
orderNo: window.localStorage.getItem('orderNo'), orderNo: window.localStorage.getItem('orderNo'),
productCode: this.productCodes || 'GFRS_M0002' productCode: this.productCodes || 'GFRS_M0002',
}, },
// 投保人 // 投保人
appntDTO: { appntDTO: {
impartDTO: this.insuredImpartDTO, impartDTO: this.insuredImpartDTO,
financeImpartDTO: this.insuredFinanceImpartDTO financeImpartDTO: this.insuredFinanceImpartDTO,
}, },
// 被保险人 // 被保险人
insuredDTOs: [{ impartDTO: this.insuredPersionImpartDTO, financeImpartDTO: this.insuredPersionFinanceImpartDTO }] insuredDTOs: [{ impartDTO: this.insuredPersionImpartDTO, financeImpartDTO: this.insuredPersionFinanceImpartDTO }],
} },
} }
commitReOrder(data).then(res => { this.$toast.loading({
if (res.result == '0') { duration: 0, // 持续展示 toast
that.$jump({ forbidClick: true, // 禁用背景点击
flag: 'h5', loadingType: 'spinner',
extra: { message: '载入中……',
url: location.origin + '/#/insureAgain/SignatureConfirmation' })
}, commitReOrder(data).then((res) => {
routerInfo: { if (res.result == '0') {
path: '/insureAgain/SignatureConfirmation' that.$jump({
} flag: 'h5',
}) extra: {
} else { url: location.origin + '/#/insureAgain/SignatureConfirmation',
this.$toast(res.resultMessage) },
} routerInfo: {
}) path: '/insureAgain/SignatureConfirmation',
},
})
} else {
this.$toast(res.resultMessage)
}
})
}, },
backToList() { backToList() {
this.$jump({ this.$jump({
@@ -378,9 +366,9 @@ export default {
extra: { extra: {
url: location.origin + `/#/insureAgain`, url: location.origin + `/#/insureAgain`,
forbidSwipeBack: '1', forbidSwipeBack: '1',
needRefresh: '1' needRefresh: '1',
}, },
routerInfo: { path: `/insureAgain` } routerInfo: { path: `/insureAgain` },
}) })
}, },
}, },
@@ -388,12 +376,12 @@ export default {
beforeRouteLeave(to, from, next) { beforeRouteLeave(to, from, next) {
document.body.style.backgroundColor = '' document.body.style.backgroundColor = ''
next() next()
} },
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.insure-again{ .insure-again {
padding-bottom: 40px; padding-bottom: 40px;
} }
.container { .container {
@@ -409,14 +397,14 @@ export default {
font-size: 14px; font-size: 14px;
color: #ff0000; color: #ff0000;
} }
.sign-name{ .sign-name {
display: flex; display: flex;
flex-flow: row nowrap; flex-flow: row nowrap;
justify-content: flex-start; justify-content: flex-start;
align-items: center; align-items: center;
font-size: 15px; font-size: 15px;
} }
.btns-tip{ .btns-tip {
width: 100vw; width: 100vw;
display: flex; display: flex;
position: fixed; position: fixed;

226
src/views/ebiz/insureAgain/ProductInformation.vue
View File

@@ -2,73 +2,95 @@
<div class="insure-again"> <div class="insure-again">
<ProgressBar :active.sync="active" /> <ProgressBar :active.sync="active" />
<!-- 险种信息 --> <!-- 险种信息 -->
<p style="font-weight: bold;" class="bg-white p10 van-hairline--bottom">保险计划详情</p> <p style="font-weight: bold" class="bg-white p10 van-hairline--bottom">保险计划详情</p>
<div v-if="mainList.length>0" class="main"> <div v-if="mainList.length > 0" class="main">
<div v-for="(item,index) in mainList" :key="index"> <div v-for="(item, index) in mainList" :key="index">
<InfoCell label="保险期间">{{item.insuYear}}年</InfoCell> <InfoCell label="保险期间">{{ item.insuYear }}年</InfoCell>
<InfoCell label="交费期间" v-if="item.payEndYear != '1000'">{{item.payEndYearFlag == 'Y' ? `${item.payEndYear}年` : <InfoCell label="交费期间" v-if="item.payEndYear != '1000'">{{
`至${item.payEndYear}岁`}}</InfoCell> item.payEndYearFlag == 'Y' ? `${item.payEndYear}年` : `至${item.payEndYear}岁`
}}</InfoCell>
<InfoCell label="交费期间" v-if="item.payEndYear == '1000'">一次性交清</InfoCell> <InfoCell label="交费期间" v-if="item.payEndYear == '1000'">一次性交清</InfoCell>
<InfoCell label="交费频率">{{item.payIntvName}}</InfoCell> <InfoCell label="交费频率">{{ item.payIntvName }}</InfoCell>
<DropdownBox :gutter="false"> <DropdownBox :gutter="false">
<template #boxTitle> <template #boxTitle>
<span style="font-weight: bold;">主险</span> <span style="font-weight: bold">主险</span>
<span class="ml30">{{item.riskName}}</span> <span class="ml30">{{ item.riskName }}</span>
</template> </template>
<div v-for="(item2,index2) in item.dutyLst" :key="index2"> <div v-for="(item2, index2) in item.dutyLst" :key="index2">
<InfoCell v-if="index2===0" label="保险责任">{{item2.dutyName}}</InfoCell> <InfoCell v-if="index2 === 0" label="保险责任">{{ item2.dutyName }}</InfoCell>
<InfoCell v-else label="">{{item2.dutyName}}</InfoCell> <InfoCell v-else label="">{{ item2.dutyName }}</InfoCell>
</div> </div>
<InfoCell label="保额(万元)">{{item.amt}}</InfoCell> <InfoCell label="保额(万元)">{{ item.amt }}</InfoCell>
<InfoCell> <InfoCell>
<template #cellLabel> <template #cellLabel>
<span style="font-weight: bold;">保费(元)</span> <span style="font-weight: bold">保费(元)</span>
</template> </template>
{{item.prem}}元 {{ item.prem }}元
</InfoCell> </InfoCell>
</DropdownBox> </DropdownBox>
</div> </div>
</div> </div>
<div v-if="additionalList.length>0" class="additional"> <div v-if="additionalList.length > 0" class="additional">
<van-checkbox-group v-model="checkboxResult"> <div v-for="(item, index) in additionalList" :key="index">
<div v-for="(item, index) in additionalList" :key="index"> <van-checkbox-group v-if="item.riskCode == 'GFRS_A0004'" v-model="checkboxResult">
<DropdownBox :gutter="false"> <DropdownBox :gutter="false">
<template #boxTitle> <template #boxTitle>
<van-checkbox :name="item.riskCode" shape="square" checked-color="#ee0a24"> <van-checkbox :name="item.riskCode" shape="square" checked-color="#ee0a24">
<span style="font-weight: bold;">附加险</span> <span style="font-weight: bold">附加险</span>
<span class="ml30">{{item.riskName}}</span> <span class="ml30">{{ item.riskName }}</span>
</van-checkbox> </van-checkbox>
</template> </template>
<InfoCell label="保险责任">保额</InfoCell> <InfoCell label="保险责任">保额</InfoCell>
<div v-for="(item2,index2) in item.dutyLst" :key="index2"> <div v-for="(item2, index2) in item.dutyLst" :key="index2">
<InfoCell :label="item2.dutyName">{{item2.prem}}</InfoCell> <InfoCell :label="item2.dutyName">{{ item2.prem }}</InfoCell>
<!-- <InfoCell :label="住院津贴保险金"></InfoCell> <!-- <InfoCell :label="住院津贴保险金"></InfoCell>
<InfoCell :label="恶性肿瘤住院津贴保险金"></InfoCell> --> <InfoCell :label="恶性肿瘤住院津贴保险金"></InfoCell> -->
</div> </div>
<InfoCell label="免赔额">{{item.getLimit || 0}}</InfoCell> <InfoCell label="免赔额">{{ item.getLimit || 0 }}</InfoCell>
<InfoCell label="赔付比例">{{item.getRate || 0}}</InfoCell> <InfoCell label="赔付比例">{{ item.getRate || 0 }}</InfoCell>
<InfoCell> <InfoCell>
<template #cellLabel> <template #cellLabel>
<span style="font-weight: bold;">保费(元)</span> <span style="font-weight: bold">保费(元)</span>
</template> </template>
{{item.prem}}元 {{ item.prem }}元
</InfoCell>
</DropdownBox>
</van-checkbox-group>
<div class="">
<DropdownBox :gutter="false">
<template #boxTitle>
<span style="font-weight: bold">附加险</span>
<span class="ml20">{{ item.riskName }}</span>
</template>
<InfoCell label="保险责任">保额</InfoCell>
<div v-for="(item2, index2) in item.dutyLst" :key="index2">
<InfoCell :label="item2.dutyName">{{ item2.prem }}</InfoCell>
<!-- <InfoCell :label="住院津贴保险金"></InfoCell>
<InfoCell :label="恶性肿瘤住院津贴保险金"></InfoCell> -->
</div>
<InfoCell label="免赔额">{{ item.getLimit || 0 }}</InfoCell>
<InfoCell label="赔付比例">{{ item.getRate || 0 }}</InfoCell>
<InfoCell>
<template #cellLabel>
<span style="font-weight: bold">保费(元)</span>
</template>
{{ item.prem }}元
</InfoCell> </InfoCell>
</DropdownBox> </DropdownBox>
</div> </div>
</van-checkbox-group> </div>
<div style="text-align: center;" class="p10 bg-white"> <div v-if="needRead" style="text-align: center" class="p10 bg-white">
<van-button size="small" round type="danger" @click="readSpecialPromise" :disabled="isRead"> <van-button size="small" round type="danger" @click="readSpecialPromise" :disabled="isRead">
{{ isRead ? '已阅读《特别约定》' : '点击这里阅读《特别约定》' }} {{ isRead ? '已阅读《特别约定》' : '点击这里阅读《特别约定》' }}
</van-button> </van-button>
</div> </div>
</div> </div>
<van-popup v-model="show" position="right" :style="style"> <van-popup v-model="show" position="right" :style="style">
<ReadingAgreement :needTime="false"> <ReadingAgreement :needTime="false">
<h3 class="p10">特别约定提示</h3> <h3 class="p10">特别约定提示</h3>
<p class="p10"> <p class="p10">
尊敬的xxx先生/女士： 尊敬的{{ appntDTO.name }}先生/女士：
“投保《国富人寿国富民惠医疗保险2020》，以有社保身份投保的保单：理赔时，若通过社会基本医疗保险或者公费医疗就诊并结算的，意外伤害医疗保险金的赔付比例为80%，免赔额为0元；理赔时，若未通过社会基本医疗保险或者公费医疗就诊并结算的，意外伤害医疗保险金的赔付比例为60%，免赔额为100元。以无社保身份投保的保单：理赔时，若未通过社会基本医疗保险或者公费医疗就诊并结算的，意外伤害医疗保险金的赔付比例为70%，免赔额为100元；理赔时，若通过社会基本医疗保险或者公费医疗就诊并结算的，意外伤害医疗保险金的赔付比例为90%，免赔额为0元。 “投保《国富人寿国富民惠医疗保险2020》，以有社保身份投保的保单：理赔时，若通过社会基本医疗保险或者公费医疗就诊并结算的，意外伤害医疗保险金的赔付比例为80%，免赔额为0元；理赔时，若未通过社会基本医疗保险或者公费医疗就诊并结算的，意外伤害医疗保险金的赔付比例为60%，免赔额为100元。以无社保身份投保的保单：理赔时，若未通过社会基本医疗保险或者公费医疗就诊并结算的，意外伤害医疗保险金的赔付比例为70%，免赔额为100元；理赔时，若通过社会基本医疗保险或者公费医疗就诊并结算的，意外伤害医疗保险金的赔付比例为90%，免赔额为0元。
</p> </p>
<template #action> <template #action>
@@ -102,7 +124,7 @@ export default {
[Checkbox.name]: Checkbox, [Checkbox.name]: Checkbox,
[CheckboxGroup.name]: CheckboxGroup, [CheckboxGroup.name]: CheckboxGroup,
[RadioGroup.name]: RadioGroup, [RadioGroup.name]: RadioGroup,
[Radio.name]: Radio [Radio.name]: Radio,
}, },
data() { data() {
return { return {
@@ -111,6 +133,7 @@ export default {
remitRiskA: false, remitRiskA: false,
style: { height: '100vh', width: '100vw' }, style: { height: '100vh', width: '100vw' },
isRead: false, isRead: false,
needRead: false, //是否需要阅读特别约定
active: 1, active: 1,
riskDTOLst: [], riskDTOLst: [],
mainList: [], //主险 mainList: [], //主险
@@ -119,59 +142,60 @@ export default {
insuredDTOs: [], insuredDTOs: [],
orderInfoDTO: [], orderInfoDTO: [],
appntDTO: [], appntDTO: [],
orderAccountDTO: [] orderAccountDTO: [],
} }
}, },
created() { created() {
let res = JSON.parse(CacheUtils.getLocItem('orderDetailData')) let res = JSON.parse(CacheUtils.getLocItem('orderDetailData'))
this.appntDTO = res.orderDTO.appntDTO console.log(res)
this.insuredDTOs = res.orderDTO.insuredDTOs[0] this.appntDTO = res.orderDTO.appntDTO
this.orderInfoDTO = res.orderDTO.orderInfoDTO this.insuredDTOs = res.orderDTO.insuredDTOs[0]
this.orderAccountDTO = res.orderDTO.orderAccountDTO this.orderInfoDTO = res.orderDTO.orderInfoDTO
this.riskDTOLst = this.insuredDTOs.riskDTOLst this.orderAccountDTO = res.orderDTO.orderAccountDTO
this.riskDTOLst.forEach((element, index) => { this.riskDTOLst = this.insuredDTOs.riskDTOLst
if (element.dutyLst && element.dutyLst.length>0) { this.riskDTOLst.forEach((element, index) => {
element.dutyLst.forEach((val, index) => { if (element.dutyLst && element.dutyLst.length > 0) {
if (val.dutyCode !== '320205' && val.dutyCode !== '320404') { element.dutyLst.forEach((val, index) => {
this.isRead = true if (val.dutyCode == '320205' || val.dutyCode == '320404') {
} this.needRead = true
}); }
})
}
if (element.isMainRisk === '0') {
switch (element.payIntv) {
case -1:
element.payIntvName = '不定期交'
break
case 0:
element.payIntvName = '一次交清'
break
case 1:
element.payIntvName = '月交'
break
case 3:
element.payIntvName = '季交'
break
case 6:
element.payIntvName = '半年交'
break
case 12:
element.payIntvName = '年交'
break
} }
if (element.isMainRisk === '0') { CacheUtils.setLocItem('productCode', element.riskCode)
switch (element.payIntv) { this.mainList.push(element)
case -1: } else {
element.payIntvName = '不定期交' if (element.riskCode === 'GFRS_A0008') {
break this.checkboxResult.push(element.riskCode)
case 0:
element.payIntvName = '一次交清'
break
case 1:
element.payIntvName = '月交'
break
case 3:
element.payIntvName = '季交'
break
case 6:
element.payIntvName = '半年交'
break
case 12:
element.payIntvName = '年交'
break
}
CacheUtils.setLocItem('productCode', element.riskCode)
this.mainList.push(element)
} else {
if (element.riskCode === 'GFRS_A0008') {
this.checkboxResult.push(element.riskCode)
}
this.additionalList.push(element)
} }
}) this.additionalList.push(element)
}
})
}, },
mounted() { mounted() {
if (!this.$route.query.salePageFlag) { if (!this.$route.query.salePageFlag) {
CacheUtils.setLocItem('active', this.active) CacheUtils.setLocItem('active', this.active)
} }
}, },
methods: { methods: {
appCallBack(data) { appCallBack(data) {
@@ -180,7 +204,7 @@ export default {
this.show = false this.show = false
setTimeout(() => { setTimeout(() => {
window.EWebBridge.webCallAppInJs('webview_left_button', { window.EWebBridge.webCallAppInJs('webview_left_button', {
intercept: '1' intercept: '1',
}) })
}, 100) }, 100)
} else { } else {
@@ -192,7 +216,7 @@ export default {
setTimeout(() => { setTimeout(() => {
window.EWebBridge.webCallAppInJs('webview_left_button', { window.EWebBridge.webCallAppInJs('webview_left_button', {
img: this.$assetsUrl + 'images/del-close-btn@3x.png', img: this.$assetsUrl + 'images/del-close-btn@3x.png',
intercept: '1' //是否拦截原生返回事件 1是 其他否 intercept: '1', //是否拦截原生返回事件 1是 其他否
}) })
}, 100) }, 100)
this.show = true this.show = true
@@ -204,9 +228,9 @@ export default {
extra: { extra: {
url: location.origin + `/#/insureAgain`, url: location.origin + `/#/insureAgain`,
forbidSwipeBack: '1', forbidSwipeBack: '1',
needRefresh: '1' needRefresh: '1',
}, },
routerInfo: { path: `/insureAgain` } routerInfo: { path: `/insureAgain` },
}) })
}, },
readAgreement() { readAgreement() {
@@ -214,16 +238,16 @@ export default {
this.isRead = true this.isRead = true
setTimeout(() => { setTimeout(() => {
window.EWebBridge.webCallAppInJs('webview_left_button', { window.EWebBridge.webCallAppInJs('webview_left_button', {
intercept: '1' //是否拦截原生返回事件 1是 其他否 intercept: '1', //是否拦截原生返回事件 1是 其他否
}) })
}, 100) }, 100)
}, },
nextStep() { nextStep() {
if (!this.isRead) { if (this.needRead && !this.isRead) {
Dialog.alert({ Dialog.alert({
title: '提示', title: '提示',
message: '亲，请您阅读和确认特别约定哦~', message: '亲，请您阅读和确认特别约定哦~',
confirmButtonColor: '#ff0000' confirmButtonColor: '#ff0000',
}) })
} else { } else {
this.commitReOrder() this.commitReOrder()
@@ -236,8 +260,8 @@ export default {
*/ */
commitReOrder() { commitReOrder() {
let additionals = [] let additionals = []
this.checkboxResult.forEach(res => { this.checkboxResult.forEach((res) => {
this.additionalList.forEach(res2 => { this.additionalList.forEach((res2) => {
if (res2.riskCode === res) { if (res2.riskCode === res) {
additionals.push(res2) additionals.push(res2)
} }
@@ -255,30 +279,30 @@ export default {
orderDTO: { orderDTO: {
appntDTO: this.appntDTO, appntDTO: this.appntDTO,
insuredDTOs: [this.insuredDTOs], insuredDTOs: [this.insuredDTOs],
orderInfoDTO: { orderInfoDTO: {
orderNo: CacheUtils.getLocItem('orderNo'), orderNo: CacheUtils.getLocItem('orderNo'),
supportBank: '0' supportBank: '0',
}, },
orderAccountDTO: this.orderAccountDTO orderAccountDTO: this.orderAccountDTO,
}, },
orderType: 'RE_RISK_ORDER' orderType: 'RE_RISK_ORDER',
} }
commitReOrder(data).then(res => { commitReOrder(data).then((res) => {
if (res.result === '0') { if (res.result === '0') {
this.$jump({ this.$jump({
flag: 'h5', flag: 'h5',
extra: { extra: {
url: location.origin + `/#/insureAgain/Notification` url: location.origin + `/#/insureAgain/Notification`,
}, },
routerInfo: { routerInfo: {
path: `/insureAgain/Notification` path: `/insureAgain/Notification`,
} },
}) })
} }
}) })
} },
} },
} }
</script> </script>

19
src/views/ebiz/insureAgain/SignatureConfirmation.vue
View File

@@ -626,10 +626,12 @@ export default {
// val 0投保人 1被保险人 2本人 // val 0投保人 1被保险人 2本人
let that = this let that = this
if (this.isWeixin) { if (this.isWeixin) {
CacheUtils.setItem('sign-val', val) localStorage.setItem('sign-val', val)
CacheUtils.setItem('sign-appnt', JSON.stringify(that.appntSign)) localStorage.setItem('sign-appnt', JSON.stringify(that.appntSign))
if (val == '0' || val == '2') { if (val == '0' || val == '2') {
//idtype不为身份证跳过人脸识别 //idtype不为身份证跳过人脸识别
this.goUrl()
return
if (JSON.parse(this.$CacheUtils.getLocItem('saleInsuredInfo')).idType != '1') { if (JSON.parse(this.$CacheUtils.getLocItem('saleInsuredInfo')).idType != '1') {
that.goUrl() that.goUrl()
} else { } else {
@@ -983,6 +985,19 @@ export default {
} }
}) })
} else { } else {
console.log(location.origin +
'/#/insureAgain/signatureConfirmation?orderNo=' +
localStorage.orderNo +
'&token=' +
localStorage.token +
'&relationToAppnt=' +
JSON.parse(this.$CacheUtils.getLocItem('saleInsuredPersonInfo')).relationToAppnt +
'&shareCode=' +
code +
'&signInvalid=' +
this.signInvalid +
'&productCode=' +
localStorage.productCode)
// eslint-disable-next-line no-undef // eslint-disable-next-line no-undef
EWebBridge.webCallAppInJs('bridge', { EWebBridge.webCallAppInJs('bridge', {
flag: 'share', flag: 'share',

2
src/views/ebiz/insureAgain/SignatureOfElectronic.vue
View File

@@ -115,7 +115,7 @@ export default {
encyCustomerMobile:'', encyCustomerMobile:'',
pdfUrl: '', pdfUrl: '',
// policyUrl: '', // policyUrl: '',
src: location.origin + '/pdfjs/web/viewer.html?file=', src: 'http://139.199.50.151' + '/pdfjs/web/viewer.html?file=',
radio: '', radio: '',
// 回执签收的radio // 回执签收的radio
radioSure: '', radioSure: '',

27
src/views/ebiz/insureAgain/UncommitInsureDetail.vue
View File

@@ -5,8 +5,8 @@
<span>保单信息</span> <span>保单信息</span>
</template> </template>
<InfoCell label="保单号">{{OrderInfoDTO.contNo}}</InfoCell> <InfoCell label="保单号">{{OrderInfoDTO.contNo}}</InfoCell>
<InfoCell label="生效日期">{{OrderInfoDTO.cValiDate}}</InfoCell> <InfoCell label="生效日期">{{OrderInfoDTO.cvaliDate}}</InfoCell>
<InfoCell label="保单状态">{{OrderInfoDTO.contState | contStateFilter}}</InfoCell> <InfoCell label="保单状态">{{OrderInfoDTO.contState}}</InfoCell>
<InfoCell label="签收状态">{{OrderInfoDTO.orderStatus | orderStatusFilter}}</InfoCell> <InfoCell label="签收状态">{{OrderInfoDTO.orderStatus | orderStatusFilter}}</InfoCell>
</DropdownBox> </DropdownBox>
<DropdownBox> <DropdownBox>
@@ -16,8 +16,8 @@
<InfoCell label="投保人">{{appntDTO.name}}</InfoCell> <InfoCell label="投保人">{{appntDTO.name}}</InfoCell>
<InfoCell label="性别">{{appntDTO.sex}}</InfoCell> <InfoCell label="性别">{{appntDTO.sex}}</InfoCell>
<InfoCell label="证件类型">{{appntDTO.idType}}</InfoCell> <InfoCell label="证件类型">{{appntDTO.idType}}</InfoCell>
<InfoCell label="证件号码">{{appntDTO.idNo}}</InfoCell> <InfoCell label="证件号码">{{appntDTO.idNo | numberFilter}}</InfoCell>
<InfoCell label="联系电话">{{appntDTO.mobileStar}}</InfoCell> <InfoCell label="联系电话">{{appntDTO.mobile | numberFilter}}</InfoCell>
</DropdownBox> </DropdownBox>
<DropdownBox> <DropdownBox>
<template #boxTitle> <template #boxTitle>
@@ -27,8 +27,8 @@
<InfoCell label="姓名">{{item.name}}</InfoCell> <InfoCell label="姓名">{{item.name}}</InfoCell>
<InfoCell label="性别">{{item.sex}}</InfoCell> <InfoCell label="性别">{{item.sex}}</InfoCell>
<InfoCell label="证件类型">{{item.idType}}</InfoCell> <InfoCell label="证件类型">{{item.idType}}</InfoCell>
<InfoCell label="证件号码">{{item.idNo}}</InfoCell> <InfoCell label="证件号码">{{item.idNo | numberFilter}}</InfoCell>
<InfoCell label="联系电话">{{item.mobile}}</InfoCell> <InfoCell label="联系电话">{{item.mobile | numberFilter}}</InfoCell>
</div> </div>
</DropdownBox> </DropdownBox>
<DropdownBox> <DropdownBox>
@@ -37,7 +37,7 @@
</template> </template>
<div v-for="(item, index) in insuredDTOs" :key="index" class="pb10"> <div v-for="(item, index) in insuredDTOs" :key="index" class="pb10">
<div v-if="item.bnfDTOs === '[]'"> <div v-if="item.bnfDTOs[0]['bnftype'] != '1'">
<InfoCell label="受益人">法定受益人</InfoCell> <InfoCell label="受益人">法定受益人</InfoCell>
</div> </div>
<div v-else> <div v-else>
@@ -48,7 +48,7 @@
<InfoCell label="性别">{{itm.sex}}</InfoCell> <InfoCell label="性别">{{itm.sex}}</InfoCell>
<InfoCell label="受益比例" v-if="itm.bnfLot != null">{{`${itm.bnfLot}%`}}</InfoCell> <InfoCell label="受益比例" v-if="itm.bnfLot != null">{{`${itm.bnfLot}%`}}</InfoCell>
<InfoCell label="证件类型">{{itm.idType}}</InfoCell> <InfoCell label="证件类型">{{itm.idType}}</InfoCell>
<InfoCell label="证件号码">{{itm.idNo}}</InfoCell> <InfoCell label="证件号码">{{itm.idNo | numberFilter}}</InfoCell>
</div> </div>
</div> </div>
</div> </div>
@@ -109,13 +109,12 @@ export default {
} }
return '' return ''
}, },
contStateFilter(val) { numberFilter(val){
for (let status of dataDictionary.contState) { if(val == undefined) return '';
if (status.val === val) { if(val.length == 18){
return status.text return val.slice(0, 4) + '*********' + val.slice(-4)
}
} }
return '' return val.slice(0, 3) + '****' + val.slice(-4)
}, },
reasonFilter(val) { reasonFilter(val) {
let reg = /'|;/g let reg = /'|;/g

3
vue.config.js
View File

@@ -32,5 +32,8 @@ module.exports = {
// options[0].fileBlacklist.push(/myasyncRoute(.)+?\.js$/) // options[0].fileBlacklist.push(/myasyncRoute(.)+?\.js$/)
// return options // return options
// }) // })
},
devServer: {
port:8082
} }
} }