<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>

  <swiper current="{{currentTab}}" duration="300" bindchange="swiperTab">
    <swiper-item>
      <scroll-view scroll-y="true" style="height:92%">
        <view style="padding:4%;box-sizing: border-box;font-size:28rpx">
          <view class="padding2">
            <text style="margin-right:20rpx;">报修单号</text>
            <text class="textcolor" style="font-size:24rpx">{{repairList.sn}}</text>
          </view>

          <view class="padding2" style='margin-bottom:10rpx;font-size:30rpx;color:#4C84FF;'>
            <text style="margin-right:20rpx;">状态：</text>
            <text>{{repairList.statusName}}</text>
            <view wx:if='{{repairList.repairScore}}'>
              <text style="margin-right:20rpx;">评价：</text>
              <block wx:for="{{repairList.repairScore}}" wx:key="index">
                <image class="images" src='/images/red.png'></image>
              </block>
            </view>
          </view>

          <view class="padding2" wx:if="{{repairList.userVO.userName}}">
            <text style="margin-right:20rpx;">维修信息</text>
          </view>

          <view class="padding2" style="margin-bottom:10rpx;" wx:if="{{repairList.userVO.userName}}">
            <view>
              <text style="margin-right:20rpx;">联系电话：</text>
              <text>{{repairList.userVO.mobile}}</text>
            </view>
            <view>
              <text style="margin-right:20rpx;">维修费用：</text>
              <text>{{repairList.repairFee? repairList.repairFee:'暂无'}}</text>
            </view>
            <!-- <view>
              <text style="margin-right:20rpx;">维修材料费：</text>
              <text>无</text>
            </view> -->
            <view>
              <text style="margin-right:20rpx;">上门时间：</text>
              <text>{{repairList.beginDate}}</text>
            </view>
            <view>
              <text style="margin-right:20rpx;">结束时间：</text>
              <text>{{repairList.endDate}}</text>
            </view>
            <view>
              <text style="margin-right:20rpx;">维修员：</text>
              <text>{{repairList.userVO.userName}}</text>
            </view>
          </view>

          <view class="padding2">
            <view>
              <text style="margin-right:20rpx;">报修人：</text>
              <text>{{repairList.name}}</text>
            </view>
            <!-- <view>
              <text style="margin-right:20rpx;">公司：</text>
              <text>{{repairList.customerVO.name? repairList.customerVO.name:'未填'}}</text>
            </view> -->
            <view>
              <text style="margin-right:20rpx;">园区：</text>
              <text>{{repairList.parkVO.name}}</text>
            </view>
            <view>
              <text style="margin-right:20rpx;">联系电话：</text>
              <text>{{repairList.phone}}</text>
            </view>
            <view>
              <text style="margin-right:20rpx;">报修时间：</text>
              <text>{{repairList.createTime}}</text>
            </view>
            <view>
              <text style="margin-right:20rpx;">报修区域：</text>
              <text>{{repairList.area}}</text>
            </view>
            <view>
              <text style="margin-right:20rpx;">描述：</text>
              <text>{{repairList.content}}</text>
            </view>
            <view class="imageContent">
              <image wx:for="{{repairList.repairImages}}" wx:key='index' data-index="{{index}}"
                src="{{IMG_NAME+item.name}}" mode='widthFix' class="image" bindtap="previewImg">
              </image>
            </view>
          </view>
        </view>
      </scroll-view>
      <view class="next" wx:if="{{repairList.statusName == '已完成'}}" data-id="{{repairList.id}}" bindtap="repairapply">
        报修评价
      </view>
    </swiper-item>

    <swiper-item>
      <scroll-view scroll-y="true" bindscrolltolower="scrollToLower">
        <view class='weui-cell-third'>
          <view class="wecentBor">
            <block wx:for="{{repairList.repairLogs}}" wx:key="*this">
              <view class='weui-cell-list'>
                <view class='weui-cell-line'>
                  <view class='weui-cell-circle'>
                    <view></view>
                  </view>
                  <view class='weui-cell-time' style="padding-left:40rpx;">{{item.updateTime}}</view>
                  <view class='weui-cell-time' style="padding-left:30rpx;">{{item.updateBy}}</view>
                  <view class='weui-cell-event' style="padding-top: 10rpx;">{{item.detail}}</view>
                </view>
              </view>
            </block>
          </view>
        </view>
      </scroll-view>
    </swiper-item>
  </swiper>

</view>