mirror of
http://112.124.100.131/GFRS/ebiz-h5.git
synced 2025-12-23 20:12:53 +08:00
支付失败换卡
This commit is contained in:
File diff suppressed because it is too large
Load Diff
@@ -2,7 +2,7 @@
|
||||
<div class="accountInformation-container">
|
||||
<div class="aaountInfomation-content" v-if="!isScan">
|
||||
<van-radio-group v-model="radio" class="flex pl30 pr30 pt15 pb15 justify-content-s bg-white mt10">
|
||||
<van-radio name="0" class="fs14" @click="clickRadio(saleInsuredInfo.name)">{{ `投保人:${saleInsuredInfo.name}` }}</van-radio>
|
||||
<van-radio name="0" class="fs14" @click="clickRadio(saleInsuredInfo.name)" v-if="!changeCard">{{ `投保人:${saleInsuredInfo.name}` }}</van-radio>
|
||||
<!-- <van-radio name="1" class="fs14" v-if="relationToAppnt != '1'" @click="clickRadio(saleInsuredPersonInfo.name)">{{
|
||||
`被保人:${saleInsuredPersonInfo.name}`
|
||||
}}</van-radio> -->
|
||||
@@ -22,10 +22,12 @@
|
||||
v-validate="'required|bankCard'"
|
||||
data-vv-name="银行卡号"
|
||||
/>
|
||||
<van-button type="danger" size="small" class="bankCard mr10 w110 h20" @click="cardScanning('0')" v-no-more-click="1000">银行卡扫描</van-button>
|
||||
<van-button type="danger" size="small" class="bankCard mr10 w110 h20" @click="cardScanning('0')" v-no-more-click="1000" v-if="!changeCard"
|
||||
>银行卡扫描</van-button
|
||||
>
|
||||
</van-cell-group>
|
||||
|
||||
<van-cell-group class="flex align-items-c" v-if="isAutoPay == '0'">
|
||||
<van-cell-group class="flex align-items-c" v-if="isAutoPay == '0' && !changeCard">
|
||||
<van-switch-cell v-model="checked" title="是否自动垫交" active-color="#E9332E" inactive-color="#fff" class="ml15 pr30" />
|
||||
<van-icon
|
||||
name="question-o"
|
||||
@@ -39,7 +41,7 @@
|
||||
"
|
||||
/>
|
||||
</van-cell-group>
|
||||
<van-cell-group class="flex align-items-c" v-if="isRenew == '0'">
|
||||
<van-cell-group class="flex align-items-c" v-if="isRenew == '0' && !changeCard">
|
||||
<van-switch-cell v-model="isChecked" title="自动续保" active-color="#E9332E" inactive-color="#fff" class="ml15 pr30" />
|
||||
</van-cell-group>
|
||||
<div class="fs12 mt10 ml20 w250 h15">
|
||||
@@ -140,7 +142,8 @@ export default {
|
||||
// 是否显示自动垫交
|
||||
isAutoPay: '',
|
||||
// 是否显示自动续保
|
||||
isRenew: ''
|
||||
isRenew: '',
|
||||
changeCard: localStorage.changeCard
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
@@ -238,91 +241,110 @@ export default {
|
||||
that.$validator.validate().then(valid => {
|
||||
if (valid === true) {
|
||||
let data = {}
|
||||
// 垫付
|
||||
if (that.checked == true) {
|
||||
// 续保
|
||||
if (this.isChecked == true) {
|
||||
data = {
|
||||
orderType: 'ACCOUNT_ORDER',
|
||||
//支付失败换卡
|
||||
if (localStorage.changeCard) {
|
||||
data = {
|
||||
orderType: 'ACCOUNTNEW_ORDER',
|
||||
|
||||
orderDTO: {
|
||||
orderInfoDTO: {
|
||||
orderNo: window.localStorage.getItem('orderNo')
|
||||
},
|
||||
orderAccountDTO: {
|
||||
accountType: that.radio,
|
||||
accountName: that.name,
|
||||
bankName: that.bank,
|
||||
bankCode: that.bankCode,
|
||||
cardBookType: '1',
|
||||
cardBookCode: that.bankId,
|
||||
isAutoPay: '0',
|
||||
isAutoRenewal: '0'
|
||||
}
|
||||
}
|
||||
}
|
||||
} else {
|
||||
// 垫付不续保
|
||||
data = {
|
||||
orderType: 'ACCOUNT_ORDER',
|
||||
|
||||
orderDTO: {
|
||||
orderInfoDTO: {
|
||||
orderNo: window.localStorage.getItem('orderNo')
|
||||
},
|
||||
orderAccountDTO: {
|
||||
accountType: that.radio,
|
||||
accountName: that.name,
|
||||
bankName: that.bank,
|
||||
bankCode: that.bankCode,
|
||||
cardBookType: '1',
|
||||
cardBookCode: that.bankId,
|
||||
isAutoPay: '0',
|
||||
isAutoRenewal: this.isAutoRenewal == '0' ? '1' : ''
|
||||
}
|
||||
orderDTO: {
|
||||
orderInfoDTO: {
|
||||
orderNo: window.localStorage.getItem('orderNo')
|
||||
},
|
||||
orderAccountDTO: {
|
||||
bankName: that.bank,
|
||||
bankCode: that.bankCode,
|
||||
cvv2Code: '0',
|
||||
cardBookCode: that.bankId
|
||||
}
|
||||
}
|
||||
}
|
||||
} else {
|
||||
// 不垫付 续保
|
||||
if (this.isChecked == true) {
|
||||
data = {
|
||||
orderType: 'ACCOUNT_ORDER',
|
||||
// 垫付
|
||||
if (that.checked == true) {
|
||||
// 续保
|
||||
if (this.isChecked == true) {
|
||||
data = {
|
||||
orderType: 'ACCOUNT_ORDER',
|
||||
|
||||
orderDTO: {
|
||||
orderInfoDTO: {
|
||||
orderNo: window.localStorage.getItem('orderNo')
|
||||
},
|
||||
orderAccountDTO: {
|
||||
accountType: that.radio,
|
||||
accountName: that.name,
|
||||
bankName: that.bank,
|
||||
bankCode: that.bankCode,
|
||||
cardBookType: '1',
|
||||
cardBookCode: that.bankId,
|
||||
isAutoPay: this.isAutoPay == '0' ? '1' : '',
|
||||
isAutoRenewal: '0'
|
||||
orderDTO: {
|
||||
orderInfoDTO: {
|
||||
orderNo: window.localStorage.getItem('orderNo')
|
||||
},
|
||||
orderAccountDTO: {
|
||||
accountType: that.radio,
|
||||
accountName: that.name,
|
||||
bankName: that.bank,
|
||||
bankCode: that.bankCode,
|
||||
cardBookType: '1',
|
||||
cardBookCode: that.bankId,
|
||||
isAutoPay: '0',
|
||||
isAutoRenewal: '0'
|
||||
}
|
||||
}
|
||||
}
|
||||
} else {
|
||||
// 垫付不续保
|
||||
data = {
|
||||
orderType: 'ACCOUNT_ORDER',
|
||||
|
||||
orderDTO: {
|
||||
orderInfoDTO: {
|
||||
orderNo: window.localStorage.getItem('orderNo')
|
||||
},
|
||||
orderAccountDTO: {
|
||||
accountType: that.radio,
|
||||
accountName: that.name,
|
||||
bankName: that.bank,
|
||||
bankCode: that.bankCode,
|
||||
cardBookType: '1',
|
||||
cardBookCode: that.bankId,
|
||||
isAutoPay: '0',
|
||||
isAutoRenewal: this.isAutoRenewal == '0' ? '1' : ''
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
} else {
|
||||
// 不垫付 不续保
|
||||
data = {
|
||||
orderType: 'ACCOUNT_ORDER',
|
||||
// 不垫付 续保
|
||||
if (this.isChecked == true) {
|
||||
data = {
|
||||
orderType: 'ACCOUNT_ORDER',
|
||||
|
||||
orderDTO: {
|
||||
orderInfoDTO: {
|
||||
orderNo: window.localStorage.getItem('orderNo')
|
||||
},
|
||||
orderAccountDTO: {
|
||||
accountType: that.radio,
|
||||
accountName: that.name,
|
||||
bankName: that.bank,
|
||||
bankCode: that.bankCode,
|
||||
cardBookType: '1',
|
||||
cardBookCode: that.bankId,
|
||||
isAutoPay: this.isAutoPay == '0' ? '1' : '',
|
||||
isAutoRenewal: this.isAutoRenewal == '0' ? '1' : ''
|
||||
orderDTO: {
|
||||
orderInfoDTO: {
|
||||
orderNo: window.localStorage.getItem('orderNo')
|
||||
},
|
||||
orderAccountDTO: {
|
||||
accountType: that.radio,
|
||||
accountName: that.name,
|
||||
bankName: that.bank,
|
||||
bankCode: that.bankCode,
|
||||
cardBookType: '1',
|
||||
cardBookCode: that.bankId,
|
||||
isAutoPay: this.isAutoPay == '0' ? '1' : '',
|
||||
isAutoRenewal: '0'
|
||||
}
|
||||
}
|
||||
}
|
||||
} else {
|
||||
// 不垫付 不续保
|
||||
data = {
|
||||
orderType: 'ACCOUNT_ORDER',
|
||||
|
||||
orderDTO: {
|
||||
orderInfoDTO: {
|
||||
orderNo: window.localStorage.getItem('orderNo')
|
||||
},
|
||||
orderAccountDTO: {
|
||||
accountType: that.radio,
|
||||
accountName: that.name,
|
||||
bankName: that.bank,
|
||||
bankCode: that.bankCode,
|
||||
cardBookType: '1',
|
||||
cardBookCode: that.bankId,
|
||||
isAutoPay: this.isAutoPay == '0' ? '1' : '',
|
||||
isAutoRenewal: this.isAutoRenewal == '0' ? '1' : ''
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -928,7 +928,7 @@ export default {
|
||||
},
|
||||
mediaDTOS: that.list
|
||||
},
|
||||
orderType: 'MEDIA_ORDER'
|
||||
orderType: that.changeCard ? 'MEDIANEW_ORDER' : 'MEDIA_ORDER'
|
||||
}
|
||||
|
||||
saveInformation(data).then(res => {
|
||||
|
||||
@@ -200,15 +200,18 @@ export default {
|
||||
let that = this
|
||||
|
||||
if (that.signVal == '0' || that.signVal == '2') {
|
||||
that.appntSign.map(item => {
|
||||
if (item.documentCode == '1') {
|
||||
that.appntSign.signId = item.signId
|
||||
that.appntSign.documentCode = item.documentCode
|
||||
that.appntSign.documentType = item.documentType
|
||||
}
|
||||
})
|
||||
if (!that.changeCard) {
|
||||
that.appntSign.map(item => {
|
||||
if (item.documentCode == '1') {
|
||||
that.appntSign.signId = item.signId
|
||||
that.appntSign.documentCode = item.documentCode
|
||||
that.appntSign.documentType = item.documentType
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
let data = {
|
||||
orderType: 'SIGN_ORDER',
|
||||
orderType: that.changeCard ? 'SIGNNEW_ORDER' : 'SIGN_ORDER',
|
||||
orderDTO: {
|
||||
orderInfoDTO: {
|
||||
orderNo: window.localStorage.getItem('orderNo')
|
||||
@@ -335,15 +338,17 @@ export default {
|
||||
})
|
||||
// console.log('that.appntSign.signId',that.appntSign,that.appntSign.signId,that.appntSign.documentCode,that.appntSign.documentType)
|
||||
if (that.signVal == '0' || that.signVal == '2') {
|
||||
that.appntSign.map(item => {
|
||||
if (item.documentCode == '1') {
|
||||
that.appntSign.signId = item.signId
|
||||
that.appntSign.documentCode = item.documentCode
|
||||
that.appntSign.documentType = item.documentType
|
||||
}
|
||||
})
|
||||
if (!that.changeCard) {
|
||||
that.appntSign.map(item => {
|
||||
if (item.documentCode == '1') {
|
||||
that.appntSign.signId = item.signId
|
||||
that.appntSign.documentCode = item.documentCode
|
||||
that.appntSign.documentType = item.documentType
|
||||
}
|
||||
})
|
||||
}
|
||||
let data = {
|
||||
orderType: 'SIGN_ORDER',
|
||||
orderType: that.changeCard ? 'SIGNNEW_ORDER' : 'SIGN_ORDER',
|
||||
orderDTO: {
|
||||
orderInfoDTO: {
|
||||
orderNo: window.localStorage.getItem('orderNo')
|
||||
|
||||
@@ -96,6 +96,11 @@
|
||||
round
|
||||
>重新支付</van-button
|
||||
>
|
||||
<template v-if="active == 'commit' && order.orderInfoDTO.orderStatus == '55'">
|
||||
<van-button @click="changeCard" size="small" class="mr5" type="danger" round>修改卡号</van-button>
|
||||
<van-button @click="againPay(order)" size="small" class="mr5" type="danger" round>重新支付</van-button>
|
||||
</template>
|
||||
|
||||
<van-button
|
||||
@click="goPay(order)"
|
||||
v-if="active == 'commit' && order.orderInfoDTO.orderStatus == '02'"
|
||||
@@ -187,6 +192,19 @@ export default {
|
||||
routerInfo: { path: '/sale/payMent' }
|
||||
})
|
||||
},
|
||||
//支付失败去换卡
|
||||
changeCard() {
|
||||
localStorage.setItem('changeCard', true)
|
||||
this.$jump({
|
||||
flag: 'h5',
|
||||
extra: {
|
||||
url: location.origin + '/#/sale/AccountInformation'
|
||||
},
|
||||
routerInfo: {
|
||||
path: '/sale/AccountInformation'
|
||||
}
|
||||
})
|
||||
},
|
||||
// 去人工核保
|
||||
// goNucleus() {
|
||||
// let data = {
|
||||
|
||||
@@ -37,7 +37,7 @@
|
||||
<van-button class="m-btn w250" type="danger" size="normal" @click="rePayMent">重新支付</van-button>
|
||||
<van-button class="m-btn w250" type="danger" size="normal" @click="next">返回列表页</van-button>
|
||||
</div>
|
||||
<div class="bottom-area bottom-btn flex">
|
||||
<div class="bottom-area bottom-btn flex" v-if="payStatus == '9'">
|
||||
<van-button class="m-btn w250" type="danger" size="normal" @click="rePayMent">重新支付</van-button>
|
||||
<van-button class="m-btn w250" type="danger" size="normal" @click="changeCard">更换卡号</van-button>
|
||||
</div>
|
||||
@@ -53,7 +53,7 @@ export default {
|
||||
// 保融收银台返回的支付流水号
|
||||
paySeqNo: '',
|
||||
// 接口返回数据前,不做页面渲染
|
||||
isReady: false,
|
||||
isReady: true,
|
||||
// 是否已重新获取支付状态。(首次进入本页,立即查询支付结果。如果是‘支付中’,两秒后再次(最后一次)再次获取一次支付状态。)
|
||||
isReloaded: false,
|
||||
// 结果原因
|
||||
|
||||
@@ -18,55 +18,68 @@
|
||||
</van-cell-group>
|
||||
<div v-if="!isWeixin">
|
||||
<!-- 不再微信 -->
|
||||
<div v-if="changeCard">
|
||||
<van-collapse v-model="activeNames" class="mt10">
|
||||
<van-collapse-item name="1">
|
||||
<div slot="title">
|
||||
投保人
|
||||
<span class="ml20">{{ appnt.name }}</span>
|
||||
</div>
|
||||
<p class="mb20">以下内容需要您按照顺序阅读并签字确认:</p>
|
||||
<van-collapse v-model="activeNames" class="mt10">
|
||||
<van-collapse-item name="1">
|
||||
<div slot="title">
|
||||
投保人
|
||||
<span class="ml20">{{ appnt.name }}</span>
|
||||
</div>
|
||||
<p class="mb20">以下内容需要您按照顺序阅读并签字确认:</p>
|
||||
|
||||
<div v-if="changeCard">
|
||||
<p>需阅读</p>
|
||||
<p class="mb20">
|
||||
<span class="text">《国富人寿转账授权书》</span>
|
||||
<!-- <img :src="src" v-if="documentCode == 1" /> -->
|
||||
<span class="text">{{ appntSign.documentName }}</span>
|
||||
<img :src="src" v-if="appntSign.documentStatus == '1'" />
|
||||
</p>
|
||||
<p class="start" v-if="airSign != '1'">点击【开始】按钮,进行相关操作</p>
|
||||
<div v-if="!isInvalid" class="flex justify-content-a mt20">
|
||||
<van-button
|
||||
v-if="isShow"
|
||||
type="danger"
|
||||
size="normal"
|
||||
class="w150"
|
||||
plain
|
||||
v-no-more-click="1000"
|
||||
@click="share(saleInsuredPersonInfo.relationToAppnt == '1' ? '2' : '0')"
|
||||
>分享</van-button
|
||||
>
|
||||
<van-button
|
||||
type="danger"
|
||||
size="normal"
|
||||
class="w150"
|
||||
plain
|
||||
v-no-more-click="1000"
|
||||
@click="start_ocr(saleInsuredPersonInfo.relationToAppnt == '1' ? '2' : '0')"
|
||||
>开始</van-button
|
||||
>
|
||||
</div>
|
||||
<div v-else>
|
||||
<div v-for="(item, index) in appntSign" :key="index">
|
||||
<p>{{ item.documentCode == '1' ? '需阅读' : '需签署' }}</p>
|
||||
<p class="mb20">
|
||||
<span class="text">{{ item.documentName }}</span>
|
||||
<img :src="src" v-if="item.documentCode == '1' && item.documentStatus == '1'" />
|
||||
<img :src="src" v-if="item.documentCode !== '1' && item.documentStatus == '3'" />
|
||||
</p>
|
||||
</div>
|
||||
<div class="text" v-else>操作时间已失效,请联系销售人员!</div>
|
||||
</van-collapse-item>
|
||||
</van-collapse>
|
||||
</div>
|
||||
<div v-else>
|
||||
<van-collapse v-model="activeNames" class="mt10">
|
||||
<van-collapse-item name="1">
|
||||
</div>
|
||||
<p class="start" v-if="airSign != '1'">点击【开始】按钮,进行相关操作</p>
|
||||
<div v-if="!isInvalid" class="flex justify-content-a mt20">
|
||||
<van-button
|
||||
v-if="isShow"
|
||||
type="danger"
|
||||
size="normal"
|
||||
class="w150"
|
||||
plain
|
||||
v-no-more-click="1000"
|
||||
:disabled="changeCard ? appntSign.documentStatus == '1' : appntSignStatus == '3'"
|
||||
@click="share(saleInsuredPersonInfo.relationToAppnt == '1' ? '2' : '0')"
|
||||
>分享</van-button
|
||||
>
|
||||
<van-button
|
||||
type="danger"
|
||||
size="normal"
|
||||
class="w150"
|
||||
plain
|
||||
:disabled="changeCard ? appntSign.documentStatus == '1' : appntSignStatus == '3'"
|
||||
v-no-more-click="1000"
|
||||
@click="start_ocr(saleInsuredPersonInfo.relationToAppnt == '1' ? '2' : '0')"
|
||||
>开始</van-button
|
||||
>
|
||||
</div>
|
||||
<div class="text" v-else>操作时间已失效,请联系销售人员!</div>
|
||||
</van-collapse-item>
|
||||
</van-collapse>
|
||||
|
||||
<div v-if="relationToAppnt != '1' && !changeCard" class="mt10">
|
||||
<van-collapse v-model="activeNames" v-for="(item, index) in insured" :key="index">
|
||||
<van-collapse-item :name="index + 2">
|
||||
<div slot="title">
|
||||
投保人
|
||||
<span class="ml20">{{ appnt.name }}</span>
|
||||
被保人
|
||||
<span class="ml20">{{ item.name }}</span>
|
||||
</div>
|
||||
<p class="mb20">以下内容需要您按照顺序阅读并签字确认:</p>
|
||||
|
||||
<div v-for="(item, index) in appntSign" :key="index">
|
||||
<div v-for="(item, index) in insuredSign" :key="index">
|
||||
<p>{{ item.documentCode == '1' ? '需阅读' : '需签署' }}</p>
|
||||
<p class="mb20">
|
||||
<span class="text">{{ item.documentName }}</span>
|
||||
@@ -81,108 +94,39 @@
|
||||
type="danger"
|
||||
size="normal"
|
||||
class="w150"
|
||||
:disabled="insuredSignStatus == '3'"
|
||||
@click="share('1')"
|
||||
plain
|
||||
v-no-more-click="1000"
|
||||
:disabled="appntSignStatus == '3'"
|
||||
@click="share(saleInsuredPersonInfo.relationToAppnt == '1' ? '2' : '0')"
|
||||
>分享</van-button
|
||||
>
|
||||
<van-button
|
||||
type="danger"
|
||||
size="normal"
|
||||
class="w150"
|
||||
plain
|
||||
:disabled="appntSignStatus == '3'"
|
||||
v-no-more-click="1000"
|
||||
@click="start_ocr(saleInsuredPersonInfo.relationToAppnt == '1' ? '2' : '0')"
|
||||
<van-button type="danger" size="normal" plain class="w150" :disabled="insuredSignStatus == '3'" @click="start_ocr('1')" v-no-more-click="1000"
|
||||
>开始</van-button
|
||||
>
|
||||
</div>
|
||||
<div class="text" v-else>操作时间已失效,请联系销售人员!</div>
|
||||
</van-collapse-item>
|
||||
</van-collapse>
|
||||
|
||||
<div v-if="relationToAppnt != '1'" class="mt10">
|
||||
<van-collapse v-model="activeNames" v-for="(item, index) in insured" :key="index">
|
||||
<van-collapse-item :name="index + 2">
|
||||
<div slot="title">
|
||||
被保人
|
||||
<span class="ml20">{{ item.name }}</span>
|
||||
</div>
|
||||
<p class="mb20">以下内容需要您按照顺序阅读并签字确认:</p>
|
||||
<div v-for="(item, index) in insuredSign" :key="index">
|
||||
<p>{{ item.documentCode == '1' ? '需阅读' : '需签署' }}</p>
|
||||
<p class="mb20">
|
||||
<span class="text">{{ item.documentName }}</span>
|
||||
<img :src="src" v-if="item.documentCode == '1' && item.documentStatus == '1'" />
|
||||
<img :src="src" v-if="item.documentCode !== '1' && item.documentStatus == '3'" />
|
||||
</p>
|
||||
</div>
|
||||
<p class="start" v-if="airSign != '1'">点击【开始】按钮,进行相关操作</p>
|
||||
<div v-if="!isInvalid" class="flex justify-content-a mt20">
|
||||
<van-button
|
||||
v-if="isShow"
|
||||
type="danger"
|
||||
size="normal"
|
||||
class="w150"
|
||||
:disabled="insuredSignStatus == '3'"
|
||||
@click="share('1')"
|
||||
plain
|
||||
v-no-more-click="1000"
|
||||
>分享</van-button
|
||||
>
|
||||
<van-button type="danger" size="normal" plain class="w150" :disabled="insuredSignStatus == '3'" @click="start_ocr('1')" v-no-more-click="1000"
|
||||
>开始</van-button
|
||||
>
|
||||
</div>
|
||||
<div class="text" v-else>操作时间已失效,请联系销售人员!</div>
|
||||
</van-collapse-item>
|
||||
</van-collapse>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div v-else>
|
||||
<!-- 在微信 -->
|
||||
<div v-if="changeCard">
|
||||
<div v-if="shareCode != '1'">
|
||||
<van-collapse v-model="activeNames" class="mt10">
|
||||
<van-collapse-item name="1">
|
||||
<div slot="title">
|
||||
投保人
|
||||
<span class="ml20">{{ appnt.name }}</span>
|
||||
</div>
|
||||
<p class="mb20">以下内容需要您按照顺序阅读并签字确认:</p>
|
||||
<div v-if="shareCode != '1'" class="mt10">
|
||||
<van-collapse v-model="activeNames">
|
||||
<van-collapse-item name="1">
|
||||
<div slot="title">
|
||||
投保人
|
||||
<span class="ml20">{{ appnt.name }}</span>
|
||||
</div>
|
||||
<p class="mb20">以下内容需要您按照顺序阅读并签字确认:</p>
|
||||
<div v-if="changeCard">
|
||||
<p>需阅读</p>
|
||||
<p class="mb20">
|
||||
<span class="text">《国富人寿转账授权书》</span>
|
||||
<!-- <img :src="src" v-if="documentCode == 1" /> -->
|
||||
<span class="text">{{ appntSign.documentName }}</span>
|
||||
<img :src="src" v-if="appntSign.documentStatus == '1'" />
|
||||
</p>
|
||||
<p class="start" v-if="airSign != '1'">点击【开始】按钮,进行相关操作</p>
|
||||
<div v-if="!isInvalid" class="flex justify-content-a mt20">
|
||||
<van-button
|
||||
type="danger"
|
||||
size="normal"
|
||||
class="w150"
|
||||
plain
|
||||
v-no-more-click="1000"
|
||||
@click="start_ocr(saleInsuredPersonInfo.relationToAppnt == '1' ? '2' : '0')"
|
||||
>开始</van-button
|
||||
>
|
||||
</div>
|
||||
<div class="text" v-else>操作时间已失效,请联系销售人员!</div>
|
||||
</van-collapse-item>
|
||||
</van-collapse>
|
||||
</div>
|
||||
</div>
|
||||
<div v-else>
|
||||
<div v-if="shareCode != '1'" class="mt10">
|
||||
<van-collapse v-model="activeNames">
|
||||
<van-collapse-item name="1">
|
||||
<div slot="title">
|
||||
投保人
|
||||
<span class="ml20">{{ appnt.name }}</span>
|
||||
</div>
|
||||
<p class="mb20">以下内容需要您按照顺序阅读并签字确认:</p>
|
||||
</div>
|
||||
<div v-else>
|
||||
<div v-for="(item, index) in appntSign" :key="index">
|
||||
<p>{{ item.documentCode == '1' ? '需阅读' : '需签署' }}</p>
|
||||
<p class="mb20">
|
||||
@@ -191,69 +135,83 @@
|
||||
<img :src="src" v-if="item.documentCode !== '1' && item.documentStatus == '3'" />
|
||||
</p>
|
||||
</div>
|
||||
<p class="start" v-if="airSign != '1'">点击【开始】按钮,进行相关操作</p>
|
||||
<div v-if="!isInvalid" class="flex justify-content-a mt20">
|
||||
<van-button
|
||||
type="danger"
|
||||
size="normal"
|
||||
style="width: 157px;"
|
||||
plain
|
||||
:disabled="appntSignStatus == '3'"
|
||||
v-no-more-click="1000"
|
||||
@click="start_ocr(saleInsuredPersonInfo.relationToAppnt == '1' ? '2' : '0')"
|
||||
>开始</van-button
|
||||
>
|
||||
</div>
|
||||
<div class="text" v-else>操作时间已失效,请联系销售人员!</div>
|
||||
</van-collapse-item>
|
||||
</van-collapse>
|
||||
</div>
|
||||
<div v-else class="mt10">
|
||||
<van-collapse v-model="activeNames" v-for="(item, index) in insured" :key="index">
|
||||
<van-collapse-item :name="index + 2">
|
||||
<div slot="title">
|
||||
被保人
|
||||
<span class="ml20">{{ item.name }}</span>
|
||||
</div>
|
||||
<p class="mb20">以下内容需要您按照顺序阅读并签字确认:</p>
|
||||
<div v-for="(item, index) in insuredSign" :key="index">
|
||||
<p>{{ item.documentCode == '1' ? '需阅读' : '需签署' }}</p>
|
||||
<p class="mb20">
|
||||
<span class="text">{{ item.documentName }}</span>
|
||||
<img :src="src" v-if="item.documentCode == '1' && item.documentStatus == '1'" />
|
||||
<img :src="src" v-if="item.documentCode !== '1' && item.documentStatus == '3'" />
|
||||
</p>
|
||||
</div>
|
||||
<p class="start" v-if="airSign != '1'">点击【开始】按钮,进行相关操作</p>
|
||||
<div v-if="!isInvalid" class="flex justify-content-a mt20">
|
||||
<van-button
|
||||
type="danger"
|
||||
size="normal"
|
||||
plain
|
||||
style="width: 157px;"
|
||||
:disabled="insuredSignStatus == '3'"
|
||||
@click="start_ocr('1')"
|
||||
v-no-more-click="1000"
|
||||
>开始</van-button
|
||||
>
|
||||
</div>
|
||||
<div class="text" v-else>操作时间已失效,请联系销售人员!</div>
|
||||
</van-collapse-item>
|
||||
</van-collapse>
|
||||
</div>
|
||||
</div>
|
||||
<p class="start" v-if="airSign != '1'">点击【开始】按钮,进行相关操作</p>
|
||||
<div v-if="!isInvalid" class="flex justify-content-a mt20">
|
||||
<van-button
|
||||
type="danger"
|
||||
size="normal"
|
||||
style="width: 157px;"
|
||||
plain
|
||||
:disabled="changeCard ? appntSign.documentStatus == '1' : appntSignStatus == '3'"
|
||||
v-no-more-click="1000"
|
||||
@click="start_ocr(saleInsuredPersonInfo.relationToAppnt == '1' ? '2' : '0')"
|
||||
>开始</van-button
|
||||
>
|
||||
</div>
|
||||
<div class="text" v-else>操作时间已失效,请联系销售人员!</div>
|
||||
</van-collapse-item>
|
||||
</van-collapse>
|
||||
</div>
|
||||
<div v-else class="mt10">
|
||||
<van-collapse v-model="activeNames" v-for="(item, index) in insured" :key="index">
|
||||
<van-collapse-item :name="index + 2">
|
||||
<div slot="title">
|
||||
被保人
|
||||
<span class="ml20">{{ item.name }}</span>
|
||||
</div>
|
||||
<p class="mb20">以下内容需要您按照顺序阅读并签字确认:</p>
|
||||
<div v-for="(item, index) in insuredSign" :key="index">
|
||||
<p>{{ item.documentCode == '1' ? '需阅读' : '需签署' }}</p>
|
||||
<p class="mb20">
|
||||
<span class="text">{{ item.documentName }}</span>
|
||||
<img :src="src" v-if="item.documentCode == '1' && item.documentStatus == '1'" />
|
||||
<img :src="src" v-if="item.documentCode !== '1' && item.documentStatus == '3'" />
|
||||
</p>
|
||||
</div>
|
||||
<p class="start" v-if="airSign != '1'">点击【开始】按钮,进行相关操作</p>
|
||||
<div v-if="!isInvalid" class="flex justify-content-a mt20">
|
||||
<van-button
|
||||
type="danger"
|
||||
size="normal"
|
||||
plain
|
||||
style="width: 157px;"
|
||||
:disabled="insuredSignStatus == '3'"
|
||||
@click="start_ocr('1')"
|
||||
v-no-more-click="1000"
|
||||
>开始</van-button
|
||||
>
|
||||
</div>
|
||||
<div class="text" v-else>操作时间已失效,请联系销售人员!</div>
|
||||
</van-collapse-item>
|
||||
</van-collapse>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div v-if="!isWeixin">
|
||||
<div class="bottom-btn bg-white" v-if="appntSignStatus == '3'">
|
||||
<van-button
|
||||
type="danger"
|
||||
v-if="relationToAppnt == '1' ? true : insuredSignStatus == '3' ? true : false"
|
||||
size="large"
|
||||
@click="next"
|
||||
v-no-more-click="1000"
|
||||
>提交</van-button
|
||||
>
|
||||
<div v-if="changeCard">
|
||||
<div class="bottom-btn bg-white" v-if="appntSign.documentStatus == '1'">
|
||||
<van-button
|
||||
type="danger"
|
||||
v-if="relationToAppnt == '1' ? true : appntSign.documentStatus == '1' ? true : false"
|
||||
size="large"
|
||||
@click="rePayMent"
|
||||
v-no-more-click="1000"
|
||||
>支付</van-button
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<div v-else>
|
||||
<div class="bottom-btn bg-white" v-if="appntSignStatus == '3'">
|
||||
<van-button
|
||||
type="danger"
|
||||
v-if="relationToAppnt == '1' ? true : insuredSignStatus == '3' ? true : false"
|
||||
size="large"
|
||||
@click="next"
|
||||
v-no-more-click="1000"
|
||||
>提交</van-button
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<UploadImageFile :typeface="idcardData.typeface" :realName="idcardData.idcardName" :idno="idcardData.idcardNumber" @sendimage="sendimage">
|
||||
@@ -335,7 +293,9 @@ export default {
|
||||
window.localStorage.setItem('orderNo', this.$route.query.orderNo)
|
||||
window.localStorage.setItem('relationToAppnt', this.$route.query.relationToAppnt)
|
||||
window.localStorage.setItem('productCode', this.$route.query.productCode)
|
||||
|
||||
if (this.$route.query.changeCard && this.$route.query.changeCard != 'undefined') {
|
||||
localStorage.setItem('changeCard', true)
|
||||
}
|
||||
if (this.$route.query.signInvalid) {
|
||||
sessionStorage.setItem('signInvalid', this.$route.query.signInvalid)
|
||||
}
|
||||
@@ -353,6 +313,7 @@ export default {
|
||||
}
|
||||
this.airSign = sessionStorage.getItem('airSign')
|
||||
this.shareCode = sessionStorage.getItem('shareCode')
|
||||
this.changeCard = localStorage.getItem('changeCard')
|
||||
this.relationToAppnt = this.$route.query.relationToAppnt
|
||||
this.isShow = false
|
||||
this.getOrderDetail().then(() => {
|
||||
@@ -360,6 +321,7 @@ export default {
|
||||
// console.log('this.appntSignStatus', this.appntSignStatus)
|
||||
console.log('this.appntSignStatus', this.appntSignStatus)
|
||||
console.log('this.shareCode', this.shareCode)
|
||||
console.log('this.changeCard', this.changeCard)
|
||||
if (
|
||||
(this.appntSignStatus == '3' && sessionStorage.getItem('shareCode') == '0') ||
|
||||
(this.appntSignStatus == '3' && sessionStorage.getItem('shareCode') == '2')
|
||||
@@ -369,6 +331,9 @@ export default {
|
||||
} else if (this.insuredSignStatus == '3' && sessionStorage.getItem('shareCode') == '1') {
|
||||
Dialog.alert({ title: '提示', message: '签名成功,请联系业务员进行后续流程!' })
|
||||
}
|
||||
if (this.changeCard && this.appntSign.documentStatus == '1') {
|
||||
Dialog.alert({ title: '提示', message: '确认完成,请联系业务员完成后续流程!' })
|
||||
}
|
||||
})
|
||||
if (sessionStorage.shareCode == '1') {
|
||||
console.log('进来被保人')
|
||||
@@ -404,7 +369,7 @@ export default {
|
||||
window.localStorage.setItem('sign-val', val)
|
||||
window.localStorage.setItem('sign-appnt', JSON.stringify(that.appntSign))
|
||||
if (val == '0' || val == '2') {
|
||||
//idtype为身份证和年纪小于18岁跳过人脸识别
|
||||
//idtype不为身份证或年纪小于18岁跳过人脸识别
|
||||
if (JSON.parse(this.$route.query.saleInsuredInfo).idType != '1' || JSON.parse(this.$route.query.saleInsuredInfo).age < '18') {
|
||||
that.goUrl()
|
||||
} else {
|
||||
@@ -544,7 +509,9 @@ export default {
|
||||
'&signInvalid=' +
|
||||
this.signInvalid +
|
||||
'&productCode=' +
|
||||
localStorage.productCode
|
||||
localStorage.productCode +
|
||||
'&changeCard=' +
|
||||
this.changeCard
|
||||
)
|
||||
EWebBridge.webCallAppInJs('bridge', {
|
||||
flag: 'share',
|
||||
@@ -568,7 +535,9 @@ export default {
|
||||
'&signInvalid=' +
|
||||
this.signInvalid +
|
||||
'&productCode=' +
|
||||
localStorage.productCode,
|
||||
localStorage.productCode +
|
||||
'&changeCard=' +
|
||||
this.changeCard,
|
||||
img: this.$assetsUrl + 'images/logo.png'
|
||||
}
|
||||
})
|
||||
@@ -671,6 +640,20 @@ export default {
|
||||
}
|
||||
})
|
||||
},
|
||||
// 重新支付
|
||||
rePayMent() {
|
||||
// 再次支付 salelist为 0
|
||||
localStorage.salelist = '0'
|
||||
this.$jump({
|
||||
flag: 'h5',
|
||||
extra: {
|
||||
url: location.origin + '/#/sale/payMent'
|
||||
},
|
||||
routerInfo: {
|
||||
path: '/sale/payMent'
|
||||
}
|
||||
})
|
||||
},
|
||||
// 获取消息和阅读状态
|
||||
getOrderDetail() {
|
||||
let that = this
|
||||
@@ -709,31 +692,39 @@ export default {
|
||||
that.appnt = res.orderDTO.appntDTO
|
||||
that.date = res.orderDTO.orderInfoDTO.appntDateLabel
|
||||
res.orderDTO.ebizSignDTOS.map(item => {
|
||||
if (item.signType == '0') {
|
||||
that.appntSign.push(item) //投保
|
||||
that.addKey(item)
|
||||
} else if (item.signType == '1') {
|
||||
that.insuredSign.push(item) //被保
|
||||
if (item.signType == '0' || item.signType == '2') {
|
||||
if (!localStorage.changeCard) {
|
||||
if (item.documentCode != '5') {
|
||||
that.appntSign.push(item) //投保
|
||||
that.addKey(item)
|
||||
}
|
||||
} else {
|
||||
//阅读授权书
|
||||
if (item.documentCode == '5') {
|
||||
that.appntSign = item //投保
|
||||
}
|
||||
}
|
||||
} else {
|
||||
that.appntSign.push(item) //本人
|
||||
that.addKey(item)
|
||||
}
|
||||
})
|
||||
//将投保人数组排序
|
||||
that.appntSign.sort(function(a, b) {
|
||||
return a.key - b.key
|
||||
})
|
||||
//获取投保和被保人电子投保单签字状态
|
||||
that.appntSign.map(item => {
|
||||
if (item.documentCode == '2') {
|
||||
that.appntSignStatus = item.documentStatus
|
||||
}
|
||||
})
|
||||
that.insuredSign.map(item => {
|
||||
if (item.documentCode == '2') {
|
||||
that.insuredSignStatus = item.documentStatus
|
||||
that.insuredSign.push(item) //被保
|
||||
}
|
||||
})
|
||||
if (!that.changeCard) {
|
||||
//将投保人数组排序
|
||||
that.appntSign.sort(function(a, b) {
|
||||
return a.key - b.key
|
||||
})
|
||||
//获取投保和被保人电子投保单签字状态
|
||||
that.appntSign.map(item => {
|
||||
if (item.documentCode == '2') {
|
||||
that.appntSignStatus = item.documentStatus
|
||||
}
|
||||
})
|
||||
that.insuredSign.map(item => {
|
||||
if (item.documentCode == '2') {
|
||||
that.insuredSignStatus = item.documentStatus
|
||||
}
|
||||
})
|
||||
}
|
||||
resolve('success')
|
||||
}
|
||||
})
|
||||
|
||||
Reference in New Issue
Block a user