<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)="rank(item.type,isOnlineType,searchType)"
        [ngClass]="{selected:timeType==item.type}">
        {{item.name}}
      </li>
    </ul>
    <ul class="tab">
      <li *ngFor="let listItem of typelist" (click)="rank(timeType,listItem.type,searchType)"
        [ngClass]="{selected:isOnlineType==listItem.type}">
        {{listItem.name}}
      </li>
    </ul>
    <!-- <ul class="tab">
      <li *ngFor="let searchListItem of searchList" (click)="rank(timeType,isOnlineType,searchListItem.type)"
        [ngClass]="{selected:searchType==searchListItem.type}">
        {{searchListItem.name}}
      </li>
    </ul> -->
  </div>
  <div class="rankContent">
    <ul>
      <li>排名</li>
      <li>姓名</li>
      <li>团队</li>
      <li *ngIf="searchType=='1'" style="color: #333;font-weight: normal;position: relative;"
        (click)="rank(timeType,isOnlineType,2)">
        首年保费<img src="assets/images/icon.png"
          style="position: relative;width: 12%;right: 0;top: -2px;margin-left: 3px;">
      </li>
      <li *ngIf="searchType=='2'" style="color: #333;font-weight: normal;position: relative;"
        (click)="rank(timeType,isOnlineType,3)">
        首年佣金<img src="assets/images/icon.png"
          style="position: relative;width: 12%;right: 0;top: -2px;margin-left: 3px;">
      </li>
      <li *ngIf="searchType=='3'" style="color: #333;font-weight: normal;margin-right: 0;position: relative;"
        (click)="rank(timeType,isOnlineType,1)">
        件数<img src="assets/images/icon.png" style="position: relative;width: 12%;right: 0;top: -2px;margin-left: 3px;">
      </li>
    </ul>
    <div style="width: 100%;text-align: center;float: left;" *ngIf="rankList?.length <=0">暂无数据</div>
    <ul *ngFor="let rankItem of rankList;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>
        {{rankItem.rank}}
      </li>
      <li>{{rankItem.name}}</li>
      <li>{{rankItem.subordinateSystemName}}</li>
      <li *ngIf="searchType==1">￥{{rankItem.fyp | number: "1.2-2"}}</li>
      <li *ngIf="searchType==2">￥{{rankItem.fyc | number: "1.2-2"}}</li>
      <li *ngIf="searchType==3">{{rankItem.count}}</li>
    </ul>
  </div>
  <div class="rankContent">
    <ul>
      <li>{{practitionerInfo?.rank!=null ?practitionerInfo?.rank:'-'}}</li>
      <li>{{practitionerBasicInfo?.name}}</li>
      <li>{{practitionerBasicInfo?.subordinateName}}</li>
      <li *ngIf="searchType=='1'">￥{{practitionerInfo?.fyp | number: "1.2-2"}}</li>
      <li *ngIf="searchType=='2'">￥{{practitionerInfo?.fyc | number: "1.2-2"}}</li>
      <li *ngIf="searchType=='3'">￥{{practitionerInfo?.count}}</li>
    </ul>
  </div>

</div>