<view>
  <view class="{{popupCx}}">
    <view class="flex-box flex-v-ce tab">
      <view class="flex-1" catchTap="selectDate">
        <text class="{{showDate? 'activeView blue':''}}">{{selectDateVal}}</text>
      </view>
      <view class="flex-1" catchTap="selectTissue">
        <text class="{{showTissue? 'activeView blue':''}}">{{TissueVal}}</text>
      </view>
      <view class="flex-1" catchTap="selectRule">
        <text class="{{showRuleTwo? 'activeView blue':''}}">{{ruleVal}}</text>
      </view>
      <view class="flex-1" catchTap="selectSx">
        <text class="{{showSx? 'activeView blue':''}}">{{sxVal}}</text>
      </view>
    </view>
    <view class="fontColorF" style="font-size:28rpx;padding:10rpx 28rpx;">排名不包含初始分和工龄分</view>
    <view class="main scroll">
      <scroll-view class="scroll" scroll-y="{{true}}" a:if="{{list.length>0}}" onScrollToLower="onScrollToLower">
        <view a:for="{{list}}" data-item="{{item}}" class="flex-box flex-v-ce item border-bottom">
          <view a:if="{{item.rank==1}}" class="index">
            <image mode="scaleToFill" src="../../../image/1.png"></image>
          </view>
          <view a:elif="{{item.rank==2}}" class="index">
            <image mode="scaleToFill" src="../../../image/2.png"></image>
          </view>
          <view a:elif="{{item.rank==3}}" class="index">
            <image mode="scaleToFill" src="../../../image/3.png"></image>
          </view>
          <view a:else class="index">{{item.rank}}</view>
          <view class="flex-1 flex-box flex-v-ce">
            <img-box name="{{item.employee_name}}" imgUrl="{{item.employee_img_url}}" height="80rpx" width="80rpx" fSize="24rpx"></img-box>
            <view class="name">{{item.employee_name}}</view>
          </view>
          <view class="blue" style="margin-right:28rpx;">{{item.point}}</view>
        </view>
                <view class="noDatas" a:if="{{isData}}">没有更多咯</view>
      </scroll-view>
      <no-data a:if="{{list.length==0}}"></no-data>
    </view>
  </view>

  <select-section defaultSection="{{dept_id}}" a:if="{{showTissue==true}}" isShow="{{showTissue}}" onClose="onClose" onConfirm="onConfirmTissue"></select-section>
  <select-sx defaultSx="{{sxObj}}" a:if="{{showSx==true}}" isShow="{{showSx}}" onClose="onClose" onConfirm="onConfirmSx"></select-sx>
  <select-date dateObj="{{dateObj}}" a:if="{{showDate==true}}" isShow="{{showDate}}" onClose="onClose" onConfirm="onConfirmDate"></select-date>
  <select-rule-two defaultSection="{{rule_id}}" a:if="{{showRuleTwo==true}}" isShow="{{showRuleTwo}}" onClose="onClose" onConfirm="onConfirmRule"></select-rule-two>
</view>