|
|
@ -2,13 +2,13 @@ |
|
|
|
|
|
|
|
|
|
|
|
<div class="informbox"> |
|
|
|
<div class="informbox"> |
|
|
|
<div class="warningnumber"> |
|
|
|
<div class="warningnumber"> |
|
|
|
<img src="../../../assets/images/warningnum.png" alt=""> |
|
|
|
<img src="assets/images/warningnum.png" alt=""> |
|
|
|
<span class="num">{{totalCount}}</span> |
|
|
|
<span class="num">{{totalCount}}</span> |
|
|
|
<span class="today" (click)="getUnreadNotification()">今日预警</span> |
|
|
|
<span class="today" (click)="getUnreadNotification()">今日预警</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="inform"> |
|
|
|
<div class="inform"> |
|
|
|
<div class="infologo"> |
|
|
|
<div class="infologo"> |
|
|
|
<img src="../../../assets/images/inform.png" alt=""> |
|
|
|
<img src="assets/images/inform.png" alt=""> |
|
|
|
通知 |
|
|
|
通知 |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<!-- 循环轮播信息 --> |
|
|
|
<!-- 循环轮播信息 --> |
|
|
@ -17,7 +17,7 @@ |
|
|
|
<ul class="notice-list" id="notice-list"> |
|
|
|
<ul class="notice-list" id="notice-list"> |
|
|
|
<li class="info" *ngFor="let item of unreadMessageList;let key = index"> |
|
|
|
<li class="info" *ngFor="let item of unreadMessageList;let key = index"> |
|
|
|
<div class="infoitem"> |
|
|
|
<div class="infoitem"> |
|
|
|
<img src="../../../assets/images/warning1.png" alt=""> |
|
|
|
<img src="assets/images/warning1.png" alt=""> |
|
|
|
您有一条新的预警信息!{{item.notification.data.violationName}} |
|
|
|
您有一条新的预警信息!{{item.notification.data.violationName}} |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="btn"> |
|
|
|
<div class="btn"> |
|
|
@ -44,7 +44,7 @@ |
|
|
|
<nz-spin *ngIf="isSpin" nzSimple class="nzspin"></nz-spin> |
|
|
|
<nz-spin *ngIf="isSpin" nzSimple class="nzspin"></nz-spin> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="leftitem ranking"> |
|
|
|
<div class="leftitem ranking"> |
|
|
|
<span class="itemname">油站近30天事件排名</span> |
|
|
|
<span class="itemname">近30天事件排名</span> |
|
|
|
<div class="box eventbox"> |
|
|
|
<div class="box eventbox"> |
|
|
|
<div class="eventboxitem" *ngFor="let item of HomeAggregatioData.violationNameAgg;let key = index"> |
|
|
|
<div class="eventboxitem" *ngFor="let item of HomeAggregatioData.violationNameAgg;let key = index"> |
|
|
|
<div class="eventname" [title]="item.eventSystemName"> |
|
|
|
<div class="eventname" [title]="item.eventSystemName"> |
|
|
@ -106,21 +106,21 @@ |
|
|
|
|
|
|
|
|
|
|
|
<div class="rightitem"> |
|
|
|
<div class="rightitem"> |
|
|
|
<div class="numlistbox"> |
|
|
|
<div class="numlistbox"> |
|
|
|
<img src="../../../assets/images/stationNum.png" alt=""> |
|
|
|
<img src="assets/images/stationNum.png" alt=""> |
|
|
|
<div class="content"> |
|
|
|
<div class="content"> |
|
|
|
<span class="lightspan lightspan1">{{HomeAggregatioData.dev.stationCount}}</span> |
|
|
|
<span class="lightspan lightspan1">{{HomeAggregatioData.dev.stationCount}}</span> |
|
|
|
<span>接入油站(个)</span> |
|
|
|
<span>接入油站(个)</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="numlistbox"> |
|
|
|
<div class="numlistbox"> |
|
|
|
<img src="../../../assets/images/modelNum.png" alt=""> |
|
|
|
<img src="assets/images/modelNum.png" alt=""> |
|
|
|
<div class="content"> |
|
|
|
<div class="content"> |
|
|
|
<span class="lightspan lightspan2">{{HomeAggregatioData.dev.violationCount}}</span> |
|
|
|
<span class="lightspan lightspan2">{{HomeAggregatioData.dev.violationCount}}</span> |
|
|
|
<span>预警分析模型(个)</span> |
|
|
|
<span>预警分析模型(个)</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="numlistbox"> |
|
|
|
<div class="numlistbox"> |
|
|
|
<img src="../../../assets/images/cameraNum.png" alt=""> |
|
|
|
<img src="assets/images/cameraNum.png" alt=""> |
|
|
|
<div class="content"> |
|
|
|
<div class="content"> |
|
|
|
<span class="lightspan lightspan3">{{HomeAggregatioData.dev.cameraCount}}</span> |
|
|
|
<span class="lightspan lightspan3">{{HomeAggregatioData.dev.cameraCount}}</span> |
|
|
|
<span>摄像头(个)</span> |
|
|
|
<span>摄像头(个)</span> |
|
|
@ -134,15 +134,14 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="content_box"> |
|
|
|
<div class="content_box"> |
|
|
|
<div class="leftitem leftitemlimit"> |
|
|
|
<div class="leftitem leftitemlimit"> |
|
|
|
<div class="eventechartpieAll" id="eventechartpieAll_YK"> |
|
|
|
<div class="eventechartpieAll" id="eventechartpieAll"> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<nz-spin *ngIf="isSpin_YK" nzSimple class="nzspin"></nz-spin> |
|
|
|
<nz-spin *ngIf="isSpin" nzSimple class="nzspin"></nz-spin> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="leftitem ranking"> |
|
|
|
<div class="leftitem ranking"> |
|
|
|
<span class="itemname">油库近30天事件排名</span> |
|
|
|
<span class="itemname">近30天事件排名</span> |
|
|
|
<div class="box eventbox"> |
|
|
|
<div class="box eventbox"> |
|
|
|
<div class="eventboxitem" |
|
|
|
<div class="eventboxitem" *ngFor="let item of HomeAggregatioData.violationNameAgg;let key = index"> |
|
|
|
*ngFor="let item of HomeAggregatioData_YK.violationNameAgg;let key = index"> |
|
|
|
|
|
|
|
<div class="eventname" [title]="item.eventSystemName"> |
|
|
|
<div class="eventname" [title]="item.eventSystemName"> |
|
|
|
<div class="block" [ngClass]="{'yellow': key < 3,'blue': key > 2}"> |
|
|
|
<div class="block" [ngClass]="{'yellow': key < 3,'blue': key > 2}"> |
|
|
|
<ng-container *ngIf="key != 9; else elseTemplate"> |
|
|
|
<ng-container *ngIf="key != 9; else elseTemplate"> |
|
|
@ -157,7 +156,7 @@ |
|
|
|
<div class="progressbox"> |
|
|
|
<div class="progressbox"> |
|
|
|
<div class="progress"> |
|
|
|
<div class="progress"> |
|
|
|
<div class="colorbar" |
|
|
|
<div class="colorbar" |
|
|
|
[ngStyle]="width(item.count,HomeAggregatioData_YK.violationNameAgg[0].count)" |
|
|
|
[ngStyle]="width(item.count,HomeAggregatioData.violationNameAgg[0].count)" |
|
|
|
[ngClass]="{'yellow': key < 3,'blue': key > 2}"> |
|
|
|
[ngClass]="{'yellow': key < 3,'blue': key > 2}"> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
@ -168,12 +167,12 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<nz-spin *ngIf="isSpin_YK" nzSimple class="nzspin"></nz-spin> |
|
|
|
<nz-spin *ngIf="isSpin" nzSimple class="nzspin"></nz-spin> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="leftitem ranking" style="margin-left: 50px;"> |
|
|
|
<div class="leftitem ranking" style="margin-left: 50px;"> |
|
|
|
<span class="itemname">近30天油库排名</span> |
|
|
|
<span class="itemname">近30天油站排名</span> |
|
|
|
<div class="box eventbox"> |
|
|
|
<div class="box eventbox"> |
|
|
|
<div class="eventboxitem" *ngFor="let item of HomeAggregatioData_YK.stationAgg;let key = index"> |
|
|
|
<div class="eventboxitem" *ngFor="let item of HomeAggregatioData.stationAgg;let key = index"> |
|
|
|
<div class="eventname" [title]="item.companyName + item.stationName"> |
|
|
|
<div class="eventname" [title]="item.companyName + item.stationName"> |
|
|
|
<div class="block" [ngClass]="{'yellow': key < 3,'blue': key > 2}"> |
|
|
|
<div class="block" [ngClass]="{'yellow': key < 3,'blue': key > 2}"> |
|
|
|
<ng-container *ngIf="key != 9; else elseTemplate"> |
|
|
|
<ng-container *ngIf="key != 9; else elseTemplate"> |
|
|
@ -188,7 +187,7 @@ |
|
|
|
<div class="progressbox"> |
|
|
|
<div class="progressbox"> |
|
|
|
<div class="progress"> |
|
|
|
<div class="progress"> |
|
|
|
<div class="colorbar" |
|
|
|
<div class="colorbar" |
|
|
|
[ngStyle]="width(item.count,HomeAggregatioData_YK.stationAgg[0].count)" |
|
|
|
[ngStyle]="width(item.count,HomeAggregatioData.stationAgg[0].count)" |
|
|
|
[ngClass]="{'yellow': key < 3,'blue': key > 2}"> |
|
|
|
[ngClass]="{'yellow': key < 3,'blue': key > 2}"> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
@ -199,28 +198,28 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<nz-spin *ngIf="isSpin_YK" nzSimple class="nzspin"></nz-spin> |
|
|
|
<nz-spin *ngIf="isSpin" nzSimple class="nzspin"></nz-spin> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<div class="rightitem"> |
|
|
|
<div class="rightitem"> |
|
|
|
<div class="numlistbox"> |
|
|
|
<div class="numlistbox"> |
|
|
|
<img src="../../../assets/images/stationNum.png" alt=""> |
|
|
|
<img src="assets/images/stationNum.png" alt=""> |
|
|
|
<div class="content"> |
|
|
|
<div class="content"> |
|
|
|
<span class="lightspan lightspan1">{{HomeAggregatioData_YK.dev.stationCount}}</span> |
|
|
|
<span class="lightspan lightspan1">{{HomeAggregatioData.dev.stationCount}}</span> |
|
|
|
<span>接入油库(个)</span> |
|
|
|
<span>接入油站(个)</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="numlistbox"> |
|
|
|
<div class="numlistbox"> |
|
|
|
<img src="../../../assets/images/modelNum.png" alt=""> |
|
|
|
<img src="assets/images/modelNum.png" alt=""> |
|
|
|
<div class="content"> |
|
|
|
<div class="content"> |
|
|
|
<span class="lightspan lightspan2">{{HomeAggregatioData_YK.dev.violationCount}}</span> |
|
|
|
<span class="lightspan lightspan2">{{HomeAggregatioData.dev.violationCount}}</span> |
|
|
|
<span>预警分析模型(个)</span> |
|
|
|
<span>预警分析模型(个)</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="numlistbox"> |
|
|
|
<div class="numlistbox"> |
|
|
|
<img src="../../../assets/images/cameraNum.png" alt=""> |
|
|
|
<img src="assets/images/cameraNum.png" alt=""> |
|
|
|
<div class="content"> |
|
|
|
<div class="content"> |
|
|
|
<span class="lightspan lightspan3">{{HomeAggregatioData_YK.dev.cameraCount}}</span> |
|
|
|
<span class="lightspan lightspan3">{{HomeAggregatioData.dev.cameraCount}}</span> |
|
|
|
<span>摄像头(个)</span> |
|
|
|
<span>摄像头(个)</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
@ -253,13 +252,13 @@ |
|
|
|
<div class="bottomitemcontent bottomitemcontent2"> |
|
|
|
<div class="bottomitemcontent bottomitemcontent2"> |
|
|
|
<div class="bottomitemchartboxspecial"> |
|
|
|
<div class="bottomitemchartboxspecial"> |
|
|
|
<span class="bartitle">油库近30天预警事件统计</span> |
|
|
|
<span class="bartitle">油库近30天预警事件统计</span> |
|
|
|
<div class="eventechartpie" id="eventechartpie_YK"></div> |
|
|
|
<div class="eventechartpie" id="eventechartpie"></div> |
|
|
|
<div class="eventechartline" id="eventechartline_YK"></div> |
|
|
|
<div class="eventechartline" id="eventechartline"></div> |
|
|
|
<div class="angle-border left-top-border"></div> |
|
|
|
<div class="angle-border left-top-border"></div> |
|
|
|
<div class="angle-border right-top-border"></div> |
|
|
|
<div class="angle-border right-top-border"></div> |
|
|
|
<div class="angle-border left-bottom-border"></div> |
|
|
|
<div class="angle-border left-bottom-border"></div> |
|
|
|
<div class="angle-border right-bottom-border"></div> |
|
|
|
<div class="angle-border right-bottom-border"></div> |
|
|
|
<nz-spin *ngIf="isSpinOfEventWarning_YK" nzSimple class="nzspin"></nz-spin> |
|
|
|
<nz-spin *ngIf="isSpinOfEventWarning" nzSimple class="nzspin"></nz-spin> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
@ -298,27 +297,27 @@ |
|
|
|
<div class="bottomitemcontent bottomitemcontent4"> |
|
|
|
<div class="bottomitemcontent bottomitemcontent4"> |
|
|
|
<div class="bottomitemchartboxspecial"> |
|
|
|
<div class="bottomitemchartboxspecial"> |
|
|
|
<span class="bartitle">油库近30天发油预警走势</span> |
|
|
|
<span class="bartitle">油库近30天发油预警走势</span> |
|
|
|
<div class="eventechartpie" id="oilechartpie_YK"></div> |
|
|
|
<div class="eventechartpie" id="oilechartpie"></div> |
|
|
|
<div style="height: 80%;" class="eventechartline" id="oilechartline_YK"></div> |
|
|
|
<div style="height: 80%;" class="eventechartline" id="oilechartline"></div> |
|
|
|
<div class="angle-border left-top-border"></div> |
|
|
|
<div class="angle-border left-top-border"></div> |
|
|
|
<div class="angle-border right-top-border"></div> |
|
|
|
<div class="angle-border right-top-border"></div> |
|
|
|
<div class="angle-border left-bottom-border"></div> |
|
|
|
<div class="angle-border left-bottom-border"></div> |
|
|
|
<div class="angle-border right-bottom-border"></div> |
|
|
|
<div class="angle-border right-bottom-border"></div> |
|
|
|
<nz-spin *ngIf="isSpinOfOilDischarge_YK" nzSimple class="nzspin"></nz-spin> |
|
|
|
<nz-spin *ngIf="isSpinOfOilDischarge" nzSimple class="nzspin"></nz-spin> |
|
|
|
<div class="oilNum"> |
|
|
|
<div class="oilNum"> |
|
|
|
<div class="oilNumItem"> |
|
|
|
<div class="oilNumItem"> |
|
|
|
<div class="pointbox"> |
|
|
|
<div class="pointbox"> |
|
|
|
<div class="point"></div> |
|
|
|
<div class="point"></div> |
|
|
|
<span>累计发油总车次</span> |
|
|
|
<span>累计发油总车次</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
{{HomeAggregatioData_YK.ouViolationType.ouTotalCount}} |
|
|
|
{{HomeAggregatioData.ouViolationType.ouTotalCount}} |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="oilNumItem"> |
|
|
|
<div class="oilNumItem"> |
|
|
|
<div class="pointbox"> |
|
|
|
<div class="pointbox"> |
|
|
|
<div class="point"></div> |
|
|
|
<div class="point"></div> |
|
|
|
<span>累计发油预警车次</span> |
|
|
|
<span>累计发油预警车次</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
{{HomeAggregatioData_YK.ouViolationType.ouNotCorrectCount}} |
|
|
|
{{HomeAggregatioData.ouViolationType.ouNotCorrectCount}} |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|