<view class="content">
  <view class="top-text flex-column">
    <text class="text-1" >今日预约订单数：18</text>
    <text style="font-size: 28rpx;color: #999999;margin-top: 12rpx;">今日服务订单数：11</text>
    <view class="flex-align-center" style="margin-top: 12rpx;">
      <image src=""></image>
      <text style="font-size: 24rpx;">南山华润置地XX楼808号（南山店）</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">
    <view class="time flex-align-center" style="margin-right: 50rpx;">
      <text>2019-08-07</text>
      <view class="triangle"></view>
    </view>
    <view class="time flex-align-center" style="margin-right: 64rpx;">
      <text>2019-08-07</text>
      <view class="triangle"></view>
    </view>
    <view class="search flex-center">搜索</view>
  </view>
  <view class="tabs-content">
    <navigator url="/pages/orderDetail/orderDetail" hover-class="none" wx:for="{{ 2 }}" wx:key="index">
      <view class="item border-radius">
        <view class="item-top flex-align-center">
          <text class="flex1">水氧清洁水光提升综合管理</text>
          <text style="font-family: PingFangSC-Medium, PingFang SC;font-weight: 500;color: #FF77B0;">已完成</text>
        </view>
        <view class="item-text flex-column">
          <text>预约客户：查理兹·塞隆</text>
          <text>会员信息：非会员</text>
          <text>预约时间：2019-8-7  8：00~10：00</text>
          <text>设备：面部综合仪（5号房间）</text>
        </view>
        <view class="flex-align-center price">
          <text>预约费用：</text>
          <text style="color: #FF77B0;">￥888.88</text>
        </view>
        <view class="item-btn flex-align-center flex-justify-space-between">
          <view class="btn flex-center">订单详情</view>
          <view class="btn flex-center">客户信息</view>
          <view class="btn flex-center">记录反馈</view>
        </view>
      </view>
    </navigator>
    
  </view>
</view>