<div class="content-heading  justify-content-between">
  <div>按生源地统计</div>
  <div class="float-right">
    <div class="row">

      <div class="wd-sm mb-1 ">
		    <ngx-select [items]="batchArr" [(ngModel)]="batch_id"
          (ngModelChange)="requestData()" [autoClearSearch]="true"
          optionValueField="dict_value" optionTextField="dict_text"></ngx-select>
      </div>

      <div class="btn-group mb-1 mr-1 ml-3" 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)="FuncService.ajaxDownload('frame/report/download.htm', {report_name:'EnrolReportProvince', report_title :'报考统计报表(分生源地统计)'})">下载报表</a> -->
              <a class="dropdown-item" href="#"  (click)="downloadReport()">下载报表</a>
            <div class="dropdown-divider"></div>
        </div>
      </div>

    </div>
  </div>
</div>

<tabset class="bg-white p-0" justified="true" *ngIf="dataMap">
  <tab>
    <ng-template tabHeading>
      <em class="fas fa-map fa-fw"></em> 地图显示
    </ng-template>
    <div echarts [options]="chartOption" style="width:100%;height:700px; margin-top:20px;margin-left:20px"
         (chartInit)="onChartInit($event)"></div>
  </tab>
  <tab>
    <ng-template tabHeading>
      <em class="fas fa-table fa-fw"></em> 详细信息
    </ng-template>
    <div class="table-responsive bg-white table-full" *ngIf="dataMap">
      <table class="table table-striped table-hover table-bordered">
        <thead>
        <tr>
          <th>生源代码</th>
          <th>生源地</th>
          <th>报考专业数</th>
          <th>报考人数</th>
        </tr>
        </thead>
        <tbody>
        <tr *ngFor="let v of dataMap['ProvinceArray']; let i = index">
          <td>{{v.province_id}}</td>
          <td>{{v.province_name}}</td>
          <td>{{v.aspect_total}}</td>
          <td>{{v.std_total}}</td>
        </tr>
        <tr>
          <td colspan="2">合计</td>
          <td>{{dataMap['EnrolTotal'].aspect_total}}</td>
          <td>{{dataMap['EnrolTotal'].std_total}}</td>
        </tr>
        </tbody>
      </table>
    </div>
  </tab>

</tabset>
