<div class="content-heading  justify-content-between">
  <div>视频录制考生管理</div>
  <div class="float-right">
    <div class="row">
    <div class="ml-3">
      <ngx-select [items]="agentArray" [(ngModel)]="agent_id" (ngModelChange)="requestStd()"
                  placeholder="请选择考点 "
                  class="wd-wide"
                  optionValueField="agent_id" optionTextField="agent_name"></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)="validStdPhoto()">人脸比对</a>
        <div class="dropdown-divider"></div>
        <a class="dropdown-item" href="#" (click)="validSecurityStdPhoto()">人脸比对公安部</a>
        <div class="dropdown-divider"></div>
        <a class="dropdown-item" href="#" (click)="exportFailure()">导出认证失败考生</a>
        <div class="dropdown-divider"></div>
        <!-- <a class="dropdown-item" href="#" (click)="autoValidStd()">开启自动比对</a>
        <div class="dropdown-divider"></div> -->
      </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" (click)="pager.sort('cert_id')">证件号码</span></th>
      <th><span class="table-sort" (click)="pager.sort('std_name')">考生姓名</span></th>
      <th><span class="table-sort" (click)="pager.sort('std_mobile')">联系电话</span></th>
      <th><span class="table-sort" (click)="pager.sort('verify_flag')">公安验证</span></th>
      <th><span class="table-sort" (click)="pager.sort('aspect_name')">考试科目</span></th>
    </tr>
    </thead>
    <tbody>
    <tr *ngFor="let v of pager.getRecords(); let i = index">
      <td>{{v.cert_id}}</td>
      <td>{{v.std_name}}</td>
      <td>{{v.std_mobile}}</td>
      <td>
        <span class="text-primary" *ngIf="v.verify_flag === '' || v.verify_flag === undefined">待认证</span>
        <span class="text-success" *ngIf="v.verify_flag === 'Active'">认证成功</span>
        <span class="text-danger" *ngIf="v.verify_flag === 'InActive'">认证失败</span>
      </td>
      <td>{{v.aspect_name}}</td>
    </tr>
    </tbody>
  </table>
  <frame-pager [url]="'./std/reg/vido/page.htm'" [pagerParams]="{agent_id: agent_id}" #pager></frame-pager>
</div>