<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> -->
      <img src="assets/images/cup_icon.png" >
      <div style="float: left;letter-spacing: 5px;margin-left: 5%;">{{subordinateSystemName.split('').join('/')}}/战/队</div>
  </div>
  <div class="taem_panel_item_wrapper" style="margin-top: -15px;">
    <div class="taem_panel_item_top">
      <div class="item_title">
        <div>战队PEP活动量</div>
        <span class="iconfont icon-ar-r" routerLink="teamSalesScore"></span>
      </div>
    </div>
    <div class="taem_panel_item_content">
      <ul>
        <li class="big">{{this.averageData?.dayScore}}</li>
        <li class="big">{{this.averageData?.weekScore}}</li>
        <li class="big">{{this.averageData?.monthScore}}</li>
        <li class="big">{{this.averageData?.rate}}</li>
      </ul>
      <ul>
        <li>今天平均</li>
        <li>本周平均</li>
        <li>本月平均</li>
        <li>月平均分效</li>
      </ul>
    </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: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>
      <span class="iconfont icon-ar-r" routerLink="/teamRank"></span>
    </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>
  
  <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>
      <span class="iconfont icon-ar-r" routerLink="forecast"></span>
    </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>
</div>