<div class="content-heading  justify-content-between">
  <div>考生管理</div>
  <div class="float-right">
    <div class="row">
      <div class="wd-xl wd-sm mr-1">
        <ngx-select [items]="schoolArray" [(ngModel)]="query.school_id" (ngModelChange)="queryBatchArray()" placeholder="学校"
            [autoClearSearch]="true" optionValueField="school_id" optionTextField="school_name">
        </ngx-select>
      </div>
      <div class="wd-xl wd-sm mr-1">
        <ngx-select [items]="batchArray" [(ngModel)]="query.batch_id" (ngModelChange)="requestData()" placeholder="批次"
            [autoClearSearch]="true" optionValueField="batch_id" optionTextField="batch_name">
        </ngx-select>
    </div>
        <div class="wd-sm">
          <ngx-select [items]="'StdType' | frameDict" [(ngModel)]="query.std_type" (ngModelChange)="requestData()" optionValueField="dict_value" optionTextField="dict_text"></ngx-select>
        </div>
    </div>

  </div>
</div>

<div class="table-responsive bg-white table-full">
  <table class="table table-striped table-hover table-bordered">
    <thead>
    <tr>
      <th>考生类别</th>
      <th><span class="table-sort">姓名</span></th>
      <th><span class="table-sort" (click)="pager.sort('std_sex')">性别</span></th>
      <th><span class="table-sort" (click)="pager.sort('cert_id')">证件号码</span></th>
      <th>证件有效期</th>
      <th><span class="table-sort" (click)="pager.sort('link_mobile')">联系电话</span></th>
      <th><span class="table-sort">目前所在地</span></th>
      <th><span class="table-sort">是否华裔</span></th>
      <th><span class="table-sort">邮箱</span></th>
      <th class="th-b-3"></th>
    </tr>
    </thead>
    <tbody>
    <tr *ngFor="let v of pager.getRecords()">
      <td>{{v.std_type| frameDict: 'StdType'}}</td>
      <td>
        <span class="table-button text-green"  *ngIf="v.std_type == 'Overseas' || v.std_type == 'HMT'">{{v.std_name}}</span>
        <span class="table-button text-green"  *ngIf="v.std_type == 'Abroad'">{{v.passport_last_name}}  {{v.passport_name}}</span>
      </td>
      <td>{{v.std_sex}}</td>
      <td>{{v.cert_id}}</td>
      <td>{{v.cert_date | date: 'yyyy-MM-dd'}}</td>
      <td>{{v.std_mobile}}</td>
      <td>{{v.std_region}}</td>
      <td>{{v.is_chinese}}</td>
      <td>{{v.std_email}}</td>
      <td>
        <span class="table-button" (click)="showModal({ResponseEntity:v})"><em class="fa-lg fas fa-edit text-primary"></em></span>
      </td>
    </tr>
    </tbody>
  </table>
  <frame-pager [url]="'./std/reg/page.htm'" [pagerParams]="{school_id: query.school_id, std_type: query.std_type}" #pager></frame-pager>
</div>

