<div class="content-heading  justify-content-between" *ngIf="!submitFlag">

    <div class="col-lg-2">{{responseEntity?.std_name}} 
        <span *ngIf="responseEntity && responseEntity.checks" class="ml-1 text-green">已审核</span>
        
  </div>
    <div class="col-lg-1">
      <input type="text" class="form-control" [(ngModel)]= "searchText" (keyup.enter)="searchStd()"  placeholder="关键字"  />
    </div>
    <div class="col-lg-1">
      <button class="btn btn-primary btn-sm" (click)="searchStd()">查询</button>
    </div>
    <div class="col-lg-3">
        <button class="btn btn-success btn-sm ml-1" type="button " (click)="udpateFaceCheck(1)"> 同一考生</button>
        <button class="btn btn-danger btn-sm ml-2" type="button " (click)="openDispline()"> 违纪</button>
        <button class="btn btn-warning btn-sm ml-2" type="button " (click)="udpateFaceCheck(2)"> 非同一考生</button>
    </div>
    <div class="col-lg-3">
        <button class="btn btn-primary btn-sm ml-1" type="button" (click)="lastStd()"> 上一个考生</button>
        <button class="btn btn-primary btn-sm ml-2" type="button" (click)="nextStdFy()"> 下一个考生</button>
        <button class="btn btn-success btn-sm ml-2" type="button" (click)="submitStd()"> 提交</button>
    </div>
    <div class="col-lg-2">
      <select class="form-control" [(ngModel)]="subject_id" (ngModelChange)="changeSubject()">
        <option *ngFor="let item of subjectArray" value="{{item.subject_id}}">{{item.subject_name}}</option>
      </select>
    </div>
  </div>

  <div class="content-heading  justify-content-between" *ngIf="!submitFlag">
  
    <span style="padding-left: 300px;">
      
      {{responseEntity?.aspect_name === undefined ? '' : responseEntity?.aspect_name }}
        -{{responseEntity?.room_name}}-【{{responseEntity?.exam_seq}}】号考生</span>
  </div>


<div class="row" *ngIf="!submitFlag">
    <ng-container>
        <div class="col-xl-4 mt-3">
          <div class="card card-default" >
              <div class="card-body" style="height: 440px;">
                <div [ngClass]="{'text-success':true,'text-danger':false}">主机位视频</div>
                 <div id="aliPlayer"></div><br>
            </div>
          </div>
        </div>

        <div class="col-xl-4 mt-3">
            <div class="card card-default">
                <div class="card-body" style="height: 440px;">
                  <div [ngClass]="{'text-success':true,'text-danger':false}">辅机位视频</div>
                    <div id="aliOtherPlayer"></div><br>
              </div>
            </div>
          </div>

          <div class="col-xl-4 mt-3">
            <div class="card card-default">
                <div class="card-body" style="height: 440px;">
                  <div [ngClass]="{'text-success':true,'text-danger':false}">考生信息</div>
                  <p></p>
                  <p style="font-size: 16px;">考生姓名：<span class="ml-2 text-green" style="font-size : 18px;">{{responseEntity?.std_name}}</span></p>
                  <p style="font-size: 16px;">身份证号：<span class="ml-2 text-green"  style="font-size : 18px;">{{responseEntity?.cert_id}}</span></p>
                  <p style="font-size: 16px;">确认结果： 
                      <span *ngIf="responseEntity && responseEntity.checks" class="ml-2 text-green"  style="font-size : 18px;">已审核
                        <span class="text-green" *ngIf="responseEntity.checks == '同一考生'">【{{responseEntity.checks}}】</span>
                        <span class="text-warning" *ngIf="responseEntity.checks !== '同一考生'">【{{responseEntity.checks}}】</span>
                      </span>
                      <span *ngIf="responseEntity && responseEntity.discipline_remark" class="ml-2 text-danger"  style="font-size : 18px;">【违纪】</span>
                    </p>
                  <p style="font-size: 16px;">比对相似度：
                    <span class="ml-2 text-green"  style="font-size : 18px;" *ngIf="responseEntity?.verify_score >= 70">{{responseEntity?.verify_score}}</span>
                    <span class="ml-2 text-warning"  style="font-size : 18px;" *ngIf="responseEntity?.verify_score < 70">{{responseEntity?.verify_score}}</span>
                  </p>
              </div>
            </div>
          </div>

          

    </ng-container>
</div>


<div class="row" *ngIf="!submitFlag">
    <ng-container>

        <div class="col-xl-4 mt-3">
            <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]="cert_url + responseEntity?.id_card" ngxViewer [viewerOptions]="viewerOptions" />
                      </div>
                    </div>
              </div>
            </div>
          </div>

        <div class="col-xl-4 mt-3">
          <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]="photo_url + responseEntity?.std_image"  alt="" ngxViewer [viewerOptions]="viewerOptions"/>
                    </div>
                  </div>
            </div>
          </div>
        </div>

        <div class="col-xl-4 mt-3">
            <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" *ngIf="responseEntity?.snapshot_file">
                      <img  class="img-fluid rounded id_card" [src]="responseEntity?.snapshot_file" ngxViewer [viewerOptions]="viewerOptions" />
                    </div>
                  </div>
              </div>
            </div>
          </div>

       

          

    </ng-container>
</div>


<div class="content-heading  justify-content-between" *ngIf="submitFlag">
    <span style="padding-top : 30px; padding-left: 400px;color: red;font-size: 28px;" >你已完成全部考生的审核和提交！</span>
    <span style="padding-top : 440px; padding-left: 400px;"></span>
</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="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">
            <label>违纪说明：</label>
            <input type="textarea" rows="3" cols="20" />
        </div>
    
        <div class="modal-footer">
        <button class="btn btn-default" (click)="hideModal()">
        <i class="icon-close"> </i> 取消
        </button>
        </div>
    </div>
      </ng-template>