<div class="content-heading  justify-content-between" *ngIf="curStep == 'main'">
  <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="code_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-xl wd-sm mr-1">
        <ngx-select [items]="majorArray" [(ngModel)]="query.major_ids" (ngModelChange)="selectMajor()" placeholder="专业"
            [autoClearSearch]="true" optionValueField="major_id" optionTextField="major_name" [multiple]="true">
        </ngx-select>
      </div>
      <div class="wd-xl wd-sm mr-1">
        <ngx-select [items]="optrArray" [(ngModel)]="query.optr_ids" (ngModelChange)="selectOptr()" placeholder="初审老师"
            [autoClearSearch]="true" optionValueField="optr_id" optionTextField="optr_name" [multiple]="true">
        </ngx-select>
      </div>      
    </div>
  </div>
</div>
<tabset class="bg-white p-0" justified="true" *ngIf="curStep == 'main'">
  <tab>
    <ng-template tabHeading>
      <span class="table-sort"><em class="far fa-user fa-fw"></em> 审核通过</span>
    </ng-template>
    <div style="text-align: right;margin-top: 2px;margin-bottom: 2px;margin-right: 10px;">
      <button class="btn btn-primary" type="button"  (click)="sendApprovNotice()">通过通知</button>
    </div>
    <div class="table-responsive bg-white table-full">
      <table class="table table-striped table-hover table-bordered">
        <thead>
        <tr>
          <th>姓名</th>
          <th>报名号</th>
          <th>联系电话</th>
          <th>考生类型</th>
          <th>专业方向</th>
          <th>导师名称</th>
          <th>状态</th>
          <th>初审备注</th>
          <th>初审老师</th>
          <th class="th-b-2"></th>
        </tr>
        </thead>
        <tbody>
        <tr *ngFor="let v of approvPager.getRecords(); let i = index">
          <td><span class="table-button text-green" (click)="goStdDetail(v)">{{v.std_name}}</span></td>
          <td>{{v.exam_id}}</td>
          <td>{{v.std_mobile}}</td>
          <td [innerHTML]="v.std_edu | frameDict:'StdEduType'"></td>
          <td>{{v.aspect_name}}</td>
          <td>{{v.enr_doct_name}}</td>
          <td [innerHTML]="v.status | frameDict:'ApplyStatus'"></td>
          <td title="{{v.initial_remark}}">{{v.initial_remark | subStr: 30}}</td>
          <td>{{v.optr_name}}</td>
          <td>
              <span class="table-button" (click)="goStdDetail(v)"><em class="fa-lg fas fa-edit"></em></span>
          </td>
        </tr>
        </tbody>
      </table>
      <frame-pager [url]="'./review/initial/notice/page.htm'" 
        [pagerParams]="{school_id: query.school_id,batch_id: query.batch_id, major_ids: this.query.major_ids, optr_ids: this.query.optr_ids, detail_type: 'approv'}" #approvPager></frame-pager>
    </div>
  </tab>
  <tab>
    <ng-template tabHeading>
      <span class="table-sort"><em class="far fa-user fa-fw"></em> 审核退回</span>
    </ng-template>
    <div style="text-align: right;margin-top: 2px;margin-bottom: 2px;margin-right: 10px;">
      <button class="btn btn-primary" type="button" (click)="sendRejectNotice()">退回通知</button>
    </div>
    <div class="table-responsive bg-white table-full">
      <table class="table table-striped table-hover table-bordered">
        <thead>
        <tr>
          <th>姓名</th>
          <th>报名号</th>
          <th>联系电话</th>
          <th>考生类型</th>
          <th>专业方向</th>
          <th>导师名称</th>
          <th>状态</th>
          <th>初审备注</th>
          <th>初审老师</th>
          <th class="th-b-2"></th>
        </tr>
        </thead>
        <tbody>
        <tr *ngFor="let v of rejectPager.getRecords(); let i = index">
          <td><span class="table-button text-green" (click)="goStdDetail(v)">{{v.std_name}}</span></td>
          <td>{{v.exam_id}}</td>
          <td>{{v.std_mobile}}</td>
          <td [innerHTML]="v.std_edu | frameDict:'StdEduType'"></td>
          <td>{{v.aspect_name}}</td>
          <td>{{v.enr_doct_name}}</td>
          <td [innerHTML]="v.status | frameDict:'ApplyStatus'"></td>
          <td title="{{v.initial_remark}}">{{v.initial_remark | subStr: 30}}</td>
          <td>{{v.optr_name}}</td>
          <td>
              <span class="table-button" (click)="goStdDetail(v)"><em class="fa-lg fas fa-edit"></em></span>
          </td>
        </tr>
        </tbody>
      </table>
      <frame-pager [url]="'./review/initial/notice/page.htm'" 
        [pagerParams]="{school_id: query.school_id,batch_id: query.batch_id, major_ids: query.major_ids, optr_ids: query.optr_ids, detail_type: 'reject'}" #rejectPager></frame-pager>
    </div>    
  </tab>
</tabset>

<!--***********************考生上传详情列表界面************************************************-->
<div class="modal-header" *ngIf="curStep == 'std'">
  <h4 class="modal-title pull-left">考生详情</h4>
</div>
<div class="modal-body" *ngIf="curStep == 'std'">
  <!-- 考生详情 -->
  <div class="card card-default">
    <div class="card-body">
      <div class="form-group row">
        <div style="width: 10%;margin-left: 3px;">
          <img class="img-fluid rounded id_card" [src]="stdMain.std_image" style="height: 160px;width: 120px;" alt=""/>
        </div>
        <div  style="width: 20%;">
          <span style="font-size: 20px;font-weight: bold;" class="{{stdMain.showSpecialColor ? 'special' : ''}}">{{stdMain.std_name}}</span>&nbsp;<br>
          <span style="font-size: 20px;font-weight: bold;">{{stdMain.exam_id}}</span>&nbsp;<br>
          <span style="font-size: 20px;">{{stdMain.major_name}}</span><br>
          <span style="font-size: 20px;">{{stdMain.aspect_name}}</span><br>
          <span style="font-size: 20px;" [innerHTML]="stdMain.std_edu | frameDict:'StdEduType'"></span>
        </div>
        <div style="width: 30%;">
          <span style="font-size: 20px;" >身份证人脸对比：<span class="{{(stdMain.face_cmp_ret && stdMain.face_cmp_ret.indexOf('对比一致') >=0) ? 'compare' : ''}}">{{stdMain.face_cmp_ret}}</span></span><br>
          <span style="font-size: 20px;" >学籍学历校验结果：<span class="{{(stdMain.study_verify_ret && stdMain.study_verify_ret.indexOf('校验通过') >= 0) ? 'compare' : ''}}">{{stdMain.study_verify_ret}}</span></span>
        </div>
        <div style="width: 40%;">

        </div>
      </div>

    </div>
  </div>
  <!-- 考生材料列表 -->
  <div class="table-responsive bg-white table-full" *ngIf="curStep == 'std'">
    <table class="table table-striped table-hover table-bordered">
      <thead>
      <tr>
        <th>材料大类</th>
        <th>材料名称</th>
        <th>材料类型</th>
        <!-- <th>查看材料</th> -->
        <th>备注</th>
        <th>状态</th>
      </tr>
      </thead>
      <tbody>
      <tr *ngFor="let v of stdPager.getRecords(); let i = index">
        <td>{{v.category_name}}</td>
        <td>{{v.material_name}}</td>
        <td>{{v.material_type}}</td>
        <!-- <td><span class="table-button text-green" (click)="showMaterilModal(v)">查看</span></td> -->
        <td title="{{v.remark}}">{{v.remark | subStr: 30}}</td>
        <td [innerHTML]="v.back_status | frameDict:'ApplyStatus'"></td>
      </tr>
      </tbody>
    </table>
    <frame-pager [url]="'./std/apply/detail/page.htm'" 
      [pagerLimit]="20" [pagerParams]="{main_id: query.main_id, school_id: query.school_id,batch_id: query.batch_id}" #stdPager></frame-pager>
  </div>  
</div>
<div class="modal-footer" *ngIf="curStep == 'std'">
  <!-- <button class="btn btn-primary" type="button"  *ngIf="this.query.main_status == 'Apply' || this.query.main_status == 'SecondApply'" (click)="doFeedBack()">审核通过</button>
  <button class="btn btn-primary danger" type="button" *ngIf="this.query.main_status == 'Apply' || this.query.main_status == 'SecondApply'" (click)="doReject()">审核退回</button> -->
  <button class="btn btn-secondary" type="button" (click)="goBack()">返回</button>
</div>
