<!--packageE/appointment/technician/appointment_project/appointment_project.wxml-->
<van-tabs active="{{ active }}" title-active-color="#f49f19" sticky color="#f49f19" bind:change="selectTab">
      <van-tab title="未完成">
        <view class="blank" wx:if="{{projectList.length<=0}}">
          <image mode="widthFix" src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/blank.png"></image>
          <view class='span'>还没有记录哦</view>
        </view>
        <view class="list-box" wx:else>
          <view class="list-item" wx:for="{{projectList}}" wx:key="i">
            <view class="top" wx:if="{{item.has_one_order_project}}">
              <view class="left"><image src="{{item.has_one_order_project.project_thumb}}" alt=""></image>
              </view>
              <view class="right">
                <view class='p' class="title">{{item.has_one_order_project.project_title}}</view>
                <view class='p' class="store_name" wx:if="{{item.has_one_store}}">门店名称：{{item.has_one_store.store_name}}</view>
                <view class="name-box" wx:if="{{item.has_one_worker}}">
                  <view class="name overflow">
                    <icon style="color: #f49f19;vertical-align: middle;"  class="iconfont icon-stores_staff"></icon>{{item.has_one_worker.name}}
                  </view>
                  <view class="yellow" catchtap="sure" data-id='{{item.id}}'>取消预约</view>
                </view>
              </view>
            </view>
            <view class="down">
              <view class="phone">
                <view class='p' class="left overflow">顾客名称：{{item.customer_name}}</view>
                <view class='p' class="right">联系方式：{{item.customer_tel}}</view>
              </view>
              <view class='p' class="time">预约时间：{{item.begin_time}} - {{item.end_time}}</view>
              <view class='p' class="time" wx:if="{{item.has_one_order_project&& item.has_one_order_project.rest_count}}">顾客{{appointmentLang.project}}剩余次数：{{item.has_one_order_project.rest_count}}</view>
              <view class='p' class="time" wx:if="{{item.remark}}">备注：{{item.remark}}</view>
            </view>
          </view>
        </view>
      </van-tab>
      <van-tab title="已完成">
        <view class="blank" wx:if="{{projectList.length<=0}}">
          <image mode='widthFix' src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/blank.png"></image>
          <view class='span'>还没有记录哦</view>
        </view>
        <view class="list-box" wx:else>
          <view class="list-item" wx:for="{{projectList}}" wx:key="i">
            <view class="top" wx:if="{{item.has_one_order_project}}">
              <view class="left"><image src="{{item.has_one_order_project.project_thumb}}" alt=""></image>
              </view>
              <view class="right">
                <view class='p' class="title">{{item.has_one_order_project.project_title}}</view>
                <view class="name-box" wx:if="{{item.has_one_worker}}">
                  <view class="name overflow">
                    <icon style="color: #f49f19;vertical-align: middle;"  class="iconfont icon-stores_staff"></icon>{{item.has_one_worker.name}}
                  </view>
                </view>
              </view>
            </view>
            <view class="down">
              <view class="phone">
                <view class='p' class="left overflow">顾客名称：{{item.customer_name}}</view>
                <view class='p' class="right">联系方式：{{item.customer_tel}}</view>
              </view>
              <view class='p' class="time">预约时间：{{item.begin_time}} - {{item.end_time}}</view>
              <view class='p' class="time" wx:if="{{item.has_one_order_project&& item.has_one_order_project.rest_count}}">顾客{{appointmentLang.project}}剩余次数：{{item.has_one_order_project.rest_count}}</view>
              <view class='p' class="time" wx:if="{{item.remark}}">备注：{{item.remark}}</view>
            </view>
          </view>
        </view>
      </van-tab>
      <van-tab title="已取消">
        <view class="blank" wx:if="{{projectList.length<=0}}">
          <image mode='widthFix' src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/blank.png"></image>
          <view class='span'>还没有记录哦</view>
        </view>
        <view class="list-box" wx:else>
          <view class="list-item" wx:for="{{projectList}}" wx:key="i">
            <view class="top" wx:if="{{item.has_one_order_project}}">
              <view class="left"><image src="{{item.has_one_order_project.project_thumb}}" alt=""></image>
              </view>
              <view class="right">
                <view class='p' class="title">{{item.has_one_order_project.project_title}}</view>
                <view class="name-box" wx:if="{{item.has_one_worker}}">
                  <view class="name overflow">
                    <icon style="color: #f49f19;vertical-align: middle;"  class="iconfont icon-stores_staff"></icon>{{item.has_one_worker.name}}
                  </view>
                </view>
              </view>
            </view>
            <view class="down">
              <view class="phone">
                <view class='p' class="left overflow">顾客名称：{{item.customer_name}}</view>
                <view class='p' class="right">联系方式：{{item.customer_tel}}</view>
              </view>
              <view class='p' class="time">预约时间：{{item.begin_time}} - {{item.end_time}}</view>
              <view class='p' class="time" wx:if="{{item.has_one_order_project&& item.has_one_order_project.rest_count}}">顾客{{appointmentLang.project}}剩余次数：{{item.has_one_order_project.rest_count}}</view>
              <view class='p' class="time" wx:if="{{item.remark}}">备注：{{item.remark}}</view>
            </view>
          </view>
        </view>
      </van-tab>
    </van-tabs>
