<div class="salesWrapper">
  <div class="teamHeader">
    <div class="teamItem teamInfo">
      <span class="icon-tuandui iconfont"
        style="position: absolute;width:45px;height:45px;line-height:35px;font-size: 30px;left:0;border: 1px #dcdcdc solid; padding: 5px;border-radius: 50%;"></span>
      <div style="float: left;">{{subordinateSystemName}}战队</div>
    </div>
    <div class="teamItem totalSales">
      <div class="teamTotal">
        <div style="padding-left: 5px;color: #fff;"> 战队业绩</div>
        <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>
        </div>
      </div>
      <div class="salseContent">
        <div class="num">￥{{statisticInfo?.fyp | number: "1.2-2"}}</div>
        <div class="num">￥{{statisticInfo?.fyc | number: "1.2-2"}}</div>
        <div class="num count">{{statisticInfo?.count}}</div>
      </div>
      <div class="salseContent">
        <div>首年保费</div>
        <div>首年佣金</div>
        <div class="count">件数</div>
      </div>
    </div>
  </div>
  <div class="rankInfoWrapper">
    <div class="rankContent">
      <div style="font-size: 18px;margin-bottom: 10px;">战队排名</div>
      <ul>
        <li class="rank">排名</li>
        <li class="name">姓名</li>
        <li class="fyp">首年保费</li>
        <li class="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">
          {{i+1}}
        </li>
        <li class="name">{{performanceItem.name}}</li>
        <li class="fyp remark">￥{{performanceItem.fyp | number: "1.2-2"}}</li>
        <li class="fyc remark">￥{{performanceItem.fyc | number: "1.2-2"}}</li>
        <li class="count remark">{{performanceItem.count}}</li>
      </ul>
    </div>
  </div>
</div>