<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="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-xl wd-sm mr-1">
        <ngx-select [items]="'ApplyStatus' | frameDict" [(ngModel)]="query.status" placeholder="状态过滤"
          optionValueField="dict_value" optionTextField="dict_text"  [multiple]="true"></ngx-select>
      </div> -->
    </div>
  </div>
</div>

<!--<tabset class="bg-white p-0" justified="true" *ngIf="curStep == 'main'">-->
  <tabset class="bg-white p-0" justified="true" [hidden]="curStep == 'std'">
  <tab>
    <ng-template tabHeading>
      <span class="table-sort"><em class="far fa-user fa-fw"></em> 待审核({{totalArray.Apply}})</span>
    </ng-template>
    <div class="table-responsive bg-white table-full" *ngIf="curStep == 'main'">
      <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>实际初审老师</th>
          <!-- <th class="th-b-2"></th> -->
        </tr>
        </thead>
        <tbody>
        <tr *ngFor="let v of pager.getRecords(); let i = index">
          <td><span class="table-button {{v.detail_review_time ? 'text-green' : 'text-danger'}}" (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 tooltip="{{v.initial_remark}}">{{v.initial_remark | subStr: 30}}</td>
          <td>{{v.optr_name}}</td>
          <td>{{v.real_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/page.htm'" [pagerParams]="{school_id: query.school_id,batch_id: query.batch_id,status: 'Apply'}" [loopRequestTicket]="10" (pageAjaxComplete)="total($event,'Apply')" #pager></frame-pager>
    </div>
  </tab>
  <tab>
    <ng-template tabHeading>
      <span class="table-sort"><em class="far fa-user fa-fw"></em> 退回再提交待审核({{totalArray.SecondApply}})</span>
    </ng-template>
    <div class="table-responsive bg-white table-full" *ngIf="curStep == 'main'">
      <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>实际初审老师</th>
          <!-- <th class="th-b-2"></th> -->
        </tr>
        </thead>
        <tbody>
        <tr *ngFor="let v of pager.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 tooltip="{{v.initial_remark}}">{{v.initial_remark | subStr: 30}}</td>
          <td>{{v.optr_name}}</td>
          <td>{{v.real_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/page.htm'" [pagerParams]="{school_id: query.school_id,batch_id: query.batch_id,status: 'SecondApply'}" (pageAjaxComplete)="total($event,'SecondApply')" [loopRequestTicket]="5" #pager></frame-pager>
    </div>
  </tab>
  <tab>
    <ng-template tabHeading>
      <span class="table-sort"><em class="far fa-user fa-fw"></em> 已退回({{totalArray.Reject}})</span>
    </ng-template>
    <div class="table-responsive bg-white table-full" *ngIf="curStep == 'main'">
      <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>实际初审老师</th>
          <!-- <th class="th-b-2"></th> -->
        </tr>
        </thead>
        <tbody>
        <tr *ngFor="let v of pager.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'" class="{{v.status == 'InitialAppr' ? 'pass' : (v.status == 'Reject' ? 'reject' : '')}}"></td>
          <td tooltip="{{v.initial_remark}}">{{v.initial_remark | subStr: 30}}</td>
          <td>{{v.optr_name}}</td>
          <td>{{v.real_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/page.htm'" [pagerParams]="{school_id: query.school_id,batch_id: query.batch_id,status: 'Reject'}"  (pageAjaxComplete)="total($event,'Reject')" [loopRequestTicket]="5" #pager></frame-pager>
    </div>
  </tab>
  <tab>
    <ng-template tabHeading>
      <span class="table-sort"><em class="far fa-user fa-fw"></em> 审核通过({{totalArray.InitialAppr}})</span>
    </ng-template>
    <div class="table-responsive bg-white table-full" *ngIf="curStep == 'main'">
      <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>实际初审老师</th>
          <!-- <th class="th-b-2"></th> -->
        </tr>
        </thead>
        <tbody>
        <tr *ngFor="let v of pager.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'" class="{{v.status == 'InitialAppr' ? 'pass' : (v.status == 'Reject' ? 'reject' : '')}}"></td>
          <td tooltip="{{v.initial_remark}}">{{v.initial_remark | subStr: 30}}</td>
          <td>{{v.optr_name}}</td>
          <td>{{v.real_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/page.htm'" [pagerParams]="{school_id: query.school_id,batch_id: query.batch_id,status: 'InitialAppr'}"  (pageAjaxComplete)="total($event,'InitialAppr')" [loopRequestTicket]="5" #pager></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;">{{stdMain.enr_doct_name}}</span><br>-->
<!--          <span style="font-size: 20px;" [innerHTML]="stdMain.std_edu | frameDict:'StdEduType'"></span>-->
<!--        </div>-->
<!--        <div style="width: 30%;">-->
<!--          &lt;!&ndash; <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> &ndash;&gt;-->
<!--        </div>-->
<!--        <div style="width: 40%;">-->

<!--        </div>-->
<!--      </div>-->

<!--    </div>-->
    <div class="card-body">
      <div class="form-group row">
        <div class="col-lg-2">
          <img class="img-fluid rounded id_card" [src]="stdMain.std_image" style="height: 160px;width: 120px;" alt=""/>
        </div>
        <div  class="col-lg-2">
          <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;">{{stdMain.enr_doct_name}}</span><br>
          <span style="font-size: 20px;" [innerHTML]="stdMain.std_edu | frameDict:'StdEduType'"></span>
        </div>
        <div  class="col-lg-5">
          <div class="row" *ngIf="tagArray.length > 0">
            <div class="col-lg-4">
              <ngx-select [items]="tagArray" [(ngModel)]="stdMain.tag_id" placeholder="审核标签"
                          [autoClearSearch]="true" optionValueField="tag_id" optionTextField="tag_name">
              </ngx-select>
            </div>
            <div class="col-lg-6">
              <button class="btn btn-primary" type="button" (click)="setTag()">设置标签</button>&nbsp;
              <button class="btn btn-primary" type="button" (click)="clearTag()">清除标签</button>
            </div>
          </div>
          <div class="row">
            <span id="tagSpanId" tooltip="{{stdMain.tag_desc}}" style="margin-left: 20px;margin-top: 15px;font-size: 25px;">{{stdMain.tag_name}}</span>
          </div>
          <!-- <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  class="col-lg-3">
          <span style="font-size: 25px;color: #b650d7;float: right">{{stdMain.study_verify_ret}}</span><br>
        </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>
        <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 tooltip="{{v.remark}}">{{v.remark | subStr: 30}}</td>
        <td [innerHTML]="v.back_status | frameDict:'ApplyStatus'" class="{{v.back_status == 'InitialAppr' ? 'pass' : (v.back_status == 'Reject' ? 'reject' : '')}}"></td>
        <td>{{v.auth_time}}</td>
        <td>{{v.real_optr_name}}</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="(query.main_status == 'Apply' || query.main_status == 'SecondApply') && (authMainDurSubmit || authMainDurAuth)"-->
<!--    (click)="doApproveMain()">审核通过</button>-->
<!--  <button class="btn btn-primary danger" type="button"-->
<!--    *ngIf="(query.main_status == 'Apply' || query.main_status == 'SecondApply') && (authMainDurSubmit || authMainDurAuth)"-->
<!--    (click)="doRejectMain()">审核退回</button>-->
  <button class="btn btn-secondary" type="button" (click)="goBack()">返回</button>
</div>
