<div class="content-heading  justify-content-between">
  <div>视唱考场</div>
</div>

<!-- 检录主窗口 -->
<div class="card card-default m-5" *ngIf="currentStep === 'Init'">
  <div class="card-body">
    <fieldset>
      <div class="form-group row">
        <div class="col-lg-12">
          <div class="d-flex align-items-center mb-3">
            <input class="form-control mt-1 cert_field" [(ngModel)]="room_id" maxlength="18"
                   (keyup.enter)="changeCert()"/>
          </div>
        </div>
      </div>
    </fieldset>

  </div>

</div>






<fieldset *ngIf="array !== undefined && currentStep === 'Prepare' " style="margin-top: 20px;">
  <div class="row">
    <!-- <div class="col-lg-4 col-xs-4" *ngIf="currentStd.std_image">
      <div class="text-center">
        <div class="">
          <img class="img-fluid rounded " style="width:200px;height:260px;"
               [src]="currentStd.std_image"
               alt=""/>
        </div>
      </div>
    </div> -->
    <div class="col-lg-12 col-xs-12">
      <div class="card card-default">
        <div class="card-header">
          <div class="card-title">视唱考场  <span class="text-primary">{{array[0].s02}}</span> 当前考生序号：<span class="text-primary">{{array[0].i01}}</span></div>
        </div>
      </div>
    </div>
  </div>


  <div class=" row" *ngIf="material && material.length>0">
    <div class="col-lg-12 col-xs-12" *ngFor="let m of material;let i=index" style="margin-bottom: 40px">
      <div class="textnter">
        <div class="">
          <span style='font-size: 30px;font-weight: bold;'>{{i+1}}</span>&nbsp;<img class="img-fluid rounded "  [src]="'readmaterial'+m"  alt=""/>
        </div>
      </div>
    </div>
  </div>
</fieldset>
