now-alarm.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>
    </div>
    <div nz-col nzSpan="8" class="text-right">
        <button nz-button nzType="primary"><i class="anticon anticon-search"></i></button>
        <button nz-button nzType="primary"><i class="anticon anticon-sync"></i></button>
        <button nz-button nzType="primary"><i class="anticon anticon-arrows-alt"></i></button>
    </div>
</div>

<div nz-row class="search-form">
    <div nz-col nzSpan="16">
        <span>当前告警数：120</span>
    </div>
</div>
<div class="tag-warn tag-form">
  <span *ngFor="let item of warnCountList">
    <nz-tag *ngIf="item.level == 4 || item.level == 5" [nzColor]="'#fc0d1b'"></nz-tag>
    <nz-tag *ngIf="item.level == 2 || item.level == 3" [nzColor]="'#fd9827'"></nz-tag>
    {{item.name}}({{item.size}})
  </span>
</div>

<smart-warn-list #warnList></smart-warn-list>

<smart-send-log #sendLog></smart-send-log>