lichunlei
/
cyb_configserver_com


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150
							<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>押金详情-创业帮</title>
    <meta name="keywords" content="押金详情-创业帮">
    <meta name="description" content="押金详情-创业帮">
    <meta content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,shrink-to-fit=no,user-scalable=no" name="viewport" viewport="cover">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <meta content="telephone=no" name="format-detection">
    <meta content="email=no" name="format-detection">
    <meta name="apple-mobile-web-app-title" content="押金详情-创业帮">
    <meta http-equiv="Cache-Control" content="no-siteapp">
    <link rel="stylesheet" href="./static/css/main.css">
    <link rel="stylesheet" href="./static/css/possDetail.css?t=992">
  </head>
  <body class="pb0 ovh pt0" style="padding-top:0;">
    <div class="possDetail" id="app" v-cloak>
      <div class="formWarp" style="padding-bottom:0">
        <div class="item mb20"><span class="f14 c333 mr26">真实姓名</span><span class="f14 c999">{{userInfo.MerRealName}}</span></div>
        <div class="item mb8"><span class="f14 c333 mr26">身份证号</span><span class="f14 c999">{{userInfo.MerIdcardNo}}</span></div>
        <div class="df aic c-blue mb20"><img src="./static/images/accreditation.png" alt="alt">
          <div class="f12 ml4">身份证信息仅用于确认用户身份真实性</div>
        </div>
        <div class="item"><span class="f14 c333 mr12">开机手机号</span><span class="f14 c999">{{phoneNum}}</span></div>
      </div>
      <van-form class="formWarp" validate-first @failed="onFailed" validate-trigger="onSubmit" @submit="onSubmit" :show-error-message="false" :show-error="false">
        <div class="lable"> 
          <div class="f14">短信验证码</div>
        </div>
        <van-field class="user-phone mb12" center clearable>
          <template #button="">
            <div class="fl getbtn" @click="getsmscode" v-if="codeisclick">获取验证码</div>
            <div class="fl waitbtn" disabled v-else>{{countdown}}s</div>
          </template>
          <template #input="">
            <input class="mobilecode" placeholder="请输入验证码" v-model="formInfo.MobileCode" inputmode="numeric" type="text" autocomplete="one-time-code" style="padding:0;">
          </template>
        </van-field>
        <div class="lable"> 
          <div class="f14">收款支付宝账户</div>
        </div>
        <van-field v-model.number="formInfo.AlipayAccountNo" name="tel" placeholder="请输入与真实姓名一致的支付宝号"></van-field>
        <van-button class="btn abs btomBtn" round block type="info" color="#FDD500" native-type="submit">确认返还</van-button>
      </van-form>
      <van-popup v-model="applicationSuccess" style="border-radius:.4267rem;width:83%;">
        <div class="warp-box" style="height:4.4133rem;padding: 0 .5333rem">
          <div class="f16 c333 tc b" style="margin:.5333rem auto .2133rem auto">返还成功</div>
          <div class="f14">押金将在审核后内返还至您的支付宝账户，请及时查收</div>
          <van-button class="btn" round color="#FDD500" block @click="sureBtn" style="width:6.3rem;">好的</van-button>
        </div>
      </van-popup>
    </div>
    <script src="./static/js/klm-vv.min.js?t=99999999912312"></script>
    <script src="./static/js/appfunc.min.js?t=99999999912312"></script>
    <script src="./static/js/klm-axios-config.js?t=99999999912312"></script>
    <script src="./static/js/publicfn.js?t=999999999"></script>
    <script>
      // 在 #app 标签下渲染一个按钮组件
      let app = new Vue({
        el: '#app',
        data() {
          return {
            toptitleisshow:true,
            codeisclick:true,
            formInfo:{
              AlipayAccountNo:'',
              MobileCode:'',
            },
            userInfo:{
              MerReanlName:'',
              MerIdcardNo:'',
              MerchantMobile:'',
            },
            countdown:60,
            diaoisshow:false,
            applicationSuccess:false,
          };
        },
        created() {
          this.toptitleisshow = toptitleisshow;
          this.getMerchantInfo()
          this.userInfo = JSON.parse(PublicLib.getCookieInfo('formInfo'));
        },
        computed:{
          phoneNum:function(){
            console.log(this.userInfo.MerchantMobile)
            let a = this.userInfo.MerchantMobile.toString().split('')
            a.splice(3,4,'*','*','*','*')
            return a.join('')
          }
        },
        methods: {
          //- 获取验证码
          async getsmscode(){
            if(verification(this.formInfo.MerchantMobile)) return;
              this.codeisclick = false;
            setTimeout(()=>{
              this.codeisclick = true;
            },60000);
            const timer = setInterval(()=>{
              this.countdown--;
              if(this.countdown === 0) {
                this.countdown = 60;
                clearInterval(timer)
              }
            },1000);
            const res = await postRequest('api/v1/mobilecodecheck/sendsms',JSON.stringify({Mobile:this.formInfo.MerchantMobile}));
            if(res.status === '1'){ 
              tips('验证码已发送，请注意查收')
            };
          },
          async getMerchantInfo(){
            const Id = PublicLib.getCookieInfo('merChantId')
            const res = await getRequest('api/v1/pos/posmerchantinfo/returndepositforconfirm?'+Math.random(6),JSON.stringify({Id}))
            if(res.status !== '1'){
              return tips('初始化失败！')
            }
            this.userInfo = res.data
          },
          onFailed(errorInfo) {
            tips(errorInfo.errors[0].message);
          },
          onSubmit(){
            console.log('rilima')
            if(this.formInfo.MobileCode === '') return tips('请输入短信验证码！');
            if(this.formInfo.AlipayAccountNo === '') return tips('请输入支付宝账号！')
            this.postForm()
          },
          goback(){
            PublicLib.GoBack({Leval:1});
          },
          sureBtn(){
            this.applicationSuccess = false
            PublicLib.Goto({Url:'deposit-detail'});
          },
          async postForm(){
            let res = await postRequest('api/v1/pos/merchantdepositreturns/Add?t='+Math.random(6),JSON.stringify({...this.formInfo,...this.userInfo}));
            if(res.status === '1'){
              tips('申请失败！请重试')
            }else{
              this.diaoisshow = true
            }
          }
        },
      })
    </script>
  </body>
</html>