From 38bf5b0367e159dff3a5e1105dcc8cdbcbc9b8c8 Mon Sep 17 00:00:00 2001 From: zhouhao <787329763@qq.com> Date: Mon, 10 Jan 2022 15:05:30 +0800 Subject: [PATCH] 合同预览 --- src/views/main/addBankcard.vue | 41 +++++++++++++++++++++++++++-------------- 1 files changed, 27 insertions(+), 14 deletions(-) diff --git a/src/views/main/addBankcard.vue b/src/views/main/addBankcard.vue index 4c93261..ccddbae 100644 --- a/src/views/main/addBankcard.vue +++ b/src/views/main/addBankcard.vue @@ -31,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"> @@ -68,6 +68,7 @@ import { repstr } from '../../../static/agreement1' import { repstrw } from '../../../static/agreement2' +import { ImagePreview } from 'vant'; export default { //import引入的组件需要注入到对象中才能使用 components: {}, @@ -87,6 +88,7 @@ isdisabled: false, show: false, showx: false, + contractUrl:[],//合同预览 bankName: '', showOverlay: false, bizId: this.$route.query.bizId, //订单编号 @@ -168,19 +170,13 @@ let objForm = { bizId: this.bizId, bizType: this.bizType } this.$api.getBizStatus(objForm).then(res => { this.dataInfo = res.body - if (this.dataInfo.status == 0 || Number(this.bizType) == 1 && this.dataInfo.status == 3) { + 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 == 6 && Number(this.bizType) ==1 || this.dataInfo.status ==2 && Number(this.bizType) ==0 ){ //已完成人脸识别合同签署 + }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 if(res.body.status==99 && Number(this.bizType)==0 || res.body.status==88 && Number(this.bizType)==1 || res.body.status==99 && Number(this.bizType)==1){ //人脸识别失败 - // window.clearInterval(t2) // 去除定时器 - // slfe.dataInfo =res.body - // slfe.ResultIs =true //重试 + }else{ //跳到验证页面 this.$router.push({ path: '/main/queryres', query: { ...objForm } }) } }) @@ -257,6 +253,22 @@ this.setTime() }) }, + contractBtn(){ //查看合同 + let objUrl='' + if (process.env.NODE_ENV === "development") { //开发环境 + objUrl = `https://t.finlean.com` + } else{ //生产 + objUrl = `${window.location.origin}` + } + this.contractUrl=[] + this.$api.getContInfo({bizId: this.bizId, bizType: this.bizType}).then(res=>{ + this.contractUrl =res.body.contractUrl.map(element => { + return element = objUrl+element + }) + ImagePreview(this.contractUrl); + }) + + }, //图片click imgClick: function () { this.ishowFile = true // 重建 @@ -330,6 +342,7 @@ duration:0, overlay:true, }) + this.setTime() this.bankCardNoInit() }, //生命周期 - 挂载完成(可以访问DOM元素) -- Gitblit v1.8.0