完成个人单笔合同签署流程

zhouhao

2022-01-10 703c851a45c3e99215564fa1c6d2f4e6a0a4f10a

 src/views/main/queryres.vue

@@ -1,17 +1,19 @@

<template>
  <div class='text-main'>
    <van-nav-bar title="审核结果" />
    <!-- <van-nav-bar title="审核结果" /> -->
    <div style="  text-align: center;">
      <img width="70%" height="180" src="../../assets/img/success.png"   v-if="ResultIs"/>
      <img width="70%" height="180" src="../../assets/img/img_fail.png"   v-else >
      <img  height="180" src="../../assets/img/loading.png"  v-if="!ResultIs && !signBtn" />
      <img  height="180" src="../../assets/img/img_fail.png" v-else />
    </div>
    <div class="content">
      <p class="content-text"> {{datastr}}</p>
      <p class="content-text" v-if="isActive">{{examineStr}}</p>
      <!-- <p class="content-text" v-if="isActive">{{examineStr}}</p> -->
      <div class="btn-content">
      <van-button color="#E43A28" @click="returnApp"  round  plain hairline v-if="!ResultIs">返回</van-button>
      <van-button  color="#E43A28" @click="checkBtn" round v-if="!ResultIs && examineIs">重新校验</van-button>
      <van-button  color="#6cc3bb" @click="signSub" round  v-if="signBtn">重新签署合同</van-button>
      <van-button  color="#6cc3bb" @click="refreshBtn" round  v-if="!ResultIs && !signBtn">刷新</van-button>
      <van-button  color="#6cc3bb" @click="checkBtn" round v-if="ResultIs">重新校验人脸</van-button>
      <van-button  color="#6cc3bb" @click="returnPage" round v-if="ResultIs || signBtn">退出</van-button>
      </div>
    </div>
  </div>
@@ -19,16 +21,21 @@

<script>
export default {
  components: {},
  components: {},  
  data() {
    //这里存放数据
    return {
      datastr: '活体校验中....',
      datastr: '活体校验中，请稍等....',
      examineStr:'正在审核订单，请稍后...',
      isActive: false,
      orderNo:0,
      ResultIs:true,
      examineIs:true
      ResultIs:false,
      examineIs:true,
      dataInfo:{
      },
      bizId:this.$route.query.bizId,   //订单编号 
      bizType:this.$route.query.bizType,  //订单类型
      signBtn:false,//重新签约按钮
    };
  },
  //监听属性 类似于data概念
@@ -39,31 +46,74 @@
  methods: {
    bankCardNoInit() {
      var slfe = this
      // let  objForm ={bizId:this.bizId,bizType:this.bizType}
      var t2 = window.setInterval(function () {
        slfe.$api.bankCardInit({ orderId:   slfe.orderNo }).then(res => {
          if (res.body.orderStatus == 0) {  // 待绑卡
                    window.clearInterval(t2)  // 去除定时器
            slfe.$router.push({ path: '/', query: { orderId:  slfe.orderNo } })
          } else if (res.body.orderStatus == 1) { //待活体签约
                    window.clearInterval(t2)  // 去除定时器
            slfe.$api.faceIdUrl({ orderId:  slfe.orderNo }).then(res => {
              window.location.href = res.body.url
            })
          } else if (res.body.orderStatus == 2) { //待审批状态
            // slfe.$router.push({ path: '/main/queryres', query: { orderId:  slfe.orderNo } })
          } else if (res.body.orderStatus == 3) { //已拒绝   
                        // this.examineStr="订单审核失败！"
                        // this.ResultIs =false
                        // this.examineIs=false
                        window.clearInterval(t2)  // 去除定时器
                      window.location.href ="https://www.shouxinshibai.com/" 
          } else if (res.body.orderStatus == 4) { //待签约
                    window.clearInterval(t2)  // 去除定时器
            slfe.$router.push({ path: '/main/findPre', query: { orderId:  slfe.orderNo } })
          }
          else if (res.body.orderStatus == 5) {//待支付首期款
                  window.clearInterval(t2)  // 去除定时器
          }
        slfe.$api.getBizStatus({bizId:slfe.bizId,bizType:slfe.bizType}).then(res => {
         slfe.dataInfo =res.body     
           if(Number(slfe.bizType) ==0){  //签署授权函
                if( slfe.dataInfo.status==1){  //授权人脸未出结果
                 slfe.datastr ='活体校验识别中，请稍等.....'
                 slfe.signBtn =false
                  slfe.ResultIs =false
                }else if( slfe.dataInfo.status==2){    //完成个人人脸授信，待签署信息函
                 slfe.datastr ='活体校验成功！待签署信息授权函，请稍后.....'
                 slfe.signBtn =false
                  slfe.ResultIs =false
                }else if( slfe.dataInfo.status==201){  //信息授权函签署失败
                 window.clearInterval(t2)  
                 slfe.datastr ='活体校验成功！签署信息授权函失败，请重试.....'
                 slfe.signBtn =true
                 slfe.ResultIs =false
                }else if( slfe.dataInfo.status==3){  //完成信息授权函签署
                window.clearInterval(t2)  
                slfe.$router.push({path:'/main/bancardsucces',query:{bizId:slfe.bizId,bizType:slfe.bizType}}) 
                }else if( slfe.dataInfo.status==99){
                   window.clearInterval(t2)
                   slfe.datastr ='活体校验失败！请重试.....'
                   slfe.signBtn =false
                   slfe.ResultIs =true
                }
           }else if(Number(slfe.bizType) ==1){  //签署借款
                if( slfe.dataInfo.status==1){  //授权人脸未出结果
                 slfe.datastr ='活体校验识别中，请稍等.....'
                   slfe.signBtn =false
                  slfe.ResultIs =false
                }else if( slfe.dataInfo.status==2){    //完成个人人脸授信，待签署信息函
                 slfe.datastr ='活体校验成功！待签署合同，请稍后.....'
                   slfe.signBtn =false
                  slfe.ResultIs =false
                }else if( slfe.dataInfo.status==201){    //完成个人人脸授信，待签署信息函
                  window.clearInterval(t2)
                  slfe.datastr ='活体校验成功！签署合同失败，请重试.....'
                   slfe.signBtn =true
                  slfe.ResultIs =false
                }else if( slfe.dataInfo.status==3){  //完成个人单笔合同签署    待分销主体验证
                 window.clearInterval(t2)
                // slfe.$router.push({path:'/',query:{bizId:slfe.bizId,bizType:slfe.bizType}})  
                  window.location.href ="https://www.qadlj.com/authorizeBack.html"    
                }else if( slfe.dataInfo.status==4){  //授权人脸未出结果
                 slfe.datastr ='活体校验识别中，请稍等.....'
                   slfe.signBtn =false
                  slfe.ResultIs =false
                }else if( slfe.dataInfo.status==5){  //授权人脸未出结果
                 slfe.datastr ='活体校验成功！待签署合同，请稍等.....'
                   slfe.signBtn =false
                  slfe.ResultIs =false
                }else if( slfe.dataInfo.status==501){  //授权人脸未出结果
                  window.clearInterval(t2)  
                 slfe.datastr ='活体校验成功！签署合同失败，请重试.....'
                 slfe.signBtn =true
                 slfe.ResultIs =false
                }else if( slfe.dataInfo.status==6){  //完成主体合同签署
                 window.clearInterval(t2)  
                slfe.$router.push({path:'/main/bancardsucces',query:{bizId:slfe.bizId,bizType:slfe.bizType}}) 
                }else if( slfe.dataInfo.status==88 ||  slfe.dataInfo.status==99){
                   slfe.signBtn =false
                   slfe.ResultIs =true
                   window.clearInterval(t2)
                   slfe.datastr ='活体校验失败！请重试.....'
                }          
           }
        })
      }, 5000)
    },
@@ -77,40 +127,111 @@
      return (false);
    },
    checkBtn(){  //重新校验
           this.$api.faceIdUrl({orderId: this.orderNo}).then(res => {
                       window.location.href =res.body.url      
           let objUrl
            if (process.env.NODE_ENV === "development") {  //开发环境
             objUrl = `https://t.finlean.com/comn_business/#/main/queryres?bizId=${this.bizId}&bizType=${this.bizType}`
            }  else{  //生产
              objUrl = `${window.location.origin}/comn_business/#/main/queryres?bizId=${this.bizId}&bizType=${this.bizType}`
            }
           this.$api.refreshFaceStatus({bizId:this.bizId,bizType:this.bizType,callbackUrl:objUrl}).then(res => {
               window.location.href =res.body.faceUrl               
            })      
    },
    returnApp(){
           window.location.href ="https://www.shouxinshibai.com/"    
    refreshBtn(){
        this.bankCardNoInit()
    },
    signSub(){ //重新发起签约
         this.$api.signContInfo({bizId:this.bizId,bizType:this.bizType}).then(res=>{
           if(Number(this.bizType) ==0){ 
                this.datastr ='信息授权函签署中，请稍后.....'
                this.signBtn =false
                this.ResultIs =false
           }else{
                this.datastr ='合同签署中，请稍后.....'
                this.signBtn =false
                this.ResultIs =false
           }
            this.bankCardNoInit()
         })
    },
    returnPage(){  //返回APP
      window.location.href ="https://www.qadlj.com/authorizeBack.html"
    }
  },
  //生命周期 - 创建完成（可以访问当前this实例）
  created() {
    if(this.getQueryVariable('orderNo')){
          this.orderNo=this.getQueryVariable('orderNo')
    }else{
            this.orderNo=this.$route.query.orderNo 
    }

    let  orderStatus =this.$route.query.orderStatus   
    if(orderStatus && orderStatus==3){
            this.datastr='正在审核订单，请稍后...'
          //  this.bankCardNoInit()
             window.location.href ="https://www.shouxinshibai.com/"    
    }else{
    //         this.$api.faceIdResult({orderId:  this.orderNo}).then(res=>{
    //            this.datastr="活体校验成功"
    //            this.isActive =true
    //            this.ResultIs =true
    //           this.bankCardNoInit()
    // }).catch(err=>{
    //   this.ResultIs =false
    //   this.datastr =err.errMsg
    // })
    this.datastr='正在审核订单，请稍后...'
    this.bankCardNoInit()
    }
  created() {  
     this.$api.getBizStatus({bizId:this.bizId,bizType:this.bizType}).then(res=>{
        //  if(res.body.status == 3  && Number(this.bizType) ==0 || res.body.status ==6 && Number(this.bizType) ==1 ){  //成功直接跳转成功页面
        //         this.$router.push({path:'/main/bancardsucces',query:{bizId:this.bizId,bizType:this.bizType}}) 
        //  }else if(res.body.status == 3  && Number(this.bizType) ==1){  //待签约分销主体
        //         this.$router.push({path:'/',query:{bizId:this.bizId,bizType:this.bizType}})  
        //  }else{  //执行定时器
        //        this.bankCardNoInit()
        //  }   
              var slfe = this 
             if(Number(this.bizType) ==0){  //签署授权函
                if(res.body.status==1){  //授权人脸未出结果
                 slfe.datastr ='活体校验识别中，请稍后.....'
                 slfe.signBtn =false
                  slfe.ResultIs =false
                   this.bankCardNoInit()
                }else if( res.body.status==2){    //完成个人人脸授信，待签署信息函
                 slfe.datastr ='活体校验成功！待签署信息授权函，请稍后.....'
                 slfe.signBtn =false
                  slfe.ResultIs =false
                   this.bankCardNoInit()
                }else if( res.body.status==201){  //信息授权函签署失败
                 slfe.datastr ='活体校验成功！签署信息授权函失败，请重试.....'
                 slfe.signBtn =true
                 slfe.ResultIs =false
                }else if( res.body.status==3){  //完成信息授权函签署
                slfe.$router.push({path:'/main/bancardsucces',query:{bizId:slfe.bizId,bizType:slfe.bizType}}) 
                }else if( res.body.status==99){
                   slfe.datastr ='活体校验失败！请重试.....'
                   slfe.signBtn =false
                   slfe.ResultIs =true
                }
           }else if(Number(slfe.bizType) ==1){  //签署借款
                if( res.body.status==1){  //授权人脸未出结果
                 slfe.datastr ='活体校验识别中，请稍后.....'
                   slfe.signBtn =false
                  slfe.ResultIs =false
                  this.bankCardNoInit()
                }else if( res.body.status==2){    //完成个人人脸授信，待签署信息函
                 slfe.datastr ='活体校验成功！待签署合同，请稍后.....'
                   slfe.signBtn =false
                  slfe.ResultIs =false
                  this.bankCardNoInit()
                }else if( res.body.status==201){    //完成个人人脸授信，待签署信息函
                  slfe.datastr ='活体校验成功！签署合同失败，请重试.....'
                   slfe.signBtn =true
                  slfe.ResultIs =false
                }else if( res.body.status==3){  //完成个人单笔合同签署    待分销主体验证
                // slfe.$router.push({path:'/',query:{bizId:slfe.bizId,bizType:slfe.bizType}}) 
                 window.location.href ="https://www.qadlj.com/authorizeBack.html"  
                }else if( res.body.status==4){  //授权人脸未出结果
                 slfe.datastr ='活体校验识别中，请稍等.....'
                   slfe.signBtn =false
                  slfe.ResultIs =false
                 this.bankCardNoInit()
                }else if(res.body.status==5){  //授权人脸未出结果
                 slfe.datastr ='活体校验成功！待签署合同，请稍等.....'
                   slfe.signBtn =false
                  slfe.ResultIs =false
                   this.bankCardNoInit()
                }else if( res.body.status==501){  //授权人脸未出结果
                 slfe.datastr ='活体校验成功！签署合同失败，请重试.....'
                 slfe.signBtn =true
                 slfe.ResultIs =false
                }else if( res.body.status==6){  //完成主体合同签署 
                slfe.$router.push({path:'/main/bancardsucces',query:{bizId:slfe.bizId,bizType:slfe.bizType}}) 
                }else if( res.body.status==88 ||  res.body.status==99){
                   slfe.signBtn =false
                   slfe.ResultIs =true
                   slfe.datastr ='活体校验失败！请重试.....'
                }          
           }
     })
  },
  //生命周期 - 挂载完成（可以访问DOM元素）
  mounted() {