From 8adc5b5f8085101034d3381213f82036ca46426a Mon Sep 17 00:00:00 2001 From: zhouhao <787329763@qq.com> Date: Mon, 10 Jan 2022 14:20:27 +0800 Subject: [PATCH] 修改合同预览 --- src/views/main/addBankcard.vue | 56 +++++++++++++++++++++++++++++++++++++------------------- 1 files changed, 37 insertions(+), 19 deletions(-) diff --git a/src/views/main/addBankcard.vue b/src/views/main/addBankcard.vue index dad736b..da68f11 100644 --- a/src/views/main/addBankcard.vue +++ b/src/views/main/addBankcard.vue @@ -4,7 +4,8 @@ <!-- <van-nav-bar :title="title" left-arrow @click-left="onClickLeft" /> --> <van-form validate-first ref="credRef"> <div class="bes-title"> - <div> 分销个人</div> + <div v-if="bizType==0 || bizType==1 && this.dataInfo.status==0"> 分销个人</div> + <div v-else> 分销主体</div> </div> <!-- <van-field v-model.trim="dataForm.bankCardNo" label="银行卡号" placeholder="请输入银行卡号" :rules="bankId" name="bankId" clearable> <template #button> @@ -15,10 +16,13 @@ <div v-if="this.bizType==0 && this.dataInfo.status==0 || this.dataInfo.status==0 && this.bizType==1"> <van-field v-model.trim="dataForm.name" label="姓名:" readonly /> <van-field v-model.trim="dataForm.idNo" label="身份证号:" readonly /> + <van-field v-model.trim="dataForm.mblNo" label="手机号:" readonly /> </div> <div v-else> - <van-field v-model.trim="dataForm.name" label="企业名称:" readonly /> - <van-field v-model.trim="dataForm.idNo" label="负责人姓名:" readonly /> + <van-field v-model.trim="dataForm.confName" label="企业名称:" readonly /> + <van-field v-model.trim="dataForm.name" label="负责人姓名:" readonly /> + <van-field v-model.trim="dataForm.idNo" label="负责人身份证号:" label-width="140px" readonly /> + <van-field v-model.trim="dataForm.mblNo" label="负责人手机号:" label-width="140px" readonly /> </div> <van-field v-model.trim="dataForm.verCode" center clearable label="短信验证码" :rules="codeRules" placeholder="请输入短信验证码"> <template #button> @@ -27,21 +31,21 @@ </van-field> <div class="index-title"> <van-checkbox v-model="checked" style="height:30px; margin-right:5px" checked-color="#6cc3bb"></van-checkbox> - <div v-if="bizType==0 && this.dataInfo.status==0" style="color:#999999;font-size:12px"> 阅读并同意<span style="border-bottom:1px solid #00F; color:#00F" @click="show=true">《信息授权函》</span>的签订</div> - <div v-if="bizType==1 && this.dataInfo.status==0" style="color:#999999;font-size:12px"> 阅读并同意<span style="border-bottom:1px solid #00F; color:#00F" @click="showx=true">《保理付款服务合同》</span>的签订</div> - <div v-if="bizType==1 && this.dataInfo.status==3" style="color:#999999;font-size:12px"> 阅读并同意<span style="border-bottom:1px solid #00F; color:#00F" @click="showx=true">《有追索权保理业务合同s》</span>的签订</div> + <div v-if="bizType==0 && this.dataInfo.status==0" style="color:#999999;font-size:12px"> 阅读并同意<span style="border-bottom:1px solid #00F; color:#00F" @click="contractBtn">《信息授权函》</span>的签订</div> + <div v-if="bizType==1 && this.dataInfo.status==0" style="color:#999999;font-size:12px"> 阅读并同意<span style="border-bottom:1px solid #00F; color:#00F" @click="contractBtn">《保理付款服务合同》</span>的签订</div> + <div v-if="bizType==1 && this.dataInfo.status==3" style="color:#999999;font-size:12px"> 阅读并同意<span style="border-bottom:1px solid #00F; color:#00F" @click="contractBtn">《有追索权保理业务合同s》</span>的签订</div> </div> <div style="margin: 16px;margin-top:30px"> <van-button round block color="#6cc3bb" @click="onFailed" native-type="submit">确认</van-button> </div> </van-form> <van-popup v-model="show"> - <div class="agreenBox"> + <!-- <div class="agreenBox"> <div class="agreen-html" v-html="agreementext"></div> <div class="close-agreen" @click="show = false"> <van-icon name="close" color="#c8c9cc" /> </div> - </div> + </div> --> </van-popup> <van-popup v-model="showx"> <div class="agreenBox"> @@ -64,6 +68,7 @@ import { repstr } from '../../../static/agreement1' import { repstrw } from '../../../static/agreement2' +import { ImagePreview } from 'vant'; export default { //import引入的组件需要注入到对象中才能使用 components: {}, @@ -83,6 +88,7 @@ isdisabled: false, show: false, showx: false, + contractUrl:[],//合同预览 bankName: '', showOverlay: false, bizId: this.$route.query.bizId, //订单编号 @@ -164,17 +170,15 @@ let objForm = { bizId: this.bizId, bizType: this.bizType } this.$api.getBizStatus(objForm).then(res => { this.dataInfo = res.body - if (this.dataInfo.status == 0) { + if (this.dataInfo.status == 0 || Number(this.bizType) == 1 && this.dataInfo.status == 3) { //待签约状态停留在当前页面 this.$api.getFrontData(objForm).then(res => { this.dataForm = res.body }) - } else if (this.dataInfo.status == 1 && Number(this.bizType) == 0 || this.dataInfo.status == 1 && Number(this.bizType) == 1 || this.dataInfo.status == 4 && Number(this.bizType) == 1) { - //获取人脸识别结果页面 - this.$router.push({ path: '/main/queryres', query: { ...objForm } }) - } else if(this.dataInfo.status == 2 && Number(this.bizType) == 0){ - // 完成授信个人人脸,待签署信息授权函 - this.$router.push({path:'/main/bancardsucces',query:{bizId:this.bizId,bizType:this.bizType}}) - } + }else if(this.dataInfo.status == 3 && Number(this.bizType) ==0 || this.dataInfo.status ==6 && Number(this.bizType) ==1 ){ //跳到合同已完成页面 + this.$router.push({path:'/main/bancardsucces',query:{bizId:this.bizId,bizType:this.bizType}}) + }else{ //跳到验证页面 + this.$router.push({ path: '/main/queryres', query: { ...objForm } }) + } }) }, onClickLeft() { @@ -194,7 +198,7 @@ } else { //生产 objUrl = `${window.location.origin}/comn_business/#/main/queryres?bizId=${this.bizId}&bizType=${this.bizType}` } - const objForm = { bizId: this.bizId, bizType: this.bizType, callbackUrl: objUrl } + const objForm = { bizId: this.bizId, bizType: this.bizType, callbackUrl: objUrl,verCode:this.dataForm.verCode } this.$api.getFaceUrl(objForm).then(res => { window.location.href = res.body.faceUrl }) @@ -243,11 +247,24 @@ getVerificationCode: function () { // 向服务器获取验证码 - this.$api.bankCardAuthMsg({ ...this.dataForm, orderId: this.orderId }).then(res => { - this.agreementextw = repstrw(this.dataObj.userName, this.dataObj.idNo, this.dataForm.bankCardMblNo, this.bankName, this.dataForm.bankCardNo); + this.$api.sendVerifyCode({bizId: this.bizId, bizType: this.bizType}).then(res => { + // this.agreementextw = repstrw(this.dataObj.userName, this.dataObj.idNo, this.dataForm.bankCardMblNo, this.bankName, this.dataForm.bankCardNo); this.$notify_success('验证码发送成功!') this.setTime() }) + }, + contractBtn(){ //查看合同 + let objUrl='' + if (process.env.NODE_ENV === "development") { //开发环境 + objUrl = `https://t.finlean.com` + } else{ //生产 + objUrl = `${window.location.origin}` + } + this.contractUrl=[] + this.contractUrl =this.dataForm.contractUrl.map(element => { + return element = objUrl+element + }) + ImagePreview(this.dataForm.contractUrl); }, //图片click imgClick: function () { @@ -322,6 +339,7 @@ duration:0, overlay:true, }) + this.setTime() this.bankCardNoInit() }, //生命周期 - 挂载完成(可以访问DOM元素) -- Gitblit v1.8.0