sailun
/
sailun-agent


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192
							<!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>
	<style>
		.dingdangenzong .dingdanSearch {
			top: .1rem
		}

		.dingdangenzong {
			padding-top: 0.2rem;
		}

		.dingdangenzong .dingdangenzongContainer .item {
			height: auto;
			padding-bottom: 0.1rem
		}

		.wuliu {
			width: 0.6rem;
			height: 0.6rem;
			float: right;
			position: absolute;
			top: 50px;
			right: 20px;
		}
	</style>
</head>

<body>
	<div id="app" v-cloak>
		<div class="pageView dingdangenzong">
			<!-- <div class="header flex a-center j-center">
					<i class="iconfont icon-back" onclick="history.go(-1)"></i>
					订单跟踪
					<div class="toobla flex a-center">
						<div class="icon3"></div>
					</div>
				</div> -->
			<!-- <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" id="mescroll" v-show="list.length > 0">
				<div class="item" v-for="item in list" v-on:click="openWin('b2b_order_info',item)">
					<div class="title flex a-center jlr">
						<div class="flex a-center">
							订单号：{{item.ordernumber}}
							<b></b>
						</div>
						<h2>{{item.status}}</h2>
					</div>
					<div class="cont">
						<p>交货单号：{{item.deliverynumber}}</p>
						<p>交货日期：{{item.deliverydate}}</p>
						<p>送货地址：{{item.destinationname}}</p>
					</div>
					<img class="wuliu" src="./image/wuliu.png" v-on:click.stop="looWuliu(item.deliverynumber,item.shippingdoc)" />
					<!-- <div class="foot flex">
							<div class="btn flex a-center j-center" v-on:click="openWin('b2b_order_info')">订单详情</div>
							<div class="btn flex a-center j-center on" v-on:click="openWin('b2b_order_trans')">物流信息</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>
<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() {
		var header = $api.byId('aui-header');
		$api.fixStatusBar(header);
		var headerPos = $api.offset(header);
		if (api.systemType == 'android') {
			$api.css($api.byId('aui-header'), 'padding-top:2.1rem');
		}

		new Vue({
			el: '#app',
			data: {
				current: 1,
				size: 10,
				totalPages: 1,
				list: [],
				frist: 1,
			},
			mounted: function() {
				this.init();
			},
			methods: {
				init: function() {
					var _this = this;
					this.token = $api.getStorage('token');
					this.getOrderList();
				},
				configs: function() {
					var _this = this;
					this.frist = 2;
					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) {
					// console.log(this.page)
					// console.log(this.pageSize)
					var params = {
							token: this.token,
							page: this.current,
							pagesize: this.size,
							dateinterval: "",
							orderstatus: "",
							ordernumber: "",
							deliverynumber: "",
							startdate: "",
							enddate: "",
							destination: "",
							url: 'json',
							type: 'body'
						},
						_this = this;
					// alertJson(params);
					this.$post('b2bOrderList', params, function(ret) {
						if (ret.code == 0 || ret.code == '0') {
							_this.list = _this.current == 1 ? ret.bizOrderCheckHeadReturnDto.data.list : _this.list.concat(ret.bizOrderCheckHeadReturnDto.data.list);
							if (mescroll) {
								mescroll.endSuccess(_this.size, true);
							}
							if (_this.frist == 1) {
								_this.$nextTick(function() {
									_this.configs();
								})
							}
						}
					});
				},
				openWin: function(src, param) {
					var parms = {
						ordernumber : param.ordernumber,
						deliverynumber : param.deliverynumber,
						shippingdoc : param.shippingdoc,
						shipdate : param.shipdate
					}
					this.goWin(src, src + '_win.html', parms);
				},
				//  查看物流
				looWuliu : function(vbein,kunnr){
            var params = {
							  v : vbein,
								k : kunnr
						}
						this.goWin('wuliu_win', 'wuliu_win.html', params);
				}
			}
		})

	}
</script>

</html>