<div class="content-heading  justify-content-between">
  <div>港澳台作品上传统计 
  </div>
  <div class="float-right">
    <div class="row">
      <div>
        <input class="form-control " type="text" [(ngModel)]="query.query" placeholder="输入关键字进行搜索"
               onmouseover="this.focus()" autocomplete="false"
               (keyup.enter)="rquestStat()"/>
      </div>
      <div class="ml-3">
        <ngx-select [items]="agentArray" [(ngModel)]="query.agent_id" (ngModelChange)="rquestStat()"
                    placeholder="请选择考点 "
                    class="wd-wide"
                    optionValueField="agent_id" optionTextField="agent_name"></ngx-select>
      </div>
    </div>
  </div>
</div>

<table class="table table-striped table-hover table-bordered">
  <thead>
    <tr>
      <th class="th-index"></th>
      <th>专业名称</th>
      <th>报考人数</th>
      <th>上传报考材料人数</th>
      <th>上传PDF/PPT人数</th>
      <th>上传视频人数</th>
    </tr>
  </thead>
  <tbody>
    <tr *ngFor="let item of array; let i = index">
      <td>{{i+1}}</td>
      <td>{{item.aspect_name}}</td>
      <td>{{item.std_num}}</td>
      <td>{{item.material_num}}</td>
      <td>{{item.works_num}}</td>
      <td>{{item.video_num}}</td>
    </tr>
    <tr>
      <td colspan="2">合计</td>
      <td>{{array | frameSum : 'std_num'}}</td>
      <td>{{array | frameSum : 'material_num'}}</td>
      <td>{{array | frameSum : 'works_num'}}</td>
      <td>{{array | frameSum : 'video_num'}}</td>
    </tr>
  </tbody>
</table>
