myAppointment.wxml 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637
  1. <!--pages/myAppointment/myAppointment.wxml-->
  2. <view class="myappoint-content">
  3. <view class="nav-header ittflex">
  4. <view class="nav-item nav-all ittflex {{navItemActive == '0' ? 'nav-item-active' : ''}}" bindtap="handleChangeNav" data-index="0">全部</view>
  5. <view class="nav-item nav-wait ittflex {{navItemActive == '1' ? 'nav-item-active' : ''}}" bindtap="handleChangeNav" data-index="1">待服务</view>
  6. <view class="nav-item nav-done ittflex {{navItemActive == '2' ? 'nav-item-active' : ''}}" bindtap="handleChangeNav" data-index="2">已完成</view>
  7. </view>
  8. <block wx:if="{{appointmentList.length == 0}}">
  9. <view class="nodate" >
  10. <van-empty description="暂无数据" />
  11. </view>
  12. </block>
  13. <block wx:else>
  14. <view wx:for="{{appointmentList}}" wx:key="index" class="data-item">
  15. <view class="top date ittflex-jcb">
  16. <text class="top-date">{{item.appointmentTime}}</text>
  17. <!-- status 1:申请 待服务 2.取消 3.完成 -->
  18. <text class="status s-wait" wx:if="{{item.status == 1}}">待服务</text>
  19. <text class="status s-done" wx:if="{{item.status == 3}}">已完成</text>
  20. <text class="status s-cancel" wx:if="{{item.status == 2}}">已取消</text>
  21. </view>
  22. <view class="center info">
  23. <view class="username info-item">
  24. <text>预约账号:</text>
  25. <text>{{globalDataUserName}}</text>
  26. </view>
  27. <view class="order-time info-item">
  28. <text>下单时间:</text>
  29. <text>{{item.addTime}}</text>
  30. </view>
  31. </view>
  32. <view class="bototm actions" wx:if="{{item.status == 1}}">
  33. <view class="cancel-button ittflex" bindtap="handleCancel" data-id="{{item.id}}">取消</view>
  34. </view>
  35. </view>
  36. </block>
  37. </view>