sailun
/
sailun-shop


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156
							<!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>
	<link rel="stylesheet" href="./mescroll/mescroll.min.css">
	<script type="text/javascript" src="./mescroll/mescroll.min.js"></script>
	<title></title>
</head>
<style>
	.dingdangenzong .dingdanSearch {
		top: 0.5rem
	}

	.dingdangenzong {
		padding-top: 0rem;
	}

	.dingdangenzong .dingdangenzongContainer .item {
		padding-bottom: 0.2rem;
		height: auto;
	}
	.mescroll{
		position: relative;
	}
</style>

<body>
	<div id="app" v-cloak>
		<div class="pageView dingdangenzong">
			<!-- <div class="dingdanSearch flex a-center j-center">
				<div class="search_box flex a-center">
					<input type="text" placeholder="请输入详细地址">
					<div class="fgx"></div>
					<div class="search_btn flex a-center">
						订单状态 <i class="iconfont icon-xia"></i>
					</div>
					<van-icon name="search" size="0.32rem" />
				</div>
			</div> -->
			<div class="dingdangenzongContainer mescroll-touch-y mescroll" id="mescroll" v-show="list.length > 0">
				<div class="item" v-for="(item,index) in list" v-on:click="lookOrderInfo(index)">
					<div class="title flex a-center jlr">
						<div class="flex a-center">
							订单号：{{ item.orderNum }} <b></b>
						</div>
						<h2>{{ item.agentAuditStatusName }}</h2>
					</div>
					<div class="cont">
						<p>
							订单类型：{{ item.orderTypeName }}
						</p>
						<p>
							创建时间：{{ item.createTime }}
						</p>
					</div>
					<!-- <div class="foot flex">
						<div class="btn flex a-center j-center" v-on:click="lookOrderInfo(index)">
							订单详情
						</div>
						<div class="btn flex a-center j-center on" v-on:click="lookOrderLogistics(index)">
							物流信息
						</div>
					</div> -->
				</div>
			</div>
			<div v-show="list.length == 0" style="text-align:center">
				<img src="./image/noData.png" style="margin:2rem auto" />
			</div>
		</div>
	</div>
</body>
<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: [],
				getOrdersU: 'getOrderListU',
				current: 1,
				size: 10,
				totalPages : 1,
			},
			methods: {
				init: function() {
					var _this = this;
					this.userId = $api.getStorage('userid');
					this.getOrderList();
					this.configDownAndPull("mescroll",function(mescroll){
							 _this.current = 1;
							 _this.getOrderList(mescroll);
					},function(mescroll){
							 if(_this.current < _this.totalPages){
								 _this.current = _this.current + 1;
								 _this.getOrderList(mescroll,1);
							 }else{
								 mescroll.endSuccess(_this.size,false);
							 }
					})
				},
				//  查询门店订单
				getOrderList: function(mescroll) {
					var data = {
							"retailerId": this.userId,
							"size": this.size,
							"current": this.current,
							"url": "json",
							"type": "body",
						},
						_this = this,
						url = this.getOrdersU;
					this.$post(url, data, function(ret) {
						if (ret.code == 0 || ret.code == '0') {
							_this.totalPages = ret.data.pages;
							_this.list = _this.current == 1 ? ret.data.records : _this.list.concat(ret.data.records);
							if(mescroll){
								mescroll.endSuccess(_this.size,true);
							}
						}
					})
				},
				//  查看订单详情
				lookOrderInfo: function(index) {
					var id = this.list[index].id;
					this.goWin('orderInfo_win', 'orderInfo_win.html', {
						id: id
					});
				},
				//  查看订单物流信息
				lookOrderLogistics: function(index) {

				}
			},
			mounted: function() {
				this.init();
			}
		})
	}
</script>

</html>