<!--进出口流量-->
<nz-modal [nzWidth]="780" [(nzVisible)]="isLine" nzTitle="流量配置" (nzOnCancel)="handleLineCancel()" (nzOnOk)="handleLineOk()">
  <form  nz-form>
    <nz-tabset>
      <nz-tab nzTitle="进流量">
        <nz-table #basicTable1 [nzData]="inList"
                  [nzFrontPagination]="false" [nzTotal]="totalNum" [nzPageIndex]="inPageNum" [nzPageSize]="inPageCount"
                  (nzCurrentPageDataChange)="incurrentPageDataChange($event)"
                  (nzPageIndexChange)="changePageIn($event)">
          <thead>
          <tr>
            <th></th>
            <th>名称</th>
            <th>键值</th>
          </tr>
          </thead>
          <tbody>
          <tr *ngFor="let data of basicTable1.data">
            <td nzShowCheckbox [(nzChecked)]="data.checked" (nzCheckedChange)="inselectItem(data,$event)"></td>
            <td>{{data.name}}</td>
            <td>{{data.key}}</td>
          </tr>
          </tbody>
        </nz-table>
      </nz-tab>
      <nz-tab nzTitle="出流量">
        <nz-table #basicTable2 [nzData]="outList"
                  [nzFrontPagination]="false" [nzTotal]="totalNum" [nzPageIndex]="outPageNum" [nzPageSize]="outPageCount"
                  (nzCurrentPageDataChange)="outcurrentPageDataChange($event)"
                  (nzPageIndexChange)="changePageOut($event)">
          <thead>
          <tr>
            <th></th>
            <th>名称</th>
            <th>键值</th>
          </tr>
          </thead>
          <tbody>
          <tr *ngFor="let data of basicTable2.data">
            <td nzShowCheckbox [(nzChecked)]="data.checked" (nzCheckedChange)="outselectItem(data,$event)"></td>
            <td>{{data.name}}</td>
            <td>{{data.key}}</td>
          </tr>
          </tbody>
        </nz-table>
      </nz-tab>
    </nz-tabset>
  </form>
</nz-modal>