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

      <!-- <div class="ml-3" *ngIf="video.agent_id!==undefined">
        <ngx-select [items]="dateArray" [(ngModel)]="video.exam_date" [autoClearSearch]="true"
                    (ngModelChange)="rquestVideo()" placeholder="请选考试日期"
                    optionValueField="exam_date" optionTextField="exam_date"></ngx-select>
      </div> -->

      <!-- <div class="ml-3" style="width:300px;" *ngIf="video.exam_date !==undefined">
        <ngx-select [items]="roomArray" [(ngModel)]="video.ly_room_id" (ngModelChange)="rquestVideo()"
                    placeholder="请选择考场 "
                    class="wd-wide"
                    optionValueField="ly_room_id" optionTextField="room_addr"></ngx-select>
      </div> -->
    <!-- <div class="btn-group mb-1 mr-1 ml-3" dropdown>
      <button class="btn dropdown-toggle btn-secondary btn-lg" type="button" dropdownToggle>管理    
        <span class="caret"></span>
      </button>
      <div *dropdownMenu class="dropdown-menu modal-lg" role="menu">
        <a class="dropdown-item" href="#"
        (click)="trans()">转码云数据</a>
        <div class="dropdown-divider"></div>
        <a class="dropdown-item" href="#"
        (click)="delete()">删除云数据</a>
        <div class="dropdown-divider"></div>
        <a class="dropdown-item" href="#"
        (click)="down()">下载云数据</a>
      </div>
    </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>未开始录制人数</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.total_num}}</td>
      <td>{{item.record_num}}</td>
      <td> <a href="#" (click)="showStdModal(item,1)">{{item.total_num - item.record_num}}</a></td>
      <td> <a href="#" (click)="showStdModal(item,2)">{{item.complete_num}}</a></td>
    </tr>
    <tr>
      <td colspan="2">合计</td>
      <td>{{array | frameSum : 'total_num'}}</td>
      <td>{{array | frameSum : 'record_num'}}</td>
      <td>{{no_vieo_total}}</td>
      <td>{{array | frameSum : 'complete_num'}}</td>
    </tr>
  </tbody>
</table>
