{extend name="default/base" /}
{block name="title"}我的订单 - {__block__}{/block}
{block name="css"}
<link rel="stylesheet"  href="__STATIC__/plugins/swiper/swiper.min.css"/>
<link rel="stylesheet" href="__MOBILE__/css/orders.css?v={$v}">
{/block}
{block name="header"}
<header class="weui-header wst-header">
	<div class="weui-header-left"><a class="icon icon-return" href="{:url('mobile/users/index')}"></a></div>
	<h1 class="weui-header-title">我的订单</h1>
</header>
{/block}
{block name="main"}
<input type="hidden" name="" value="{$type}" id="type" autocomplete="off">
<input type="hidden" name="" value="0" id="currPage" autocomplete="off">
<input type="hidden" name="" value="0" id="totalPage" autocomplete="off">
<input type="hidden" name="" value="0" id="orderid" autocomplete="off">
<section class="wst-container">
	<div class="weui-flex wst-or-item">
		<div class="weui-flex-item item {if ($type=='')}active{/if}" onclick="javascript:switchOrder(this,'');">全部</div>
		<div class="weui-flex-item item {if ($type=='waitpay')}active{/if}" onclick="javascript:switchOrder(this,'waitpay');">待付款</div>
		<div class="weui-flex-item item {if ($type=='waitdeliver')}active{/if}" onclick="javascript:switchOrder(this,'waitdeliver');">备货中</div>
		<div class="weui-flex-item item {if ($type=='waitreceive')}active{/if}" onclick="javascript:switchOrder(this,'waitreceive');">配送中</div>
		<div class="weui-flex-item item {if ($type=='waitcarry')}active{/if}" onclick="javascript:switchOrder(this,'waitcarry');">待自提</div>
	</div>
	<div class="wst-or-list">
		<div id="orders-list"></div>
	</div>
</section>
<script id="list" type="text/html">
	{{# for(var i=0; i<d.length; i++){ }}
	<div class="list">
		<div class="state wst-flex-row wst-jsb wst-ac"><div class="wst-flex-row wst-ac"><i class="icon-order-time"></i><span>{{ d[i].createTime }}</span></div><span class="status">{{ d[i].status }}</span></div>
		<div class="goods open-popup" data-target="#orders-page" onclick="javascript:details({{ d[i].orderId }});">
			{{# if(d[i].list.length<6){ }}
				{{# for(var g=0; g<d[i].list.length; g++){ }}
				<div class="img"><a><img src="__ROOT__/{:WSTConf('CONF.goodsLogo')}" data-echo="__ROOT__/{{ d[i].list[g].goodsImg }}" title="{{ d[i].list[g].goodsName }}"></a></div>
				{{# } }}
			{{# }else{ }}
			<div class="wst-goods-swiper">
				<div class="swiper-container">
					<div class="swiper-wrapper" style="height:auto;">
						{{# for(var g=0; g<d[i].list.length; g++){ }}
						<div class="swiper-slide img" ><a class="goodsImg"><img src="__ROOT__/{:WSTConf('CONF.goodsLogo')}" data-echo="__ROOT__/{{ d[i].list[g].goodsImg }}" title="{{ d[i].list[g].goodsName }}"></a></div>
						{{# } }}
					</div>
				</div>
			</div>
			{{# } }}
			<div class="wst-clear"></div>
		</div>
		<div class="price">共{{ d[i].totalGoodsNum}}件商品&nbsp;&nbsp;合计&nbsp;&nbsp;<span>¥ {{ d[i].realTotalMoney }}</span></div>
		{{# if(d[i].orderStatus!=-1){ }}
		<div class="item">
			{{# if(d[i].orderStatus==2) { }}<a class="red" href="javascript:void(0);" onclick="javascript:appraise({{ d[i].orderId }});">{{# if(d[i].isAppraise==1){ }}查看评价{{# }else{ }}评价{{# } }}</a>{{# } }}
			{{# if(d[i].orderStatus==-2){ }}<a class="red" href="javascript:void(0);" onclick="javascript:pay('{{ d[i].pkey }}');">立即付款</a>{{# } }}
			{{# if(d[i].orderStatus==-2 || d[i].orderStatus==0 || d[i].orderStatus==1){ }}<a class="red" href="tel:{{ d[i].shopTel }}">联系门店</a>{{# } }}
			{{# if(d[i].orderStatus==-2 || d[i].orderStatus==0){ }}<a class="gray" href="javascript:void(0);" onclick="javascript:showCancelBox('cancelOrder({{ d[i].orderId }})');">取消订单</a>{{# } }}
			{{# if(d[i].orderStatus==1){ }}
			<a class="red" href="javascript:void(0);" onclick="javascript:receive({{ d[i].orderId }});">确认收货</a>
			<a class="gray" href="javascript:void(0);" onclick="javascript:showRejectBox('rejectOrder({{ d[i].orderId }})');">拒收</a>
			{{# } }}
			<div class="wst-clear"></div>
		</div>
		{{# } }}
	</div>
	{{# } }}
</script>
<div class="weui_mask"></div>
<div id="orders-page" class="weui-popup-container">
	<div class="weui-popup-modal wst-or-details">
		<header class="weui-header wst-header">
			<div class="weui-header-left"><a class="icon icon-return close-popup" href="javascript:void(0);"></a></div>
			<h1 class="weui-header-title">订单详情</h1>
		</header>
		<div class="form" id="orders-details"></div>
		<footer class="footer wst-flex-row wst-jsb wst-ac" id="orders-details-footer">
			<div class="weui-header-right"><a class="icon icon-104" href="javascript:void(0);" id="details-tel">&nbsp;联系店家</a></div>
			<button class="button" onclick="javascript:complaint(1);">投诉</button>
		</footer>
	</div>
</div>
<script id="list2" type="text/html">
	<div class="state">
		<div class="middle">
			<div class="icon">
				{{# if(d.orderStatus==-2 || d.orderStatus==0 || d.orderStatus==1) { }}<i class="icon1"></i>{{# } }}
				{{# if(d.orderStatus==2) { }}<i class="icon2"></i>{{# } }}
				{{# if(d.orderStatus==-3 || d.orderStatus==-1) { }}<i class="icon3"></i>{{# } }}
			</div>
			<p class="word">你的订单{{ d.status }}</p>
			<p>{{# if(d.bookTime!=''){ }}预计送达:{{ d.bookTime }}{{# } }}</p>
		</div>
	</div>
	<div class="process">
		{{# if(d.payType==1) { }}
		<div class="explain {{# if(d.isPay==0) { }}active{{# } }}">
			<p class="icon"><img src="__MOBILE__/img/order-process-1{{d.isPay==1?'':'-0'}}.png"></p><p class="words">待付款</p>
		</div>
		<div class="{{(d.isPay==1)?'light-line':'line'}}"></div>
		{{# } }}
		{{# if($.inArray(d.orderStatus,[-2,0,1,2])!=-1){ }}
		<div class="explain {{# if(d.orderStatus==-2) { }}active{{# } }}">
			<p class="icon"><img src="__MOBILE__/img/order-process-2{{d.orderStatus>0?'':'-0'}}.png"></p><p class="words">待发货</p>
		</div>
		<div class="{{(d.orderStatus==1 || d.orderStatus==2)?'light-line':'line'}}"></div>
		<div class="explain {{# if(d.orderStatus<1 ) { }}active{{# } }}">
			<p class="icon"><img src="__MOBILE__/img/order-process-3{{d.orderStatus>=1?'':'-0'}}.png"></p><p class="words">已发货</p>
		</div>
		<div class="{{(d.orderStatus==2)?'light-line':'line'}}"></div>
		<div class="explain {{# if(d.orderStatus==-2  || d.orderStatus==0 || d.orderStatus==1) { }}active{{# } }}">
			<p class="icon"><img src="__MOBILE__/img/order-details2{{d.orderStatus>=2?'':'-0'}}.png"></p><p class="words">已收货</p>
		</div>
		{{# }else{ }}
		<div class="{{(d.orderStatus<=-1)?'light-line':'line'}}"></div>
		{{# if(d.orderStatus==-1) { }}
		<div class="explain">
			<p class="icon"><img src="__MOBILE__/img/order-details2{{d.orderStatus==-1?'':'-0'}}.png"></p><p class="words">已取消</p>
		</div>
		{{# } }}
		{{# if(d.orderStatus==-3) { }}
		<div class="explain">
			<p class="icon"><img src="__MOBILE__/img/order-details3{{d.orderStatus==-3?'':'-0'}}.png"></p><p class="words">已拒收</p>
		</div>
		{{# } }}
		{{# } }}
	</div>
	{{# if(d.payType==1 && d.isPay==1 && $.inArray(d.orderStatus,[-1,-3])>-1) { }}
	<div style='background:#fff;margin-bottom: 0.1rem;padding: 0.1rem 0.12rem;border-top:1px solid #f2f2f2;'>退款进度&nbsp;|&nbsp;{{# if(d.isRefund==1) { }}退款成功{{# }else{ }}<font color='red'>等待退款</font>
		{{#} }}</div>
	{{# } }}
	<div class="deliver">
		<div class="weui_cells weui_cells_access box">
			<a class="weui_cell" href="javascript:void(0);">
				{{# if(d.deliverType==0){ }}
				<div class="weui_cell_bd weui_cell_primary">
					{{# if(d.shopDeliverType==0){ }}
					<p class="name wst-nowrap">配送员：{{ WST.blank(d.distributor,'-') }}</p>
					<p class="detailed wst-nowrap">联系电话：{{ WST.blank(d.distributorPhone,'-') }}</p>
					{{# }else{}}
					<p class="name wst-nowrap">快递公司：{{ WST.blank(d.express,'-') }}</p>
					<p class="detailed wst-nowrap">快递编号：{{ WST.blank(d.expressNo,'-') }}</p>
					{{# } }}
				</div>
				{{# }else{ }}
				<div class="weui_cell_bd weui_cell_primary">
					<p class="name wst-nowrap">自提信息：{{ WST.blank(d.shopAddress,'-') }}</p>
				</div>
				{{# } }}
			</a>
		</div>
	</div>
	{{# if(d.userAddress!=''){ }}
	<div class="address">
		<div class="weui_cells weui_cells_access box">
			<a class="weui_cell" href="javascript:void(0);">
				<div class="weui_cell_bd weui_cell_primary">
					<p class="name wst-nowrap">{{ d.userName }}&nbsp;&nbsp;{{ d.userPhone }}</p>
					<p class="detailed wst-nowrap">{{ d.userAddress }}</p>
				</div>
			</a>
		</div>
	</div>
	{{# } }}
	{{# for(var i=0; i<d.goods.length; i++){ }}
	<div class="goods">
		<div class="list-i">
			<div class="img"><a href="javascript:void(0);"><img  src="__ROOT__/{:WSTConf('CONF.goodsLogo')}" data-echo="__ROOT__/{{ d.goods[i].goodsImg }}" title="{{ d.goods[i].goodsName }}"></a></div>
			<div class="info">
				<p class="name wst-nowrap-multi">{{ d.goods[i].goodsName }}</p>
				<div class="wst-flex-row wst-jsb wst-ac">
					<p class="num">数量：×{{ d.goods[i].goodsNum }}</p>
					<div class="list-r">¥ {{ d.goods[i].goodsPrice }}</div>
				</div>
			</div>
			<div class="wst-clear"></div>
		</div>

	</div>
	{{# } }}
	<div class="total">
		<div class="cost">商品金额<span id="goodsMoney">¥ {{d.goodsMoney}}</span></div>
		<div class="cost">运费<span id="goodsMoney">¥ {{d.deliverMoney}}</span></div>
		{{(d.hook)?(d.hook):''}}
		<div class="bottom">
			<p class="price">支付总额：<span>¥ {{d.realTotalMoney}}</span></p>
			<p class="info">下单时间：{{d.createTime}}</p>
			{{# if(d.orderStatus==2) { }}<p class="info">收货时间：{{d.receiveTime}}</p>{{# } }}
			<p class="info">订单编号：{{d.orderNo}}</p>
		</div>
	</div>
</script>
<div id="or-complaint" class="weui-popup-container">
	<header class="weui-header wst-header wst-or-complainth">
		<div class="weui-header-left"><a class="icon icon-return" href="javascript:void(0);" onclick="javascript:complaint(0);"></a></div>
		<h1 class="weui-header-title" id="saveInv-title">订单投诉</h1>
	</header>
	<div class="weui-popup-modal wst-or-complaint">
		<div class="form">
			<div class="prompt"><i class="icon icon-67"></i>请选择订单投诉类型</div>
			<ul>
				{volist name=":WSTDatas('ORDER_COMPLAINT')" id="co" key="cokey"}
				<li class="{if(($cokey)%2==0)}right{else}left{/if}" onclick="javascript:complaintSelect(this,{$co['dataVal']});"><p class="wst-nowrap">{$co["dataName"]}</p></li>
				{/volist}
			</ul>
			<input type="hidden" name="" value="0" id="complaintReason" autocomplete="off">
			<div class="reason" id="complaintFrame"><textarea id="complaintReason2" maxLength='300' placeholder="请填写投诉内容"></textarea></div>
		</div>
	</div>
	<footer class="wst-or-complaintf"><button id="saveInvoice" class="button btn-red" onclick="javascript:confirmComplaint();">提交</button></footer>
</div>
{/block}
{block name="footer"}{/block}
{block name="include"}
{/* 遮盖层  */}
<div class="wst-cover" id="cover2"></div>
{/* 取消订单  */}
<div class="wst-cancel-box" id="cancelBox">
	<input type="hidden" id="cancelReason">
	<div class="title">取消订单</div>
	<div class="desc">请选择您取消订单的原因:</div>
	<div class="content">
		{volist name=":WSTDatas('ORDER_CANCEL')" id="vo"}
		<div class="wst-flex-row wst-jsb wst-ac item">
			<div class="name">{$vo["dataName"]}</div>
			<label class="ui-checkbox" onclick="javascript:cancelOnSwitch(this,{$vo['dataVal']});">
				<i class="ui-icon-cancel weui_icon_circle"  value='{$vo["dataVal"]}'></i>
			</label>
		</div>
		{/volist}
		<div id='cancelTr' style='display:none'>
			<textarea id='cancelContent' maxLength='200' placeholder="请输入取消原因"></textarea>
		</div>
	</div>
	<div class="bottom-two-btn-box wst-flex-row wst-center">
		<button id="wst-event1" type="button" class="wst-dialog-b1" data-role="button" onclick="javascript:hideCancelBox();">取消</button>
		<button id="wst-event0" type="button" class="wst-dialog-b2">确定</button>
	</div>
</div>

<div class="wst-cancel-box" id="rejectBox">
	<input type="hidden" id="rejectReason">
	<div class="title">拒收原因</div>
	<div class="desc">请选择您拒收订单的原因:</div>
	<div class="content">
		{volist name=":WSTDatas('ORDER_REJECT')" id="vo"}
		<div class="wst-flex-row wst-jsb wst-ac item">
			<div class="name">{$vo["dataName"]}</div>
			<label class="ui-checkbox" onclick="javascript:rejectOnSwitch(this,{$vo['dataVal']});">
				<i class="ui-icon-reject weui_icon_circle"  value='{$vo["dataVal"]}'></i>
			</label>
		</div>
		{/volist}
		<div id='rejectTr' style='display:none'>
			<textarea id='rejectContent' maxLength='200' placeholder="请输入拒收原因"></textarea>
		</div>
	</div>
	<div class="bottom-two-btn-box wst-flex-row wst-center">
		<button id="wst-event1" type="button" class="wst-dialog-b1" data-role="button" onclick="javascript:hideRejectBox();">取消</button>
		<button id="wst-event2" type="button" class="wst-dialog-b2">确定</button>
	</div>
</div>
{/block}
{block name="js"}
<script type='text/javascript' src='__STATIC__/plugins/swiper/swiper.min.js'></script>
<script type='text/javascript' src='__STATIC__/plugins/weui/js/select.js'></script>
<script type='text/javascript' src='__STATIC__/plugins/weui/js/updown.js'></script>
<script type='text/javascript' src='__MOBILE__/users/orders/orders.js?v={$v}'></script>
<script>
	var currPage = totalPage = 0;
	var loading = false;
	$(document).ready(function(){
		orderList();
		$(window).scroll(function(){
			if (loading) return;
			if ((5 + $(window).scrollTop()) >= ($(document).height() - $(window).height())) {
				currPage = Number( $('#currPage').val() );
				totalPage = Number( $('#totalPage').val() );
				if( totalPage > 0 && currPage < totalPage ){
					orderList();
				}
			}
		});
	});
</script>
{/block}