xz_mini/pages/orderDetail/orderDetail.wxml

<view class="venue">
  <view class="venue-img">
    <image wx:if="{{venuePanorama}}" src="{{venueUrl}}{{imgRoute}}{{venuePanorama}}"></image>
  </view>
  <view class="venue-info">
    <view class="venue-title">{{venuesName}}</view>
    <view class="time-number">
      <text>订单编号：</text>{{serial}}
    </view>
    <view class="time-number">
      <text>下单时间：</text>{{gmtCreate}}
    </view>
    <view class="time-number" wx:if="{{price == '0' || price == ''}}">
      <text>价　　格：</text> -
    </view>
    <view class="time-number" wx:else>
      <text>价　　格：</text> {{price}}元
    </view>
  </view>
</view>
<view class="book">
  <view class="book-title">{{projectName}}-预定详情</view>
  <view class="order">
    <view class="order-box" wx:for="{{itemList}}" wx:key="index">
      <view class="top">
        <view>{{item.bookingOrderDate}}</view>
        <view>{{item.timeStr}}-{{item.timeEnd}}</view>
      </view>
      <view class="bottom">
        <view>{{item.groundName}}</view>
        <view wx:if="{{item.price == '' || item.price == '0'}}">免费</view>
        <view wx:else>{{item.price}}元</view>
        <view class="cancel" wx:if="{{item.orderType == '0'}}" bindtap="cancelItem" data-id="{{item.bookingItemId}}">取消预定</view>
        <view class="time-out" wx:if="{{item.orderType == '1'}}">已取消</view>
        <view class="time-out" wx:if="{{item.orderType == '2'}}">已过期</view>
      </view>
    </view>
  </view>
</view>
<view class="cancel-all" wx:if="{{cancelType}}" bindtap="cancelAll">全部取消</view>