lichunlei
/
cyb_configserver_com


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217
							<!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">
  </head>
  <body class="pt0" style="padding-top:0;">
    <div class="merchant_sign" id="app" ref="container" v-cloak>
      <van-nav-bar class="nav-bottom-line" left-arrow title="签约详情" @click-left="goback" v-if="toptitleisshow">
        <template #left> 
          <van-icon name="arrow-left"></van-icon>
        </template>
      </van-nav-bar>
      <div class="merchant-sign-tabs">
        <van-cell class="signdetailpanel">
          <template #title>
            <div class="df">
              <div class="comname f16">{{merchantinfo.Name}}
                <div class="f12 c999">进件时间：{{merchantinfo.CreateDate}}</div>
              </div>
            </div>
          </template>
          <template #default>
            <div class="df center" v-if="merchantinfo.Status === 1"><img src="./static/images/sign-wait.png" alt="">
              <div>待签约</div>
            </div>
            <div class="df center" v-if="merchantinfo.Status === 0"><img src="./static/images/sign-done.png" alt="">
              <div>待审核</div>
            </div>
            <div class="df center" v-if="merchantinfo.Status === 2"><img src="./static/images/sign-finished.png" alt="">
              <div>已签约</div>
            </div>
            <div class="df center" v-if="merchantinfo.Status === -1"><img src="./static/images/sign-wait.png" alt="">
              <div>审核失败</div>
            </div>
          </template>
        </van-cell>
        <div class="c333 f16 pl16 pr16 bgcfff">签约平台</div>
        <van-cell v-for="item,index in merchantinfo.AuditResult" :key="index"> 
          <template #title>
            <div class="df title"><img src="./static/images/sign-wechat.png" alt="" v-if="item.Name === '微信'"><img src="./static/images/sign-alipay.png" alt="" v-else>
              <div>{{item.Name}}</div>
            </div>
          </template>
          <template #default>
            <div class="df center" @click="gosign(item.Name)" v-if="item.Status === 1">
              <div>待签约</div><img class="going" src="./static/images/sign-going.png" alt="">
            </div>
            <div class="df center" v-if="item.Status === 2">
              <div>已签约</div>
            </div>
            <div class="df center" v-if="item.Status === 0">
              <div>待审核</div>
            </div>
            <div class="df center" v-if="item.Status === -1">
              <div>审核失败</div>
            </div>
          </template>
        </van-cell>
        <div class="c999 f14 back bgcfff" v-for="item,index in merchantinfo.AuditResult" :key="index" v-if="item.Status === -1"> 
          <div>返回方:<span>{{item.Name}}</span></div>
          <div class="backplatform">返回原因</div>
          <div class="f14 content" style="word-wrap:break-word;">{{item.Season}}</div>
        </div>
        <div class="changebtn bgcfff bc333">
          <van-button type="primary" block round color="#FFD500" @click="gochange" v-if="merchantinfo.Status === -1">去修改</van-button>
        </div>
      </div>
      <van-overlay class="signpanel" :show="signpanelisshow" @click="signpanelisshow = false">
        <div class="wrapper" v-for="item,index in merchantinfo.AuditResult" :key="index" v-if=" signtype === item.Name"> 
          <div class="block df" @click.stop> 
            <div class="container tc"><img class="code" :src="item.SignUrl" alt="" v-if="signtype === item.Name">
              <div class="tc mt8 c999 f14">{{merchantinfo.Name}}</div>
              <div class="df bindtype mt8" v-if="signtype === '支付宝'"><img src="./static/images/sign-alipay.png" alt="">
                <div class="f14 c999">支付宝绑定</div>
              </div>
              <div class="df bindtype mt8" v-if="signtype === '微信'"><img src="./static/images/sign-wechat.png" alt="">
                <div class="f14 c999">微信绑定</div>
              </div>
              <div class="df bindtype tips"><img src="./static/images/sign-scan.png" alt="">
                <div class="f16 c333 b">请使用扫码完成商户绑定</div>
              </div>
              <div class="df bindtype save" @click="saveimgfn(item.SignUrl)"><img src="./static/images/sign-saveimg.png" alt="">
                <div class="f14 c333">保存图片</div>
              </div>
              <div class="mt30 bc333">
                <van-button type="primary" block round color="#FFD500" @click="share(item.SignUrl)">分享        </van-button>
              </div>
            </div>
          </div>
        </div>
      </van-overlay>
      <van-popup class="bgcf7f7f7" v-model="show" position="bottom" :style="{ height: '25%' }">
        <div class="sharepanel rel">
          <div class="f12 c999 tc">分享到</div>
          <van-grid class="grad" :column-num="2">
            <van-grid-item text="微信" @click="weixin"> 
              <template #icon>
                <svg class="icon" aria-hidden="true"> 
                  <use xlink:href="#icon-weixin"> </use>
                </svg>
              </template>
            </van-grid-item>
            <van-grid-item text="微信朋友圈" @click="weixinfriend"> 
              <template #icon>
                <svg class="icon" aria-hidden="true"> 
                  <use xlink:href="#icon-pengyouquan"></use>
                </svg>
              </template>
            </van-grid-item>
          </van-grid>
          <div class="tc mt16 cencal abs bgcfff f14 c333" @click="show = false">取消</div>
        </div>
      </van-popup>
    </div> 
    <script src="./static/js/klm-vv.min.js"></script>
    <script src="./static/js/appfunc.min.js"></script>
    <script src="./static/js/klm-axios-config.js"></script>
    <script src="./static/js/publicfn.js"></script>
    <script src="./static/js/iconfont.js"></script>
    <script>
      // 通过 CDN 引入时不会自动注册 Lazyload 组件
      // 可以通过下面的方式手动注册
      Vue.use(vant.Lazyload);
      Vue.use(vant.Dialog);
      
      // 在 #app 标签下渲染一个按钮组件
      let app = new Vue({
        el: '#app',
        data() {
          return {
            show:false,
            toptitleisshow:false,
            signpanelisshow:false,
            signtype:1,
            saveimg:'',
            merchantinfo:{
                //- id:2,
                //- Name:'阿里巴巴集团有限公司',
                //- CreateDate:'21-3-19  18:39:24',
                //- status:1,
                //- AuditResult: [
                //-   {
                //-       Name: '微信',
                //-       Status: 1,
                //-       DoTime: '2022-01-01 12:12:12',
                //-       Season: '失败原因',
                //-       SignUrl:'./static/images/sign-wechat.png'
                //-   },
                //-   {
                //-       Name: '支付宝',
                //-       Status: 1,
                //-       DoTime: '2022-01-01 12:12:12',
                //-       Season: '失败原因',
                //-       SignUrl:'./static/images/sign-alipay.png'
                //-   }
                //- ]            
            },
          };
        },
        created(){
          this.toptitleisshow = toptitleisshow;
          this.getmerchantlist();
        },
        mounted() {
        },
        methods: {
          saveimgfn(url){
            PublicLib.SaveToSd({PicPath:url});
          },
          share(url){
            this.saveimg = url;
            this.show = true;
          },
          //- 分享微信
          weixin(){
            PublicLib.ShareAppMessageImage({PicturePath:this.saveimg});
          },
          //- 分享微信朋友圈  
          weixinfriend(){
            PublicLib.ShareTimelineImage({PicturePath:this.saveimg});
          },
          gosign(type){
            this.signpanelisshow = true;
            this.signtype = type;
          },
          goback(){
            PublicLib.GoBack({Level:1});
          },
          //- 获取进件详情
          async getmerchantlist(Sort){
            //- PublicLib.ShowLoading({Message:''});
            const Id = PublicLib.getCookieInfo('merchantsignId');
            const res = await getRequest('api/v1/merchantinfo/merchantdetailbystatus?t='+Math.random(6),JSON.stringify({Id}));
            if(res.status !== '1') return tips('获取商户签约详情失败，请重试！');
            //- PublicLib.HideLoading();
            this.merchantinfo = res.data;
          },
          gochange(){
            PublicLib.putCookieInfo('storageId', PublicLib.getCookieInfo('merchantsignId'));
            PublicLib.Goto({Url:'merchant-establish'});
          },
        }
      });
    </script>
  </body>
</html>