<div class="content-heading  justify-content-between" *ngIf="currentStep === 'Score'">
  <div class="col-lg-2 text-right">
      <button class="btn btn-warning" (click)="preStd()">上一个考生</button>
      <!-- <button class="btn btn-info ml-3" (click)="tranform()">旋转</button> -->
  </div>
  <div class="col-lg-8 mt-2">
      <h4 class="text-center">
        <span>总数：</span><span class="text-danger">{{maxStd}}</span>
          <span class="ml-2">当前序号：</span><span class="text-danger">{{stdArr[0]?.score_exam_seq}}号</span>
          <!-- <span class="ml-3">评分科目：</span><span class="text-danger">{{std.subject_name}}</span> -->
          <span class="ml-3">方向：</span><span class="text-danger">{{stdArr[0]?.group_name}}</span>
          <span class="ml-5">
              <input type="number" class="input-content"  placeholder="输入考生序号" (keyup.enter)="searchStd()" [(ngModel)]="exam_seq" />
              <span class="ml-3"><button class="btn btn-primary" (click)="searchStd()">搜索</button></span>
          </span>
      </h4>
    </div>
    <div class="col-lg-2 text-left"><button class="btn btn-primary ml-5" (click)="nextStd()">下一个考生</button></div>
</div>

<div class="row" *ngIf="currentStep === 'Init'">
    <div class="col-lg-1 mt-3"></div>
    <div class="col-lg-10 mt-3">
      <div class="card card-default">
        <div class="card-header">
          <div class="form-horizontal">
  
  

            <fieldset>
              <div class="form-group row mt-8">
                <label class="col-lg-2 col-form-label text-right">请选择考点</label>
                <div class="col-lg-10">
                  <div>
                    <ngx-select [items]="agentArr" [(ngModel)]="paint.agent_id"  (ngModelChange)="listExamDate()"
                      optionValueField="ly_agent_id" optionTextField="ly_agent_name"  [autoClearSearch]="true" ></ngx-select>
                  </div>
                </div>
              </div>
            </fieldset>

            <fieldset>
              <div class="form-group row mt-8">
                <label class="col-lg-2 col-form-label text-right">请选择日期</label>
                <div class="col-lg-10">
                  <div>
                    <ngx-select [items]="dateArr" [(ngModel)]="paint.exam_date"  (ngModelChange)="listRoomArr()"
                    optionValueField="exam_date" optionTextField="exam_date"  ></ngx-select>
                  </div>
                </div>
              </div>
            </fieldset>
  
            <fieldset>
              <div class="form-group row mt-8">
                <label class="col-lg-2 col-form-label text-right">请选择考场</label>
                <div class="col-lg-10">
                  <div>
                    <ngx-select [items]="roomArr" [(ngModel)]="paint.ly_room_id" 
                    optionValueField="ly_room_id" optionTextField="room_name"   ></ngx-select>
                  </div>
                </div>
              </div>
            </fieldset>
  
            <fieldset>
              <div class="d-flex justify-content-center">
                <button class="btn btn-primary" type="button" (click)="startScore()">考试评分</button>
              </div>
            </fieldset>
          </div>
  
        </div>
      </div>
    </div>
    <div class="col-lg-1"></div>
  </div>


<div *ngIf="currentStep === 'Score'">

  <div class="row"  *ngIf="stdArr.length >=1">
      <div class="col-lg-6 text-center  mt-3" *ngFor="let item of stdArr">
        <ng-container>
          <div class="card card-default">
              <div class="card-body">
                <div class="text-center mt-2">
                  <div class="px-2">
                    <!-- [ngStyle]="{'padding-top': widthFlag ? '180px' : '' }"  (click)="recover()"  -->
                      <img  class="img-fluid rounded id_card"   id="photo" [src]="item.video_file" ngxViewer  [viewerOptions]="viewerOptions"/>
                  </div>
                </div>
              </div>
            </div>
      </ng-container> 
    </div>
  </div>


</div> 