<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>
    </div>
    <div class="col-lg-8 mt-2">
        <h4 class="text-center">
            <span>总数：</span><span class="text-danger">{{stdNum}}</span>
              <span class="ml-2">当前序号：</span><span class="text-danger">{{stdArr[0]?.real_exam_seq}}号</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)]="photo.real_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="currentStep === 'score'">
    <div class="row" *ngIf="stdArr && stdArr.length>0">
        <!--考生作品列表-->
        <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">
                                <img  class="img-fluid rounded id_card"   id="photo" [src]="item.pic_url" ngxViewer  [viewerOptions]="viewerOptions"/>
                            </div>
                        </div>
                    </div>
                </div>
            </ng-container>
        </div>
    </div>
</div>