<div class="salesWrapper">
  <div
    style="height: 35px;line-height: 35px;float: left;width: 100%;font-size: 20px;margin-bottom: 5px;text-align: center;color: #ea2a37;">
    <span class="iconfont icon-paihangbang" style="font-size: 30px;color: #ea2a37;"></span> 龙虎榜
  </div>
  <div class="title">
    <ul class="tab">
      <li *ngFor="let item of performanceList" (click)="selectRang(item.type,lineType,rankType)"
        [ngClass]="{selected:dateType==item.type}">
        {{item.name}}
      </li>
    </ul>
    <ul class="tab">
      <li *ngFor="let listItem of list" (click)="selectRang(dateType,listItem.type,rankType)"
        [ngClass]="{selected:lineType==listItem.type}">
        {{listItem.name}}
      </li>
    </ul>
    <ul class="tab">
      <li *ngFor="let searchListItem of searchList" (click)="selectRang(dateType,lineType,searchListItem.type)"
        [ngClass]="{selected:rankType==searchListItem.type}">
        {{searchListItem.name}}
      </li>
    </ul>
  </div>
  <div class="rankContent">
    <ul>
      <li>排名</li>
      <li>姓名</li>
      <li>团队</li>
      <li *ngIf="rankType=='fyp'">保费</li>
      <li *ngIf="rankType=='fyc'">佣金</li>
      <li *ngIf="rankType=='count'">件数</li>
    </ul>
    <div style="width: 100%;text-align: center;float: left;" *ngIf="performanceListShow?.length <=0">暂无数据</div>
    <ul *ngFor="let performanceItem of performanceListShow;index as i;">
      <li class="icon">
        <ng-container *ngIf="i<=2">
          <div [ngSwitch]="i+1">
            <i class="iconfont icon-medal" *ngSwitchCase="1"
              [ngStyle]="{'color':'#fdb941','position': 'absolute','left':'0','font-size':'35px','top':'0','right':'0','bottom':'0','margin':'-3px auto'}"></i>
            <i class="iconfont icon-medal" *ngSwitchCase="2"
              [ngStyle]="{'color':'#b4b9c1','position': 'absolute','left':'0','font-size':'35px','top':'0','right':'0','bottom':'0','margin':'-3px auto'}"></i>
            <i class="iconfont icon-medal" *ngSwitchCase="3"
              [ngStyle]="{'color':'#ca8a6e','position': 'absolute','left':'0','font-size':'35px','top':'0','right':'0','bottom':'0','margin':'-3px auto'}"></i>
            <i class="iconfont icon-medal" *ngSwitchDefault
              [ngStyle]="{'color':'#fdb941','position': 'absolute','left':'0','font-size':'35px','top':'0','right':'0','bottom':'0','margin':'-3px auto'}"></i>
          </div>
        </ng-container>
        {{performanceItem.rank}}
      </li>
      <li>{{performanceItem.name}}</li>
      <li>{{performanceItem.subordinateSystemName}}</li>
      <li *ngIf="rankType=='fyp'">￥{{performanceItem.fyp | number: "1.2-2"}}</li>
      <li *ngIf="rankType=='fyc'">￥{{performanceItem.fyc | number: "1.2-2"}}</li>
      <li *ngIf="rankType=='count'">{{performanceItem.count}}</li>
    </ul>
  </div>
</div>