<div class="content-heading  justify-content-between">
    <div>银行回执审核</div>
    <div class="float-right">
        <div class="row">
          <div class="wd-xl wd-sm">
              <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 ml-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-xl wd-sm ml-1">
            <ngx-select [items]="auditArr" [(ngModel)]="query.audit_flag" (ngModelChange)="requestData()" placeholder="是否审核"
                [autoClearSearch]="true" optionValueField="value" optionTextField="name">
            </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" (click)="pager.sort('std_type')">考生类型</span></th>
        <th><span class="table-sort">考生姓名</span></th>
        <th><span class="table-sort">证件号码</span></th>
        <th><span class="table-sort">性别</span></th>
        <th><span class="table-sort">联系电话</span></th>
        <!-- <th><span class="table-sort">考生邮箱</span></th> -->
        <th><span class="table-sort">报考专业</span></th>
        <th>缴费状态</th>
        <th><span class="table-sort">银行回执</span></th>
        <th class="th-b-3"></th>
      </tr>
      </thead>
      <tbody>
      <tr *ngFor="let v of pager.getRecords(); let i = index">
        <td>
          <span *ngIf="v.audit_flag =='Active'" class="text-success">已审核</span>
          <span *ngIf="!v.audit_flag || v.audit_flag=='InActive'" class="text-danger">未审核</span>
        </td>
        <td>{{v.std_type | frameDict:'StdType'}}</td>
        <td>
          <span   *ngIf="v.std_type == 'Overseas' || v.std_type == 'HMT'">{{v.std_name}}</span>
          <span   *ngIf="v.std_type == 'Abroad'">{{v.passport_last_name}}  {{v.passport_name}}</span>
        </td>
        <td>{{v.cert_id}}</td>
        <td>{{v.std_sex}}</td>
        <td>{{v.std_mobile}}</td>
        <!-- <td>{{v.std_email}}</td> -->
        <td>{{v.aspect_names}}</td>
        <td>
            <span *ngIf="v.pay_status == 'Active'" class="text-success">已缴费</span>
            <span *ngIf="v.pay_status == 'InActive'" class="text-danger">未缴费</span>
        </td>
        <td>
            <img class="align-self-start mx-2 circle thumb32 " *ngIf="v.bank_reply_url" (click)="showModal({ResponseEntity:v})"
                [src]="FrameService.getParamValue('EnrolMaterialWebPath') + v.bank_reply_url" alt="Image">
        </td>
        <td>
            <span class="table-button" title="编辑考生" (click)="showModal({ResponseEntity:v})"><em class="fa-lg fas fa-edit"></em>
            </span>
        </td>
      </tr>
      </tbody>
    </table>
    <frame-pager [url]="'./std/enrol/bank/pic/page.htm'" [pagerParams]="{school_id:query.school_id,batch_id:query.batch_id,audit_flag:query.audit_flag}" #pager></frame-pager>
  </div>
  
  