sailun
/
sailun-agent


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243
							<!DOCTYPE html>
<html class="">
	<!--STATUS OK-->
	<head>
		<meta name="referrer" content="always" />
		<meta charset='utf-8' />
		<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
		<meta http-equiv="x-dns-prefetch-control" content="on">
		<meta name="description" content="">
		<meta name="format-detection" content="telephone=no" />
		<link rel="stylesheet" type="text/css" href="../../../../../css/css/vant-ui.css" />
		<link rel="stylesheet" type="text/css" href="../../../../../css/css/iconfont.css">
		<link rel="stylesheet" type="text/css" href="../../../../../css/css/main.css" />
		<script src="../../../../../script/js/vue.js"></script>
		<script src="../../../../../script/js/vant-ui.js"></script>
		<script src="../../../../../script/js/main.js"></script>
		<title></title>
	</head>
	<style>
	  .menu .item p {
	  	font-size: 0.26rem;
	  }
		.line1 {
			width:300px;
      overflow: hidden;
      text-overflow:ellipsis;
		}
		.jinhuoRank li {
			height: auto;
		}
		.jinhuoRank li .info{
				padding-bottom: .2rem;
		}
		.seeDetails{
			font-size: 0.22rem;
			padding: 0.2rem;
			padding-top: 0.2rem;
			display: flex;
			justify-content: space-between;
			width: 6.74rem;
			margin: 0 auto;
			border-top: 1px solid #c8cdd0;
		}
	</style>
	<body>
		<div id="app" v-cloak>
			<div class="pageView filterpage" style="overflow:scroll;overflow-y:hidden">
	      <div class="leiji flex a-center j-center" style="background-color:#00a0ea;color:#fff;font-size:0.4rem;padding:0.2rem 0">
	        期间进货总量：
	        <h4> {{ totalInfo }} </h4>
	      </div>
				<van-popup position="bottom" v-model="timeShow">
					<mycalendar @comfirm="comfirm" @close="timeShow = false"></mycalendar>
				</van-popup>
				<div class="zhuceTimer flex a-center jlr">
					<div class="flex a-center" v-on:click="getTimes">
						<h4>进货时间：</h4>
						<p v-on:click="getTimes(0)">{{ startTime }}</p>  ~  <p v-on:click="getTimes(1)">{{ endTime }}</p>
					</div>
				</div>
				<div class="view flex col" style="height:95%" >
					<div class="page router fx1" id="mescroll">
						<ul class="jinhuoRank" >
							<li v-for="item in totalList">
								<!-- <div class="image"><img :src="item.storeImageUrl">
								</div> -->
								<div class="info">
									<p>
										{{ item.storeName }}
									</p>
									<div style="display:flex">
										<p style="flex : 1">
											电话：{{ item.storePhone }}
										</p>
										<p style="flex : 1">
										经销品牌：{{ item.brandName }}
										</p>
									</div>
									<div style="display:flex">
										<p style="flex : 1">
											签约任务：{{ item.numTask }}条
										</p>
										<p style="flex : 1">
											线上订货数量：{{ item.ocount }}条
										</p>
									</div>
									<div style="display:flex">
										<p style="flex : 1">
											本月待完成：{{ item.leftNum }}条
										</p>
										<p style="flex : 1">
											本月已完成：{{ item.scanNum }}条
										</p>
									</div>
									<div style="display:flex">
										<p style="flex : 1">
											期间进货：{{ item.scanNumes }}条
										</p>
									</div>
								</div>
							</li>
						</ul>
					</div>
				</div>
				<div v-show="totalList.length == 0" style="text-align:center;overflow:auto">
					<img src="../../../../../image/image/nodata.png" style="margin:2rem auto;width:100%;height:100%" />
				</div>
			</div>
		</div>
	</body>
</html>
<link rel="stylesheet" href="../../../../../script/mescroll/mescroll.min.css">
<script type="text/javascript" src="../../../../../script/mescroll/mescroll.min.js"></script>
<script type="text/javascript" src="../../../../../script/api.js"></script>
<script type="text/javascript" src="../../../../../script/httpRequest.js"></script>
<script type="text/javascript" src="../../../../../script/vue_plugins.js"></script>
<script type="text/javascript">
	apiready = function() {
		var date = new Date();
		if((date.getMonth()+1)<10){
			var mon="0"+(date.getMonth()+1)
		}else{
			var mon=(date.getMonth()+1)
		}
		new Vue({
			el : '#app',
			data : {
				list : [],
        kunnr : '',
        frist : 1,
        current : 1,
        size : 10,
        totalPages : 1,
        totalInfo : {}, // 进货分析中的库存总量
        totalList : [], // 进货分析的数据列表
				// 添加查询
				timeShow: false,
				// keyword: '',
				startTime : date.getFullYear()+'-'+mon+'-01',
				endTime : '至今'
			},
			methods : {
				init : function(){
					 var _this = this;
           this.kunnr = $api.getStorage('kunnr');
           this.getStoreList_jiage();
				},
				// 查询数据
				//  选择筛选条件
				comfirm : function(v) {
					this.timeShow = false
				},
				//选择时间
				getTimes : function(type){
						var _this = this;
						this.getTime(function(time){
								 if(type == 0){
										_this.startTime = time;
								 }else{
										_this.endTime = time;
								 }
								 _this.getStoreList_jiage();
						})
				},
				//  查询门店进货分析 -- 贾哥
				getStoreList_jiage : function(mescroll){
					var startTime = this.startTime == date.getFullYear()+'-'+mon+'-1' ? '' : this.startTime;
					var endTime = this.endTime == '至今' ? '' : this.endTime;
					 var data = "agentCode=" + this.kunnr
					 + "&current=" + this.current
					 + "&size=" + this.size
					 + "&startTime="+ startTime
					 + "&endTime=" + endTime;

						var	_this = this;
					 this.$get("getInfoStoreU_jiage",data,function(ret){
						 if (ret.code == 0 || ret.code == '0') {
							 _this.totalInfo = ret.total;
							 _this.totalList = _this.current == 1 ? ret.page.records : _this.totalList.concat(ret.page.records);
							 _this.totalPages = ret.page.pages;
							 if(mescroll){
								 mescroll.endSuccess(_this.size,true);
							 }
							 if(_this.frist == 1){
								 _this.$nextTick(function(){
									 _this.configs();
								 })
							 }
						 }
					 })
				},
        /**
          *  查询门店进货分析
          */
        getStoreList : function(mescroll){
          var _this = this,url = "getIntoStoreU";
          var data = {
            "kunnr": this.kunnr,
            "pageSize": this.size,
            "size":this.current,
            "url" : "json",
            "type" : "body",
						"startTime": this.startTime,
						"endTime": this.endTime
          }
          this.$post(url,data,function(ret){
            if (ret.code == 0 || ret.code == '0') {
              _this.totalInfo = ret.count;
              _this.totalList = _this.current == 1 ? ret.Data : _this.totalList.concat(ret.Data);
              _this.totalPages = ret.Data.pageCount;
              if(mescroll){
                mescroll.endSuccess(_this.size,true);
              }
              if(_this.frist == 1){
                _this.$nextTick(function(){
                  _this.configs();
                })
              }
            }
          })
        },
        configs : function(){
          var _this = this;
          this.frist = 2;
          this.configDownAndPull("mescroll", function(mescroll) {
            _this.current = 1;
            _this.getStoreList_jiage(mescroll);
          }, function(mescroll) {
            if (_this.current < _this.totalPages) {
              _this.current = _this.current + 1;
              _this.getStoreList_jiage(mescroll, 1);
            } else {
              mescroll.endSuccess(_this.size, false);
            }
          })
        }
      },
			mounted : function() {
				this.init();
			}
		})
	}
</script>