{extend name="default/base" /}
{block name="title"}我的订单 - {__block__}{/block}
{block name="css"}
<link rel="stylesheet"  href="__MOBILE__/css/orders.css?v={$v}">
{/block}
{block name="header"}
	<div id="info_list">
    <header style="background:#ffffff;" class="ui-header ui-header-positive ui-border-b wst-header">
        <a class="ui-icon-return" href='{:Url('mobile/orders/index')}'></a><h1>支付订单</h1>
    </header>
{/block}
{block name="main"}
    
	<section class="ui-container" id="shopBox">
	   	{volist name="$rs['list']" id="order"}
	  	<div class="order-item">
	  		<div class="ui-row-flex ui-whitespace item-head" onclick="getOrderDetail({{d[i].orderId}})">
	   			<div class="ui-col ui-col-2 ui-nowrap-flex ui-whitespace">订单号：{$order['orderNo']}<span style="float : right;">邮费：{$order['deliverMoney']}</span></div>
	 		</div>
	     	{volist name="$rs['goods'][$order['orderId']]" id="vo"}
	    	<div class="ui-row-flex ui-whitespace border-b">
	      		<div class="ui-col">
	            	<img src="__RESOURCE_PATH__/{$vo['goodsImg']}" class="o-Img">
	       		</div>
	         	<div class="ui-col ui-col-3 o-gInfo">
	         		<p class="o-gName ui-nowrap-multi ui-whitespace">{$vo['goodsName']}</p>
					{if condition="count($vo['goodsSpecNames']) gt 0"}
	               	<p class="o-gSpec ui-nowrap-flex ui-whitespace">规格：
	              		{volist name="$vo['goodsSpecNames']" id="spec"}
					   		{$spec}&nbsp;
						{/volist}
					</p>
	      			{/if}
	       		</div>
				<div class="ui-col order-tr" style="word-break:break-all;">￥{$vo['goodsPrice']} x{$vo['goodsNum']}</div>
	 		</div>
	       	{/volist}
	
	      	<div class="ui-btn-wrap o-btn-box" style="text-align: right;">
	        	<span class="wst-orders_pricet">总金额：<span class="wst-orders_prices">¥<?php echo sprintf("%.2f", $rs['totalMoney']);?></span></span>
	      	</div>
	      	<div class="wst-clear"></div>
		</div>
	    {/volist}
		<div style="text-align: center;">
			<button type="button" class="ui-btn-lg wst-btn-dangerlo" onclick="javascript:callpay();" style="width: 80%;  display: inline-block;">确认支付</button>
		</div>
	</section>

    </div>

{/block}
{block name="footer"}{/block}
{block name="js"}
<script type='text/javascript' src='__MOBILE__/js/jquery.min.js'></script>
<script type='text/javascript' src='__MOBILE__/users/orders/orders_list.js?v={$v}'></script>
<script>
$(document).ready(function(){
	backPrevPage(WST.U('mobile/orders/index'));
});
</script>
{/block}