<!-- packageE/ranking_2/index/index.wxml -->
<view class="header">
  <navigator class="reward-log-entry" hover-class="reward-log-entry-hover" url="/packageE/ranking_2/reward_log/reward_log">
    历史排行记录
  </navigator>
  <view class="header-statistics" hover-class="none" hover-stop-propagation="false">
    <view class="header-statistics-count">{{ earningsThisMonth }}</view>
    <view>双创金</view>
  </view>
  <view hover-class="none" hover-stop-propagation="false">
    <view class="header-ranking">
      <view class="header-ranking-avatar">
        <image class="header-ranking-avatar_img" src="{{ memberInfo.avatar }}"></image>
        <image class="header-ranking-avatar_bg" src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/images/ranking/cert_1.png"></image>
      </view>
      <view class="header-ranking-title">
        <view class="header-ranking-title_text">{{ personalRanking }}</view>
        <image class="header-ranking-title_bg" src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/images/ranking/cert_2.png"></image>
      </view>
    </view>
    <view class="header-member-nickname ellipsis1">{{ memberInfo.nickname }}</view>
  </view>
  <view class="header-statistics" hover-class="none" hover-stop-propagation="false">
    <view class="header-statistics-count">{{ remainingBonus }}</view>
    <view>总奖学金</view>
  </view>
</view>
<view class="income-ranking">
  <view class="income-ranking-title">{{ customSettings.rankingName }}</view>
  <view class="income-ranking-list income-list">
    <view class="income-list-item">
      <view>排名</view>
      <view style="text-align:left;">会员</view>
      <view>双创金</view>
      <!-- 先预留一份，避免以后客户需要修改 -->
      <!-- <view class="ellipsis1">{{ customSettings.expectedEarningText }}</view> -->
      <view class="ellipsis1">奖学金</view>
    </view>
    <block wx:for="{{ incomePageItem }}" wx:for="{{ incomeList }}" wx:for-item="incomePageItem" wx:key="index">
      <block wx:for="{{ incomePageItem }}" wx:for-item="incomeItem" wx:for-index="incomeItemIndex" wx:key="id">
        <view class="income-list-item">
          <view class="ellipsis1">
            <image class="ranking-top-icon" src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/images/ranking/top_1.png" mode="aspectFit|aspectFill|widthFix" lazy-load="true" wx:if="{{ incomeItemIndex==0 }}"></image>
            <image class="ranking-top-icon" src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/images/ranking/top_2.png" mode="aspectFit|aspectFill|widthFix" lazy-load="true" wx:if="{{ incomeItemIndex==1 }}"></image>
            <image class="ranking-top-icon" src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/images/ranking/top_3.png" mode="aspectFit|aspectFill|widthFix" lazy-load="true" wx:if="{{ incomeItemIndex==2 }}"></image>
            <text wx:if="{{ incomeItemIndex>2 }}">{{ incomeItem.ranking }}</text>
          </view>
          <view class="income-item-member ellipsis1">
            <image class="income-list-member-avatar" src="{{ incomeItem.has_one_members.avatar_image }}" />
            {{ incomeItem.has_one_members.nickname }}
          </view>
          <view class="ellipsis1">{{ incomeItem.commission_sum }}</view>
          <view class="ellipsis1">{{ incomeItem.bonus }}</view>
        </view>
      </block>
    </block>
  </view>
</view>