<div nz-row class="breadcrumbs">
    <div nz-col nzSpan="6">
        <nz-breadcrumb class="padding-8-0">
            <nz-breadcrumb-item>
                首页
            </nz-breadcrumb-item>
            <nz-breadcrumb-item>
                <a>环控</a>
            </nz-breadcrumb-item>
            <nz-breadcrumb-item>
                <a (click)="getwebList()">实时报警</a>
            </nz-breadcrumb-item>
        </nz-breadcrumb>
    </div>
</div>

<div nz-row class="search-form tag-form tag-warn">
    <div nz-col nzSpan="8" class="padding-5-0">
        <span>报警数：{{totalNum}}</span>
    </div>
</div>

<nz-table #nzTable [nzData]="dataSet" [nzLoading]="loading" [nzFrontPagination]="false" [nzShowPagination]="true"
          [nzTotal]="totalNum" [nzPageIndex]="pageNum" [nzPageSize]="pageCount"
          (nzPageIndexChange)="change($event)">
    <thead>
    <tr>
        <th>报警编号</th>
        <th>唯一ID编号</th>
        <th>监测点（传感器）编号</th>
        <th>设备名称</th>
        <th>报警等级</th>
        <th>设备地址及端口号</th>
        <th>监测点（传感器）名称</th>
        <th>值（单位）</th>
        <th>报警开始时间</th>
    </tr>
    </thead>
    <tbody>
    <ng-container *ngFor="let item of nzTable.data">
        <tr>
            <td class="cursor">
                <span>{{item.alarmid}}</span>
            </td>
            <td class="cursor main-color">
                <span>{{item.wyid}}</span>
            </td>
            <td class="round-tag tag-form">
                <span>{{item.lscid}}</span>
            </td>
            <td class="cursor main-color">
                <span>{{item.siteName}}</span>
            </td>
            <td class="default">
                <span *ngIf="item.Itemlevels === 1">紧急</span>
                <span *ngIf="item.Itemlevels === 2">重要</span>
                <span *ngIf="item.Itemlevels === 3">一般</span>
            </td>
            <td class="default">
                <span>{{item.ip}}</span>
            </td>
            <td class="default">
                <span>{{item.name}}</span>
            </td>
            <td class="default">
                <span>{{item.value}}{{item.dw}}</span>
            </td>
            <td class="default">
                <span>{{item.ts}}</span>
            </td>
        </tr>
    </ng-container>
    </tbody>
</nz-table>


