<view>
  <view class="header margin-bottom">
  <form onReset="onReset">
    <view class="search flex-box flex-v-ce">
      <image mode="scaleToFill" src="../../../image/ss.png"></image>
      <input placeholder="请输入姓名或事件内容搜索" onInput="bindKeyInput" class="flex-1"></input>
      <button a:if="{{isVal}}" class="delVal" formType="reset">×</button>
    </view>
  </form>
    <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 data-index="4" class="{{activeIndex == 4? 'active':''}} flex-1" catchTap="activeItem">被驳回</view>
    </view>
  </view>
  <view class="main scroll">
    <scroll-view class="scroll" a:if="{{list.length>0}}" scroll-y="{{true}}" onScrollToLower="onScrollToLower">
      <view class="flex-box li border-bottom" catchTap="openDetail" a:for="{{list}}" data-item="{{item}}">
        <view class="flex-1 main-right">
          <view class="flex-box">
            <view class="name flex-1" style="margin-right: 10rpx;">{{item.remark.customize || item.remark.rule}}</view>
            <view class="red" a:if="{{item.review_point > 0}}">+{{item.review_point}} {{item.pt_name}}</view>
            <view class="green" a:else>{{item.review_point}} {{item.pt_name}}</view>
          </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 class="greenBox" a:if="{{item.status == 1}}">申请成功</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>