mirror of
http://112.124.100.131/GFRS/ebiz-h5.git
synced 2025-12-11 03:56:44 +08:00
完善银保代理人电子化合同签署页面的代码相关逻辑
This commit is contained in:
@@ -1,5 +1,6 @@
|
|||||||
//电子投保 定义相关组件
|
//电子投保 定义相关组件
|
||||||
const step1 = () => import('@/views/ebiz/YB_agentSign/step1')
|
const step1 = () => import('@/views/ebiz/YB_agentSign/step1')
|
||||||
|
const step2 = () => import('@/views/ebiz/YB_agentSign/step2')
|
||||||
let riskName = localStorage.riskName
|
let riskName = localStorage.riskName
|
||||||
export default [
|
export default [
|
||||||
{
|
{
|
||||||
@@ -7,8 +8,15 @@ export default [
|
|||||||
name: 'step1',
|
name: 'step1',
|
||||||
component: step1,
|
component: step1,
|
||||||
meta: {
|
meta: {
|
||||||
title: '银保代理人电子化合同签署',
|
title: '银保代理人电子化合同签署'
|
||||||
index: 1
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: '/YB_agentSign/step2',
|
||||||
|
name: 'step2',
|
||||||
|
component: step2,
|
||||||
|
meta: {
|
||||||
|
title: '银保代理人电子化合同签署'
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
]
|
]
|
||||||
|
|||||||
@@ -6,15 +6,15 @@
|
|||||||
</div>
|
</div>
|
||||||
<div style="margin-top: 120px;">
|
<div style="margin-top: 120px;">
|
||||||
<van-cell-group>
|
<van-cell-group>
|
||||||
<van-field v-model="name" label="姓名" />
|
<van-field v-model="name" v-validate="'required|salename'" label="姓名" />
|
||||||
<van-field v-model="idNo" label="身份证号" />
|
<van-field v-model="idNo" v-validate="'required|idNo'" label="身份证号" maxlength="18"/>
|
||||||
</van-cell-group>
|
</van-cell-group>
|
||||||
</div>
|
</div>
|
||||||
<van-button type="danger" class="bottom-btn" @click="nextStep" v-no-more-click="1000">确定</van-button>
|
<van-button type="danger" class="bottom-btn" @click="nextStep" v-no-more-click="1000">确定</van-button>
|
||||||
<van-dialog class="text-center" v-model="isCaptchaModalShow" title="请输入验证码" :before-close="onCaptchaConfirm">
|
<van-dialog class="text-center" v-model="isCaptchaModalShow" title="请输入验证码" :before-close="onCaptchaConfirm">
|
||||||
<div style="margin-top: 20px;margin-bottom: 20px;">
|
<div style="margin-top: 20px;margin-bottom: 20px;">
|
||||||
<van-field v-model="mobile" label="手机号码" />
|
<van-field v-model="mobile" label="手机号码" readonly/>
|
||||||
<van-field v-model="code" type="number" :maxlength="6" center clearable label="短信验证码" placeholder="请输入短信验证码">
|
<van-field v-model="code" type="number" v-validate="'required|onlyNumber'" maxlength="6" center clearable label="短信验证码" placeholder="请输入短信验证码">
|
||||||
<template #button>
|
<template #button>
|
||||||
<van-button size="small" type="danger" :disabled="countDownNum !== 0" @click="getCaptcha">{{
|
<van-button size="small" type="danger" :disabled="countDownNum !== 0" @click="getCaptcha">{{
|
||||||
countDownNum === 0 ? '获取验证码' : countDownNum | countDownText
|
countDownNum === 0 ? '获取验证码' : countDownNum | countDownText
|
||||||
@@ -23,6 +23,11 @@
|
|||||||
</van-field>
|
</van-field>
|
||||||
</div>
|
</div>
|
||||||
</van-dialog>
|
</van-dialog>
|
||||||
|
<van-dialog class="text-center nobutton" v-model="isNoButtonModalShow" title="提示">
|
||||||
|
<div style="margin-top: 20px;margin-bottom: 70px;margin-top: 50px;">
|
||||||
|
<span>系统不存在该人员或已离职!</span>
|
||||||
|
</div>
|
||||||
|
</van-dialog>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
@@ -40,31 +45,31 @@ export default {
|
|||||||
name:'',
|
name:'',
|
||||||
idNo:'',
|
idNo:'',
|
||||||
isCaptchaModalShow:false,
|
isCaptchaModalShow:false,
|
||||||
mobile:'15924432886',
|
isNoButtonModalShow: false,
|
||||||
|
mobile:'',
|
||||||
|
oldmobile:'15924432886',
|
||||||
code:'',
|
code:'',
|
||||||
countDownNum: 0,
|
countDownNum: 0,
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
this.mobile = this.dataMaskingMobile(this.mobile)
|
this.mobile = this.dataMaskingMobile(this.oldmobile)
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
nextStep(){
|
async nextStep(){
|
||||||
if(!this.name){
|
let valid = await this.$validator.validate()
|
||||||
this.$toast('请填写姓名');
|
if (true === valid) {
|
||||||
return false
|
this.isCaptchaModalShow = true
|
||||||
|
// this.isNoButtonModalShow = true
|
||||||
|
} else {
|
||||||
|
return this.$toast(this.$validator.errors.all()[0])
|
||||||
}
|
}
|
||||||
if(!this.idNo){
|
|
||||||
this.$toast('请填写身份证号');
|
|
||||||
return false
|
|
||||||
}
|
|
||||||
this.isCaptchaModalShow = true
|
|
||||||
},
|
},
|
||||||
async getCaptcha() {
|
async getCaptcha() {
|
||||||
let data = {
|
let data = {
|
||||||
operateType: 'appntInfoEntry',
|
operateType: 'appntInfoEntry',
|
||||||
type: 'H5',
|
type: 'H5',
|
||||||
operateCode: this.mobile,
|
operateCode: this.oldmobile,
|
||||||
system: 'agentApp',
|
system: 'agentApp',
|
||||||
operateCodeType: '0'
|
operateCodeType: '0'
|
||||||
}
|
}
|
||||||
@@ -86,8 +91,8 @@ export default {
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
onCaptchaConfirm(){
|
onCaptchaConfirm(){
|
||||||
console.log('123')
|
|
||||||
this.isCaptchaModalShow = false
|
this.isCaptchaModalShow = false
|
||||||
|
this.$router.push({ path: '/YB_agentSign/step2' })
|
||||||
},
|
},
|
||||||
dataMaskingMobile(mobile) {
|
dataMaskingMobile(mobile) {
|
||||||
let str = ''
|
let str = ''
|
||||||
@@ -130,4 +135,9 @@ export default {
|
|||||||
text-align: left;
|
text-align: left;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.nobutton{
|
||||||
|
/deep/ .van-dialog__footer{
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -11,8 +11,8 @@
|
|||||||
</van-radio-group>
|
</van-radio-group>
|
||||||
<div class='pt30 pl30 flex align-items-c'>
|
<div class='pt30 pl30 flex align-items-c'>
|
||||||
<span class='mr10'>投保人签名 :</span>
|
<span class='mr10'>投保人签名 :</span>
|
||||||
<van-button type='danger' size='small' :disabled="signStatus == '1' ? true : isDisable" @click="sign" v-no-more-click='1000'>
|
<van-button type='danger' size='small' :disabled="signVal == '1' ? true : isDisable" @click="sign" v-no-more-click='1000'>
|
||||||
{{signStatus == '2' ? '签名' : '已签名' }}
|
{{signStatus == '1' ? '签名' : '已签名' }}
|
||||||
</van-button>
|
</van-button>
|
||||||
</div>
|
</div>
|
||||||
<div class='bg-white bottom-btn'>
|
<div class='bg-white bottom-btn'>
|
||||||
@@ -28,14 +28,17 @@
|
|||||||
data() {
|
data() {
|
||||||
let isWeixin = this.$utils.device().isWeixin //判断环境
|
let isWeixin = this.$utils.device().isWeixin //判断环境
|
||||||
return {
|
return {
|
||||||
time:'10',
|
time:'2',
|
||||||
radio: '',
|
radio: '',
|
||||||
number: '',
|
number: '',
|
||||||
src: location.origin + '/pdfjs/web/viewer.html?file=',
|
src: location.origin + '/pdfjs/web/viewer.html?file=',
|
||||||
pdfUrl: '',
|
pdfUrl: '',
|
||||||
signStatus: '',
|
signVal: '2',
|
||||||
|
base64: '',
|
||||||
|
signStatus: '1',
|
||||||
isDisable: true,
|
isDisable: true,
|
||||||
isDisabledComplite:true,
|
isDisabledComplite:true,
|
||||||
|
isOver: false,
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
components: {
|
components: {
|
||||||
@@ -48,7 +51,9 @@
|
|||||||
this.timeOut()
|
this.timeOut()
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
|
let thispolicyUrl = "Ra4LpmZv2h6FrwZPS48QIETiI2AcWWLx6RavVjoAkoMO3QJwd%2BpYNd%2BhiCehCCFibahgDp%2FtP6UD%0A6vy8eKAAs4hhrh0dSyUouHrBpcu%2FGM6VGLphInLPv0HGtHpZ3OhD"
|
||||||
document.body.style.backgroundColor = '#fff'
|
document.body.style.backgroundColor = '#fff'
|
||||||
|
this.pdfUrl = encodeURIComponent(config.imgDomain + `/returnDirectStream?imgPath=${thispolicyUrl}`)
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
// 点击阅读时
|
// 点击阅读时
|
||||||
@@ -83,18 +88,18 @@
|
|||||||
}, 1000)
|
}, 1000)
|
||||||
},
|
},
|
||||||
sign() {
|
sign() {
|
||||||
this.$toast.loading({
|
// this.$toast.loading({
|
||||||
duration: 0, // 持续展示 toast
|
// duration: 0, // 持续展示 toast
|
||||||
forbidClick: true, // 禁用背景点击
|
// forbidClick: true, // 禁用背景点击
|
||||||
loadingType: 'spinner',
|
// loadingType: 'spinner',
|
||||||
message: '加载中……'
|
// message: '加载中……'
|
||||||
})
|
// })
|
||||||
EWebBridge.webCallAppInJs('ca_sign', {
|
EWebBridge.webCallAppInJs('ca_sign', {
|
||||||
//身份证号码
|
//身份证号码
|
||||||
number: this.saleInsuredInfo.idNo,
|
number: '150429199106185911',
|
||||||
//姓名
|
//姓名
|
||||||
name: this.saleInsuredInfo.name,
|
name: '刘晓峰',
|
||||||
type: this.saleInsuredInfo.idType,
|
type: '1',
|
||||||
keyword: '签字日期',
|
keyword: '签字日期',
|
||||||
pageNo: '1',
|
pageNo: '1',
|
||||||
index: '1',
|
index: '1',
|
||||||
@@ -103,12 +108,10 @@
|
|||||||
signatureWidth: this.$utils.signParams().signatureWidth,
|
signatureWidth: this.$utils.signParams().signatureWidth,
|
||||||
signatureHeight: this.$utils.signParams().signatureHeight
|
signatureHeight: this.$utils.signParams().signatureHeight
|
||||||
}).then(data => {
|
}).then(data => {
|
||||||
this.$toast.clear()
|
// this.$toast.clear()
|
||||||
if (JSON.parse(data).state == '1') {
|
if (JSON.parse(data).state == '1') {
|
||||||
this.base64 = decodeURI(JSON.parse(data).sign)
|
this.base64 = decodeURI(JSON.parse(data).sign)
|
||||||
this.appntSign.documentStatus = '3'
|
|
||||||
this.isDisabledComplite = false
|
this.isDisabledComplite = false
|
||||||
this.isSign = false
|
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
@@ -117,10 +120,46 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
|
listenChange() {
|
||||||
|
const { isOver, radio, appntSign } = this
|
||||||
|
return { isOver, radio, appntSign }
|
||||||
|
}
|
||||||
},
|
},
|
||||||
watch: {
|
watch: {
|
||||||
|
listenChange(val) {
|
||||||
|
let that = this
|
||||||
|
if (!that.isWeixin) {
|
||||||
|
if (that.signVal == '0' || that.signVal == '2') {
|
||||||
|
if (val.isOver == true && val.radio != '' && val.signStatus !== '3') {
|
||||||
|
that.isDisable = false
|
||||||
|
} else {
|
||||||
|
that.isDisable = true
|
||||||
|
}
|
||||||
|
|
||||||
|
if (that.radio == '1' && val.signStatus == '3') {
|
||||||
|
that.isDisabledComplite = false
|
||||||
|
} else {
|
||||||
|
that.isDisabledComplite = true
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if (val.signStatus == '3') {
|
||||||
|
that.isDisable = true
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
if (that.signVal == '0' || that.signVal == '2') {
|
||||||
|
if (val.isOver == true && val.radio != '') {
|
||||||
|
that.isDisable = false
|
||||||
|
} else {
|
||||||
|
that.isDisable = true
|
||||||
|
}
|
||||||
|
if (that.radio == '1' && val.signStatus == '3') {
|
||||||
|
that.isDisabledComplite = false
|
||||||
|
} else {
|
||||||
|
that.isDisabledComplite = true
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
beforeRouteLeave(to, from, next) {
|
beforeRouteLeave(to, from, next) {
|
||||||
|
|||||||
@@ -7,8 +7,8 @@
|
|||||||
<div v-if="isWeixin" class="bg-white mt10 p20 fs14 tips">
|
<div v-if="isWeixin" class="bg-white mt10 p20 fs14 tips">
|
||||||
<p>
|
<p>
|
||||||
尊敬的
|
尊敬的
|
||||||
<span>{{ tipsName }}</span>
|
<span>{{ tipsName }}</span
|
||||||
先生/女士,您好!
|
>先生/女士,您好!
|
||||||
</p>
|
</p>
|
||||||
<p>该保单由国富人寿保险股份有限公司进行承保,具体确认信息如下:</p>
|
<p>该保单由国富人寿保险股份有限公司进行承保,具体确认信息如下:</p>
|
||||||
</div>
|
</div>
|
||||||
@@ -47,9 +47,16 @@
|
|||||||
</div>
|
</div>
|
||||||
<p class="start" v-if="airSign != '1'">点击【开始】,进行相关操作</p>
|
<p class="start" v-if="airSign != '1'">点击【开始】,进行相关操作</p>
|
||||||
<div v-if="!isInvalid" class="flex justify-content-a mt20">
|
<div v-if="!isInvalid" class="flex justify-content-a mt20">
|
||||||
<van-button type="danger" size="normal" class="w150" plain :disabled="changeCard ? agentSign.documentStatus == '1' : agentSignStatus == '3'" v-no-more-click="1000" @click="start_agent('3')">
|
<van-button
|
||||||
开始
|
type="danger"
|
||||||
</van-button>
|
size="normal"
|
||||||
|
class="w150"
|
||||||
|
plain
|
||||||
|
:disabled="changeCard ? agentSign.documentStatus == '1' : agentSignStatus == '3'"
|
||||||
|
v-no-more-click="1000"
|
||||||
|
@click="start_agent('3')"
|
||||||
|
>开始</van-button
|
||||||
|
>
|
||||||
</div>
|
</div>
|
||||||
<div class="text" v-else>操作时间已失效,请联系销售人员!</div>
|
<div class="text" v-else>操作时间已失效,请联系销售人员!</div>
|
||||||
</van-collapse-item>
|
</van-collapse-item>
|
||||||
@@ -82,13 +89,28 @@
|
|||||||
</div>
|
</div>
|
||||||
<p class="start" v-if="airSign != '1'">点击【开始】或【分享】,进行相关操作</p>
|
<p class="start" v-if="airSign != '1'">点击【开始】或【分享】,进行相关操作</p>
|
||||||
<div v-if="!isInvalid" class="flex justify-content-a mt20">
|
<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
|
||||||
分享
|
v-if="isShow"
|
||||||
</van-button>
|
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
|
||||||
开始
|
type="danger"
|
||||||
</van-button>
|
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>
|
||||||
<div class="text" v-else>操作时间已失效,请联系销售人员!</div>
|
<div class="text" v-else>操作时间已失效,请联系销售人员!</div>
|
||||||
</van-collapse-item>
|
</van-collapse-item>
|
||||||
@@ -112,12 +134,20 @@
|
|||||||
</div>
|
</div>
|
||||||
<p class="start" v-if="airSign != '1'">点击【开始】或【分享】,进行相关操作</p>
|
<p class="start" v-if="airSign != '1'">点击【开始】或【分享】,进行相关操作</p>
|
||||||
<div v-if="!isInvalid" class="flex justify-content-a mt20">
|
<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
|
||||||
分享
|
v-if="isShow"
|
||||||
</van-button>
|
type="danger"
|
||||||
<van-button type="danger" size="normal" plain class="w150" :disabled="insuredSignStatus == '3'" @click="start_ocr('1')" v-no-more-click="1000">
|
size="normal"
|
||||||
开始
|
class="w150"
|
||||||
</van-button>
|
: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>
|
||||||
<div class="text" v-else>操作时间已失效,请联系销售人员!</div>
|
<div class="text" v-else>操作时间已失效,请联系销售人员!</div>
|
||||||
</van-collapse-item>
|
</van-collapse-item>
|
||||||
@@ -153,9 +183,16 @@
|
|||||||
</div>
|
</div>
|
||||||
<p class="start" v-if="airSign != '1'">点击【开始】或【分享】,进行相关操作</p>
|
<p class="start" v-if="airSign != '1'">点击【开始】或【分享】,进行相关操作</p>
|
||||||
<div v-if="!isInvalid" class="flex justify-content-a mt20">
|
<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
|
||||||
开始
|
type="danger"
|
||||||
</van-button>
|
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>
|
||||||
<div class="text" v-else>操作时间已失效,请联系销售人员!</div>
|
<div class="text" v-else>操作时间已失效,请联系销售人员!</div>
|
||||||
</van-collapse-item>
|
</van-collapse-item>
|
||||||
@@ -179,9 +216,16 @@
|
|||||||
</div>
|
</div>
|
||||||
<p class="start" v-if="airSign != '1'">点击【开始】或【分享】,进行相关操作</p>
|
<p class="start" v-if="airSign != '1'">点击【开始】或【分享】,进行相关操作</p>
|
||||||
<div v-if="!isInvalid" class="flex justify-content-a mt20">
|
<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
|
||||||
开始
|
type="danger"
|
||||||
</van-button>
|
size="normal"
|
||||||
|
plain
|
||||||
|
style="width: 157px"
|
||||||
|
:disabled="insuredSignStatus == '3'"
|
||||||
|
@click="start_ocr('1')"
|
||||||
|
v-no-more-click="1000"
|
||||||
|
>开始</van-button
|
||||||
|
>
|
||||||
</div>
|
</div>
|
||||||
<div class="text" v-else>操作时间已失效,请联系销售人员!</div>
|
<div class="text" v-else>操作时间已失效,请联系销售人员!</div>
|
||||||
</van-collapse-item>
|
</van-collapse-item>
|
||||||
@@ -192,17 +236,27 @@
|
|||||||
<div v-if="!isWeixin">
|
<div v-if="!isWeixin">
|
||||||
<div v-if="changeCard">
|
<div v-if="changeCard">
|
||||||
<div class="bottom-btn bg-white" v-if="appntSign.documentStatus == '1'">
|
<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
|
||||||
支付
|
type="danger"
|
||||||
</van-button>
|
v-if="relationToAppnt == '1' ? true : appntSign.documentStatus == '1' ? true : false"
|
||||||
|
size="large"
|
||||||
|
@click="rePayMent"
|
||||||
|
v-no-more-click="1000"
|
||||||
|
>支付</van-button
|
||||||
|
>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div v-else>
|
<div v-else>
|
||||||
<!--判断代理人自保件承诺书是否签名 或者不是自保件 投保人是否都签名-->
|
<!--判断代理人自保件承诺书是否签名 或者不是自保件 投保人是否都签名-->
|
||||||
<div class="bottom-btn bg-white" v-if="(agentSignStatus == '3'&& appntSignStatus == '3')||(agentSignStatus == ''&& appntSignStatus == '3')">
|
<div class="bottom-btn bg-white" v-if="(agentSignStatus == '3'&& appntSignStatus == '3')||(agentSignStatus == ''&& 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
|
||||||
提交
|
type="danger"
|
||||||
</van-button>
|
v-if="relationToAppnt == '1' ? true : insuredSignStatus == '3' ? true : false"
|
||||||
|
size="large"
|
||||||
|
@click="next"
|
||||||
|
v-no-more-click="1000"
|
||||||
|
>提交</van-button
|
||||||
|
>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -210,7 +264,13 @@
|
|||||||
<!-- <video controls style="width: 100%; max-height: calc(100vh - 60px)" src="/app/video/rlsb.mp4"></video> -->
|
<!-- <video controls style="width: 100%; max-height: calc(100vh - 60px)" src="/app/video/rlsb.mp4"></video> -->
|
||||||
<div class="" v-if="videoShow" style="height: calc(100vh - 60px); display: flex; align-items: center; flex-flow: column; justify-content: center">
|
<div class="" v-if="videoShow" style="height: calc(100vh - 60px); display: flex; align-items: center; flex-flow: column; justify-content: center">
|
||||||
<!-- <van-notice-bar :scrollable="false" class="notice" style="width: 100%">为维护您的合法权益,请您务必观看防范销售误导视频。</van-notice-bar> -->
|
<!-- <van-notice-bar :scrollable="false" class="notice" style="width: 100%">为维护您的合法权益,请您务必观看防范销售误导视频。</van-notice-bar> -->
|
||||||
<video controls style="width: 100%; max-height: calc(100vh - 60px)" :src="'https://gf-dev-202005-1254138932.cos.ap-shanghai-fsi.myqcloud.com/gfapp/pub01/2021/04/28/guofulive.MP4'" ref="vid" @timeupdate="timeupdate"></video>
|
<video
|
||||||
|
controls
|
||||||
|
style="width: 100%; max-height: calc(100vh - 60px)"
|
||||||
|
:src="'https://gf-dev-202005-1254138932.cos.ap-shanghai-fsi.myqcloud.com/gfapp/pub01/2021/04/28/guofulive.MP4'"
|
||||||
|
ref="vid"
|
||||||
|
@timeupdate="timeupdate"
|
||||||
|
></video>
|
||||||
</div>
|
</div>
|
||||||
<div class="bottom-btn bg-white">
|
<div class="bottom-btn bg-white">
|
||||||
<van-button type="danger" size="large" @click="isVideoUrlClick()" v-no-more-click="1000">下一步</van-button>
|
<van-button type="danger" size="large" @click="isVideoUrlClick()" v-no-more-click="1000">下一步</van-button>
|
||||||
@@ -226,16 +286,18 @@
|
|||||||
}}</van-button>
|
}}</van-button>
|
||||||
</van-cell-group>
|
</van-cell-group>
|
||||||
</van-dialog>
|
</van-dialog>
|
||||||
<van-dialog v-model="thisnewpeopledialogshow" title="提示" confirmButtonText="确定">
|
<!-- <UploadImageFile
|
||||||
<div style="padding: 20px;font-size: 14px;padding-top: 0px;">
|
:typeface="idcardData.typeface && faceAuthCount.weixin < smsAuthNum"
|
||||||
<div style="line-height: 25px;letter-spacing: 1px;">尊敬的客户您好!</div>
|
:realName="idcardData.idcardName"
|
||||||
<div style="line-height: 25px;letter-spacing: 1px;text-indent: 2em;">感谢您投保我公司“爱心保/安心保”产品,在本保险合同生效后被保险人将获得一份专属的健康管理服务,详情请登录公司官方微信公众号“国富人寿保险”>发现国富>新市民专区 查询或拨打公司客服热线400-694-6688咨询,本服务为无偿提供。</div>
|
:idno="idcardData.idcardNumber"
|
||||||
</div>
|
@sendimage="sendimage"
|
||||||
</van-dialog>
|
>
|
||||||
|
</UploadImageFile> -->
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
// import UploadImageFile from '@/components/ebiz/sale/UploadImageFile'
|
||||||
import { Field, Cell, CellGroup, Collapse, CollapseItem, Dialog, NoticeBar } from 'vant'
|
import { Field, Cell, CellGroup, Collapse, CollapseItem, Dialog, NoticeBar } from 'vant'
|
||||||
import {
|
import {
|
||||||
underWrite,
|
underWrite,
|
||||||
@@ -259,7 +321,6 @@ export default {
|
|||||||
data() {
|
data() {
|
||||||
let isWeixin = this.$utils.device().isWeixin //判断环境
|
let isWeixin = this.$utils.device().isWeixin //判断环境
|
||||||
return {
|
return {
|
||||||
thisnewpeopledialogshow: false,
|
|
||||||
isInsuYearFlag: false, //是否为长期险
|
isInsuYearFlag: false, //是否为长期险
|
||||||
isVideo: false, //是否已阅读视频
|
isVideo: false, //是否已阅读视频
|
||||||
isVideoNext: false,
|
isVideoNext: false,
|
||||||
@@ -269,7 +330,7 @@ export default {
|
|||||||
timeId: null, // 计时器ID
|
timeId: null, // 计时器ID
|
||||||
countDown: 60, // 倒计时
|
countDown: 60, // 倒计时
|
||||||
authCode: '', // 验证码
|
authCode: '', // 验证码
|
||||||
smsAuthNum: 2,
|
smsAuthNum: 3,
|
||||||
operaFlag: null,
|
operaFlag: null,
|
||||||
encyCustomerMobile: null,
|
encyCustomerMobile: null,
|
||||||
sid: null,
|
sid: null,
|
||||||
@@ -465,55 +526,57 @@ export default {
|
|||||||
this.relationToAppnt = this.$route.query.relationToAppnt
|
this.relationToAppnt = this.$route.query.relationToAppnt
|
||||||
this.isShow = false
|
this.isShow = false
|
||||||
await this.getOrderDetail()
|
await this.getOrderDetail()
|
||||||
if (
|
|
||||||
(this.appntSignStatus == '3' && sessionStorage.getItem('shareCode') == '0') ||
|
|
||||||
(this.appntSignStatus == '3' && sessionStorage.getItem('shareCode') == '2')
|
|
||||||
) {
|
|
||||||
// this.$toast('签名成功,请联系业务员进行后续流程!')
|
|
||||||
Dialog.alert({ title: '提示', message: '签名成功,请联系业务员进行后续流程!' })
|
|
||||||
} else if (this.insuredSignStatus == '3' && sessionStorage.getItem('shareCode') == '1') {
|
|
||||||
Dialog.alert({ title: '提示', message: '签名成功,请联系业务员进行后续流程!' })
|
|
||||||
}
|
|
||||||
if (this.changeCard && this.appntSign.documentStatus == '1') {
|
|
||||||
Dialog.alert({ title: '提示', message: '确认完成,请联系业务员完成后续流程!' })
|
|
||||||
}
|
|
||||||
// localStorage['faceAuthWeXin-requestId'] localStorage['faceAuthWeXin-bizToken']--微信端人脸识别获取腾讯认证url接口获得,认证相关参数
|
|
||||||
if (localStorage['faceAuthWeXin-requestId'] && localStorage['faceAuthWeXin-bizToken'] && this.$route.query.faceAuthCountWeixin != undefined) {
|
|
||||||
this.getRecognitionResult(JSON.parse(localStorage['faceAuthWeXin-requestId']), JSON.parse(localStorage['faceAuthWeXin-bizToken']))
|
|
||||||
}
|
|
||||||
|
|
||||||
if (sessionStorage.shareCode == '1') {
|
console.log('初始化this.appntSign ==', this.appntSign)
|
||||||
console.log('进来被保险人')
|
if (
|
||||||
this.tipsName = JSON.parse(this.$CacheUtils.getLocItem('saleInsuredPersonInfo')).name
|
(this.appntSignStatus == '3' && sessionStorage.getItem('shareCode') == '0') ||
|
||||||
} else if(sessionStorage.shareCode == '3'){
|
(this.appntSignStatus == '3' && sessionStorage.getItem('shareCode') == '2')
|
||||||
console.log('进来代理人')
|
) {
|
||||||
this.tipsName =this.recmd.name
|
// this.$toast('签名成功,请联系业务员进行后续流程!')
|
||||||
}else {
|
Dialog.alert({ title: '提示', message: '签名成功,请联系业务员进行后续流程!' })
|
||||||
console.log('进来投保人')
|
} else if (this.insuredSignStatus == '3' && sessionStorage.getItem('shareCode') == '1') {
|
||||||
this.tipsName = JSON.parse(this.$CacheUtils.getLocItem('saleInsuredInfo')).name
|
Dialog.alert({ title: '提示', message: '签名成功,请联系业务员进行后续流程!' })
|
||||||
// console.log('localStorage.saleInsuredInfo', localStorage.saleInsuredInfo)
|
}
|
||||||
// console.log('localStorage.saleInsuredInfo.name', localStorage.saleInsuredInfo.name)
|
if (this.changeCard && this.appntSign.documentStatus == '1') {
|
||||||
// console.log('this.tipName', this.tipsName)
|
Dialog.alert({ title: '提示', message: '确认完成,请联系业务员完成后续流程!' })
|
||||||
}
|
}
|
||||||
weixinShare({
|
// localStorage['faceAuthWeXin-requestId'] localStorage['faceAuthWeXin-bizToken']--微信端人脸识别获取腾讯认证url接口获得,认证相关参数
|
||||||
title: '国富人寿计划书',
|
if (localStorage['faceAuthWeXin-requestId'] && localStorage['faceAuthWeXin-bizToken'] && this.$route.query.faceAuthCountWeixin != undefined) {
|
||||||
imgUrl: 'http://47.96.143.111:8000/app/images/logo.png',
|
this.getRecognitionResult(JSON.parse(localStorage['faceAuthWeXin-requestId']), JSON.parse(localStorage['faceAuthWeXin-bizToken']))
|
||||||
desc: '国富为您量身定制的保险产品,请查收'
|
}
|
||||||
})
|
|
||||||
// let params = {
|
|
||||||
// orderNo: ''
|
|
||||||
// }
|
|
||||||
this.faceAuthCount.appnt = this.$route.query.faceAuthCountAppnt == undefined ? 0 : Number(this.$route.query.faceAuthCountAppnt)
|
|
||||||
this.faceAuthCount.insured = this.$route.query.faceAuthCountInsured == undefined ? 0 : Number(this.$route.query.faceAuthCountInsured)
|
|
||||||
this.faceAuthCount.weixin = this.$route.query.faceAuthCountWeixin == undefined ? 0 : Number(this.$route.query.faceAuthCountWeixin)
|
|
||||||
} else {
|
|
||||||
// 获取详情消息
|
|
||||||
|
|
||||||
this.getOrderDetail()
|
if (sessionStorage.shareCode == '1') {
|
||||||
this.getSignInvalid()
|
console.log('进来被保险人')
|
||||||
this.isShow = true
|
this.tipsName = JSON.parse(this.$CacheUtils.getLocItem('saleInsuredPersonInfo')).name
|
||||||
}
|
} else if(sessionStorage.shareCode == '3'){
|
||||||
},
|
console.log('进来代理人')
|
||||||
|
this.tipsName =this.recmd.name
|
||||||
|
}else {
|
||||||
|
console.log('进来投保人')
|
||||||
|
this.tipsName = JSON.parse(this.$CacheUtils.getLocItem('saleInsuredInfo')).name
|
||||||
|
// console.log('localStorage.saleInsuredInfo', localStorage.saleInsuredInfo)
|
||||||
|
// console.log('localStorage.saleInsuredInfo.name', localStorage.saleInsuredInfo.name)
|
||||||
|
// console.log('this.tipName', this.tipsName)
|
||||||
|
}
|
||||||
|
weixinShare({
|
||||||
|
title: '国富人寿计划书',
|
||||||
|
imgUrl: 'http://47.96.143.111:8000/app/images/logo.png',
|
||||||
|
desc: '国富为您量身定制的保险产品,请查收'
|
||||||
|
})
|
||||||
|
// let params = {
|
||||||
|
// orderNo: ''
|
||||||
|
// }
|
||||||
|
this.faceAuthCount.appnt = this.$route.query.faceAuthCountAppnt == undefined ? 0 : Number(this.$route.query.faceAuthCountAppnt)
|
||||||
|
this.faceAuthCount.insured = this.$route.query.faceAuthCountInsured == undefined ? 0 : Number(this.$route.query.faceAuthCountInsured)
|
||||||
|
this.faceAuthCount.weixin = this.$route.query.faceAuthCountWeixin == undefined ? 0 : Number(this.$route.query.faceAuthCountWeixin)
|
||||||
|
} else {
|
||||||
|
// 获取详情消息
|
||||||
|
|
||||||
|
this.getOrderDetail()
|
||||||
|
this.getSignInvalid()
|
||||||
|
this.isShow = true
|
||||||
|
}
|
||||||
|
},
|
||||||
// 获取消息和阅读状态
|
// 获取消息和阅读状态
|
||||||
realPeopelCheck() {
|
realPeopelCheck() {
|
||||||
this.$toast.loading({
|
this.$toast.loading({
|
||||||
@@ -1353,19 +1416,6 @@ export default {
|
|||||||
},
|
},
|
||||||
// 获取消息和阅读状态
|
// 获取消息和阅读状态
|
||||||
getOrderDetail() {
|
getOrderDetail() {
|
||||||
if(!this.$route.query.orderNo || this.$route.query.orderNo == 'undefined'){
|
|
||||||
Dialog.confirm({
|
|
||||||
title: '提示',
|
|
||||||
message: '订单号信息缺失,跳转订单系统重新获取',
|
|
||||||
showCancelButton: false
|
|
||||||
}).then(() => {
|
|
||||||
this.$router.push({
|
|
||||||
path:'/sale/list'
|
|
||||||
})
|
|
||||||
})
|
|
||||||
return false
|
|
||||||
}
|
|
||||||
|
|
||||||
let that = this
|
let that = this
|
||||||
this.$toast.loading({
|
this.$toast.loading({
|
||||||
// 持续展示 toast
|
// 持续展示 toast
|
||||||
@@ -1484,28 +1534,28 @@ export default {
|
|||||||
this.saleInsuredInfo = JSON.parse(this.$CacheUtils.getLocItem('saleInsuredInfo'))
|
this.saleInsuredInfo = JSON.parse(this.$CacheUtils.getLocItem('saleInsuredInfo'))
|
||||||
this.relationToAppnt = this.saleInsuredPersonInfo.relationToAppnt //将缓存中的与被保险人关系赋值给页面
|
this.relationToAppnt = this.saleInsuredPersonInfo.relationToAppnt //将缓存中的与被保险人关系赋值给页面
|
||||||
|
|
||||||
that.recmd = res.orderDTO.recmdDTO
|
that.recmd = res.orderDTO.recmdDTO
|
||||||
that.orderInfo = res.orderDTO.orderInfoDTO
|
that.orderInfo = res.orderDTO.orderInfoDTO
|
||||||
that.insured = res.orderDTO.insuredDTOs
|
that.insured = res.orderDTO.insuredDTOs
|
||||||
// 初始化RID状态
|
// 初始化RID状态
|
||||||
this.realPeopleRidInfo.appntRidFlag = res.orderDTO.appntDTO.ridStatus
|
this.realPeopleRidInfo.appntRidFlag = res.orderDTO.appntDTO.ridStatus
|
||||||
this.realPeopleRidInfo.insureRidFlag = res.orderDTO.insuredDTOs[0].ridStatus
|
this.realPeopleRidInfo.insureRidFlag = res.orderDTO.insuredDTOs[0].ridStatus
|
||||||
//存code区分万能型产品
|
//存code区分万能型产品
|
||||||
let productCode, riskName
|
let productCode, riskName
|
||||||
let isDoubleMailRisk = that.orderInfo.isDoubleMailRisk
|
let isDoubleMailRisk = that.orderInfo.isDoubleMailRisk
|
||||||
if (isDoubleMailRisk == '1') {
|
if (isDoubleMailRisk == '1') {
|
||||||
productCode = 'GFRS_M0017'
|
productCode = 'GFRS_M0017'
|
||||||
riskName = res.orderDTO.insuredDTOs[0].riskDTOLst[1].riskName
|
riskName = res.orderDTO.insuredDTOs[0].riskDTOLst[1].riskName
|
||||||
} else {
|
} else {
|
||||||
productCode = that.insured[0].riskDTOLst[0].mainRiskCode
|
productCode = that.insured[0].riskDTOLst[0].mainRiskCode
|
||||||
riskName = res.orderDTO.insuredDTOs[0].riskDTOLst[0].riskName
|
riskName = res.orderDTO.insuredDTOs[0].riskDTOLst[0].riskName
|
||||||
}
|
}
|
||||||
if (that.orderInfo && that.orderInfo.activeType) {
|
if (that.orderInfo && that.orderInfo.activeType) {
|
||||||
that.$CacheUtils.setLocItem('activeType',that.orderInfo.activeType)
|
that.$CacheUtils.setLocItem('activeType',that.orderInfo.activeType)
|
||||||
}
|
}
|
||||||
localStorage.setItem('productCode', productCode)
|
localStorage.setItem('productCode', productCode)
|
||||||
this.riskName = riskName
|
this.riskName = riskName
|
||||||
localStorage.setItem('riskName', riskName)
|
localStorage.setItem('riskName', riskName)
|
||||||
|
|
||||||
if (this.relationToAppnt != '1') {
|
if (this.relationToAppnt != '1') {
|
||||||
this.activeNames.push(res.orderDTO.insuredDTOs.length + 1)
|
this.activeNames.push(res.orderDTO.insuredDTOs.length + 1)
|
||||||
@@ -1576,21 +1626,8 @@ export default {
|
|||||||
}
|
}
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
if(res.orderDTO.orderInfoDTO.productCode == 'GFRS_M0076' || res.orderDTO.orderInfoDTO.productCode == 'GFRS_M0077') {
|
|
||||||
that.thisnewpeopledialogshow = true
|
|
||||||
}
|
|
||||||
resolve('success')
|
resolve('success')
|
||||||
} else {
|
}
|
||||||
Dialog.confirm({
|
|
||||||
title: '提示',
|
|
||||||
message: res.resultMessage,
|
|
||||||
showCancelButton: false
|
|
||||||
}).then(() => {
|
|
||||||
this.$router.push({
|
|
||||||
path:'/sale/list'
|
|
||||||
})
|
|
||||||
})
|
|
||||||
}
|
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
|
|||||||
Reference in New Issue
Block a user