<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>检录时间</th>
          <th>确认时间</th>
          <th>入场时间</th>
          <th>证件号码</th>
          <th>考生姓名</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('EnrolMaterialPath') + v.std_image"
                                        alt="Image">
          </td>
          <td class="align-middle">{{v.real_checkin_time}}</td>
          <td class="align-middle">{{v.real_info_time}}</td>
          <td class="align-middle">{{v.real_inroom_time}}</td>
          <td class="align-middle">{{v.cert_id}}</td>
          <td class="align-middle">{{v.std_name}}</td>
          <!-- <td class="align-middle">{{v.std_mobile}}</td> -->
          <td class="align-middle">{{v.real_complete_time}}</td>
          <td>
            <span class="table-button ml-2" *ngFor="let t of v.videoList" title="{{t.subject_name}}" (click)="startVideo(videoTplModal, t.video_file_url)"><em  class="fas fa-camera text-primary"></em></span>
          </td>
        </tr>
        </tbody>
      </table>
      <frame-pager [url]="'./ly/rooom/interview/std/layout/page.htm'"  [showSearch]="true"
                   [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>考生照片</th>
            <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 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('EnrolMaterialPath')  + v.std_image"
                                        alt="Image" ngxViewer>
          </td>
          <td class="align-middle">{{v.real_info_time}}</td>
          <td class="align-middle">{{v.real_inroom_time}}</td>
          <td class="align-middle">{{v.cert_id}}</td>
          <td class="align-middle">{{v.std_name}}</td>
          <!-- <td class="align-middle">{{v.std_mobile}}</td> -->
          <td class="align-middle">{{v.real_complete_time}}</td>
          <td class="align-middle">
            <span class="table-button ml-2" *ngFor="let t of v.videoList" title="{{t.subject_name}}" (click)="startVideo(videoTplModal, t.video_file_url)">
              <em  class="fas fa-camera text-primary"></em></span>
          </td>
          <td class="align-middle"><audio controls [src]="FrameService.getParamValue('VodBaseUrl')+'/audio/'+v.cert_id+'.mp3'"></audio></td>
<!--          <td class="align-middle"><audio controls [src]="FrameService.getParamValue('VodBaseUrl')+'/audio/123.mp3'"></audio></td>-->
<!--          <td class="align-middle"><audio controls src="http://m10.music.126.net/20231201144335/aee8b1234c31f2b4fea5de9b068c6614/ymusic/5353/0f0f/0358/d99739615f8e5153d77042092f07fd77.mp3"></audio></td>-->
          <td class="align-middle">
            <button class="btn btn-primary" (click)="cancelInRoom(v)" *ngIf="v.real_exam_seq === inroom_num">取消进场</button>
          </td>
        </tr>
        </tbody>
      </table>
      <frame-pager [url]="'./ly/rooom/interview/std/layout/inroom/page.htm'"  [showSearch]="true"
                   [pagerParams]="{ly_room_id: currentEntity.ly_room_id, time_type: currentEntity.time_type}"
                   #inroomPager></frame-pager>
        </tab>

  </tabset>

<div class="modal-footer">
    <button class="btn btn-secondary" type="button" (click)="closeWindow()">关闭窗口</button>
</div>




<!---播放界面-->
<ng-template #videoTplModal>
	<div class="modal-content">
		<div class="modal-header info-success-qm">
			<div class="pull-left">
				<em class="fa-lg fas fa-edit "></em> <span >考生视频</span>
			</div>
			<button type="button" class="close" (click)="hideModal()">×</button>
		</div>

		<div class="modal-body">
            <div id="aliPlayer"></div><br>
            <button class="btn btn-primary" (click)="pauseVideo()"> <li class="glyphicon fa  fa-pause "></li> 视频暂停
            </button>
            <button class="btn btn-primary ml-3" (click)="playVideo()"><li class="glyphicon fa  fa-play "></li> 继续播放
            </button>
		</div>

		<div class="modal-footer">
		    <button class="btn btn-default" (click)="hideModal()"> <i class="icon-close"> </i> 取消 </button>
		</div>
	</div>
</ng-template>
