sailun
/
sailun-shop


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327
							<!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/vant-ui.css" />
	<link rel="stylesheet" type="text/css" href="css/iconfont.css">
	<link rel="stylesheet" type="text/css" href="css/main.css" />
	<script src="js/vue.js"></script>
	<script src="js/vant-ui.js"></script>
	<script src="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: 2rem
	}
</style>

<body>
	<div id="app" v-cloak>
		<!-- <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> -->
		<div class="jinhuo-page page mescroll-touch-y mescroll" id="mescroll">
			<ul class="info-content" v-for="item in totalList">
				<li class="info">
					<div class="info-title"><span>{{title.year}}年{{title.month}}月统计</span></div>
					<div class="info-container">
						<ul class="box-container">
							<li>
								<div class="circle-text">
									<div><span>{{item.numTask}}</span>条</div>
								</div>
								<div class="circle-title">签约任务</div>
							</li>
							<li>
								<div class="circle-text">
									<div><span>{{item.scanNum}}</span>条</div>
								</div>
								<div class="circle-title">已完成</div>
							</li>
							<li>
								<div class="circle-text">
									<div><span>{{item.leftNum}}</span>条</div>
								</div>
								<div class="circle-title">待完成</div>
							</li>
						</ul>
						<ul class="progress-container">
							<li>
								<div class="progress-bg"><span class='progress-num'
										:style="'width:'+item.scanNum/item.numTask*100+'%'">{{(item.scanNum/item.numTask*100).toFixed(2)}}%</span>
								</div>
								<div class="progress-title">当月进度</div>
							</li>
						</ul>
					</div>
				</li>
				<li class="info">
					<div class="info-title"><span>第{{title.quarter}}季度统计</span></div>
					<div class="info-container">
						<ul class="box-container">
							<li>
								<div class="circle-text">
									<div><span>{{dataInfo.NUM_TASK}}</span>条</div>
								</div>
								<div class="circle-title">签约任务</div>
							</li>
							<li>
								<div class="circle-text">
									<div><span>{{dataInfo.SCAN_NUM}}</span>条</div>
								</div>
								<div class="circle-title">已完成</div>
							</li>
							<li>
								<div class="circle-text"> 
									<div><span>{{dataInfo.LEFT_NUM}}</span>条</div>
								</div>
								<div class="circle-title">待完成</div>
							</li>
						</ul>
						<ul class="progress-container">
							<li>
								<div class="progress-bg"><span class='progress-num'
										:style="'width:'+dataInfo.SCAN_NUM/dataInfo.NUM_TASK*100+'%'">{{(dataInfo.SCAN_NUM/dataInfo.NUM_TASK*100).toFixed(2)}}%</span></div>
								<div class="progress-title">当季进度</div>
							</li>
						</ul>
					</div>
				</li>
				<li class="info">
					<div class="info-title"><span>我的信息</span><span>进货总量：{{totalInfo}}条</span></div>
					<div class="info-container">
						<ul class="box-container row-box ">
							<li>
								<span class="info-label">经销品牌：</span><span
									class="info-text">{{  item.brandName  }}</span>
							</li>
							<li>
								<span class="info-label">线上订货：</span><span class="info-text">{{item.ocount}}条</span>
							</li>
							<li>
								<span class="info-label">代理商：</span><span class="info-text">{{msgAgent}}</span>
							</li>
						</ul>
					</div>
				</li>
			</ul>
		</div>
		<!-- <div class="view flex col" >
				<div class="page router fx1" id="mescroll">
					<ul class="jinhuoRank">
						<li class="flex a-center" v-for="item in totalList">
							<!-- <div class="image"><img :src="item.storeImageUrl">
							</div> -->
		<!-- <div class="info">
									<div class="info-title"><span>2020年9月统计</span></div> -->
		<!-- <div class="info-content">
										<ul class="box-container">
											<li>
												<div><span>30</span>条</div>
												<div>签约任务</div>
											</li>
											<li>
												<div><span>30</span>条</div>
												<div>已完成</div>
											</li>
											<li>
												<div><span>30</span>条</div>
												<div>待完成</div>
											</li>
										</ul>
										<ul class="progress-container">
											<li>
												<div><span>50%</span></div>
												<div>当月进度</div>
											</li>
										</ul>
									</div> -->

		<!-- <p>
									{{ item.storeName }}
								</p>
								<p>
									电话：{{ item.storePhone }}
								</p>
								<p>
									经销品牌：{{ item.brandName }}
								</p>
								<p>
									本月进货：{{ item.scanNum }}条
								</p>
								<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>
						</li>
					</ul>
				</div> -->
		<!-- </div> -->
	</div>
</body>

</html>
<link rel="stylesheet" href="./mescroll/mescroll.min.css">
<script type="text/javascript" src="./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 () {
		new Vue({
			el: '#app',
			data: {
				list: [],
				userid: '',
				dataInfo:{},
				frist: 1,
				current: 1,
				size: 10,
				totalPages: 1,
				totalInfo: {}, // 进货分析中的库存总量
				totalList: [], // 进货分析的数据列表
				msgAgent: "",//经销商
				
			},
			computed: {
				title: function () {
					var title = {
						year: 0,
						month: 0,
						quarter: 0
					};
					title.year = new Date().getFullYear();
					title.month = new Date().getMonth() + 1;
					switch (title.month) {
						case 1: case 2: case 3:
							title.quarter = 1;
							break;
						case 4: case 5: case 6:
							title.quarter = 2;
							break;
						case 7: case 8: case 9:
							title.quarter = 3;
							break;
						default:
							title.quarter = 4
					};
					return title;
				}
			},
			methods: {
				init: function () {
					var _this = this;
					this.userid = $api.getStorage('userid');
					this.selectQuarter();
					this.getStoreList_jiage();
				},
				//  查询门店进货分析 -- 贾哥
				getStoreList_jiage: function (mescroll) {
					var data = "?retailerId=" + this.userid + "&current=" + this.current + "&size=" + this.size, _this = this;
					this.$getadd("getStoreIntoListU", data, function (ret) {
						if (ret.code == 0 || ret.code == '0') {
							_this.totalInfo = ret.total;
							_this.msgAgent = ret.msgAgent;
							_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 = "getStoreIntoListU";
					var data = "?retailerId=" + this.userid
					this.$getadd(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();
								})
							}
						}
					})
				},
				selectQuarter: function () {
					var data = {
						"url": "json",
						"type": "body",
						"storeId": this.userid,
					}
					_this = this,
					url = "selectQuarter";
					this.$post(url, data, function (ret) {
						if(ret.code==0){
							_this.dataInfo=ret.data
						}
					})
				},
				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>