ittwxcust/pages/myAppointment/myAppointment.wxml

<!--pages/myAppointment/myAppointment.wxml-->
<view class="myappoint-content">
  <view class="nav-header ittflex">
    <view class="nav-item nav-all ittflex {{navItemActive == '0' ? 'nav-item-active' : ''}}" bindtap="handleChangeNav" data-index="0">全部</view>
    <view class="nav-item nav-wait ittflex {{navItemActive == '1' ? 'nav-item-active' : ''}}" bindtap="handleChangeNav" data-index="1">待服务</view>
    <view class="nav-item nav-done ittflex {{navItemActive == '2' ? 'nav-item-active' : ''}}" bindtap="handleChangeNav" data-index="2">已完成</view>
  </view>
  <block wx:if="{{appointmentList.length == 0}}">
    <view class="nodate" >
      <van-empty description="暂无数据" />
    </view>
  </block>
  <block wx:else>
    <view wx:for="{{appointmentList}}" wx:key="index" class="data-item">
      <view class="top date ittflex-jcb">
        <text class="top-date">
          <text class="app-str">{{item.appointmentTimeStr}}</text>
          <text wx:if="{{item.duration == 1}}">08:30-12:00</text>
          <text wx:if="{{item.duration == 2}}">12:30-17:00</text>
          <text wx:if="{{item.duration == 3}}">18:30-21:30</text>
        </text>
        <!-- status 1 待服务，2，3 已取消  4: 已完成 5.超时 -->
        <text class="status s-wait" wx:if="{{item.status == 1}}">待服务</text>
        <text class="status s-done" wx:if="{{item.status == 4}}">已完成</text>
        <text class="status s-cancel" wx:if="{{item.status == 2 || item.status == 3}}">已取消</text>
        <text class="status s-done" wx:if="{{item.status == 5}}">超时</text>
      </view>
      <view class="center info">
        <view class="username info-item">
          <text>预约账号：</text>
          <text>{{globalDataUserName}}</text>
        </view>
        <view class="order-time info-item">
          <text>下单时间：</text>
          <text>{{item.addTime}}</text>
        </view>
        <view class="order-time info-item" wx:if="{{item.status == 4}}">
          <text>完成时间：</text>
          <text>{{item.finishTime}}</text>
        </view>
        <view class="order-time info-item" wx:if="{{item.status == 2 || item.status == 3}}">
          <text>取消时间：</text>
          <text>{{item.finishTime}}</text>
        </view>
      </view>
      <view class="bototm actions" wx:if="{{item.status == 1}}">
        <button class="action-btn submit-btn itt-btn" bindtap="handleScanCode">去核销</button>
        <button class="action-btn cancels-btn" bindtap="handleCancel" data-id="{{item.id}}">取消</button>
      </view>
    </view>
  </block>
</view>