<div class="content-heading  justify-content-between">
  <div>考生视频列表</div>
  <div class="float-right">
    <div class="row">
      <div>
        <ngx-select [items]="agentArray" [(ngModel)]="ly_agent_id" (ngModelChange)="pager.reload({ly_agent_id:ly_agent_id})"
                    placeholder="请选择考点 "
                    class="wd-wide" [size]="'large'"
                    optionValueField="ly_agent_id" optionTextField="ly_agent_name"></ngx-select>
      </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>生源地</span></th>
      <th><span>证件号码</span></th>
      <th><span>考生姓名</span></th>
      <th><span>性别</span></th>
      <th><span>报考专业</span></th>
      <th><span>上传时间<br>视频大小</span></th>
      <th>分发日期<br>所在考场</th>
      <th>考场<br>序号</th>
      <th>识别</th>
      <th class="th-b-3"></th>
    </tr>
    </thead>
    <tbody>
    <tr *ngFor="let v of pager.getRecords(); let i = index">
      <td>{{v.province_name}}</td>
      <td>{{v.cert_id}}</td>
      <td>{{v.std_name}}</td>
      <td>{{v.std_sex}}</td>
      <td>{{v.group_name}}</td>
      <td>{{v.upload_time}}<br>{{v.video_length}}</td>
      <td>{{v.score_exam_date}}<br>{{v.group_name}}-【{{v.room_addr}}】</td>
      <td>{{v.score_exam_seq}}</td>
      <td>{{v.verify_score}}</td>
      <td>
        <span class="table-button" title="分数查询" (click)="showStdDetail(v)"><em  class="icon-directions text-primary"></em></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <span class="table-button" title="考试视频" (click)="startVideo(videoTplModal, v.video_file)"><em  class="fas fa-camera text-primary"></em></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <span class="table-button" title="监控视频" (click)="startVideo(videoTplModal, v.video_file_related)"><em  class="fas fa-film text-primary"></em></span>&nbsp;&nbsp;
      </td>
    </tr>
    </tbody>
  </table>
  <frame-pager [url]="'./exam/video/dist/page.htm'" [pagerParams]="{ly_agent_id: this.ly_agent_id}"  [autoRequest]="true" #pager></frame-pager>
</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> 
				&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				<font *ngIf="VideoTotal" style="font-size: 15px;font-weight: bold; color: red;">
				</font>  
			</div>
			<button type="button" class="close" (click)="hideModal()">×</button>
		</div>

		<div class="row">
			<div class="col-lg-4"></div>
			<div class="col-lg-4 mt-10">
			</div>
			<div class="col-lg-4"></div>
		</div>
	
		<div class="modal-body">
				<div id="aliPlayer"></div><br>
				&nbsp;&nbsp;&nbsp;&nbsp;
				<!-- ng-if="param.score_seq>0 && param.pause==false" -->
				<button class="btn btn-primary" (click)="pauseVideo()">
					<li class="glyphicon fa  fa-pause "></li> &nbsp;视频暂停
				</button>
				&nbsp;&nbsp;
				<!-- ng-if="param.score_seq>0 && param.pause==true" -->
				<button class="btn btn-primary" (click)="playVideo()">
					<li class="glyphicon fa   fa-play "></li> &nbsp;继续播放
				</button>

		</div>

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