equipment-real-time.component.html

<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>实时数据(IP)</a>
            </nz-breadcrumb-item>
        </nz-breadcrumb>
    </div>
    <div nz-col nzSpan="4"></div>
    <div nz-col nzSpan="6" class="text-right"></div>
    <div nz-col nzSpan="2" class="text-right"></div>
    <div nz-col nzSpan="6" class="search-input text-right">
        <nz-select  style="width: 200px;" nzPlaceHolder="请选择IP" nzAllowClear nzShowSearch [(ngModel)]="ip">
            <ng-container *ngFor="let item of ipList">
                <nz-option [nzLabel]="item.ip" [nzValue]="item.ip"></nz-option>
            </ng-container>
        </nz-select>
        <button (click)="getwebList()" nz-button nzType="default"><i class="anticon anticon-search" style="color: #6097b7"></i>搜索
        </button>
    </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>唯一ID编号</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 main-color">
                <span>{{item.wyid}}</span>
            </td>
            <td class="cursor main-color">
                <span *ngIf="item.ip">{{item.ip}}</span>
                <span *ngIf="!item.ip">-</span>
            </td>
            <td class="round-tag tag-form">
                <span>{{item.subName}}</span>
            </td>
            <td class="cursor">
               <span>{{item.value}}{{item.dw}}</span>
            </td>
            <td class="default">
                <span>{{item.subid}}</span>
            </td>
            <td class="default">
                <span>{{item.time}}</span>
            </td>
        </tr>
    </ng-container>
    </tbody>
</nz-table>