<div class="panel panel-default">
  <!--标题-->
  <div class="panel-title">
    <nav aria-label="breadcrumb">
      <ol class="breadcrumb">
        <!-- TODO -->
        <li class="breadcrumb-item">框架配置</li>
        <li class="breadcrumb-item active" aria-current="page">操作员列表</li>
      </ol>
    </nav>
  </div>
  <div class="panel-body ml-sm" [hidden]="this.editShowType=='only'">
    <div class="card card-default">
      <div class="card-body">
        <!--查询条件-->
        <div class="row mb-3 ml-1" [hidden]="this.editShowType=='only'">
          <div class="col-lg-12">
            <form (ngSubmit)="framePager.goSearch()" class="form-inline">
              <div class="input-group mr-1 input-group-sm">
                <label>证件号：</label>
                <input name="keyword" [(ngModel)]="query.cert_no" class="input-sm form-control" type="text" value=""
                  maxlength="64">
              </div>
              <!-- <div class="input-group mr-1 input-group-sm">
                <label>学生名：</label>
                <input name="keyword" [(ngModel)]="query.std_name" class="input-sm form-control" type="text" value=""
                  maxlength="64">
              </div> -->
              <div class="input-group mr-1 input-group-sm">
                <label>准考证号：</label>
                <input name="keyword" [(ngModel)]="query.ticket_no" class="input-sm form-control" type="text" value=""
                  maxlength="64">
              </div>
              <div class="input-group mr-1 input-group-sm">
                <label>专业编码：</label>
                <input name="keyword" [(ngModel)]="query.major_code" class="input-sm form-control" type="text" value=""
                  maxlength="64">
              </div>
              <br>
              <button class="btn btn-primary btn-rounded btn-outline btn-sm  mr-1" (click)="framePager.goSearch()">
                <i class="fa fa-search"></i> 查询</button>
              <button class="btn btn-primary btn-rounded btn-outline btn-sm  mr-1" (click)="reset()">
                <i class="fa fa-undo"></i> 重置</button>
            </form>
          </div>
        </div>

        <!--表格-->
        <div class="row">
          <div class="col-lg-12 ml-0" [hidden]="this.editShowType=='only'">
            <table class="table table-sm table-striped table-hover table-bordered bg-white">
              <thead>
                <tr>
                  <th>证件号</th>
                  <th>学生名</th>
                  <th>准考证号</th>
                  <th>专业名称</th>
                  <th>专业编码</th>
                </tr>
              </thead>
              <tbody>
                <tr *ngFor="let item of framePager.getRecords(); let i = index">
                  <td>{{item.cert_no}}</td>
                  <td>{{item.std_name}}</td>
                  <td>{{item.ticket_no}}</td>
                  <td>{{item.major_name}}</td>
                  <td>{{item.major_code}}</td>
                </tr>
              </tbody>
            </table>
            <frame-pager [url]="QUERY_URL" hideSearch="true" hasCheck="true" #framePager (preReqEvent)="this.search($event)"></frame-pager>
          </div>
        </div>
      </div>
    </div>
  </div>

</div>
