<view>
  <view class="header margin-bottom">
    <view class="search flex-box flex-v-ce">
      <image mode="scaleToFill" src="../../../image/ss.png"></image>
      <input placeholder="请输入姓名或事件内容搜索" onInput="bindKeyInput" class="flex-1"></input>
    </view>
    <view class="flex-box flex-v-ce selectItems border-bottom">
      <view data-index="1" class="{{activeIndex == 1? 'active':''}} flex-1" catchTap="activeItem">奖扣成功</view>
      <view data-index="2" class="{{activeIndex == 2? 'active':''}} flex-1" catchTap="activeItem">待审批</view>
      <view data-index="3" class="{{activeIndex == 3? 'active':''}} flex-1" catchTap="activeItem">被驳回</view>
    </view>
  </view>
  <view class="main scroll">
    <scroll-view class="scroll" a:if="{{activeIndex==1&&list.length>0}}" scroll-y="{{true}}" onScrollToLower="onScrollToLower">
      <view class="flex-box li border-bottom" data-index="1"  a:for="{{list}}" catchTap="openDetail" data-item="{{item}}">
        <img-box name="{{item.employee_name}}" imgUrl="{{item.employee_img_url}}" height="80rpx" width="80rpx" fSize="24rpx"></img-box>
        <view class="flex-1 main-right">
          <view class="flex-box flex-v-ce">
            <view class="name flex-1">{{item.employee_name}}</view>
            <view class="red" style="font-size:44rpx" a:if="{{item.point>0}}">+{{item.point}}</view>
            <view class="green" style="font-size:44rpx" a:else>{{item.point}}</view>
          </view>
          <view class="context" a:if="{{item.remark}}">{{item.remark}}</view>
          <view class="flex-box flex-v-ce">
            <view class="date flex-1">{{item.event_time}}</view>
            <view class="redBox" a:if="{{item.point>0}}">奖分成功</view>
            <view class="greenBox" a:else>扣分成功</view>
          </view>
        </view>
      </view>
      <view class="noDatas" a:if="{{isData}}">没有更多咯</view>
    </scroll-view>
    <scroll-view class="scroll" a:if="{{activeIndex==2&&list.length>0}}" scroll-y="{{true}}" onScrollToLower="onScrollToLower">
      <view class="flex-box li border-bottom" data-index="2" a:for="{{list}}" catchTap="openDetail" data-item="{{item}}">
        <img-box name="{{item.employee_name}}" imgUrl="{{item.employee_img_url}}" height="70rpx" width="70rpx" fSize="24rpx"></img-box>
        <view class="flex-1 main-right">
          <view class="flex-box flex-v-ce">
            <view class="name flex-1">{{item.employee_name}}</view>
            <!-- <view class="red" a:if="{{item.point>0}}">+{{item.point}}</view>
            <view class="green" a:else>{{item.point}}</view> -->
          </view>
          <view class="context" a:if="{{item.remark}}">{{item.remark.customize}}</view>
          <view class="flex-box flex-v-ce">
            <view class="date flex-1">{{item.event_time}}</view>
            <view class="yellowBox" a:if="{{item.status==0}}">待审批</view>
          </view>
        </view>
      </view>
      <view class="noDatas" a:if="{{isData}}">没有更多咯</view>
    </scroll-view>
    <scroll-view class="scroll" a:if="{{activeIndex==3&&list.length>0}}" scroll-y="{{true}}" onScrollToLower="onScrollToLower">
      <view class="flex-box li border-bottom" data-index="2" a:for="{{list}}" catchTap="openDetail" data-item="{{item}}">
        <img-box name="{{item.employee_name}}" imgUrl="{{item.employee_img_url}}" height="70rpx" width="70rpx" fSize="24rpx"></img-box>
        <view class="flex-1 main-right">
          <view class="flex-box flex-v-ce">
            <view class="name flex-1">{{item.employee_name}}</view>
            <!-- <view class="red" a:if="{{item.point>0}}">+{{item.point}}</view>
            <view class="green" a:else>{{item.point}}</view> -->
          </view>
          <view class="context" a:if="{{item.remark}}">{{item.remark.customize}}</view>
          <view class="flex-box flex-v-ce">
            <view class="date flex-1">{{item.event_time}}</view>
            <view class="redBox" a:if="{{item.status==2}}">被驳回</view>
          </view>
        </view>
      </view>
      <view class="noDatas" a:if="{{isData}}">没有更多咯</view>
    </scroll-view>
    <no-data a:if="{{list.length==0}}"></no-data>
  </view>
</view>