<!--packageF/timeAppointment/timeAppointmentMylist/timeAppointmentMylist.wxml-->

<view class="tabs">
  <view class="tab-item {{tabsIndex==0 ? 'active' : ''}}" data-index="{{0}}" bindtap="setTabsIndex">全部</view>
  <view class="tab-item {{tabsIndex==1 ? 'active' : ''}}" data-index="{{1}}" bindtap="setTabsIndex">待核销</view>
  <view class="tab-item {{tabsIndex==2 ? 'active' : ''}}" data-index="{{2}}" bindtap="setTabsIndex">已完成</view>
</view>

<view class="list-item">
  <view class="item" wx:for="{{listData}}" wx:key="id">
    <view class="face" bindtap="gotoGoods" data-item="{{item}}">
      <image src="{{item.goods_thumb}}"></image>
    </view>
    <view class="content">
      <view class="order">
        <view class="order_sn">{{item.order_sn}}</view>
        <view class="status">{{status_arr[item.status]}}</view>
      </view>
      <view class="text text-overHide">{{service_text}}：{{item.goods_title}}</view>
      <view class="text text-overHide" wx:if="{{listStatus==2}}">客户：{{item.customer_name}}({{item.customer_tel}})</view>
      <view class="text" wx:if="{{listStatus==1 || (listStatus==2 && is_boss==1)}}">{{reserve_obj_text}}：{{item.obj_name}}</view>
      <view class="text">预约时间：{{item.begin_time_str}}</view>
      <view class="operation" wx:if="{{listStatus==1}}">
        <view class="icon" bindtap="goToAdress">
          <i class="iconfont icon-fontclass-daohang"></i>
        </view>
        <view class="btns" wx:if="{{(item.status == 0 || item.status == 9) && item.refund_id==0}}">
          <view class="btn-item" bindtap="getCodeUrl" data-id="{{item.order_id}}">核销</view>
          <view class="btn-item cancel" bindtap="gotoRefund" data-item="{{item}}">取消预约</view>
        </view>
        <view class="btns" wx:if="{{item.refund_id!=0 && item.status != 3 }}">
          <view class="btn-item cancel" bindtap="gotoAftersales" data-item="{{item}}">售后中</view>
        </view>
      </view>
    </view>
  </view>

  <view wx:if="{{listData.length==0 && networkLoading}}" class="blank">
    <image src='https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/blank.png' mode='widthFix' />
  </view>

</view>





<van-popup custom-style="border-radius: 10rpx;" show="{{codeShow}}" bind:close="setCodeShow">
	<view class="qrcodeBox">
		<view class="top">
			<view class="title">请核销员扫码</view>
			<icon class="iconfont icon-guanbi" catchtap="setCodeShow"></icon>
		</view>
		<view class="img">
			<image mode="aspectFill" show-menu-by-longpress src="{{codeUrl}}"></image>
		</view>
	</view>
</van-popup>