<!--解决状态统计-->
<nz-spin [nzSpinning]="isLoading">
  <div echarts [options]="chartOption" style="height: 400px;width: 100%"></div>
</nz-spin>
<nz-tabset [nzTabPosition]="'top'" [nzType]="'card'">
  <nz-tab  nzTitle="接收流量排行">
    <nz-table #nzTable [nzData]="inList" [nzLoading]="inLoading" [nzFrontPagination]="false" [nzTotal]="inTotalNum" [nzPageIndex]="inPageNum" [nzPageSize]="inPageCount" (nzPageIndexChange)="inChnagePage($event)">
      <thead>
      <tr>
        <th nzWidth="20%">监测点名称</th>
        <th>最大值</th>
        <th>最小值</th>
        <th>平均值</th>
      </tr>
      </thead>
      <tbody>
      <ng-container *ngFor="let item of inList">
        <tr (click)="getEcharts(item.itemid)">
          <td>{{item.itemName}}</td>
          <td>{{item.max | toUtil}}</td>
          <td>{{item.min | toUtil}}</td>
          <td>{{item.avg | toUtil}}</td>
        </tr>
      </ng-container>
      </tbody>
    </nz-table>
  </nz-tab>
  <nz-tab  nzTitle="发送流量排行">
    <nz-table #nzTable [nzData]="outList" [nzLoading]="outLoading" [nzFrontPagination]="false" [nzTotal]="outTotalNum" [nzPageIndex]="outPageNum" [nzPageSize]="outPageCount" (nzPageIndexChange)="outChnagePage($event)">
      <thead>
      <tr>
        <th nzWidth="20%">监测点名称</th>
        <th>最大值</th>
        <th>最小值</th>
        <th>平均值</th>
      </tr>
      </thead>
      <tbody>
      <ng-container *ngFor="let data of outList">
        <tr class="cursor" (click)="getEcharts(data.itemid)">
          <td>{{data.itemName}}</td>
          <td>{{data.max | toUtil}}</td>
          <td>{{data.min | toUtil}}</td>
          <td>{{data.avg | toUtil}}</td>
        </tr>
      </ng-container>
      </tbody>
    </nz-table>
  </nz-tab>
</nz-tabset>