{template '_header'}
<style type="text/css">
.swiper-wrapper .swiper-slide{height:auto !important;}
.page__bd{background-color:#f8f8f8;min-height:250px;}
.weui-cell{min-height:25px;font-size: 15px;}
.weui-form-preview__btn_primary{color: {$_W['css']['cl']};}
[class^=weui-flow__info-] {background-color:{$_W['css']['cl']};}
.weui-flow__info-top:after {border-color: {$_W['css']['cl']} transparent transparent;}
.weui-flow__li_done .weui-flow__state {background-color:{$_W['css']['cl']};}
.weui-flow__process {background-color:{$_W['css']['cl']};}
</style>
<div class="page bg-zmpag">
<div class="zm-dpm" style="position:fixed; z-index:5; top:0; background-color:#ccc;">
	<div class="{$_W['css']['bg']} weui-header">
		<div class="weui-header-left"><a class="zmui-icon zmui-icon-slider-left f-white" href="{php echo $this->createMobileUrl('mshop')}"></a></div>
		<h1 class="weui-header-title" onclick="bl(888);">我的订单</h1>
		<div class="weui-header-right"><a class="zmui-icon zmui-icon-filter f-white open-popup" data-target="#saixuan"></a></div>
	</div>
	<div id="tagnav" class="weui-tab weui-tab_blue" style="height:44px;">
		<div class="weui-navbar" style="height:44px;">{php $tp8=array(1,6,7,8,9,0);}
			{loop $tp8 $i}
				<div onclick="bl({$i});" id="navbar{$i}" class="weui-navbar__item{if $i==$tb} {$_W['css']['tab']} {/if}">{$_W['zm_order_st'][$i]}</div>
			{/loop}
		</div>
	</div>
</div>
<div class="weui-panel__bd" style="height:88px;"></div>
<div class="page__bd" id="list">
	<div class='weui-msg'><div class='weui-msg__icon-area'><i class='weui-icon-warn weui-icon_msg-primary f-gray'></i></div><div class='weui-msg__text-area'><p class='weui-msg__desc'>暂无数据</p></div>
	</div>
</div>
<div class="clear loadtis"></div>
</div>
<input type="hidden" name="usid" id="usid" value="0" />
<div id="full" class='weui-popup__container' style="width:100%;"><div class="weui-popup__modal" id="userin" style="width:100%;"></div></div>
<div id="prodetial" class='weui-popup__container'>
	<div class="weui-popup__modal">
		<div class="{$_W['css']['bg']} weui-header close-popup" onclick='javascript:clpro();'>
			<div class="weui-header-left"><a class="zmui-icon zmui-icon-slider-left f-white" ></a></div>
			<h1 class="weui-header-title xqtitle">商品详情</h1>
			<div class="weui-header-right"><a class="zmui-icon zmui-icon-close2 f20 f-white"></a></div>
		</div>
		<div class="page bg-zmpag" id="alladd">
			正在加数据...
		</div>
	</div>
</div>
<div id="saixuan" class='weui-popup__container popup-bottom'>
	<div class="weui-popup__overlay weui-popup-overlay"></div>
	<div class="weui-popup__modal">
		<div class="toolbar">
			<div class="toolbar-inner">
				<a href="javascript:bl(888);" class="picker-button close-popup {$_W['css']['fb']}">清空</a>
				<h1 class="title">订单筛选</h1>
			</div>
		</div>
		<div class="modal-content">
			<div class="weui-cells">
				<div class="weui-cell weui-cell_select weui-cell_select-before">
					<div class="weui-cell__hd">
						<select class="weui-select" id="keyn">
							<option value="sj">收货电话</option>
							<option value="na">收货人</option>
							<option value="wl">物流单号</option>
							<option value="no">订单编号</option>
						</select>
					</div>
					<div class="weui-cell__bd">
						<input type="text" class="weui-input" id="keyv"  placeholder="请录入查找内容，收货人支持模糊" value="">
					</div>
				</div>
				<div class="weui-cell">
					<div class="weui-cell__hd"><label for="" class="weui-label">收货地区</label></div>
					<div class="weui-cell__bd ">
						<input class="weui-input ssx" type="text" id="ssx" value="" placeholder="请选择省市县" />
					</div>
				</div>
				<div class="weui-cell  weui-cells_form">
					<div class="weui-cell__hd"><label for="date" class="weui-label">开始日期</label></div>
					<div class="weui-cell__bd"><input type="text" class="weui-input" id="date1" value="{php echo date('Y-m-d', TIMESTAMP-7776000)}"></div>
				</div>
				<div class="weui-cell  weui-cells_form">
					<div class="weui-cell__hd"><label for="date" class="weui-label">结束日期</label></div>
					<div class="weui-cell__bd"><input type="text" class="weui-input" id="date2" value="{php echo date('Y-m-d', TIMESTAMP)}"></div>
				</div>
				<div class="weui-cell weui-cell_select weui-cell_select-after">
					<div class="weui-cell__hd"><label class="weui-label">状态</label></div>
					<div class="weui-cell__bd ">
						<select class="weui-select" id="clid">
							<option value="888" {if '888'==$tb}selected{/if}>全部</option>
							{loop $tp8 $i}
								<option value="{$i}" {if $i==$tb}selected{/if}>{$_W['zm_order_st'][$i]}</option>
							{/loop}
						</select>
					</div>
				</div>
			</div>
			<div class="weui-btn-area">
				<a href="javascript:search();" class="weui-btn {$_W['css']['bg']} close-popup" style="width:92%;">查找订单</a>
			</div><br>
		</div>
	</div>
</div>
{template '_footer'}
<script type='text/javascript' src="{$_W['siteroot']}addons/{$_W['current_module']['fname']}/zmui/js/swiper.min.js" charset='utf-8'></script>
<script type='text/javascript' src="{$_W['siteroot']}addons/{$_W['current_module']['fname']}/zmui/js/zm_citypicker.min.js?t=20190721"></script>
<script>$(".ssx").cityPicker({title: "选择您所在地区"});</script>
<script>
	var loading = false;
	var i=1;
	$(document.body).infinite().on("infinite", function() {
		upgrade();
	});
    function upgrade(){
		if(loading) return;
		loading = true;
		$(".loadtis").html("<div class='weui-loadmore'><i class='weui-loading'></i><span class='weui-loadmore__tips'>正在加载</span></div>");
		var clid = $("#clid").val();
        var atime = $("#date1").val();
        var btime = $("#date2").val();
		var keyv = $("#keyv").val();
		var keyn = $("#keyn").val();
		var ssx = $("#ssx").val();
        $.ajax({
            url:window.location.href,
            data:{ab:i,clid:clid,atime:atime,btime:btime,keyn:keyn,keyv:keyv,ssx:ssx},
            type:'post',
			error:function() {
				 $(".loadtis").html("<div class='weui-loadmore weui-loadmore_line'><span class='weui-loadmore__tips'>通信错误！</span></div>");
					$(document.body).destroyInfinite();
				},
            success:function(ret){
             if(ret==1)      {
				if(i==1) {
					$(".loadtis").html("<div></div>");
				}else{
					$(".loadtis").html("<div class='weui-loadmore weui-loadmore_line'><span class='weui-loadmore__tips'>已经到底了！</span></div>");
				}
				$(document.body).destroyInfinite();
             }else{
				if(ret.length<100) {
					if(i==1) {
						$(".loadtis").html("<div></div>");
					}else{
						$(".loadtis").html("<div class='weui-loadmore weui-loadmore_line'><span class='weui-loadmore__tips'>已经到底了！</span></div>");
					}
					$(document.body).destroyInfinite();
				}else{
					if(i==1) {
						$("#list").html(ret);
					}else{
						$("#list").append(ret);
					}
					loading = false;
					i++
					$(".loadtis").html("<div class='weui-loadmore weui-loadmore_line' onclick='upgrade();'><span class='weui-loadmore__tips'>点击加载更多</span></div>");
				}
             }
            }
        });
    }
	upgrade();
    function bl(id){
		if(id==888){
			$(".{$_W['css']['tab']}").removeClass('{$_W['css']['tab']}');
		}else{
			$("#navbar" + id ).addClass("{$_W['css']['tab']}").siblings().removeClass('{$_W['css']['tab']}');
		}
		$("#clid").val(id);
		i=1;
		$("#keyv").val('');
		$("#ssx").val('');
		$("#list").html("<div class='weui-msg'><div class='weui-msg__icon-area'><i class='weui-icon-warn weui-icon_msg-primary f-gray'></i></div><div class='weui-msg__text-area'><p class='weui-msg__desc'>暂无数据</p></div></div>");
		loading = false;
		$(document.body).infinite();
		upgrade();
	}
    function search(){
		var id = $("#clid").val();
		if(id==888){
			$(".{$_W['css']['tab']}").removeClass('{$_W['css']['tab']}');
		}else{
			$("#navbar" + id ).addClass("{$_W['css']['tab']}").siblings().removeClass('{$_W['css']['tab']}');
		}
		i=1;
		$("#list").html("<div class='weui-msg'><div class='weui-msg__icon-area'><i class='weui-icon-warn weui-icon_msg-primary f-gray'></i></div><div class='weui-msg__text-area'><p class='weui-msg__desc'>暂无数据</p></div></div>");
		$.closePopup();
		loading = false;
		$(document.body).infinite();
		upgrade();
	}
	function quxiao(id){
		$.confirm("您确定要取消订单吗?", "取消订单", function() {
			$.showLoading();
			$.get(window.location.href, {id:id,op:'qx'}, function(s){
				$.hideLoading();
				if (s.message.zt==0) {
					$('#od_' + s.message.orid + ' .js-lab').text('已取消');
					$('#od_' + s.message.orid + ' .js-qx').remove();
					$.toast("操作成功", function() {console.log('close');});
				}else{
					$.alert(s.message.ts, "操作失败");
				}
			}, 'json');
		}, function() {
			$.toast("操作取消", "cancel", function(toast) {console.log(toast);});
		});
	}
	function shpuh(id,sendtype){
		if(sendtype==3){
			var tit='云仓入库';
			var ts='您确定要转成云仓库存吗?';
		}else{
			var tit='确认收货';
			var ts='您确定已经如数收到货了吗?';
		}
		$.confirm(ts, tit, function() {
			$.showLoading();
			$.get(window.location.href, {id:id,op:'sh'}, function(s){
				$.hideLoading();
				if (s.message.zt==0) {
					$('#od_' + s.message.orid + ' .js-lab').text('已完成');
					$('#od_' + s.message.orid + ' .js-qx').remove();
					$.toast("操作成功", function() {console.log('close');});
				}else{
					$.alert(s.message.ts, "操作失败");
				}
			}, 'json');
		}, function() {
			$.toast("操作取消", "cancel", function(toast) {console.log(toast);});
		});
	}
	function del(id){
		$.confirm("您确定要删除订单吗?", "删除订单", function() {
			$.showLoading();
			$.get(window.location.href, {id:id,op:'del'}, function(s){
				$.hideLoading();
				if (s.message.zt==0) {
					$('#od_' + s.message.orid).slideToggle(1500, function (){
						$('#od_' + s.message.orid).remove();
					});
				}else{
					$.alert(s.message.ts, "操作失败");
				}
			}, 'json');
		}, function() {
			$.toast("操作取消", "cancel", function(toast) {console.log(toast);});
		});
	}
    function getpro(id) {
		$.showLoading();$('#alladd').html('正在加载商品数据......');$('.xqtitle').html('商品详情');
		$.get('{php echo $this->createMobileUrl('mshop')}', {id:id,op:'xq'}, function(s){
			$.hideLoading();
			if(s.length<100) {
				$.toast("加载失败", "text");
			}else{
				$("#prodetial").popup();
				$('#alladd').html(s);
			}
		}, 'html');
	}
    function getexp(expid,expsn) {
		$.showLoading();$('#alladd').html('正在加载物流数据......');$('.xqtitle').html('货物路由');
		$.get('{php echo $this->createMobileUrl('api', array('op' => 'kuaidi'))}', {expid : expid,expsn : expsn}, function(s){
			$.hideLoading();
			if (s.message.zt==0) {
				$("#prodetial").popup();
				$('#alladd').html("<div class='weui-flow-auto'><div class='weui-flow-auto__bd'></div></div><br><p class='weui-btn-area'><a href='javascript:clpro();' class='weui-btn weui-btn_disabled weui-btn_default weui_btn weui_btn_default close-popup'>关闭</a></p>");
				$.each(s.message.data,function (id, wl){
					$(".weui-flow-auto__bd").append("<div class='weui-flow-auto__li'><div class='weui-flow-auto__state weui-flow-auto__state_on'></div><div class='weui-flow-auto__line weui-flow-auto__line_on'></div><p class='weui-flow-auto__title'>"+wl.time+"</p><p class='weui-flow-auto__info'>"+wl.context+"</p></div>");
				});
				$(".weui-flow-auto__bd").append("<div class='weui-flow-auto__li'><div class='weui-flow-auto__state weui-flow-auto__state_on'></div><p class='weui-flow-auto__title'>发货</p></div>");
			}else{
				$.alert(s.message.ts, "操作失败！");
			}
		}, 'json');
	}
    function getorder(id) {
		$.showLoading();$('#alladd').html('正在加载订单数据......');$('.xqtitle').html('订单详情');
		$.get(window.location.href, {id:id,op:'xq'}, function(s){
			$.hideLoading();
			if(s.length<100) {
				$.toast("加载失败", "text");
			}else{
				$("#prodetial").popup();
				$('#alladd').html(s);
			}
		}, 'html');
	}
    function clpro() {
		$('#alladd').html('正在关闭......');$.hideLoading();
	}
	function qhtb(a) {
		$(".abcd").addClass('hidden');
		$("#cb" + a).removeClass('hidden');
		$(".{$_W['css']['tab']}").removeClass('{$_W['css']['tab']}');
		$("#bb" + a).addClass('{$_W['css']['tab']}');
	}
	$("#date1").calendar({
		onChange: function (p, values, displayValues) {
			console.log(values, displayValues);
		}
	});
	$("#date2").calendar({
		onChange: function (p, values, displayValues) {
			console.log(values, displayValues);
		}
	});
</script>
{if $id} <script type="text/javascript">getorder({$id});</script>{/if}