<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?subordinateSystemName.split('').join('/'):''}}</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)="time=item.time;subordinateSystemMemberQuery('online')"
              [ngClass]="{selected:time==item.time}">
              {{item.name}}
            </li>
          </ul>
        </div>
      </div>
      <div class="salseContent">
        <div>
          <div class="num">￥{{statisticInfo?.fyp | number: "1.2-2"}}</div>
          <div>FYP</div>
        </div>
        <div>
          <div class="num">￥{{statisticInfo?.fyc | number: "1.2-2"}}</div>
          <div>FYC</div>
        </div>
        <div>
          <div class="num count">{{statisticInfo?.count}}</div>
          <div class="count">件数</div>
        </div>
      </div>
      <div class="salseContent">
        <div>
          <div class="num">￥{{statisticInfo?.targetFyp | number: "1.2-2"}}</div>
          <div>目标FYP</div>
        </div>
        <div>
          <div class="num">￥{{statisticInfo?.targetFyc | number: "1.2-2"}}</div>
          <div>目标FYC</div>
        </div>
        <div>
          <div class="num count">{{statisticInfo?.completionRate}}%</div>
          <div>完成率</div>
        </div>
      </div>
    </div>
  </div>
  <div class="rankInfoWrapper">
    <div class="rankContent">
      <div style="margin-bottom: 10px;
      display: flex;
      justify-content: space-between;
      margin-top: 10px;    align-items: center;">
        <div style="font-size: 18px;">团队排名</div>
        <div [ngSwitch]="sortType" class="sortType">
          <span *ngSwitchCase="1" (click)="sortType=2;subordinateSystemMemberQuery();"><i class="glyphicon glyphicon-sort"></i>按FYP排序</span>
          <span *ngSwitchCase="2" (click)="sortType=3;subordinateSystemMemberQuery();"><i class="glyphicon glyphicon-sort"></i>按FYC排序</span>
          <span *ngSwitchCase="3" (click)="sortType=4;subordinateSystemMemberQuery();"><i class="glyphicon glyphicon-sort"></i>按件数排序</span>
          <span *ngSwitchCase="4" (click)="sortType=1;subordinateSystemMemberQuery();"><i class="glyphicon glyphicon-sort"></i>按目标FYC排序</span>
        </div>
      </div>
      <div class="resultContent">
        <ul>
          <li class="rank">排名</li>
          <li class="name">姓名</li>
          <li class="fyp">FYP</li>
          <li class="fyc">FYC</li>
          <li class="count">件数</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">
            {{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>
          <li class="fyc remark">￥{{performanceItem.targetFyc | number: "1.2-2"}}</li>
          <li class="count remark">{{performanceItem.completionRate}}%</li>
        </ul>
      </div>
     
    </div>
  </div>
</div>
