warn-list.component.html

<nz-table #nzTable [nzData]="warnList" [nzFrontPagination]="false" [nzTotal]="totalNum" [nzPageIndex]="pageNum" [nzPageSize]="pageCount" (nzPageIndexChange)="change($event)" [nzLoading]="loading">
  <thead>
  <tr>
    <th nzShowSort>产生时间</th>
    <th>级别</th>
    <th>名称</th>
    <th nzWidth="15%">告警信息</th>
    <th>类别</th>
    <th>资源分组</th>
    <th>持续时间</th>
    <!--<th>产生事件</th>-->
    <th>状态</th>
    <th style="text-align: center">发送记录</th>
  </tr>
  </thead>
  <tbody>
  <tr *ngFor="let data of warnList">
    <td class="table-timeline">
      <nz-timeline-item>{{data.clock}}</nz-timeline-item>
    </td>
    <td class="round-tag tag-form">
      <nz-tag *ngIf="data.priority == 4 || data.priority == 5" [nzColor]="'#fc0d1b'"></nz-tag>
      <nz-tag *ngIf="data.priority == 2 || data.priority == 3" [nzColor]="'#fd9827'"></nz-tag>
    </td>
    <td>{{data.hostname}}</td>
    <td>{{data.description}}</td>
    <td>{{data.equipmentType}}</td>
    <td>{{data.groupname}}</td>
    <td>{{data.continuedTime}}</td>
    <!--<td>{{data.eventid}}</td>-->
    <td>
      <ng-container *ngIf="data.r_clock">已恢复</ng-container>
      <ng-container *ngIf="!data.r_clock">告警中</ng-container>
     </td>
    <td class="list-icon" (click)="showLog(data)"><i class="anticon anticon-profile"></i></td>
  </tr>
  </tbody>
</nz-table>
<smart-send-log #sendLog></smart-send-log>