<div class="wrapper">
  <div class="opt">
    <select>
      <option>全部</option>
      <option *ngFor="let optItem of optList">
        {{optItem.dropOptionName}}
      </option>
    </select>
    <div>
      2022年
    </div>
    <div>
      8月
    </div>
  </div>
  <ul class="opt">
    <li [ngClass]="{selected:isTeam==0}" (click)="changeIsTeam(0)">团队个人完成率</li>
    <li [ngClass]="{selected:isTeam==1}" (click)="changeIsTeam(1)">团队总完成率</li>
  </ul>
  <div echarts [options]="chartOption" class="chart" style="height: 300px;"></div>
  <p style="color: #C1C1C1;text-align: center;">点击可查看对应数据</p>
  <div class="list_wrapper">
    <div class="title">
     <span></span> 学习明细
    </div>
    <ul class="list_content">
      <li>经纪人</li>
      <li>直接团队</li>
      <li>团队长</li>
      <li>类型</li>
      <li>学习进度</li>
    </ul>
    <ul class="list_content" *ngFor="let detailItem of detailList">
      <li>{{detailItem.name}}</li>
      <li>{{detailItem.systemName}}</li>
      <li>{{detailItem.leaderName}}</li>
      <li>{{detailItem.dropOptionName}}</li>
      <li>{{detailItem.progress}}</li>
    </ul>
  </div>
</div>
