<div class="content-heading  justify-content-between">
    <div style="font-weight: bold;">考题抽签
    </div>
    <div class="float-right">
        <div class="row">
            <div class="wd-xl wd-sm">
                <ngx-select [items]="agentArr" [(ngModel)]="draw.ly_agent_id" (ngModelChange)="requestGroup()"  placeholder="考点"
                    [autoClearSearch]="true" optionValueField="ly_agent_id" optionTextField="ly_agent_name">
                </ngx-select>
            </div>
            <div class="wd-xl wd-sm ml-3">
                <ngx-select [items]="groupArr" [(ngModel)]="draw.ly_group_id"   placeholder="分组" (ngModelChange)="goStep('draw')"
                    [autoClearSearch]="true" optionValueField="ly_group_id" optionTextField="group_name">
                </ngx-select>
            </div>
        </div>

    </div>
</div>
  
  <!-- 检录主窗口 -->
  <div class="card card-default" *ngIf="currentStep === 'draw'">
    <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)]="draw.cert_id" maxlength="18"
                [readOnly]="this.draw.requesting === true" onfocus="this.select()" onmouseover="this.focus()"
                autocomplete="false" #certid (keyup.enter)="searchStd()" />
            </div>
          </div>
        </div>
      </fieldset>
       <!--扫描框结束-->
  
      <fieldset>
        <div class="row">
          
            <!--考生基本信息开始-->
            <div class="col-lg-6 col-xs-6" *ngIf="currentStd">
            <div class="card card-default">
              <div class="card-header">
                <div class="card-title">当前考生信息</div>
              </div>
              <div class="list-group">
                <div class="list-group-item">
                  <div class="media">
                    <div class="align-self-start mr-2">
                      <span class="fa-stack">
                        <em class="fa fa-circle fa-stack-2x text-purple"></em>
                        <em class="fas fa-user fa-stack-1x fa-inverse text-white"></em>
                      </span>
                    </div>
                    <div class="media-body text-truncate">
                      <p class="mb-1"><span class="text-purple m-0">{{currentStd.cert_id}}</span>
                      </p>
                      <p class="m-0">
                        <small>身份证</small>
                      </p>
                    </div>
                  </div>
                </div>
                <div class="list-group-item">
                  <div class="media">
                    <div class="align-self-start mr-2">
                      <span class="fa-stack">
                        <em class="fa fa-circle fa-stack-2x text-info"></em>
                        <em class="far fa-user fa-stack-1x fa-inverse text-white"></em>
                      </span>
                    </div>
                    <div class="media-body text-truncate">
                      <p class="mb-1"><span class="text-info m-0 text-1-6">{{currentStd.std_name}}</span>
                      </p>
                      <p class="m-0">
                        <small>{{currentStd.std_sex}}</small>
                      </p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
           <!--考生基本信息开结束-->
         
          <!--抽签结果开始-->
          <div class="col-lg-6 col-xs-6" *ngIf="currentStd && draw?.file_name">
            <div class="card card-default">
                <div class="card-header"><div class="card-title">抽签结果<button class="btn btn-primary ml-4" (click)="downloadTopic()">下载</button></div> </div>
              <div class="card-body">
                <div class="list-group">
                  <div class="list-group-item">
                    <div class="media">
                      <div class="align-self-start mr-2">
                      </div>
                         <ul class="list-group list-group-flush">
                            <li class="list-group-item text-success">题号<h3>{{draw.topic_num}}</h3></li>
                            <li class="list-group-item text-danger">抽签时间<h3>{{draw.create_time}}</h3></li>
                        </ul>
                    </div>
                  </div>
                </div>
  
              </div>
  
            </div>
          </div>
          <!--抽签结果结束-->

          <!--考题抽签-->
          <div class="col-lg-6 col-xs-6" *ngIf="currentStd && !draw?.file_name">
            <div class="card card-default">
                <div class="card-header"><div class="card-title">考题抽签</div></div>
                <div class="card-body">
                  <button class="btn btn-danger btn-lg" style="height: 80px; width: 200px;" (click)="drawTopic()">{{text}}</button>
                </div>
            </div>
          </div>


        </div>
      </fieldset>
    </div>
  </div>