<div class="modal-header">
  <h4 class="modal-title pull-left">【{{ResponseEntity.room_addr}}】考生列表</h4>
</div>
<tabset class="bg-white p-0" justified="true" *ngIf="currentEntity!==undefined">
  <tab>
    <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>确认时间<br>入场时间</th>
        <th>考生姓名</th>
        <th>证件号码<br>考生号</th>
        <th>准考证号</th>
        <th>手机号</th>
        <th>评分时间</th>
      </tr>
      </thead>
      <tbody>
      <tr *ngFor="let v of layoutPager.getRecords();let i=index">
        <td class="align-middle">{{v.real_exam_seq}}</td>
        <td class="align-middle">{{v.real_exam_echo}}</td>
        <td class="align-middle"><img class="align-self-start mx-2 circle thumb32 " *ngIf="v.std_image"
                                      [src]="FrameService.getParamValue('EnrolMaterialNativePath') + v.std_image"
                                      alt="Image">
        </td>
        <td class="align-middle">{{v.real_checkin_time}}</td>
        <td class="align-middle">{{v.real_info_time}}<br>{{v.real_inroom_time}}</td>
        <td class="align-middle">{{v.std_name}}</td>
        <td class="align-middle">{{v.cert_id}}<br>{{v.exam_id}}</td>
        <td class="align-middle">{{v.ticket_no}}</td>
        <td class="align-middle">{{v.std_mobile}}</td>
        <td class="align-middle">{{v.real_complete_time}}</td>
      </tr>
      </tbody>
    </table>
    <frame-pager [url]="'./exam/interview/room/std/layout/page.htm'"  [showSearch]="false" [pagerLimit]="10"
                 [pagerParams]="{ly_room_id: currentEntity.ly_room_id, time_type: currentEntity.time_type}"
                 #layoutPager></frame-pager>
  </tab>
  <tab>
    <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>确认时间<br>入场时间</th>
          <th>考生姓名</th>
          <th>证件号码<br>考生号</th>
          <th>准考证号</th>
          <th>手机号</th>
          <th>评分时间</th>
          <!-- <th>考题号</th> -->
          <th *ngIf="FrameService.getParamValue('SchoolCode') == '10728'">考生伴奏</th>
          <th *ngIf="topicRandFlag === 'Active'">抽题</th>
          <th></th>
          <th *ngIf="faceFlag === 'Active'">人脸识别</th>
          <th *ngIf="handflag === 'Active'">下一考生入场</th>
        </tr>
      </thead>
      <tbody>
      <tr *ngFor="let v of inroomPager.getRecords();let i=index">
        <td class="align-middle">{{v.real_exam_seq}}</td>
        <td class="align-middle">{{v.real_exam_echo}}</td>
        <td class="align-middle"><img class="align-self-start mx-2 circle thumb32 " *ngIf="v.std_image"
                                      [src]="FrameService.getParamValue('EnrolMaterialNativePath')  + v.std_image"
                                      alt="Image" ngxViewer>
        </td>
        <td class="align-middle">{{v.real_info_time}}<br>{{v.real_inroom_time}}</td>
        <td class="align-middle">{{v.std_name}}</td>
        <td class="align-middle">{{v.cert_id}}<br>{{v.exam_id}}</td>
        <td class="align-middle">{{v.ticket_no}}</td>
        <td class="align-middle">{{v.std_mobile}}</td>
        <td class="align-middle">{{v.real_complete_time}}</td>
        <!-- <td class="align-middle">{{v.exam_no}}</td> -->
        <td class="align-middle" *ngIf="FrameService.getParamValue('SchoolCode') == '10728'">
          <audio controls="controls" src="{{FrameService.getParamValue('EnrolMaterialWebPath') + v.material_file}}" ></audio>
        </td>
        <td class="align-middle" *ngIf="topicRandFlag === 'Active'"><span (click)="showExtractTopics(v);"  class="text-muted table-button" style="color:green;">抽取</span></td>
        <!-- <td class="align-middle">
          <button class="btn btn-primary" (click)="uploderPic(v)" *ngIf="!v.material_file">上传截图</button>
          <span class="text-success" *ngIf="v.material_file">已上传</span>
        </td> -->
        <td class="align-middle">
          <button class="btn btn-primary" (click)="cancelInRoom(v)" *ngIf="v.real_exam_seq === inroom_num">取消进场</button>
        </td>
        <td class="align-middle" *ngIf="faceFlag === 'Active'">
          <span class="text-success" *ngIf="v.photo_file === 'successPass'">验证通过</span>
          <span class="text-danger" *ngIf="v.photo_file === 'failurePass'">验证失败</span>
          <span class="text-primary" *ngIf="v.photo_file === 'noPass'">未验证</span>
        </td>
        <td class="align-middle"  *ngIf="handflag === 'Active'">
          <button class="btn btn-primary" (click)="endStdExam(v)" *ngIf="!v.real_outroom_time && v.real_exam_seq === std_num">下一考生入场</button>
          <span class="text-success" *ngIf="v.real_outroom_time">已完成考试</span>
        </td>
      </tr>
      </tbody>
    </table>
    <frame-pager [url]="'./exam/interview/room/std/inroom/page.htm'"  [showSearch]="false" [pagerLimit]="10"
                 [pagerParams]="{ly_room_id: currentEntity.ly_room_id, time_type: currentEntity.time_type}"
                 #inroomPager></frame-pager>
      </tab>



  <!-- <tab>
    <ng-template tabHeading>
      <span class="table-sort"><em
        class="far fa-user fa-fw"></em> 面试拍照</span>
    </ng-template>
    <div class="row">
      <div class="col-xl-4 col-lg-4" *ngFor="let std of photoPager.getRecords()">
        <div class="card b text-center">
          <div class="card-body">
            <img class="rounded-0  mb-2 text-center"
                 [src]="FrameService.getParamValue('EnrolMaterialWebPath') + std['material_file']"
                 style="width:128px;height: 140px;" ngxViewer
                 *ngIf="std.material_file!==undefined"/>
            <img class="rounded-0  mb-2 text-center" [src]="'./assets/image/quekao.jpg'"
                 style="width:128px;height: 140px;"
                 *ngIf="std.material_file===undefined"/>
            <p class="h4 text-bold mb-0 text-center">{{std.cert_id}}</p>
          </div>
          <div class="card-body bt">
            <div class="row">
              <div class="col-4 br">
                <em class="fas fa-user fa-fw text-primary"></em>
                <strong>{{std.std_name}}</strong>
              </div>
              <div class="col-4 br">
                <em class="fab fa-twitter fa-fw text-info"></em>
                <strong>{{std.ticket_no}}</strong>
              </div>
              <div class="col-4 br">
                <em class="fa fa-desktop fa-fw text-danger"></em>
                <strong class="ml-1">{{std.real_exam_seq}}</strong>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <frame-pager [url]="'./exam/interview/room/std/inroom/page.htm'"
                 [pagerParams]="{ly_room_id: currentEntity?.ly_room_id, time_type: currentEntity.time_type}" [showSearch]="false"
                 #photoPager></frame-pager>
  </tab> -->
</tabset>
<div class="modal-footer">
  <button class="btn btn-primary" type="button" (click)="refresh()">刷新</button>
  <button class="btn btn-secondary ml-2" type="button" (click)="closeWindow()">关闭窗口</button>
</div>


<!-- <frame-uploader [uploadUrl]="'./exam/interview/room/std/upload.htm'"  [allowedFileType]="['image']"  (afterUpload)="afterUpload($event)"  #uploader></frame-uploader> -->
