<div class="taem_panel_wrapper">
  <div class="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="taem_panel_item_wrapper">
    <div class="taem_panel_item_top">
      <div class="item_title">
        战队业绩(￥)
      </div>
      <ul class="tab">
        <li [ngClass]="{selected:selectedRecruitingItem===1}" (click)="subordinateSystemMemberQuery(1)">本月</li>
        <li [ngClass]="{selected:selectedRecruitingItem===3}" (click)="subordinateSystemMemberQuery(3)">本季</li>
        <li [ngClass]="{selected:selectedRecruitingItem===2}" (click)="subordinateSystemMemberQuery(2)">本年</li>
      </ul>
    </div>
    <div class="taem_panel_item_content">
      <ul>
        <li class="big" style="width: 30%;">{{statisticInfo?.fyp | number: "1.0-2"}}</li>
        <li class="big" style="width: 30%;">{{statisticInfo?.fyc | number: "1.0-2"}}</li>
        <li class="big" style="width: 15%;">{{statisticInfo?.count | number}}</li>
        <li class="big" style="width: 15%;">{{statisticInfo?.completionRate + '%'}}</li>
      </ul>
      <ul>
        <li style="width: 30%;">首年保费</li>
        <li style="width: 30%;">首年佣金</li>
        <li style="width: 15%;">件数</li>
        <li style="width: 15%;">达成率</li>
      </ul>
    </div>
    <div class="next">
      <span class="iconfont icon-ar-r" routerLink="/teamRank"></span>
    </div>
  </div>
  <div class="taem_panel_item_wrapper">
    <div class="taem_panel_item_top">
      <div class="item_title">
        战队销售活动量
      </div>
    </div>
    <div class="taem_panel_item_content">
      <ul>
        <li class="big">{{this.teamActionsData?.scoreDayAverage?this.teamActionsData?.scoreDayAverage:'0'}}</li>
        <li class="big">{{this.teamActionsData?.scoreWeekAverage?this.teamActionsData?.scoreWeekAverage:'0'}}</li>
        <li class="big">{{this.teamActionsData?.scoreMonthAverage?this.teamActionsData?.scoreMonthAverage:'0'}}</li>
        <li class="big">{{this.teamActionsData?.opportunitiesNum?this.teamActionsData?.opportunitiesNum:'0'}}</li>
      </ul>
      <ul>
        <li>今天平均</li>
        <li>本周平均</li>
        <li>本月平均</li>
        <li>本周新增商机</li>
      </ul>
    </div>
    <div class="next">
      <span class="iconfont icon-ar-r" routerLink="teamSalesScore"></span>
    </div>
  </div>

  <div class="taem_panel_item_wrapper">
    <div class="taem_panel_item_top">
      <div class="item_title">
        我的增员活动量
      </div>
    </div>
    <div class="taem_panel_item_content">
      <ul>
        <li class="big">{{recruitingStatistics?.activityForToday}}</li>
        <li class="big">{{recruitingStatistics?.activityForWeek}}</li>
        <li class="big">{{recruitingStatistics?.activityForMonth}}</li>
        <li class="big" style="width: 30%;">{{recruitingStatistics?.recruitSucceed}}</li>
      </ul>
      <ul>
        <li>今天</li>
        <li>本周</li>
        <li>本月</li>
        <li style="width: 30%;">本月新增对象</li>
      </ul>
    </div>
    <div class="next">
      <span class="iconfont icon-ar-r" routerLink="/recruiting"></span>
    </div>
  </div>
  <div class="taem_panel_item_wrapper">
    <div class="taem_panel_item_top">
      <div class="item_title">
        战队销售业绩预测(￥)
      </div>
      <ul class="tab">
        <li [ngClass]="{selected:selectedSalseItem==='month'}" (click)="selectSales('month')">本月</li>
        <li [ngClass]="{selected:selectedSalseItem==='quarter'}" (click)="selectSales('quarter')">本季</li>
        <li [ngClass]="{selected:selectedSalseItem==='year'}" (click)="selectSales('year')">本年</li>
      </ul>
    </div>
    <div class="taem_panel_item_content forecast">
      <ul>
        <li class="big">{{premiums?lifeCommonService.transform(premiums):'0'}}</li>
        <li class="big">{{commission?lifeCommonService.transform(commission):'0'}}</li>
        <li class="big">{{count?count:'0'}}</li>
        <li class="big">{{completionRates?completionRates + '%':'0%'}}</li>
      </ul>
      <ul>
        <li>{{selectedSalseItemName}}保费</li>
        <li>{{selectedSalseItemName}}佣金</li>
        <li>{{selectedSalseItemName}}件数</li>
        <li>{{selectedSalseItemName}}完成率</li>
      </ul>
    </div>
    <div class="next">
      <span class="iconfont icon-ar-r" routerLink="forecast"></span>
    </div>
  </div>
</div>