<div class="content-heading  justify-content-between">
  <div>省份列表</div>
  <div class="float-right">
    <div class="float-right">
      <button class="btn btn-danger  btn-lg" type="button"
              (click)="pager.optrRecord('frame/region/reload.htm', {}, {successMsg:'行政区划信息已经重新加载！', confirmMsg: '确定要重新加载区域信息吗，可能会需要比较长的时间？', successMsgType:'Swal'})">
        重载行政区划
      </button>
    </div>
  </div>

</div>
<div class=" table-responsive bg-white">
  <table class="table table-striped table-hover table-bordered">
    <thead>
    <tr>
      <th><span (click)="pager.sort('province_id')">代码</span></th>
      <th><span (click)="pager.sort('province_name')">省份全称</span></th>
      <th><span (click)="pager.sort('province_abbr')">省份简写</span></th>
      <th><span (click)="pager.sort('province_capital')">省会城市</span></th>
      <th><span (click)="pager.sort('province_short_name')">简称</span></th>
      <th class="th-b-1"></th>
    </tr>
    </thead>
    <tbody>
    <tr *ngFor="let v of pager.getRecords(); let i = index">
      <td>{{v.province_id}}</td>
      <td>{{v.province_name}}</td>
      <td>{{v.province_abbr}}</td>
      <td>{{v.province_capital}}</td>
      <td>{{v.province_short_name}}</td>
      <td>
        <span class="table-button" (click)="showModal({ResponseEntity:v,'arrayUrl':'frame/region/area/province.htm','arrayParam':{province_id:v.province_id}})">
        <em class="fa-lg fas fa-list"></em>
      </span>
      </td>
    </tr>
    </tbody>
  </table>
  <frame-pager url="frame/region/province/page.htm" pagerLimit="100" [showPagination]="false" #pager></frame-pager>
</div>


