<div class="content-heading  justify-content-between">
  <div class="col-lg-2">
    <span *ngIf="responseEntity && responseEntity.checks" class="ml-4 text-green">已审核【{{responseEntity.checks}}】</span>
  </div>
  <div class="col-lg-3">
      <div class="row">
          <input type="text" class="form-control" [(ngModel)]= "searchText" (keyup.enter)="searchStd()" style="width: 160px"  placeholder="输入关键字搜索"  />&nbsp;
          <button class="btn btn-primary btn-lg" (click)="searchStd()">查询</button>&nbsp;&nbsp;
      </div>
  </div>
  <div class="float-right">
    <div class="row">
      <input type="number" class="form-control" [(ngModel)]= "currId"  placeholder="视频序号" size="20" style="width: 80px"/>&nbsp;
      <ngx-select [items]="aspectArray" [(ngModel)]="curAspectId" (ngModelChange)="freshSubject()" style="width:190px;"
        placeholder="请选择专业方向 " optionValueField="aspect_id" optionTextField="aspect_name">
      </ngx-select>&nbsp;
      <ngx-select [items]="subjectArray" [(ngModel)]="curSubjectId" (ngModelChange)="nextStd()" style="width:110px;"
        placeholder="请选择科目 " optionValueField="subject_id" optionTextField="subject_name">
      </ngx-select>&nbsp;
      <button class="btn btn-success btn-lg ml-2" type="button " (click)="udpateFaceCheck(1)"> 确认同一人</button>&nbsp;&nbsp;
      <button class="btn btn-success btn-lg ml-2" type="button " (click)="udpateFaceCheck(2)"> 确认不是同一人</button>&nbsp;&nbsp;
    </div>
  </div>
</div>
<div class="row">
  <ng-container>
    <div class="col-xl-4 mt-3">
      <div class="card card-default" style="height: 60px">
          <div class="card-body"> 
              姓名：<span class="text-green">{{responseEntity?.std_name}}</span>&nbsp;&nbsp;
              身高：<span class="text-green">{{responseEntity?.std_height}}</span>&nbsp;&nbsp;
              体重：<span class="text-green">{{responseEntity?.std_weight}}</span>&nbsp;&nbsp;
              相似度：<span class="text-green">{{responseEntity?.verify_score}}</span>&nbsp;&nbsp;
          </div>
      </div>
      <div class="card card-default" style="align-content: center;height:auto">
          <div class="card-body">
              <div [ngClass]="{'text-success':true,'text-danger':false}">
                人脸识别照片
              </div>
              <div class="text-center mt-2">
                <div class="px-2">
                  <img class="img-fluid rounded id_card" [src]="responseEntity?.snapshot_file" alt="" ngxViewer/>
                </div>
              </div>
            </div>
            <div class="card-footer">
                
            </div>
      </div>
    </div>
  </ng-container>
  <ng-container>
      <div class="col-xl-4 mt-3">
        <div class="card card-default" style="height: 60px">
            <div class="card-body">
                视频序号：<span class="text-green">{{currId}}</span>&nbsp;&nbsp;
                <button class="btn btn-info btn-sm" type="button" (click)="startVideo(videoTplModal, responseEntity.video_file, 1)">考试视频</button>&nbsp;&nbsp;
                <button class="btn btn-info btn-sm" type="button" (click)="startVideo(videoTplModal, responseEntity.video_file_related, 2)">监控视频</button>&nbsp;
            </div>
        </div>
        <div class="card card-default" style="align-content: center;height:auto">
          <div class="card-body">
              <div [ngClass]="{'text-success':true,'text-danger':false}">
                免冠正面照
              </div>
              <div class="text-center mt-2">
                <div class="px-2">
                  <img class="img-fluid rounded id_card"
                        [src]="FrameService.getParamValue('EnrolMaterialWebPath') + responseEntity?.std_image"
                        alt="" ngxViewer/>
                </div>
              </div>
            </div>
            <div class="card-footer">

            </div>
        </div>
      </div>
    </ng-container>
    <ng-container>
        <div class="col-xl-4 mt-3">
          <div class="card card-default" style="height: 60px">
              <div class="card-body">
                  科目：<span class="text-green">{{responseEntity?.subject_name}}</span>&nbsp;&nbsp;&nbsp;&nbsp;
              </div>
          </div>          
          <div class="card card-default" style="align-content: center;height:auto">
              <div class="card-body">
                  <div [ngClass]="{'text-success':true,'text-danger':false}">
                    身份证照片{{responseEntity?.cert_id}}
                  </div>
                  <div class="text-center mt-2">
                    <div class="px-2">
                      <img class="img-fluid rounded id_card"
                            [src]="FrameService.getParamValue('EnrolMaterialWebPath') + responseEntity?.id_card"
                            alt="" ngxViewer/>
                    </div>
                  </div>
                </div>
                <div class="card-footer">
                  
                </div>
          </div>
        </div>
      </ng-container>
</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;
        </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;
          <button class="btn btn-primary" (click)="pauseVideo()">
            <li class="glyphicon fa  fa-pause "></li> &nbsp;视频暂停
          </button>
          &nbsp;&nbsp;
          <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>