<div class="content-heading  justify-content-between">
  <div>考试科目统计</div>
  <div class="float-right">
    <div class="row">

      <div class="wd-sm">
        <div class="ml-3" *ngIf="dateArray!==undefined">
          <ngx-select [items]="dateArray" [(ngModel)]="agent.exam_date" [autoClearSearch]="true"
                      (ngModelChange)="changeDate()"></ngx-select>
        </div>
      </div>

    <div class="btn-group  ml-3" dropdown *ngIf="!flag">
      <button class="btn dropdown-toggle btn-secondary" type="button" dropdownToggle>考试科目统计    
        <span class="caret"></span>
      </button>
      <div *dropdownMenu class="dropdown-menu" role="menu">
        <a class="dropdown-item" href="#" (click)="downloadAspectTotal()">导出统计</a>
      </div>
    </div>
  </div>
  </div>
</div>

<div class="table-responsive bg-white table-full">
  <table class="table table-striped table-hover table-bordered">
    <thead>
    <tr>
      <th><span class="table-sort" >专业名称</span></th>
      <th><span class="table-sort" >招考方向</span></th>
      <th><span class="table-sort" >总人数</span></th>
      <th><span class="table-sort" >省内总数</span></th>
      <th><span class="table-sort" >省外总数</span></th>
      <th><span class="table-sort" >省内男生</span></th>
      <th><span class="table-sort" >省内女生</span></th>
      <th><span class="table-sort" >省外男生</span></th>
      <th><span class="table-sort" >省外女生</span></th>
      <th><span class="table-sort" >男生总数</span></th>
      <th><span class="table-sort" >女生总数</span></th>
    </tr>
    </thead>
    <tbody>
    <tr *ngFor="let v of pager.getRecords(); let i = index">
      <td>{{v.major_name}}</td>
      <td>{{v.aspect_name}}</td>
      <td>{{v.stdnum}}</td>
      <td>{{v.innum}}</td>
      <td>{{v.outnum}}</td>
      <td>{{v.inmalenum}}</td>
      <td>{{v.infemalenum}}</td>
      <td>{{v.outmalenum}}</td>
      <td>{{v.outfemalenum}}</td>
      <td>{{v.malenum}}</td>
      <td>{{v.femalenum}}</td>
    </tr>
    </tbody>
  </table>
  <frame-pager [url]="'./exam/interview/aspect/page.htm'" #pager  [pagerParams]="{ly_agent_id: agent?.ly_agent_id, exam_date: agent?.exam_date}"></frame-pager>
</div>