<div class="content-heading  justify-content-between">
	<!-- <span *ngIf="param.score_seq>-1" class="ticket_num">{{curVideo.score_echo_seq}}</span> -->
	<!-- <i class="glyphicon fa fa-video-camera text-success"> </i>&nbsp;&nbsp;录像评分主界面 -->
	<div>录像评分主界面</div>
	<span *ngIf="param.room">  {{param.room.room_addr}}</span> 
	<span *ngIf="param.percent" class="text-1x">&nbsp;&nbsp;任务汇总：</span>
	<span class="text-success text-12x">{{param.percent}}</span>
	<span class="text-1x" *ngIf="curVideo!=undefined">&nbsp;&nbsp;当前视频评分进度：</span>
	<span class="text-12x {{param.judge_score_num==JudgeArray.length?'text-success':'text-danger'}}"
		*ngIf="curVideo!=undefined">{{param.judge_score_num}}/{{JudgeArray.length}}</span>

	<div class="panel-heading-btn-group">
		<button class="btn btn-info btn" *ngIf="curStep=='Video'"
			(click)="param.hide_judge = !param.hide_judge">
			<li class="glyphicon icon icon-users "></li> &nbsp;&nbsp;评委信息
		</button>
		<!-- <button class="btn btn-info" (click)="fullScreen()"
			*ngIf="param.fullscreen==false">
			<li class="glyphicon icon icon-size-fullscreen"></li> &nbsp;全屏
		</button> -->
	</div>
</div>


	<div class="panel-body" style="margin-left: 305px">
			<div class="form-group col-xs-8 col-xs-offset-2" id="DIV_ROOM_INFO" style="width: 400px;">

			

				<div class="form-group col-xs-12  mt-3 mb-3">
					<h6>选择考试日期,评分科目和考场</h6>

				<div class="form-group col-xs-12 text-12x">
					<input type="text" class="form-control " [(ngModel)]="param.examDate" (change)="init()" id="examDate">
				</div>

				<div class="form-group col-xs-12 text-12x">
					<!-- <select class="form-control " [(ngModel)]="param.group.ly_group_id" (change)="changeGroup($event)" [ngModelOptions]="{standalone: true}">
						<option value="" selected>--请选择--</option>
						<option *ngFor="let t of GroupArray; let i = index" [value]="t.ly_group_id">{{t.group_name}}</option>
					</select> -->
					<ngx-select [items]="GroupArray" [(ngModel)]="param.group.ly_group_id"  optionValueField="ly_group_id"
                          optionTextField="show_aspect_name"  (ngModelChange)="changeGroup($event)"></ngx-select>
				</div>

				
					
				<!-- <div class="form-group col-xs-12" *ngIf="param.group.ly_group_id">
					<label class=" control-label text-12x">请选择考场场次</label>
				</div> -->
				<div class="form-group col-xs-12 text-12x" *ngIf="param.group.ly_group_id">
					<!-- <select class="form-control" [(ngModel)]="param.room.ly_room_id" [ngModelOptions]="{standalone: true}"
						(change)="changeRoom(true)" >
						<option  *ngFor="let t of RoomArray; let i = index" [value]="t.ly_room_id">{{t.room_addr}}</option>
					</select> -->
					<ngx-select [items]="RoomArray" [(ngModel)]="param.room.ly_room_id"  optionValueField="ly_room_id"
                          optionTextField="room_addr"  (ngModelChange)="changeRoom(true)"></ngx-select>
				</div>
			</div>
			<div *ngIf="param.hide_judge !==true">
				<table class="table table-striped b-t b-light" style="width: 600px">
					<thead>
						<tr>
							<th style="width:30px;">#</th>
							<!-- <th class="text-15x">联系电话</th> -->
							<th class="text-15x">评委名称</th>
							<!-- 
							<th>主评委</th>
							 -->
							<th class="text-15x">评委状态</th>
							<th></th>
						</tr>
					</thead>
					<tbody>
						<tr *ngFor="let j of JudgeArray; let i = index">
							<td style="vertical-align:middle;width: 40px">{{j.judge_seq}}</td>
							<!-- <td style="vertical-align:middle;width: 160px" class="text-15x">
							<span *ngIf="j.room_id==undefined">
								<input type="text"
									class="form-control input-lg" style="width:180px;"
									[(ngModel)]="j.mobile_tel" maxlength="11"
									ng-keyup="changeMobileTel(j,$event)"
									required="required" />
								</span> 
								<span *ngIf="j.room_id!=undefined">{{j.mobile_tel}}</span>
							</td> -->
							<td style="vertical-align:middle;" class="text-15x">{{j.judge_name}}</td>
					
							<td style="vertical-align:middle;" class="text-15x text-success"><span
								*ngIf="j.judge_status!='Init'">已登录</span></td>

						</tr>

					</tbody>
				</table>

				<div class="row text-center">
					<!-- <button class="btn btn-info btn-lg" (click)="startRoom()"
						*ngIf="curStep =='Init'"
						[disabled]="!judgeAllReady()">
						<em class="icon-login"></em>
						&nbsp;确定考场及评委信息并开启考场
					</button>&nbsp;&nbsp; -->
					<font style="font-size: 16px;color: red;text-align: center" *ngIf="curStep =='Init'">
						确定考场及评委信息等待开启考场
					</font>
					<button class="btn btn-primary btn-lg" *ngIf="curStep =='Judge' ">
						<li class="fas fa-users"></li> &nbsp;&nbsp;评委登录中，请稍后.....
					</button>&nbsp;&nbsp;
					<button class="btn btn-success btn-lg"  *ngIf="curStep =='Examing'"
						(click)="startVideo(videoTplModal)">
						<li class="fas fa-users"></li>
						&nbsp;&nbsp;评委已就位，开始播放视频
					</button>&nbsp;&nbsp;

				</div>
			</div>
	</div>
</div>

<ng-template #videoTplModal>
	<div class="modal-content" style="height:900px;">
		<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;">
					已播放视频考生/剩余考生/考生总数 {{VideoTotal.i02}}/{{VideoTotal.i03}}/{{VideoTotal.i01}}
					<span style="padding-left: 50px;color:red;font-size: 20px;">当前考生序号：  {{param.next_score_seq}}</span>
				</font>
				<div *ngIf="gVideoList " style="padding-left: 350px;">
					<span *ngFor="let v of gVideoList; let i = index">
						<button  [ngClass]="{'btn btn-success': (i+1) == gCurrIdx&&gFormalVideo,'btn btn-secondary':  (i+1) !== gCurrIdx&&gFormalVideo}" (click)="playSubjectVideo(v,this, i)">
							<li class="glyphicon fa  fa-play "></li> &nbsp;{{v.subject_name}}
						</button>&nbsp;
						<button  [ngClass]="{'btn btn-success': (i+1) == gCurrIdx&&!gFormalVideo,'btn btn-secondary':  (i+1) !== gCurrIdx&&!gFormalVideo}" (click)="playSubjectVideoRelated(v,this, i)">
							&nbsp;辅
						</button>&nbsp;
					</span>
				</div>
			</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">
				<h3>当前考生序号：<font style="color: red;">{{param.next_score_seq}}</font></h3>
			</div>
			<div class="col-lg-4"></div>
		</div> -->
		<!-- <div *ngIf="gVideoList && gVideoList.length > 1" style="text-align: center">
			<span *ngFor="let v of gVideoList; let i = index">
				<button class="btn btn-primary" (click)="playSubjectVideo(v,this)">
					<li class="glyphicon fa  fa-play "></li> &nbsp;{{v.subject_name}}
				</button>&nbsp;
			</span>
		</div> -->
	
		<div class="modal-body">
				<div id="aliPlayer"></div><br>
				<button class="btn btn-default" (click)="lastGroupVideo()" *ngIf="param.last_score_seq > -1" frameRole resId="505051">
				<li class="glyphicon fa  fa-backward "></li> &nbsp;上一个视频
				</button>
				&nbsp;&nbsp;&nbsp;&nbsp;<br>
				<button class="btn btn-success" (click)="rotate()">
					<li class="glyphicon fa fa-forward "></li> &nbsp;旋转
				</button>
				&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>
				&nbsp;&nbsp;&nbsp;&nbsp;
				<button class="btn btn-success" (click)="nextGroupVideo()">
					<li class="glyphicon fa fa-forward "></li> &nbsp;下一个考生
				</button>
				
		</div>

		<div class="modal-footer">
		<!-- <button class="btn btn-info" (click)="save()">
			<i class="fa fa-info-circle"> </i> 保存
		</button> -->
		<button class="btn btn-default" (click)="hideModal()">
			<i class="icon-close"> </i> 取消
		</button>
		</div>
	</div>
</ng-template>