discovery-list.component.html

<div nz-row class="breadcrumbs" >
  <div nz-col nzSpan="16">
    <nz-breadcrumb class="padding-8-0">
      <nz-breadcrumb-item>
        首页
      </nz-breadcrumb-item>
      <nz-breadcrumb-item>
        <a>综合监控</a>
      </nz-breadcrumb-item>
      <nz-breadcrumb-item>
        模版配置
      </nz-breadcrumb-item>
      <nz-breadcrumb-item>
        模版：{{tempName}}
      </nz-breadcrumb-item>
    </nz-breadcrumb>
  </div>
  <div nz-col nzSpan="8" class="text-right">
    <button (click)="ngOnInit()" nz-button nzType="primary"><i class="anticon anticon-sync"></i></button>
    <smart-full-screen></smart-full-screen>
  </div>
</div>
<div nz-row [nzGutter]="4" class="search-form">
  <div nz-col nzSpan="3">
    <button (click)="showAddModal()"  nz-button nzType="default"><i class="anticon anticon-plus-circle-o"></i>添加自动发现</button>
  </div>
  <div nz-col nzSpan="18"></div>
  <div nz-col nzSpan="3"></div>
</div>

<nz-table #nzTable [nzData]="discoveryList" [nzFrontPagination]="false" [nzTotal]="totalNum" [nzPageIndex]="pageNum" [nzPageSize]="pageCount" (nzPageIndexChange)="change($event)" [nzLoading]="loading">
  <thead>
  <tr>
    <th nzShowCheckbox [nzIndeterminate]="indeterminate" [nzChecked]="allChecked" (nzCheckedChange)="checkAll($event)"></th>
    <th>名称</th>
    <th>监控项</th>
    <th>阈值</th>
    <th>键值</th>
    <th>间隔</th>
    <th>状态</th>
    <th>操作</th>
  </tr>
  </thead>
  <tbody>
  <tr *ngFor="let data of discoveryList">
    <td nzShowCheckbox  [(nzChecked)]="data.checked" (nzCheckedChange)="selectItem(data,$event)"></td>
    <td class="round-tag tag-form">{{data.name}}</td>
    <td class="cursor main-color">
      <span (click)="goToCheck(data)">{{data.itemsCount}}</span>
    </td>
    <td class="cursor main-color">
      <span (click)="goToTrigger(data)">{{data.triggersCount}}</span>
    </td>
    <td>{{data.key_}}</td>
    <td>{{data.delay}}</td>
    <td>
      <span *ngIf="data.status == 0">启用</span>
      <span *ngIf="data.status == 1">禁用</span>
    </td>
    <td class="main-color cursor">
      <span (click)="showEditModal(data)">编辑</span>
      <span (click)="deleteDiscovery(data)">删除</span>
    </td>
  </tr>
  </tbody>
</nz-table>

<!--自动发现-->
<smart-discovery #smartDiscovery  (done)="getList()"></smart-discovery>