Newer
Older
<!--资源可用性统计-->
<div nz-row class="breadcrumbs">
<div nz-col nzSpan="16">
<nz-breadcrumb class="padding-8-0">
<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>
<div #leftDiv class="leftDiv-container">
<div nz-row>
<div nz-col nzSpan="12">
<div echarts [options]="leftOneChart" style="height: 250px;width: 100%"></div>
<div class="flex-center">
<div class="flex-item round-tag tag-form">
<span class="margin-0-10">严重 {{leftOneData.serious}}个,{{leftOneDataPre.seriousPer}}%</span>
<span class="margin-0-10">告警 {{leftOneData.waring}}个,{{leftOneDataPre.warningPer}}% </span>
<span class="margin-0-10">正常 {{leftOneData.normal}}个,{{leftOneDataPre.normalPer}}% </span>
</p>
<p>
<span class="margin-0-10">禁止 {{leftOneData.disable}}个,{{leftOneDataPre.disablePer}}%</span>
</div>
</div>
</div>
<div nz-col nzSpan="12">
<div echarts [options]="leftTwoChart" style="height: 250px;width: 100%"></div>
<div class="flex-center">
<span class="margin-0-10">严重 {{leftTwoData.serious}}个,{{leftTwoDataPre.seriousPer}}% </span>
<span class="margin-0-10">告警 {{leftTwoData.waring}}个,{{leftTwoDataPre.warningPer}}% </span>
<span class="margin-0-10">正常 {{leftTwoData.normal}}个,{{leftTwoDataPre.normalPer}}% </span>
</p>
<p>
<span class="margin-0-10">禁止 {{leftTwoData.disable}}个,{{leftTwoDataPre.disablePer}}%</span>
<div #rightDiv nz-col nzSpan="8" class="rightDiv" style="height: 500px;">
<div echarts [options]="rightTwoChart" style="height: 250px;width: 100%;margin-top: 50px"></div>
<div nz-row class="padding-15-0">
<div nz-col nzSpan="12">
</div>
<div nz-col nzSpan="12" class="text-right">
<nz-select style="width: 200px;" nzPlaceHolder="选择分组" [(ngModel)]="obj.alarmGroupId"
(ngModelChange)="getAlarmList()">
<ng-container *ngFor="let item of groupList">
<nz-option [nzLabel]="item.name" [nzValue]="item.groupid"></nz-option>
</ng-container>
</nz-select>
</div>
<nz-table #nzTable [nzData]="warnList" [nzFrontPagination]="false" [nzTotal]="totalNum" [nzPageIndex]="pageNum"
[nzPageSize]="pageCount" (nzPageIndexChange)="change($event)" [nzLoading]="loading">
<nz-tag class="tag-green" *ngIf="data.level == 0 " [nzColor]="'#58ca13'"></nz-tag>
<nz-tag class="tag-red" *ngIf="data.level == 2 " [nzColor]="'#fc0d1b'"></nz-tag>
<nz-tag class="tag-yellow" *ngIf="data.level == 1 " [nzColor]="'#fd9827'"></nz-tag>
<td>
<ng-container *ngIf="data.r_clock"><span class="color-green"><i class="anticon anticon-check-square-o"></i></span>
</ng-container>
<ng-container *ngIf="!data.r_clock"><span class="color-red"> <i class="anticon anticon-warning"></i></span>
</ng-container>
</td>