lichunlei
/
cyb_configserver_com


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182
							<!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=996462">
    <style>
      .van-list .panel{padding:15px;margin: 12px 9px 0;border-radius:12px;}
      .van-list .panel .title{padding-bottom:.25rem !important;}
      .van-list .panel .title .kind{background-color: #FFE0D3;font-size:.2667rem;padding: 2px 6px;border-radius:3px;color: #FD824D;justify-content:center;align-items:center;}
      .spline{border-top:1px solid #f1f1f1;padding-top:.24rem;}
      .jcsb{justify-content: space-between;}
      
    </style>
  </head>
  <body class="pb0 ovh pt0" style="padding-top:0;background-color:#f6f6f6;">
    <div class="warehouse rel" id="app" v-cloak>
      <div class="ovh-x" ref="wrapper1">
        <van-pull-refresh v-model="refreshing" @refresh="onRefresh" style="height:100%;min-height:10vh;">
          <div class="nodata c999 f14 tc mt16" v-if="productinfo.length === 0">暂无任何记录</div>
          <van-list @load="onLoad" v-model="loading" :finished="finished" finished-text="没有更多数据了" :immediate-check="false" v-if="  productinfo.length !== 0">
            <div class="panel bgcfff rel pt16 pb16 bottom_line" v-for="item,index in productinfo" :key="index">
              <div class="info f14 c333">
                <div class="item title bottom_line df aic jcsb" style="justify-content:space-between;align-items:center">
                  <div class="df"><span class="f16 c33 b mr12">{{item.BrandId}}</span><span class="ml4 kind df" v-if="index === 0">主机具</span></div>
                  <div class="df" style="justify-content:flex-end;">
                    <button class="undelive r9 f12" v-if="item.DepositStatus === 1" @click="delivergoods(item)">退押金</button><span class="c999 f12" v-if="item.DepositStatus === 0 ">未达标</span><span class="c999 f12" v-if="item.DepositStatus === 2 ">免押机具</span><span class="c999 f12" v-if="item.DepositStatus === 3 ">已返还</span><span class="c999 f12" v-if="item.DepositStatus === 5 ">返还失败</span>
                  </div>
                </div>
                <div class="item mt8 df jcsb mt16">
                  <div class="c999 f14">商户姓名：</div>
                  <div class="ml4 c333">{{item.MerRealName}}</div>
                </div>
                <div class="item mt8 df jcsb mt16">
                  <div class="c999 f14">SN号：</div>
                  <div class="ml4 c333">{{item.KqSnNo}}</div>
                </div>
                <div class="item mt8 df jcsb pt4">
                  <div class="c999 f14">押金金额：</div>
                  <div class="ml4 c333">{{item.DepositMoney}} 元</div>
                </div>
                <div class="item mt8 df jcsb pt4" v-if="item.DepositStatus !== 5 &amp;&amp; item.Status != 5">
                  <div class="c999 f14">连续达标月数：</div>
                  <div class="ml4 c333">{{item.Months}} 个月</div>
                </div>
                <div class="item mt8 df jcsb pt4" v-if="item.DepositStatus !== 5 &amp;&amp; item.Status === 5">
                  <div class="c999 f14">未达标原因：</div>
                  <div class="ml4 c333">{{item.Months}} 未刷满 10,000 元</div>
                </div>
                <div class="item mt8 df jcsb pt4">
                  <div class="c999 f14">本月交易额：</div>
                  <div class="ml4 c333">{{item.TradeAmtForMonth}} 元</div>
                </div>
                <div class="item mt8 df jcsb mt16">
                  <div class="c999 f14">开通时间：</div>
                  <div class="ml4 c333">{{item.CreateDate}}</div>
                </div>
                <div class="item mt8 df jcsb pt4" v-if="item.DepositStatus === 5">
                  <div class="c999 f14">失败原因：</div>
                  <div class="ml4 c333">{{item.Months}} 月未达标</div>
                </div>
                <div class="item mt8 df jcsb pt4">
                  <div class="f12 c999">*达标规则：激活次月起连续10个月贷记卡每个月交易额满1万元</div>
                </div>
              </div>
            </div>
          </van-list>
        </van-pull-refresh>
      </div>
    </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>
      function OnStart(){
        app.backgetwarehouselist();
      };
      
      
      // 在 #app 标签下渲染一个按钮组件
      let app = new Vue({
        el: '#app',
        data() {
          return {
            toptitleisshow:true,
            loading: true,
            finished: false,
            refreshing: false,
            searchContent:'',
            openindex:-1,
            productinfo:[
            ],
            startDate: '',
            endDate: '',
            pageinfo:{
              PageSize:10,
              PageNum:1
            },
            NoList:'',
          };
        },
        created() {
          this.toptitleisshow = toptitleisshow;
          this.getwarehouselist();
        },
        updated() {
          this.$nextTick(() => {
            this.$refs.wrapper1.style.height = `${document.documentElement.clientHeight-30}px`;
          });
        },
        methods: {
          delivergoods(item = ''){
            PublicLib.putCookieInfo('merChantId', item.Id);
            //- PublicLib.Goto({Url:'get-deposit'});
            window.location.href = ' /p/get-deposit';
          },
          onLoad() {
            this.pageinfo.PageNum++;
            this.getwarehouselist('onload');
          },
          onRefresh() {
            this.finished = false;
            this.loading = true;
            this.refreshing = false;
            this.pageinfo.PageNum = 1;
            this.getwarehouselist();
          },
          
         
          //- 格式化显示时间
          formatter(type, val) {
            if (type === 'year') {
              return `${val}年`;
            } else if (type === 'month') {
              return `${val}月`;
            } else if (type === 'day') {
              return `${val}日`;
            };
            return val;
          },
          //- 时间参数转换
          onParamsDate(date){
            if(date === '') return '';
            return formatDate(new Date(date).getFullYear(),new Date(date).getMonth() + 1,new Date(date).getDate());
          },
         
          //- 获取仓库列表
          async getwarehouselist(type = 'refresh'){
              const MerIdcardNo = (JSON.parse(PublicLib.getCookieInfo('formInfo'))).MerIdcardNo;
              const res = await getRequest('api/v1/pos/posmerchantinfo/depositmerchantlist?t='+Math.random(6),JSON.stringify({...this.pageinfo,MerIdcardNo}));
              if(res.status !== '1') return tips('获取失败');
              if(res.data.length < this.pageinfo.PageSize) {
                this.finished = true;
              };
              if(type === 'onload'){
                this.productinfo.push(...res.data);
              };
              if(type === 'refresh'){
                this.productinfo = res.data;
              };
              this.loading = false;
            }
          },
          goback(){
            PublicLib.GoBack({Level:1});
          },
      
      });
    </script>
  </body>
</html>