eorder-mini/pages/sub_order_page/order_detail/detail.wxml

<!--pages/order/detail/detail.wxml-->
<view>
  <view class='go-center go-top-10'>
    <view class="card-box">
      <view class="card-fetch">
        <view class="card-left-bar">
          <block wx:if="{{orderDetail.tradeStatus==0}}">
            <label>支</label>
            <label>付</label>
            <label>中</label>
          </block>
          <block wx:if="{{orderDetail.tradeStatus==1 || orderDetail.tradeStatus==2}}">
            <label>取</label>
            <label>餐</label>
            <label>号</label>
          </block>
          <block wx:if="{{orderDetail.tradeStatus==3}}">
            <label>已</label>
            <label>取</label>
            <label>消</label>
          </block>
        </view>
      </view>
      
      <view>
        <view class='go-top-10'>
          <label class='number-card' wx:if="{{orderDetail.queueNum}}">{{orderDetail.queueNum}}</label>
          <label class='number-card' wx:if="{{orderDetail.tradeStatus==0}}">{{"剩余时间"}}</label>
          <label class='number-card' wx:if="{{orderDetail.tradeStatus==3}}">{{"订单超时"}}</label>
          <label class='statu-card' wx:if="{{orderDetail.tradeStatus==1}}">制作中</label>
          <label class='statu-card' wx:if="{{orderDetail.tradeStatus==2}}">已完成</label>
          <label class='statu-card' wx:if="{{orderDetail.tradeStatus==3}}">已取消</label>
        </view>

        <view class='note-card' wx:if="{{model==0}}">
          <span wx:if="{{orderDetail.tradeStatus==0}}">请于{{orderDetail.expireTime}}前支付</span>
          <span wx:if="{{orderDetail.tradeStatus==1}}">佳肴制作中,尽快为你服务</span>
          <span wx:if="{{orderDetail.tradeStatus==2}}">佳肴制作完成，欢迎享用</span>
          <span wx:if="{{orderDetail.tradeStatus==3}}">已取消交易，欢迎下次再来</span>
        </view>
        <view class='note-card' wx:if="{{model==1}}">
          <label wx:if="{{status==1}}">预约成功！请您于{{appointTime}}左右<span style="color:#E53085">到店</span>领取</label>
          <label wx:if="{{orderDetail.deliveryStatus==1}}">已领取，请尽情享用</label>
        </view>

      </view>
    </view>
  </view>
  <!-- 订单详情 -->
  <view class='order-info'>
    <view class='order-info-title'>订单详情</view>
    <view class='cart-list-box' wx:for="{{orderDetail.goodsList}}" wx:key="goodsId">
      <view class='list-info'>
        <view>{{item.goodsName}}</view>
        <view class='list-info-size'>{{item.extraOptions==null?'':item.extraOptions}}</view>
      </view>
      <view style='width:50%;padding:10px;'>
        <view class="float-right">
          <view style='color:#A3A3A3'>x {{item.goodsQuantity}}</view>
          <view>¥ {{item.goodsPrice}}.00</view>
        </view>
      </view>
    </view>
    <view class='order-cut' wx:if="{{orderDetail.couponAmount!=0}}">
      <label class='order-cut-dec'>减</label>
      <label class='order-cut-note'>{{"优惠券满减"}}</label>
      <label class='order-cut-number activity-color'>-¥ {{orderDetail.couponAmount}}.00</label>
    </view>
    <view class='order-sum'>
      <label>总计 </label>
      <label class='order-sum-number activity-color'>¥ {{orderDetail.payAmount}}</label>
    </view>
  </view>
  <view class='order-info'>
    <!-- 本应动态请求，在此写死 -->
    <view class='order-info-title'>订单信息</view>
    <view class='order-info-title flex-display'>订单号码
      <view style='color:black;margin-left:10px'>{{orderDetail.orderNum}}</view>
    </view>
    <view class='order-info-title flex-display'>订单时间
      <view class="order-info-li">{{orderDetail.createTime}}</view>
    </view>
  </view>

  <view style='margin-top:15px' class='go-center' wx:if="{{orderDetail.tradeStatus==1 ||orderDetail.tradeStatus==2}}">
    <label class='note-exchange'>请凭此画面至取餐柜台领取</label>
  </view>
</view>