Commit 5731132e authored by wangqinghua's avatar wangqinghua

workService

parent 6d2cfffe
...@@ -19,16 +19,16 @@ ...@@ -19,16 +19,16 @@
<button nz-button nzType="primary"><i class="anticon anticon-arrows-alt"></i></button> <button nz-button nzType="primary"><i class="anticon anticon-arrows-alt"></i></button>
</div> </div>
</div> </div>
<div nz-row [nzGutter]="4" class="search-form"> <div nz-row [nzGutter]="4" class="search-form" >
<div nz-col nzSpan="3"> <div nz-col nzSpan="3" >
<nz-select style="width: 100%;" nzPlaceHolder="所有分组" [(ngModel)]="obj.groupid"> <nz-select style="width: 100%;" nzPlaceHolder="所有分组" [(ngModel)]="obj.groupid">
<ng-container *ngFor="let item of groupList"> <ng-container *ngFor="let item of groupList">
<nz-option [nzLabel]="item.name" [nzValue]="item.groupid"></nz-option> <nz-option [nzLabel]="item.name" [nzValue]="item.groupid"></nz-option>
</ng-container> </ng-container>
</nz-select> </nz-select>
</div> </div>
<div nz-col nzSpan="3"> <div nz-col nzSpan="3" >
<nz-select style="width: 100%;" nzPlaceHolder="所有告警" [(ngModel)]="obj.priority"> <nz-select style="width: 100%;" nzPlaceHolder="所有告警" [(ngModel)]="obj.priorityName">
<nz-option nzLabel="告警" nzValue="告警"></nz-option> <nz-option nzLabel="告警" nzValue="告警"></nz-option>
<nz-option nzLabel="严重" nzValue="严重"></nz-option> <nz-option nzLabel="严重" nzValue="严重"></nz-option>
</nz-select> </nz-select>
...@@ -57,18 +57,18 @@ ...@@ -57,18 +57,18 @@
</div> </div>
</div> </div>
<div nz-row nzGutter="4"> <div nz-row nzGutter="4">
<div nz-col nzSpan="12"> <div nz-col nzSpan="12" style="height: 400px">
<nz-spin [nzSpinning]="isLoading"> <nz-spin [nzSpinning]="isLoading">
<div echarts [options]="chartTopOption" style="height: 400px;width: 100%"></div> <div echarts [options]="chartTopOption" style="height: 400px;width: 100%"></div>
</nz-spin> </nz-spin>
</div> </div>
<div nz-col nzSpan="12"> <div nz-col nzSpan="12" style="height: 400px">
<nz-spin [nzSpinning]="isLoading"> <nz-spin [nzSpinning]="isLoading">
<div echarts [options]="charTrendOption" style="height: 400px;width: 100%"></div> <div echarts [options]="charTrendOption" style="height: 400px;width: 100%"></div>
</nz-spin> </nz-spin>
</div> </div>
</div> </div>
<h2>常见问题TOP10</h2> <h3 style="margin-top: 20px">常见问题TOP10</h3>
<nz-table #nzTable [nzData]="commonList"> <nz-table #nzTable [nzData]="commonList">
<thead> <thead>
<tr> <tr>
...@@ -91,8 +91,8 @@ ...@@ -91,8 +91,8 @@
</ng-container> </ng-container>
</tbody> </tbody>
</nz-table> </nz-table>
<h2>统计报告</h2> <h3 style="margin-top: 20px">统计报告</h3>
<nz-table #nzTable1 [nzData]="reportList"> <nz-table #nzTable1 [nzData]="reportList" [nzFrontPagination]="false" [nzTotal]="totalNum" [nzPageIndex]="pageNum" [nzPageSize]="pageCount" (nzPageIndexChange)="change($event)" [nzLoading]="loading">
<thead> <thead>
<tr> <tr>
<th nzWidth="20%">时间</th> <th nzWidth="20%">时间</th>
......
...@@ -12,7 +12,7 @@ import {OverAllService} from '../../overAll/overAll.service'; ...@@ -12,7 +12,7 @@ import {OverAllService} from '../../overAll/overAll.service';
}) })
export class ResourceAlarmComponent implements OnInit { export class ResourceAlarmComponent implements OnInit {
timeType; timeType = '1';
startTime; startTime;
endTime; endTime;
groupList; groupList;
...@@ -21,7 +21,7 @@ export class ResourceAlarmComponent implements OnInit { ...@@ -21,7 +21,7 @@ export class ResourceAlarmComponent implements OnInit {
isLoading = false; isLoading = false;
obj = { obj = {
priority: null, priorityName: null,
groupid: null, groupid: null,
startTime: '', startTime: '',
endTime: '', endTime: '',
...@@ -32,8 +32,10 @@ export class ResourceAlarmComponent implements OnInit { ...@@ -32,8 +32,10 @@ export class ResourceAlarmComponent implements OnInit {
commonList; commonList;
reportList; reportList;
//统计报告分页
pageCount = pageSize; pageCount = pageSize;
pageNum = 1; pageNum = 1;
totalNum;
warnList = []; warnList = [];
...@@ -68,12 +70,11 @@ export class ResourceAlarmComponent implements OnInit { ...@@ -68,12 +70,11 @@ export class ResourceAlarmComponent implements OnInit {
//告警总数TOP10 //告警总数TOP10
getAlarmTopEchart() { getAlarmTopEchart() {
console.log(this.obj);
const data = { const data = {
groupid: this.obj.groupid, groupid: this.obj.groupid,
startTime: this.obj.startTime, startTime: this.obj.startTime,
endTime: this.obj.endTime, endTime: this.obj.endTime,
priority: this.obj.priority, priorityName: this.obj.priorityName,
}; };
this.analysisSer.waringCountTop(data).subscribe( this.analysisSer.waringCountTop(data).subscribe(
(res) => { (res) => {
...@@ -110,7 +111,7 @@ export class ResourceAlarmComponent implements OnInit { ...@@ -110,7 +111,7 @@ export class ResourceAlarmComponent implements OnInit {
groupid: this.obj.groupid, groupid: this.obj.groupid,
startTime: this.obj.startTime, startTime: this.obj.startTime,
endTime: this.obj.endTime, endTime: this.obj.endTime,
priority: this.obj.priority, priorityName: this.obj.priorityName,
}; };
this.analysisSer.waringTrend(data).subscribe( this.analysisSer.waringTrend(data).subscribe(
(res) => { (res) => {
...@@ -179,7 +180,7 @@ export class ResourceAlarmComponent implements OnInit { ...@@ -179,7 +180,7 @@ export class ResourceAlarmComponent implements OnInit {
groupid: this.obj.groupid, groupid: this.obj.groupid,
startTime: this.obj.startTime, startTime: this.obj.startTime,
endTime: this.obj.endTime, endTime: this.obj.endTime,
priorityName: this.obj.priority, priorityName: this.obj.priorityName,
}; };
this.analysisSer.commonProblemTop(data).subscribe( this.analysisSer.commonProblemTop(data).subscribe(
(res) => { (res) => {
...@@ -196,12 +197,13 @@ export class ResourceAlarmComponent implements OnInit { ...@@ -196,12 +197,13 @@ export class ResourceAlarmComponent implements OnInit {
obj: { obj: {
startTime: this.obj.startTime, startTime: this.obj.startTime,
endTime: this.obj.endTime, endTime: this.obj.endTime,
priorityName: this.obj.priority, priorityName: this.obj.priorityName,
} }
}; };
this.analysisSer.statisticalReport(data).subscribe( this.analysisSer.statisticalReport(data).subscribe(
(res) => { (res) => {
this.reportList = res.data.data; this.reportList = res.data.data;
this.totalNum = res.data.totalNum;
} }
); );
} }
......
...@@ -41,10 +41,10 @@ ...@@ -41,10 +41,10 @@
<div> <div>
<button (click)="showAddModal('添加事件分类',0)" nz-button nzType="default">添加</button> <button (click)="showAddModal('添加事件分类',0)" nz-button nzType="default">添加</button>
</div> </div>
<div *ngFor="let item of eventList;"> <div class="handle" *ngFor="let item of eventList;">
<span>{{item.name}}</span> <span>{{item.name}}</span>
<span (click)="showEditModal('编辑事件分类',1,item)">编辑</span> <span class="main-font-color" (click)="showEditModal('编辑事件分类',1,item)">编辑</span>
<span (click)="deleteItem(item)">删除</span> <span class="main-font-color" (click)="deleteItem(item)">删除</span>
</div> </div>
</div> </div>
</div> </div>
...@@ -58,10 +58,10 @@ ...@@ -58,10 +58,10 @@
<div> <div>
<button (click)="showAddModal('添加计划分类',1)" nz-button nzType="default">添加</button> <button (click)="showAddModal('添加计划分类',1)" nz-button nzType="default">添加</button>
</div> </div>
<div *ngFor="let item of planList;"> <div class="handle" *ngFor="let item of planList;">
<span>{{item.name}}</span> <span>{{item.name}}</span>
<span (click)="showEditModal('编辑计划分类',1,item)">编辑</span> <span class="main-font-color" (click)="showEditModal('编辑计划分类',1,item)">编辑</span>
<span (click)="deleteItem(item)">删除</span> <span class="main-font-color" (click)="deleteItem(item)">删除</span>
</div> </div>
</div> </div>
</div> </div>
......
...@@ -9,7 +9,8 @@ import {CommonService} from '../../shared/common/common.service'; ...@@ -9,7 +9,8 @@ import {CommonService} from '../../shared/common/common.service';
templateUrl: './pararms.component.html', templateUrl: './pararms.component.html',
styles: [ styles: [
` `
:host ::ng-deep .content-params .ant-row{ :host ::ng-deep .content-params .ant-row,
.handle{
margin: 10px 0; margin: 10px 0;
} }
` `
......
...@@ -100,6 +100,6 @@ ...@@ -100,6 +100,6 @@
margin-left: 8px; margin-left: 8px;
} }
.text-right{ .main-font-color{
color:#1890ff;
} }
\ No newline at end of file
...@@ -3,7 +3,7 @@ Bootstrap tweaks ...@@ -3,7 +3,7 @@ Bootstrap tweaks
===============================================================*/ ===============================================================*/
@import "documentation.css"; @import "documentation.css";
body, h1, h2, h3, h4 { body, h1, h2, h3, h4 {
font-weight: 300; font-weight: 400;
} }
body { body {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment