<div class="salesWrapper">
  <div class="teamHeader">
    <div class="teamInfo">
      {{subordinateSystemName}}战队
    </div>
    <div class="totalSales">
      <div><span>{{statisticInfo?.fyp | number: "1.2-2"}} </span><i class="text">保费</i></div>
      <div><span>{{statisticInfo?.fyc | number: "1.2-2"}}</span><i class="text">佣金</i></div>
      <div><span>{{statisticInfo?.count | number: "1.2-2"}}</span><i class="text">件数</i></div>
    </div>
  </div>
  <div class="rankInfoWrapper">
    <div class="title">
      <ul class="tab">
        <li *ngFor="let item of performanceList" (click)="subordinateSystemMemberQuery(item.time, online)"
          [ngClass]="{selected:time==item.time}">
          {{item.name}}
        </li>
      </ul>
      <!-- <ul class="tab">
        <li *ngFor="let listItem of list" (click)="subordinateSystemMemberQuery(time, listItem.type)"
          [ngClass]="{selected:lineType==lis
            tItem.type}">
          {{listItem.name}}
        </li>
      </ul> -->

    </div>
    <div class="rankContent">
      <ul>
        <!-- <li class="rank">排名</li> -->
        <li class="name">姓名</li>
        <li class="fyp">FYP</li>
        <li class="fyc">FYC</li>
        <li class="count">件数</li>
      </ul>
      <div style="width: 100%;text-align: center;float: left;height: 35px;" *ngIf="performanceListShow?.length <=0">
        暂无战队成员，努力去增员吧
      </div>
      <ul *ngFor="let performanceItem of performanceListShow;index as i;">
        <!-- <li class="rank">
          {{performanceItem.rank}}
        </li> -->
        <li class="name">{{performanceItem.name}}</li>
        <li class="fyp">￥{{performanceItem.fyp | number: "1.2-2"}}</li>
        <li class="fyc">￥{{performanceItem.fyc | number: "1.2-2"}}</li>
        <li class="count">{{performanceItem.count}}</li>
      </ul>
    </div>
  </div>
</div>