lichunlei
/
cyb_configserver_com


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133
							<!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="pb0 ovh pt0">
    <div class="warehouse-mini" id="app" v-cloak style="height:100vh;background-color: #F6F6F6;">
      <van-nav-bar class="user_rank_explan_title user_title_normal titlef16 rightc333" left-arrow title="小分仓" v-if="toptitleisshow" @click-left="goback">
        <template #left><img src="./static/images/left.png" alt=""></template>
      </van-nav-bar>
      <div class="ovh-x" ref="wrapper1" style="height:100vh;">
        <van-pull-refresh v-model="refreshing" @refresh="onRefresh" style="height:100%;min-height:10vh;">
          <van-empty class="custom-image" image="./static/images/empty-img.png" description="暂无数据" v-if="creatorList.length === 0"></van-empty>
          <van-list v-model="loading" :finished="finished" finished-text="没有更多数据了" @load="onLoad" :immediate-check="false" v-else>
            <div class="infoBox bgcfff">
              <div class="df jcsb fl-dr-col c000 mb6" v-for="(item,index) in creatorList" :key="index">
                <div class="df aic"><img class="mr8 brandimg" :src="'./static/images/product-short'+item.Id+'.png'" alt="">
                  <div class="f14 c333">{{item.Name}}</div>
                </div>
                <div class="df jcsb aic" v-for="i,ind in item.SnList" :key="i.Id">
                  <div class="f12" style="width:4.1rem" :id="'sn'+i.SnNo">{{i.SnNo}}</div>
                  <div class="btn f12" :data-clipboard-text="i.SnNo" data-clipboard-action="copy" :data-clipboard-target="'#sn'+i.SnNo" :ref="'copy'+i.SnNo" id="copy" @click="copyCode(i.SnNo)" @mouseenter="copyCode(i.SnNo)">复制</div>
                </div>
              </div>
            </div>
          </van-list>
        </van-pull-refresh>
      </div>
    </div>
    <script src="./static/js/clipboard.min.js"></script> 
    <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>
      Vue.use(vant.Lazyload);
      let app = new Vue({
      	el: '#app',
      	data(){
      		return{
      			toptitleisshow,
      			searchContent:'',
      			refreshing:false,
      			finished:false,
      			loading:false,
      			pageinfo:{
      				PageSize:10,
      				PageNum:1
      			},
      			creatorList:[
      			],
      			isdata:false,
      		}
      	},
      	created(){
      		this.getminiWarehouse()
      	},
      	beforeUpdate(){
      	},
      	methods:{
      		giveToast(str){
      			vant.Toast(str);
      		},
      		copyCode(index){
      			const that = this;
      			this.$nextTick(() => {
      				that.copyBtn = new ClipboardJS(this.$refs['copy'+index][0]);
      				const clipboard = that.copyBtn;
      				clipboard.on('success', function(e) {
      					that.giveToast('复制成功');
      				});
      				clipboard.on('error', function(e) {
      					that.giveToast('复制失败，请手动选择复制！');
      				});
      			});
      		},
      		goback(){
      			PublicLib.GoBack({Level:1});
      		},
      		takephone(phonenum){
      			PublicLib.PhoneCall(phonenum);
      		},
      		onLoad(){
      			this.pageinfo.PageNum++;
      			this.getminiWarehouse('onload');
      			console.log(123);
      			this.refreshing = false;
      		},
      		onRefresh(){
      			this.loading = true;
      			this.finished = false;
      			this.pageinfo.PageNum = 1;
      			this.getminiWarehouse();
      			this.refreshing = false;
      		},
      		//获取列表
      		async getminiWarehouse(type='refresh'){
      			const that = this;
      			let UserId = PublicLib.getCookieInfo('userId');
      			let {PageSize,PageNum} = this.pageinfo
      			const res = await getRequest('api/v1/pos/PreSendStockDetail/SnList?t='+Math.random(6),JSON.stringify({UserId,PageSize,PageNum}));
      			if(res.status !== '1') return tips('请求失败！请重试')
      			if(res.status === '1'){
      				if(res.data.length < PageSize){
      					this.finished = true
      				};
      				if(type === 'onload'){
      					this.creatorList = [...this.creatorList,...res.data];
      					this.loading = false;
      				};
      				if(type === 'refresh'){
      					this.creatorList = res.data;
      				};
      				console.log(this.creatorList);
      			};
      			
      		},
      	},
      })
    </script>
  </body>
</html>