<div class="modal-header">
  <h4 class="modal-title pull-left">【{{ResponseEntity.aspect_name}}】考生列表</h4>
</div>

<tabset class="bg-white p-0" justified="true" *ngIf="currentEntity!==undefined">
  <tab [active]="ResponseEntity.type === 1">
    <ng-template tabHeading>
      <span class="table-sort">
        <em class="far fa-user fa-fw"></em> 未录制视频考生</span>
    </ng-template>
    <table class="table table-striped table-hover table-bordered">
      <thead>
        <tr>
          <th>序号</th>
          <th>考生姓名</th>
          <th>身份证号</th>
          <th>联系电话</th>
          <th>报考专业</th>
        </tr>
      </thead>
      <tbody>
        <tr *ngFor="let v of noPager.getRecords();let i=index">
          <td class="align-middle">{{noPager.pageStart+i}}</td>
          <td class="align-middle">{{v.std_name}}</td>
          <td class="align-middle">{{v.cert_id}}</td>
          <td class="align-middle">{{v.std_mobile}}</td>
          <td class="align-middle">{{v.aspect_name}}</td>
        </tr>
      </tbody>
    </table>
    <frame-pager [url]="'./exam/video/app/no.htm'" [showSearch]="true" [pagerLimit]=10
      [pagerParams]="{aspect_id: currentEntity.aspect_id}" #noPager></frame-pager>
  </tab>

  <tab [active]="ResponseEntity.type === 2">
    <ng-template tabHeading>
      <span class="table-sort">
        <em class="far fa-user fa-fw"></em> 已录制完成考生</span>
    </ng-template>
    <table class="table table-striped table-hover table-bordered">
      <thead>
        <tr>
          <th>序号</th>
          <th>考生姓名</th>
          <th>身份证号</th>
          <th>联系电话</th>
          <th>报考专业</th>
          <th>录制视频开始时间</th>
          <th>录制视频结束时间</th>
          <th>时长(分钟)</th>
          <th></th>
        </tr>
      </thead>
      <tbody>
        <tr *ngFor="let v of videoPager.getRecords();let i=index">
          <td class="align-middle">{{videoPager.pageStart+i}}</td>
          <td class="align-middle">{{v.std_name}}</td>
          <td class="align-middle">{{v.cert_id}}</td>
          <td class="align-middle">{{v.std_mobile}}</td>
          <td class="align-middle">{{v.aspect_name}}</td>
          <td class="align-middle">{{v.exam_start_time}}</td>
          <td class="align-middle">{{v.exam_end_time}}</td>
          <td class="align-middle">{{v.exam_seconds/60 | number: '1.2-2'}}</td>
          <td class="align-middle text-danger"><a href="#" (click)="play(v)">播放</a></td>
        </tr>
      </tbody>
    </table>
    <frame-pager [url]="'./exam/video/app/done.htm'" [showSearch]="true" [pagerLimit]=10
      [pagerParams]="{aspect_id: currentEntity.aspect_id}" #videoPager></frame-pager>
  </tab>

</tabset>

<div class="modal-footer">
  <div>
    <div class="btn-group mb-1 mr-1" dropdown>
      <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 text-primary" href="#" (click)="exportStd()">导出未开始录制考生</a>
        <div class="dropdown-divider"></div>
      </div>
    </div>
  </div>
  <button class="btn btn-secondary" type="button" (click)="closeWindow()">关闭窗口</button>
</div>