<view class="container">
	<view class="header">
		<text class="title">我的订单</text>
	</view>
	
	<view class="loading" wx:if="{{loading}}">加载中...</view>
	
	<view class="order-list" wx:if="{{!loading && orders.length > 0}}">
		<view class="order-item" wx:for="{{orders}}" wx:key="out_trade_no">
			<view class="order-header">
				<text class="order-no">订单号: {{item.out_trade_no}}</text>
				<text class="order-status" style="color:{{item.status === 'success' || item.total_fee === 0 ? '#52c41a' : '#ff4d4f'}}">{{item.status === 'success' || item.total_fee === 0 ? '已支付' : '未支付'}}</text>
			</view>
			<view class="order-body">
				<view class="order-items">
					<view class="item-row" wx:for="{{item.items}}" wx:key="drug_id" wx:for-item="product">
						<text class="item-name">{{product.drug_name}}</text>
						<text class="item-qty">×{{product.quantity}}</text>
						<text class="item-price">¥{{product.price.toFixed(2)}}</text>
					</view>
				</view>
			</view>
			<view class="order-footer">
				<text class="order-amount">合计: ¥{{item.amountStr}}</text>
				<text class="order-time">{{item.created_at}}</text>
			</view>
		</view>
	</view>
	
	<view class="empty-tip" wx:if="{{!loading && orders.length === 0}}">
		<text>暂无订单</text>
	</view>
</view>
