{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">
<section class="wst-container">
	<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].isRefund==1)?"已退款":"等待退款"}}</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;合计：<span>¥ {{ d[i].realTotalMoney }}</span></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"></a>&nbsp;联系店家</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>预期送达:{{ d.bookTime }}</p>
	</div>
</div>
<div class="process">
	{{# if(d.payType==1) { }}
	<div class="explain {{# if(d.isPay==0) { }}active{{# } }}">
		<p class="icon"><i class="icon1"></i></p><p class="words">待付款</p>
	</div>
	<div class="line"></div>
	{{# } }}
	{{# if($.inArray(d.orderStatus,[-2,0,1,2])!=-1){ }}
	<div class="explain {{# if(d.orderStatus==-2) { }}active{{# } }}">
		<p class="icon"><i class="icon2"></i></p><p class="words">待发货</p>
	</div>
	<div class="line"></div>
	<div class="explain {{# if(d.orderStatus==-2 || d.orderStatus==1) { }}active{{# } }}">
		<p class="icon"><i class="icon3"></i></p><p class="words">已发货</p>
	</div>
	<div class="line"></div>
	<div class="explain {{# if(d.orderStatus==-2  || d.orderStatus==0 || d.orderStatus==1) { }}active{{# } }}">
		<p class="icon"><i class="icon4"></i></p><p class="words">已收货</p>
	</div>
	{{# }else{ }}
	<div class="line"></div>
	{{# if(d.orderStatus==-1) { }}
	<div class="explain">
		<p class="icon"><i class="icon5"></i></p><p class="words">已取消</p>
	</div>
	{{# } }}
	{{# if(d.orderStatus==-3) { }}
	<div class="explain">
		<p class="icon"><i class="icon5"></i></p><p class="words">已拒收</p>
	</div>
	{{# } }}
	{{# } }}
</div>
{{# if(d.payType==1 && d.isPay==1 && $.inArray(d.orderStatus,[-1,-3])>-1) { }}
<div class='order-refund'>退款进度&nbsp;|&nbsp;{{# if(d.isRefund==1) { }}退款成功{{# }else{ }}<font color='red'>等待退款</font>
{{#} }}</div>
{{# } }}
<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-green" onclick="javascript:confirmComplaint();">提交</button></footer>
</div>
{/block}
{block name="footer"}{/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/refund.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}