<div class="content-heading  justify-content-between">
    <div>抽取查询
    </div>
    <div class="float-right">
        <div class="row">
            <div class="ml-3" >
                <input type="text"  class="form-control" placeholder="输入准考证号进行搜索"  [(ngModel)]="checkin.ticket_no"  (keyup.enter)="requestExtractStd()" />
            </div>
            <div class="wd-xl ml-2">
                <ngx-select [items]="dateArray" [(ngModel)]="checkin.exam_date" placeholder="考试日期"
                (ngModelChange)="requestGroupArray()" [autoClearSearch]="true"
                optionValueField="exam_date" optionTextField="exam_date"></ngx-select>              
            </div>            
            <div class="wd-xl ml-2">
                <ngx-select [items]="groupArray" [(ngModel)]="checkin.ly_group_id"  placeholder="分组"
                (ngModelChange)="startExtract()" optionValueField="ly_group_id" optionTextField="group_name"></ngx-select>                
            </div>
            <div class="wd-xl ml-2">
                <ngx-select [items]="batchArr" [(ngModel)]="checkin.extract_batch" (ngModelChange)="requestExtractStd()"
                placeholder="批次" [autoClearSearch]="true" optionValueField="extract_batch" optionTextField="batch_name">
                </ngx-select>
            </div>
        <!--<div class="btn-group mb-1 mr-1 ml-3" dropdown>
                <button class="btn dropdown-toggle btn-secondary btn-lg" type="button" dropdownToggle>辅助功能
                    <span class="caret"></span>
                </button>
                <div *dropdownMenu class="dropdown-menu modal-lg" role="menu">
                    <a class="dropdown-item" href="#" (click)="goInit()">选择分组</a>
                    <div class="dropdown-divider"></div>
                    <a class="dropdown-item" href="#" (click)="allExtract()">一键抽取</a>
                    <div class="dropdown-divider"></div>
                    <a class="dropdown-item" href="#" (click)="export()">导出</a>
                </div>
            </div>-->
        </div>
    </div>
</div>
<div>
    <table class="table table-striped table-hover table-bordered">
        <thead>
            <tr>
                <th class="text-center">批次</th>
                <th class="text-center">检录序号</th>
                <th class="text-center">姓名</th>
                <th class="text-center">身份证号</th>
                <th class="text-center">准考证号</th>
                <th class="text-center">考场</th>
            </tr>
        </thead>
        <tbody>
            <tr *ngFor="let std of stdArr">
                <td class="text-center">第{{std.extract_batch}}批次</td>
                <td class="text-center">{{std.real_checkin_seq}}号</td>
                <td class="text-center">{{std.std_name}}</td>
                <td class="text-center">{{std.cert_id}}</td>
                <td class="text-center">{{std.ticket_no}}</td>
                <td class="text-center">{{std.ly_room_index}}考场{{std.extract_seq}}号</td>
            </tr>
        </tbody>
    </table>
</div>