<div class="team_sales_detail_wrapper">
  <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>
  <div *ngIf="this.showType==='teamSalesScore'">
    <div class="rankInfoWrapper">
      <div class="rankContent">
        <div style="font-size: 18px;margin-bottom: 10px;">战队成员销售活动量得分</div>
        <div class="content_wrapper">
          <ul>
            <li>姓名</li>
            <li>今天得分</li>
            <li>本周得分</li>
            <li>本月得分</li>
            <li>本周新增商机</li>
          </ul>
          <div style="width: 100%;text-align: center;float: left;height: 35px;"
            *ngIf="playerSalesActivityInfo?.length <=0">
            暂无战队成员，努力去增员吧
          </div>
          <ul *ngFor="let playerSalesActivityItem of playerSalesActivityInfo;index as i;">
            <li>{{playerSalesActivityItem.name}}</li>
            <li>{{playerSalesActivityItem.scoreDay!=null?playerSalesActivityItem.scoreDay:'-'}}</li>
            <li>{{playerSalesActivityItem.scoreWeek!=null?playerSalesActivityItem.scoreWeek:'-'}}</li>
            <li>{{playerSalesActivityItem.scoreMonth!=null?playerSalesActivityItem.scoreMonth:'-'}}</li>
            <li>{{playerSalesActivityItem.addOpportunityNum!=null?playerSalesActivityItem.addOpportunityNum:'-'}}</li>
          </ul>
        </div>

      </div>
    </div>
  </div>
  <div *ngIf="this.showType==='forecast'">
    <div class="rankInfoWrapper">
      <div class="rankContent">
        <div class="tab">
          <div style="font-size: 18px;">战队销售业绩预测</div>
          <ul>
            <li [ngClass]="{selected:selectedSalseItem==='m'}" (click)="salesPerformanceForecastListQuery('m')">本月</li>
            <li [ngClass]="{selected:selectedSalseItem==='q'}" (click)="salesPerformanceForecastListQuery('q')">本季</li>
            <li [ngClass]="{selected:selectedSalseItem==='y'}" (click)="salesPerformanceForecastListQuery('y')">本年</li>
          </ul>
        </div>
        <div class="content_wrapper forecast">
          <ul>
            <li class="name">姓名</li>
            <li>保费</li>
            <li>佣金</li>
            <li class="count">件数</li>
            <li>完成率</li>
          </ul>
          <div style="width: 100%;text-align: center;float: left;height: 35px;"
            *ngIf="salesPerformanceForecastInfos?.length <=0">
            暂无战队成员，努力去增员吧
          </div>
          <ul *ngFor="let forecastItem of salesPerformanceForecastInfos;index as i;">
            <li class="name">{{forecastItem.name}}</li>
            <li>{{forecastItem.premium!=null?'￥'+lifeCommonService.transform(forecastItem.premium):'-'}}</li>
            <li>{{forecastItem.commission!=null?'￥'+lifeCommonService.transform(forecastItem.commission):'-'}}</li>
            <li class="count">{{forecastItem.pieces!=null?forecastItem.pieces:'-'}}</li>
            <li>{{forecastItem.achievementRate!=null?lifeCommonService.toPercent(forecastItem.achievementRate):'-' }}
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</div>