
<section class="header">
  <div class="topContent">
    <i class="iconfont icon-fanhui"></i>
    <i [routerLink]="'/news'">
      <img src="assets/images/indexIcons/news.png" alt="" srcset="">
    </i>
  </div>

    <!--头部经纪人信息START-->
  <div class="brokerInfoContent">
    <div class="avatar" routerLink="setting">
      <img style="width: 60px;height: 60px;"
        src="{{lifeCustomerInfo?.practitionerBasicInfo?.headImagePath ? lifeCustomerInfo?.practitionerBasicInfo?.headImagePath : './assets/images/icons/meng.png'}}"
        alt="头像">
    </div>
    <div class="brokerInfo">
      <div class="brokerName">
        <div style="letter-spacing: 2px"><span>{{lifeCustomerInfo?.practitionerBasicInfo?.name}}</span></div>
        <span i class="iconfont icon-ar-r" style="font-size:18px;" routerLink="/setting"></span>
      </div>

      <div class="brokerTag">
        <div>
          <p>{{lifeCustomerInfo?.practitionerBasicInfo?.insurerBranchName ?
            lifeCustomerInfo?.practitionerBasicInfo?.insurerBranchName : '银盾保险'}}</p>
        </div>
        <div>|</div>
        <div>{{lifeCustomerInfo?.practitionerBasicInfo?.subordinateName}}</div>
        <div>|</div>
        <div><span class="ydTitle">{{lifeCustomerInfo?.practitionerBasicInfo?.levelName}}</span></div>
      </div>
    </div>
  </div>
    <!--头部经纪人信息END-->
</section>
<section  class="championLists">
  <div style="padding-right: 4px">
    <div></div>
    <div style="display:flex;align-items:center"><img src="assets/images/indexIcons/king.png" alt="" style="width: 30px;margin-right: 3px;">
      <span style="font-size: 24px;">龙虎榜</span></div>
    <i class="iconfont icon-fanhui" style="color:'#6F1F0D'" (click)="jumpToDetail()"></i>
  </div>
  <div style="display: flex;flex-direction:column">
    <ul class="tab">
      <li *ngFor="let item of performanceList" (click)="rank(item.time,1,2)"
      [ngClass]="{selected:performanceSelectedFlag==item.time}">
      <div style="position: relative;">
        <span>{{item.name}}</span>
      </div>
    </li>
    </ul>
    <ul>
      <li>首年保费</li>
      <li>首年佣金</li>
      <li>件数</li>
      <li style="text-indent: 12px;">完成率</li>
    </ul>
    <ul>
      <li>￥{{onlineInfo?.fyc | number: "1.0-0"}}</li>
      <li>￥{{onlineInfo?.fyp | number: "1.0-0"}}</li>
      <li>{{onlineInfo?.count?onlineInfo.count:'-'}}</li>
      <li style="text-indent: 12px;">{{onlineInfo?.completionRate?onlineInfo.completionRate + '%':'-'}}</li>
    </ul>
  </div>
</section>

<section class="lists">
  <ul>
    <li *ngFor="let item of menuLists" (click)="goDetail(item)">
      <div>{{item.name}}</div>
      <div>
        <i class="iconfont icon-fanhui"></i>
      </div>
    </li>
  </ul>
</section>

<section class="copyrightContent">
  <p>上海银盾保险经纪有限公司</p>
  <p>保险业务经营许可证：269615000000800</p>
  <p>
    <img src="assets/images/indexIcons/copyright.png" alt="" srcset="">
    版权所有©2021银盾保险在线 沪ICP备310115020189293号</p>
</section>