<view class="content">
  <view class="top-text flex-column">
    <text class="text-1" >今日预约订单数：{{ homeData.order_num }}</text>
    <text style="font-size: 28rpx;color: #999999;margin-top: 12rpx;">今日服务订单数：{{ homeData.served_num }}</text>
    <view class="flex-align-center" style="margin-top: 12rpx;">
      <image src="/images/icon_05.png"></image>
      <text class="flex1 ellipsis" style="font-size: 24rpx;">{{ homeData.store_address }} {{ homeData.store_name }}</text>
    </view>
  </view>
  <view class="tabs-bgc">
    <view class="tabs-wrap flex-align-center">
      <view class="item flex-center {{current == 0 ? 'active' : ''}}" bindtap="onTabsChange" data-id="0">进行中</view>
      <view class="item flex-center {{current == 1 ? 'active' : ''}}" bindtap="onTabsChange" data-id="1">待进行</view>
      <view class="item flex-center {{current == 2 ? 'active' : ''}}" bindtap="onTabsChange" data-id="2">已结束</view>
    </view>
  </view>
  <view class="change-time border-radius flex-center">
    <picker mode="date" value="{{startDay}}" start="1998-04-20" end="{{endDay}}" bindchange="bindDateChange" data-date="startDay">
      <view class="time flex-align-center" style="margin-right: 50rpx;">
        <text>{{startDay}}</text>
        <view class="triangle"></view>
      </view>
    </picker>
    
    <picker mode="date" value="{{endDay}}" start="{{startDay}}" end="{{currentDay}}" bindchange="bindDateChange" data-date="endDay">
      <view class="time flex-align-center" style="margin-right: 64rpx;">
        <text>{{endDay}}</text>
        <view class="triangle"></view>
      </view>
    </picker>
    <view class="" style="width: 116rpx;" wx:if="{{ current == 0 }}"></view>
    <view class="search flex-center" bindtap="onSearchOrder" wx:if="{{ current != 0 }}">搜索</view>
  </view>
  <view class="tabs-content">
    <navigator url="/pages/orderDetail/orderDetail?orderId={{item.order_id}}" hover-class="none" wx:for="{{ list }}" wx:key="index">
      <view class="item border-radius">
        <view class="item-top flex-align-center">
          <text class="flex1 ellipsis">{{ item.project_name }}</text>
          <text style="font-family: PingFangSC-Medium, PingFang SC;font-weight: 500;color: #FF77B0;">{{ status[item.status] }}</text>
        </view>
        <view class="item-text flex-column">
          <text>预约客户：{{ item.user_name || '' }}</text>
          <text>会员信息：{{ item.vip_name }}</text>
          <text>预约时间：{{ item.order_time }}</text>
          <text>设备：{{ item.device_name }}</text>
        </view>
        <view class="flex-align-center price">
          <text>预约费用：</text>
          <text style="color: #FF77B0;">￥{{ item.price }}</text>
        </view>
        <view class="item-btn flex-align-center flex-justify-space-between">
          <view class="btn flex-center">订单详情</view>
          <view class="btn flex-center" data-id="{{ item.user_id }}" catchtap="goToClientInfo">客户信息</view>
          <view class="btn flex-center" data-item="{{ item }}" catchtap="goToFeedback">记录反馈</view>
          <!-- <navigator url="/pages/clientInfo/clientInfo?userId={{ item.user_id }}" hover-class="none">
            <view class="btn flex-center" data-id="{{ item.user_id }}" catchtap="goToClientInfo">客户信息</view>
          </navigator> -->
          <!-- <navigator url="/pages/feedback/feedback?orderId={{ item.order_id }}&cover={{ item.cover_url }}&name={{ item.project_name }}" hover-class="none">
            <view class="btn flex-center">记录反馈</view>
          </navigator> -->
          <!-- <view class="btn flex-center">记录反馈</view> -->
        </view>
      </view>
    </navigator>
    <view class="no-data" style="display: {{list.length == 0 ? 'block' : 'none'}};">暂无数据~</view>
  </view>
</view>