<div class="ipu-flex-row ipu-flex-vertical">
  <div class="ipu-flex-col ipu-flex-col-auto common-border-top">
    <div class="income-outline">
      <div class="income-normal-title ipu-flex ipu-flex-justify-space ipu-flex-align-center">
        <div id="incomeSum"></div>
        <div class="building-outline-tips-icon" style="transform: translate(2.28rem,0);position: absolute; "></div>
        <div class="bubble-tooltip" style="transform: translate(1.25rem,0);">如查询当年数据，数据统计截止当月。</div>
        <div class="sort-condition sort-by-others ipu-flex ipu-flex-justify-center ipu-flex-align-center" id="year" style="padding-right: .2rem;">
          <div class="sort-type"></div>
          <div class="unfold-status"></div>
        </div>
      </div>
      <div class="income-analysis-table" style="height: 1.8rem;margin-top: .2rem;">
        <div class="income-analysis-chart" style="height: 1.8rem;"></div>
      </div>
    </div>

    <div class="divide-area" style="height: .08rem;"></div>

    <div class="income-rank">
      <!--分公司-->
      <div class="first-level-department-data">
        <div class="income-rank-header ipu-flex ipu-flex-justify-space ipu-flex-align-center" style="padding:.2rem">
          <div class="income-normal-title">收入明细</div>
          <div class="sort-condition sort-by-others ipu-flex ipu-flex-justify-center ipu-flex-align-center" id="incomeType">
            <div class="sort-type">整体收入</div>
            <div class="unfold-status"></div>
          </div>
        </div>
        <div class="page-content">
          <ul class="income-rank-list">

          </ul>
          <div class="no-result-msg ipu-fn-p ipu-txt-center ipu-fn-hide">
            暂无记录
          </div>
        </div>
      </div>

    </div>
  </div>
</div>

<script id="list-item" type="text/template">
  {{if list.length>0}}
  {{each list item index}}
  <li class="income-rank-item-department ipu-flex ipu-flex-vertical" data-json="{{item|jsonToStr}}">
    <div class="department-income-desc-area ipu-flex ipu-flex-align-center">
      <div class="income-rank-number ipu-flex ipu-flex-justify-end ipu-flex-align-center">
        {{if index == 0}}
        <div class="rank-medal rank-medal-first"></div>
        {{else if index == 1}}
        <div class="rank-medal rank-medal-second"></div>
        {{else if index == 2}}
        <div class="rank-medal rank-medal-third"></div>
        {{else if index > 8}}
        <div class="rank-medal" style="height: .2rem;">{{index+1}}</div>
        {{else}}
        <div class="rank-medal" style="height: .2rem;">0{{index+1}}</div>
        {{/if}}
      </div>
      <div class="income-rank-item-content ipu-flex-grow-1 ipu-flex ipu-flex-align-center">
        {{if accountLevel == 1}}
        <div class="rank-item-name ipu-flex-grow-1">{{item.BRANCH_NAME}}</div>
        {{/if}}
        {{if accountLevel == 2}}
        <div class="rank-item-name ipu-flex-grow-1">{{item.DEPARTMENT_NAME}}</div>
        {{/if}}
        {{if accountLevel == 3}}
        <div class="rank-item-name ipu-flex-grow-1">{{item.CUST_SUPERVISOR_NAME}}</div>
        {{/if}}
        {{if accountLevel == 4}}
        <div class="rank-item-name ipu-flex-grow-1">{{item.CUST_MANAGER_NAME}}</div>
        {{/if}}
        {{if accountLevel == 5}}
        <div class="rank-item-name ipu-flex-grow-1">{{item.CUST_NAME}}</div>
        {{/if}}
        <div class="kpi-value ipu-flex-grow-1">{{item.THIS_YEAR_INCOM}}万元</div>
        <div class="item-arrow-right"></div>
      </div>
    </div>
  </li>
  {{/each}}
  {{/if}}
</script>
</html>