<div class="content-heading  justify-content-between">
  <div>湖北省近三年分地区招生情况统计表</div>
</div>

<div >
  <!-- <div class="float-left">
    <div class="input-group">
        <input class="form-control ml-2 mt-2" style="width: 200px;" type="text" [(ngModel)]="query.query" (keyup)="search" placeholder="年份查询（2017）" />
        <div class="input-group-append mt-2" style="height: 35px;">
          <button class="btn btn-outline-secondary bg-white" (click)="pager.goSearch()">
            <em class="fa fas fa-search"></em>
          </button>
        </div>
    </div>
  </div> -->
  <div class="float-right">
    <div class="btn-group mb-1 mr-1" dropdown>
      <button class="btn dropdown-toggle btn-secondary btn-lg" type="button" dropdownToggle>湖北省近三年分地区招生情况统计表管理
        <span class="caret"></span>
      </button>
      <div *dropdownMenu class="dropdown-menu modal-lg" role="menu">
          <!-- <a class="dropdown-item" href="#" (click)="downloadReport( {report_name:'StdThreeYearReport', report_title :'湖北省近三年分地区招生情况统计表'})">导出湖北省近三年分地区招生情况统计表</a> -->
         
          <a class="dropdown-item" href="#" (click)="threeDownloadReport()">导出湖北省近三年分地区招生情况统计表</a>
          
      </div>
    </div>
  </div>
</div>

<div class="table-responsive bg-white table-full">
  <table class="table table-striped table-hover table-bordered">
    <thead>
    <tr>
      <th nowrap><span class="table-sort" >序号</span></th>
      <th nowrap><span class="table-sort" (click)="pager.sort('area')">市州</span></th>
      <th nowrap><span class="table-sort" (click)="pager.sort('year1_admission_num')">{{getCurYear(3)}}录取人数</span></th>
      <th nowrap><span class="table-sort" (click)="pager.sort('year1_reported_num')">{{getCurYear(3)}}报道人数</span></th>
      <th nowrap><span class="table-sort" (click)="pager.sort('year2_admission_num')">{{getCurYear(4)}}录取人数</span></th>
      <th nowrap><span class="table-sort" (click)="pager.sort('year2_reported_num')">{{getCurYear(4)}}报道人数</span></th>
      <th nowrap><span class="table-sort" (click)="pager.sort('year3_admission_num')">{{getCurYear(5)}}录取人数</span></th>
      <th nowrap><span class="table-sort" (click)="pager.sort('year3_reported_num')">{{getCurYear(5)}}报道人数</span></th>
    </tr>
    </thead>
    <tbody>
    <tr *ngFor="let v of pager.getRecords(); let i = index">
      <td>{{i+1}}</td>
      <td>{{v.area}}</td>
      <td>{{v.year1_admission_num}}</td>
      <td>{{v.year1_reported_num}}</td>
      <td>{{v.year2_admission_num}}</td>
      <td>{{v.year2_reported_num}}</td>
      <td>{{v.year3_admission_num}}</td>
      <td>{{v.year3_reported_num}}</td>
    </tr>
    </tbody>
  </table>
  <frame-pager [url]="PAGE_URL" [pagerParams]="query" #pager [showSearch]='false'></frame-pager>
</div>
