<view>
  <view class="flex-box flex-v-ce tab margin-bottom">
    <view class="flex-1" catchTap="selectDate">
      <text class="{{showDate? 'activeView blue':''}}">{{selectDateVal}}</text>
    </view>
    <view class="flex-1" catchTap="selectStaff">
      <text class="{{showStaff? 'activeView blue':''}}">{{staffVal}}</text>
    </view>
    <view class="flex-1" catchTap="selectRule">
      <text class="{{showRuleTwo? 'activeView blue':''}}">{{ruleVal}}</text>
    </view>
    <view class="flex-1">
      <picker onChange="bingIntegralType" value="{{typesIndex}}" range="{{types}}" range-key="name">
        <text a:if="{{types[typesIndex].name=='全部'}}">积分类型</text>
        <text a:else>{{types[typesIndex].name}}</text>
      </picker>
    </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" 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 da" a:if="{{item.point>0}}">+{{item.point}}{{item.ptObj.name}}</view>
            <view class="green da" a:else>{{item.point}}{{item.ptObj.name}}</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>
        </view>
      </view>
      <view class="noDatas" a:if="{{isData}}">没有更多咯</view>
    </scroll-view>
    <no-data a:if="{{list.length==0}}"></no-data>
  </view>
  <select-staff defaultUser="{{employee_ids}}" isShow="{{showStaff}}" a:if="{{showStaff==true}}" onClose="onClose" onConfirm="onConfirmStaff"></select-staff>
  <select-date defaultDate="{{defaultDate}}" isShow="{{showDate}}" a:if="{{showDate==true}}" onClose="onClose" onConfirm="onConfirmDate"></select-date>
  <select-rule-two defaultSection="{{rule_id}}" isShow="{{showRuleTwo}}" a:if="{{showRuleTwo==true}}" onClose="onClose" onConfirm="onConfirmRule"></select-rule-two>
</view>