<view class="page">
  <view class="swiper-tab">
    <view class="swiper-tab-item {{currentTab==0?'active':''}}" data-current="0" bindtap="clickTab">全部</view>
    <view class="swiper-tab-item {{currentTab==1?'active':''}}" data-current="1" bindtap="clickTab">待分配</view>
    <view class="swiper-tab-item {{currentTab==2?'active':''}}" data-current="2" bindtap="clickTab">待处理</view>
    <view class="swiper-tab-item {{currentTab==3?'active':''}}" data-current="3" bindtap="clickTab">已完成</view>
    <view class="swiper-tab-item {{currentTab==4?'active':''}}" data-current="4" bindtap="clickTab">已评价</view>
    <view class="swiper-tab-item {{currentTab==5?'active':''}}" data-current="5" bindtap="clickTab">已取消</view>
  </view>

  <view style="padding: 0 24rpx;box-sizing: border-box;width: 100%;height: 100%;">
    <swiper current="{{currentTab}}" duration="300" bindchange="swiperTab">
      <swiper-item wx:for="{{6}}" wx:key='index'>
        <scroll-view scroll-y="true" bindscrolltolower="scrollToLower">
          <view class="contenBox textcolor" wx:for="{{repairList}}" wx:key='index' data-id="{{item.id}}"
            bindtap="repairDetail">
            <view style="margin-bottom:18rpx;">
              <text style="font-size:30rpx;color:black;">报修单号：</text>
              <text>{{item.sn}}</text>
              <text wx:if="{{item.status == 'PENDING_ASSIGN'}}" style="float:right;color:#4C84FF;">待分配</text>
              <text wx:if="{{item.status == 'PENDING_PROCESS'}}" style="float:right;color:#4C84FF;">待处理</text>
              <text wx:if="{{item.status == 'COMPLETED'}}" style="float:right;color:#4C84FF;">已完成</text>
              <text wx:if="{{item.status == 'CANCELED'}}" style="float:right;color:#4C84FF;">已取消</text>
              <text wx:if="{{item.status == 'SCORE'}}" style="float:right;color:#4C84FF;">已评价</text>
            </view>
            <view style="margin-bottom:10rpx;">
              <text>保修时间：</text>
              <text style="margin-right:12rpx;">{{item.repairTime}}</text>
            </view>
            <view style="margin-bottom:10rpx;">
              <text>报修区域：</text>
              <text>{{item.area}}</text>
            </view>
            <view>
              <text>描述：</text>
              <text>{{item.content}}</text>
            </view>
            <view class="evaluate" data-id="{{item.id}}" wx:if="{{item.status == 'COMPLETED'}}" catchtap="navEvaluate">
              评价
            </view>
          </view>
        </scroll-view>
      </swiper-item>
    </swiper>
  </view>
  
  <view class="next" bindtap="repairapply">新建保修单</view>

</view>