company-modal.component.html

<nz-modal [nzWidth]="780" [(nzVisible)]="isVisiable" nzTitle="流量配置" (nzOnCancel)="handleCancel()"
          (nzOnOk)="handleOk()">
  <div class="padding-10">
    <input name="outSearchName" (keyup.enter)="getList()" style="width: 200px;" type="text" nz-input
           [(ngModel)]="obj.keyword" placeholder="输入名称">
    <button (click)="getList()" nz-button nzType="default"><i class="anticon anticon-search"
                                                              style="color: #6097b7"></i>搜索
    </button>
  </div>
  <nz-table #basicTable [nzData]="page.list"
            [nzFrontPagination]="false" [nzTotal]="page.totalNum" [nzPageIndex]="page.pageNum"
            [nzPageSize]="page.pageCount"
            (nzCurrentPageDataChange)="PageDataChange($event)"
            (nzPageIndexChange)="changePage($event)">
    <thead>
    <tr>
      <th></th>
      <th>名称</th>
      <th>主机名</th>
      <th>键值</th>
    </tr>
    </thead>
    <tbody>
    <tr *ngFor="let data of basicTable.data">
      <td nzShowCheckbox [(nzChecked)]="data.checked" (nzCheckedChange)="selectItem(data,$event)"></td>
      <td>{{data.name}}</td>
      <td>{{data.hostName}}</td>
      <td>{{data.key}}</td>
    </tr>
    </tbody>
  </nz-table>
</nz-modal>