<div class="content__title">
|
<h1>
|
设备状态
|
<small>设备状态显示：正常，离线</small>
|
</h1>
|
</div>
|
<nz-card [nzBordered]="false">
|
<nz-spin [nzSpinning]="false">
|
<nz-row nzGutter="8">
|
<div nz-col nzXs="24" nzSm="12" nzMd="8" class="mb-md">
|
<div nz-row nzType="flex" nzAlign="middle" class="bg-primary rounded-md">
|
<div nz-col nzSpan="24" class="p-md text-white" style="height: 90px;text-align: center;">
|
<div style="height: 40px;" class="h2 mt0">
|
2598
|
</div>
|
<p class="text-nowrap mb0">设备总数</p>
|
</div>
|
</div>
|
</div>
|
<div nz-col nzXs="24" nzSm="12" nzMd="8" class="mb-md">
|
<div nz-row nzType="flex" nzAlign="middle" class="bg-success rounded-md">
|
<div nz-col nzSpan="24" class="p-md text-white" style="height: 90px;text-align: center;">
|
<div style="height: 40px;" class="h2 mt0">
|
2510
|
</div>
|
<p class="text-nowrap mb0">在线设备</p>
|
</div>
|
</div>
|
</div>
|
<div nz-col nzXs="24" nzSm="12" nzMd="8" class="mb-md">
|
<div nz-row nzType="flex" nzAlign="middle" class="bg-orange rounded-md">
|
<div nz-col nzSpan="24" class="p-md text-white" style="height: 90px;text-align: center;">
|
<div style="height: 40px;" class="h2 mt0">
|
88
|
</div>
|
<p class="text-nowrap mb0">离线设备</p>
|
</div>
|
</div>
|
</div>
|
</nz-row>
|
</nz-spin>
|
</nz-card>
|
<nz-card [nzBordered]="false">
|
<div nz-row class="mb-sm">
|
<div nz-col [nzSpan]="4">
|
<button nz-button (click)="addOrModify($event)" [nzType]="'primary'" [nzSize]="'large'">
|
<i class="anticon anticon-plus"></i>
|
<span>新建</span>
|
</button>
|
<ng-container *ngIf="selectedRows.length > 0">
|
<button nz-button [nzSize]="'large'" (click)="deleteSelected()">批量删除</button>
|
</ng-container>
|
</div>
|
<div nz-col [nzSpan]="7">
|
<span style="padding: 5px 10px;">
|
组织:
|
</span>
|
<nz-select style="width: 79%;" [(ngModel)]="queryMap.orgId" (ngModelChange)="setOrgId($event)" [nzPlaceHolder]="'选择 组织(输入名称搜索)'"
|
nzAllowClear [nzFilter]="false" nzShowSearch (nzSearchChange)="orgSelectChange($event)" [nzNotFoundContent]="'无法找到'">
|
<nz-option *ngFor="let option of orgOptions" [nzLabel]="option.name" [nzValue]="option.id" [nzDisabled]="option.disabled">
|
</nz-option>
|
</nz-select>
|
</div>
|
<div nz-col [nzSpan]="7">
|
<span style="padding: 5px 10px;">
|
监控站:
|
</span>
|
<nz-select style="width: 75%;" [(ngModel)]="queryMap.mpointId" (ngModelChange)="setMpointId($event)" [nzPlaceHolder]="'选择 监控站名称(输入名称搜索)'"
|
nzAllowClear [nzFilter]="false" nzShowSearch (nzSearchChange)="monitorPointChange($event)" [nzNotFoundContent]="'无法找到'">
|
<nz-option *ngFor="let option of monitorPoints" [nzLabel]="option.name" [nzValue]="option.id" [nzDisabled]="option.disabled">
|
</nz-option>
|
</nz-select>
|
</div>
|
<div nz-col [nzSpan]="6">
|
<nz-input [ngStyle]="{'width': '240px','float':'right'}" [(ngModel)]="queryText" name="" [nzPlaceHolder]="'请输入设备名称或设备mac'"
|
(keyup)="queryTextChanged($event)" (change)="queryTextChanged($event)"></nz-input>
|
</div>
|
</div>
|
<div class="mb-md">
|
<nz-alert *ngIf="selectedRows.length > 0" [nzType]="'info'" [nzShowIcon]="true">
|
<span alert-body>
|
已选择
|
<strong class="text-primary">{{selectedRows.length}}</strong>项
|
</span>
|
</nz-alert>
|
</div>
|
<simple-table #simpleTable [data]="listUrl" [extraParams]="extraParams" [columns]="columns" [showTotal]="true" [reqReName]="{pi: 'pageIndex',ps: 'pageSize'}"
|
(checkboxChange)="checkboxChange($event)" [ps]="10" [resReName]="{list: 'data',total: 'total'}">
|
<ng-template st-row="state-badge" let-item let-index="index">
|
<ng-container [ngSwitch]="item.state">
|
<span *ngSwitchCase="'0'">
|
<nz-badge [nzStatus]="'success'" [nzText]="'正常'"></nz-badge>
|
</span>
|
<span *ngSwitchCase="'1'">
|
<nz-badge [nzStatus]="'processing'" [nzText]="'轻度'"></nz-badge>
|
</span>
|
<span *ngSwitchCase="'2'">
|
<nz-badge [nzStatus]="'warning'" [nzText]="'中度'"></nz-badge>
|
</span>
|
<span *ngSwitchCase="'3'">
|
<nz-badge [nzStatus]="'error'" [nzText]="'严重'"></nz-badge>
|
</span>
|
<span *ngSwitchDefault>
|
<nz-badge [nzStatus]="'default'" [nzText]="'离线'"></nz-badge>
|
</span>
|
</ng-container>
|
</ng-template>
|
</simple-table>
|
</nz-card>
|
