<!--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="{{dataList.length == 0}}"> <view class="nodate" > <van-empty description="暂无数据" /> </view> </block> <block wx:else> <view wx:for="{{dataList}}" wx:key="index" class="data-item"> <view class="top date ittflex-jcb"> <text class="top-date">2022-09-20 13:00-18:00</text> <!-- <text class="status s-wait">待服务</text> <text class="status s-done">已完成</text> --> <text class="status s-cancel">已取消</text> </view> <view class="center info"> <view class="username info-item"> <text>预约账号:</text> <text>测试用户</text> </view> <view class="username-w info-item"> <text>待检测账号:</text> <text>测试用户</text> </view> <view class="order-time info-item"> <text>下单时间:</text> <text>2022-09-09 22:57</text> </view> </view> <view class="bototm actions"> <view class="cancel-button ittflex" bindtap="handleCancel">取消</view> </view> </view> </block> <van-dialog title="确定要取消预约吗?" show="{{ vanoverlayshow }}" show-cancel-button confirm-button-text="确定" confirm-button-color="#333" cancel-button-text="取消" cancel-button-color="#666" bind:confirm="handleoverlayConfirm" bind:cancel="handleOverlayCancel" > </van-dialog> </view>