<> miniprogram/pages/all-orders/index.wxml

微信扫码关注公众号，代码整理好后第一时间通知你。

<view>
	<view wx:if="{{!hasOrder}}" class="no-order">
		<view class="content-1">您还没有点餐</view>
		<view class="content-2">快去犒劳一下自己吧！</view>
		<view class="to-index-btn" bindtap="toIndexPage">去点餐</view>
	</view>
	<view wx:if="{{hasOrder}}" class="order-list">
		<view class="a-order" wx:for="{{orderList}}" wx:key="index">
			<navigator url="/pages/order-details/index?id={{item.id}}" class="weui-cell weui-cell_access" hover-class="none">
				<van-button custom-class="btn" wx:if="{{item.orderType== 1}}" type="primary"  size="small"><text style="font-size: 30rpx">早餐</text></van-button>
				<van-button custom-class="btn" wx:if="{{item.orderType== 2}}" type="info"  size="small"><text style="font-size: 30rpx">午餐</text></van-button>
				<van-button custom-class="btn" wx:if="{{item.orderType== 3}}" type="warning"  size="small"><text style="font-size: 30rpx">晚餐</text></van-button>
				<van-cell 
				title="{{item.orderForDateShow}}" value="{{item.statusStr}}" />
			</navigator>

			<view class="order-info-box">
				<view class="l">
					<view>订餐时间：{{item.dateAdd}}</view>
					<view>订单号：{{item.orderNumber}}</view>
					<view>餐品：{{item.orderFoodsName}}</view>
					<view>地点：{{item.building}}</view>
					<view>支付方式：{{item.payType}}</view>
					<view wx:if="{{item.remark}}">备注：{{item.remark}}</view>
				</view>
				<view class="r text-grey">
					<view>订餐人:{{item.orderUserName}} </view>
				</view>
			</view>
			<view class="price-box">
				<van-button custom-class="btn" round style="margin-right: 35rpx;" wx:if="{{item.status== 0}}" type="danger" plain hairline size="small" bind:click="cancelOrderTap" data-id="{{item.id}}">取消订单</van-button>
			</view>
		</view>
	</view>
	<view wx:if="{{hasOrder}}" style="text-align: center;margin: 3rem; font-size: medium;" class="margin-xl">仅显示您 7天内 的订单</view>
</view>