<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 (click)="ngOnInit()" nz-button nzType="primary"><i class="anticon anticon-sync"></i></button>
        <smart-full-screen></smart-full-screen>
    </div>
</div>

<div nz-row class="search-form">
    <div nz-col nzSpan="16">
        <span>当前告警数：
         <i *ngIf="!alarmTotal && alarmTotal !=0" class="anticon anticon-spin anticon-loading"
            style="font-size: 15px;"></i>{{alarmTotal}}
        </span>
    </div>
    <div nz-col nzSpan="8" class="text-right">
        <button [nzLoading]="isDownload" (click)="downLoadExcel()" nz-button nzType="default"><i class="anticon anticon-download"></i>下载</button>
    </div>
</div>
<div class="tag-warn tag-form handle">
    <ng-container *ngFor="let item of warnCountList">
        <span [ngClass]="{'select-border': selectHostId == item.hostid}" (click)="search(item.hostid)">
            <nz-tag *ngIf="item.level == 4 || item.level == 5" class="tag-red" [nzColor]="color.red"></nz-tag>
            <nz-tag *ngIf="item.level == 2 || item.level == 3" class="tag-yellow" [nzColor]="color.yellow"></nz-tag>
            {{item.name}}({{item.size}})
  </span>
    </ng-container>

</div>

<smart-warn-list #warnList (total)="getTotal($event)"></smart-warn-list>

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