sailun
/
sailun-agent


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235
							<!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" />
		<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: 8px;
		}
		.seeDetails{
			font-size: 0.22rem;
			padding: 8px;
			display: flex;
			justify-content: space-between;
			width: 6.74rem;
			margin: 0 auto;
			border-top: 1px solid #c8cdd0;
		}
		.mescroll{
		    position: relative;
		    height: auto; /*如设置bottom:50px,则需height:auto才能生效*/
				bottom: 8px;
				background: #ffffff;
				padding-bottom: 24px;
		  }
	</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">
	        {{ $t('home.intoStore.totalGoods') }}：
	        <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>{{ $t('home.intoStore.PurchaseTime') }}：</h4>
						<p v-on:click="getTimes(0)">{{ startTime }}</p>  ~  <p v-on:click="getTimes(1)">{{ endTime }}</p>
					</div>
				</div>
				<div class="page router fx1 mescroll" id="mescroll" v-if="totalList&&totalList.length!=0">
					<ul class="jinhuoRank" >
						<li v-for="item in totalList">
							<div class="info">
								<p>
									{{ item.storeName }}
								</p>
								<div style="display:flex">
									<p style="flex : 1">
										{{ $t('home.intoStore.mobile') }}：{{ item.storePhone }}
									</p>
									<p style="flex : 1">
											{{ $t('home.intoStore.sellBrand') }}：{{ item.brandName }}
									</p>
								</div>
								<div style="display:flex">
									<p style="flex : 1">
										{{ $t('home.intoStore.signContract') }}：{{ item.signCount }} {{ $t('common.one') }}
								</p>
									<p style="flex : 1">
										{{ $t('home.intoStore.scanCodeNum') }}：{{ item.count }} {{ $t('common.one') }}
								</p>
								</div>
							</div>
						<div class="seeDetails" class="flex labelValue" @click="handleSeeDetails(item.storeId)"><span>{{ $t('home.intoStore.viewAll') }}</span>	<img src="../../../../../image/image/009.png" style="width:.13rem;height:.26rem;" class="pull-right"/></div>
					</li>
					</ul>
				</div>
				<div class="view flex col" v-else>
					<div style="text-align:center;overflow:auto;background:#ffffff">
							<img src="../../../../../image/image/nodata.png" style="margin:2rem auto;width:100%;height:100%" />
					</div>
				</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/vue.js"></script>
<script type="text/javascript" src="../../../../../script/vue-i18n.js"></script>
<script type="text/javascript" src="../../../js/zh.js"></script>
<script type="text/javascript" src="../../../js/en.js"></script>
<script src="../../../../../script/js/vant-ui.js"></script>
<script src="../../../../../script/js/main.js"></script>
<script type="text/javascript" src="../../../js/httpRequest_tbr.js"></script>
<script type="text/javascript" src="../../../../../script/vue_plugins.js"></script>
<script type="text/javascript">
	apiready = function() {
		let langType = $api.getStorage('lang') || 'cn'
			const i18n = new VueI18n({
			locale: langType,//设置语言
			messages: {
					en: getEn(),
					cn: getCn()
				}
			})

		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',
			i18n,
			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(){
					this.endTime = this.$t('home.intoStore.now')
					 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.$t('home.intoStore.now') ? '' : this.endTime;
					this.startTime = startTime;
					 var data = {
						 "kunnr": this.kunnr,//////"0001003532",
						 "size": this.current,
						 "pageSize": this.size,
						 "startDate": this.startTime,
						 "endDate": endTime,
						 "url" : "json",
						 "type" : "body",
					 };
						var	_this = this;
					 this.$post("getInfoStoreU_jiage",data,function(ret){
						 if (ret.code == 0 || ret.code == '0') {
							  _this.totalInfo = ret.count;
								 _this.totalPages = ret.pageCount;
							 if(ret.Data){
								 _this.totalList = _this.current == 1 ? ret.Data : _this.totalList.concat(ret.Data);
								 if(mescroll){
									 mescroll.endSuccess(_this.size,true);
								 }
								 if(_this.frist == 1){
									 _this.$nextTick(function(){
										 _this.configs();
									 })
								 }
							 }else{
								 _this.totalList = [];
							 }
						 }
					 })
				},
        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);
            }
          })
        },
				//  查看详情
				handleSeeDetails: function(storeId) {
					this.goWin('intoStore_details_win', '../intoStore_details/intoStore_details_win.html', {
						storeId: storeId,
						startTime: this.startTime,
						endTime: this.endTime == '至今'||this.endTime == 'Till now' ? '' : this.endTime
					});
				}
      },
			mounted : function() {
				this.init();
			}
		})
	}
</script>