<div class="panel panel-default">
  <div>
    <!--标题-->
    <div class="panel-title">
      <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
          <li class="breadcrumb-item">毕业统计分析</li>
          <li class="breadcrumb-item active" aria-current="page">档案交接表</li>
        </ol>
      </nav>
    </div>
  </div>

  <div class="panel-body ml-sm " [hidden]="editShowType=='only'">
    <!--查询条件-->
    <div class="row mb-3 ml-1" [hidden]="editShowType=='only'">
      <div class="col-lg-12">
        <form (ngSubmit)="framePager.goSearch()" class="form-inline">
         <table>
           <tr>
             <td>
          <div class="input-group mr-1 input-group-sm">
            <label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;关键字：</label>
            <input name="query" [(ngModel)]="query.query" class="input-sm form-control" type="text" value=""
              maxlength="64" placeholder="请输入查询关键字">
          </div>
        </td>
        <td>
          <div class="input-group mr-1 input-group-sm">
            <label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;批次：</label>
            <flex-select [allowClear]="true" [url]="'pl/plExamTime/listPlExamTimeForBy.htm'" respDataPath="array"
              optionValueField="id" optionTextField="exam_year_month" [(ngModel)]="query.exam_time_id" placeholder="请选择"
              [ngModelOptions]="{standalone: true}" width="100" noResultsFound="无数据">
            </flex-select>
          </div>
        </td>
        <td>
          <div class="input-group mr-1 input-group-sm">
            <label>受理单位：</label>
            <flex-select [allowClear]="true" [url]="DW_URL" respDataPath="array" optionValueField="org_id"
              optionTextField="org_name" [(ngModel)]="query.org_id" placeholder="请选择" width="100"
              noResultsFound="无数据" [ngModelOptions]="{standalone: true}">
            </flex-select>
          </div>
        </td>
        </tr>
        <tr>
            <td>
          <div class="input-group mr-1 input-group-sm">
            <label>主考学校：</label>
            <flex-select [allowClear]="true" [url]="SCHOOL_URL" respDataPath="array" optionValueField="id"
              optionTextField="org_name" [(ngModel)]="query.school_id" placeholder="请选择" width="100"
              noResultsFound="无数据" [ngModelOptions]="{standalone: true}">
            </flex-select>
          </div>
        </td>
        <td>
          <div class="input-group mr-1 input-group-sm">
            <label>专业层次：</label>
            <select name="major_level" [(ngModel)]="query.major_level" frameDict [dictName]="'MajorLevel'"
              class="form-control">
            </select>
          </div>
        </td>
        <td align="right">
          <button class="btn btn-primary btn-rounded btn-outline btn-sm  mr-1">
            <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>
                <button class="btn btn-primary mr-1 btn-sm" data-toggle="tooltip" data-placement="left" (click)="export()"
                title="导出">
                <i class="fa icon-login"></i>导出</button>
          </td>
          </tr>
          </table>
          </form>
      </div>
    </div>

   

    <!--表格-->
    <div class="row" [hidden]="editShowType=='only'">
      <div class="col-sm-12 ml-0">
        <table class="table table-sm table-striped table-hover table-bordered bg-white">
          <thead>
            <tr>
              <th align="center">序号</th>
              <th align="center">现场确认单位</th>
              <th align="center">主考院校</th>
              <th align="center">专业层次</th>
              <th align="center">专业代号</th>
              <th align="center">专业名称</th>
              <th align="center">人数</th>
              <!-- <th align="center">所属地市</th> -->
            </tr>
          </thead>
          <tbody>
            <tr *ngFor="let item of framePager.getRecords(); let i = index">
              <td align="center">{{framePager.pageStart+i}}</td>
              <td align="center">{{item.unit_name}}</td>
              <td align="center">{{item.org_name}}</td>
              <td align="center">{{item.levels | frameDict: 'MajorLevel'}}</td>
              <td align="center">{{item.major_code}}</td>
              <td align="center">{{item.major_name}}</td>
              <td align="center">{{item.num_people}}</td>
              <!-- <td align="center">{{item.city_name}}</td> -->
            </tr>
          </tbody>
        </table>
        <frame-pager [url]="QUERY_URL" hideSearch="true" hasCheck="true" #framePager (preReqEvent)="search($event)">
        </frame-pager>
      </div>
      <!-- 编辑页面 -->
      <div class="col-lg-12" *ngIf="item && editShowType != null &&editShowType!='modal'">
        <ng-container *ngTemplateOutlet="editTemplateModal">
        </ng-container>
      </div>

    </div>
  </div>
  <!-- only编辑页面-->
  <div class="col-lg-12" *ngIf="item && editShowType != null &&editShowType =='only'">
    <ng-container *ngTemplateOutlet="editTemplateModal">
    </ng-container>
  </div>
</div>