Skip to content

S
smart
Commit a9ed6126 authored by wangqinghua's avatar wangqinghua
Browse files
Options

workService

parent 32ca1371
Hide whitespace changes
Inline Side-by-side
Showing with 215 additions and 170 deletions
src/main/webapp/app/analysis/operation-work/analysis-deal/analysis-deal.component.html
View file @ a9ed6126
......@@ -2,49 +2,28 @@
<nz-spin [nzSpinning]="isLoading">
<div echarts [options]="chartOption" style="height: 400px;width: 100%"></div>
</nz-spin>
<nz-tabset [nzTabPosition]="'top'" [nzType]="'card'">
<nz-tab nzTitle="接收流量排行">
<nz-table #nzTable [nzData]="inList" [nzLoading]="inLoading" [nzFrontPagination]="false" [nzTotal]="inTotalNum" [nzPageIndex]="inPageNum" [nzPageSize]="inPageCount" (nzPageIndexChange)="inChnagePage($event)">
<thead>
<tr>
<th nzWidth="20%">监测点名称</th>
<th>最大值</th>
<th>最小值</th>
<th>平均值</th>
</tr>
</thead>
<tbody>
<ng-container *ngFor="let item of inList">
<tr (click)="getEcharts(item.itemid)">
<td>{{item.itemName}}</td>
<td>{{item.max | toUtil}}</td>
<td>{{item.min | toUtil}}</td>
<td>{{item.avg | toUtil}}</td>
</tr>
</ng-container>
</tbody>
</nz-table>
</nz-tab>
<nz-tab nzTitle="发送流量排行">
<nz-table #nzTable [nzData]="outList" [nzLoading]="outLoading" [nzFrontPagination]="false" [nzTotal]="outTotalNum" [nzPageIndex]="outPageNum" [nzPageSize]="outPageCount" (nzPageIndexChange)="outChnagePage($event)">
<thead>
<tr>
<th nzWidth="20%">监测点名称</th>
<th>最大值</th>
<th>最小值</th>
<th>平均值</th>
</tr>
</thead>
<tbody>
<ng-container *ngFor="let data of outList">
<tr class="cursor" (click)="getEcharts(data.itemid)">
<td>{{data.itemName}}</td>
<td>{{data.max | toUtil}}</td>
<td>{{data.min | toUtil}}</td>
<td>{{data.avg | toUtil}}</td>
</tr>
</ng-container>
</tbody>
</nz-table>
</nz-tab>
</nz-tabset>
<nz-table #nzTable [nzData]="dealList">
<thead>
<tr>
<th nzWidth="20%">处理人</th>
<th>事件数量</th>
<th>解决状态</th>
<th>处理人情况</th>
</tr>
</thead>
<tbody>
<ng-container *ngFor="let data of dealList">
<tr>
<td>{{data.typeName}}</td>
<td>{{data.num}}</td>
<td>未解决 {{data.unsolved}} 部分解决 {{data.solveLittle}} 解决 {{data.solved}}</td>
<td>
<ng-container *ngFor="let item of data.eventTypes">
<span>{{item.typeName}} {{item.num}}</span>
</ng-container>
</td>
</tr>
</ng-container>
</tbody>
</nz-table>
\ No newline at end of file
src/main/webapp/app/analysis/operation-work/analysis-deal/analysis-deal.component.ts
View file @ a9ed6126
......@@ -14,6 +14,8 @@ export class AnalysisDealComponent implements OnInit {
startTime;
endTime;
timeType;
dealList;
chartOption;
obj = {
startTime: '',
......@@ -35,11 +37,34 @@ export class AnalysisDealComponent implements OnInit {
getEcharts() {
this.analysisSer.operateUser(this.obj).subscribe(
(res) => {
if(res.errCode == 10000){
this.dealList = res.data;
this.setEcharts();
}
}
);
}
setEcharts(){
this.chartOption = {
xAxis: {
type: 'category',
data: this.dealList.map(e=>{
return e.username;
})
},
yAxis: {
type: 'value'
},
series: [{
data: this.dealList.map(e=>{
return e.num;
}),
type: 'bar'
}]
};
}
//时间改变
changeType() {
const nowDate = new Date().getTime();
......
src/main/webapp/app/analysis/operation-work/analysis-event/analysis-event.component.html
View file @ a9ed6126
<!--事件分类统计-->
<nz-spin [nzSpinning]="isLoading">
<div echarts [options]="chartOption" style="height: 400px;width: 100%"></div>
<div echarts [options]="chartOption" style="height: 400px;width: 100%"></div>
</nz-spin>
<nz-tabset [nzTabPosition]="'top'" [nzType]="'card'">
<nz-tab nzTitle="接收流量排行">
<nz-table #nzTable [nzData]="inList" [nzLoading]="inLoading" [nzFrontPagination]="false" [nzTotal]="inTotalNum" [nzPageIndex]="inPageNum" [nzPageSize]="inPageCount" (nzPageIndexChange)="inChnagePage($event)">
<thead>
<tr>
<th nzWidth="20%">监测点名称</th>
<th>最大值</th>
<th>最小值</th>
<th>平均值</th>
</tr>
</thead>
<tbody>
<ng-container *ngFor="let item of inList">
<tr (click)="getEcharts(item.itemid)">
<td>{{item.itemName}}</td>
<td>{{item.max | toUtil}}</td>
<td>{{item.min | toUtil}}</td>
<td>{{item.avg | toUtil}}</td>
<nz-table #nzTable [nzData]="eventList">
<thead>
<tr>
<th nzWidth="20%">事件分类</th>
<th>事件数量</th>
<th>解决状态</th>
<th>处理人情况</th>
</tr>
</thead>
<tbody>
<ng-container *ngFor="let data of eventList">
<tr>
<td>{{data.typeName}}</td>
<td>{{data.num}}</td>
<td>未解决 {{data.unsolved}} 部分解决 {{data.solveLittle}} 解决 {{data.solved}}</td>
<td>
<ng-container *ngFor="let item of data.operates">
<span>{{item.username}} {{item.num}}</span>
</ng-container>
</td>
</tr>
</ng-container>
</tbody>
</nz-table>
</nz-tab>
<nz-tab nzTitle="发送流量排行">
<nz-table #nzTable [nzData]="outList" [nzLoading]="outLoading" [nzFrontPagination]="false" [nzTotal]="outTotalNum" [nzPageIndex]="outPageNum" [nzPageSize]="outPageCount" (nzPageIndexChange)="outChnagePage($event)">
<thead>
<tr>
<th nzWidth="20%">监测点名称</th>
<th>最大值</th>
<th>最小值</th>
<th>平均值</th>
</tr>
</thead>
<tbody>
<ng-container *ngFor="let data of outList">
<tr class="cursor" (click)="getEcharts(data.itemid)">
<td>{{data.itemName}}</td>
<td>{{data.max | toUtil}}</td>
<td>{{data.min | toUtil}}</td>
<td>{{data.avg | toUtil}}</td>
</tr>
</ng-container>
</tbody>
</nz-table>
</nz-tab>
</nz-tabset>
\ No newline at end of file
</ng-container>
</tbody>
</nz-table>
src/main/webapp/app/analysis/operation-work/analysis-event/analysis-event.component.ts
View file @ a9ed6126
......@@ -14,6 +14,8 @@ export class AnalysisEventComponent implements OnInit {
startTime;
endTime;
timeType;
chartOption;
eventList;
obj = {
startTime: '',
......@@ -35,11 +37,34 @@ export class AnalysisEventComponent implements OnInit {
getEcharts() {
this.analysisSer.eventByType(this.obj).subscribe(
(res) => {
if(res.errCode == 10000){
this.eventList = res.data;
this.setEcharts();
}
}
);
}
setEcharts(){
this.chartOption = {
xAxis: {
type: 'category',
data: this.eventList.map(e=>{
return e.typeName;
})
},
yAxis: {
type: 'value'
},
series: [{
data: this.eventList.map(e=>{
return e.num;
}),
type: 'bar'
}]
};
}
//时间改变
changeType() {
const nowDate = new Date().getTime();
......
src/main/webapp/app/analysis/operation-work/analysis-status/analysis-status.component.html
View file @ a9ed6126
<!--解决状态统计-->
<!--处理人统计-->
<nz-spin [nzSpinning]="isLoading">
<div echarts [options]="chartOption" style="height: 400px;width: 100%"></div>
</nz-spin>
<nz-tabset [nzTabPosition]="'top'" [nzType]="'card'">
<nz-tab nzTitle="接收流量排行">
<nz-table #nzTable [nzData]="inList" [nzLoading]="inLoading" [nzFrontPagination]="false" [nzTotal]="inTotalNum" [nzPageIndex]="inPageNum" [nzPageSize]="inPageCount" (nzPageIndexChange)="inChnagePage($event)">
<thead>
<tr>
<th nzWidth="20%">监测点名称</th>
<th>最大值</th>
<th>最小值</th>
<th>平均值</th>
</tr>
</thead>
<tbody>
<ng-container *ngFor="let item of inList">
<tr (click)="getEcharts(item.itemid)">
<td>{{item.itemName}}</td>
<td>{{item.max | toUtil}}</td>
<td>{{item.min | toUtil}}</td>
<td>{{item.avg | toUtil}}</td>
</tr>
</ng-container>
</tbody>
</nz-table>
</nz-tab>
<nz-tab nzTitle="发送流量排行">
<nz-table #nzTable [nzData]="outList" [nzLoading]="outLoading" [nzFrontPagination]="false" [nzTotal]="outTotalNum" [nzPageIndex]="outPageNum" [nzPageSize]="outPageCount" (nzPageIndexChange)="outChnagePage($event)">
<thead>
<tr>
<th nzWidth="20%">监测点名称</th>
<th>最大值</th>
<th>最小值</th>
<th>平均值</th>
</tr>
</thead>
<tbody>
<ng-container *ngFor="let data of outList">
<tr class="cursor" (click)="getEcharts(data.itemid)">
<td>{{data.itemName}}</td>
<td>{{data.max | toUtil}}</td>
<td>{{data.min | toUtil}}</td>
<td>{{data.avg | toUtil}}</td>
</tr>
</ng-container>
</tbody>
</nz-table>
</nz-tab>
</nz-tabset>
\ No newline at end of file
<nz-table #nzTable [nzData]="statusList">
<thead>
<tr>
<th nzWidth="20%">解决状态</th>
<th>事件数量</th>
<th>解决状态</th>
<th>事件分类</th>
</tr>
</thead>
<tbody>
<ng-container *ngFor="let data of statusList">
<tr>
<td>{{data.operateStatusName}}</td>
<td>{{data.num}}</td>
<td>
<ng-container *ngFor="let item of data.operates">
<span>{{item.username}} {{item.num}}</span>
</ng-container>
</td>
<td>
<ng-container *ngFor="let item of data.eventTypeS">
<span>{{item.typeName}} {{item.num}}</span>
</ng-container>
</td>
</tr>
</ng-container>
</tbody>
</nz-table>
\ No newline at end of file
src/main/webapp/app/analysis/operation-work/analysis-status/analysis-status.component.ts
View file @ a9ed6126
......@@ -14,6 +14,8 @@ export class AnalysisStatusComponent implements OnInit {
startTime;
endTime;
timeType;
chartOption;
statusList;
obj = {
startTime: '',
......@@ -35,11 +37,34 @@ export class AnalysisStatusComponent implements OnInit {
getEcharts() {
this.analysisSer.operateStatus(this.obj).subscribe(
(res) => {
if(res.errCode == 10000){
this.statusList = res.data;
this.setEcharts();
}
}
);
}
setEcharts(){
this.chartOption = {
xAxis: {
type: 'category',
data: this.statusList.map(e=>{
return e.operateStatusName;
})
},
yAxis: {
type: 'value'
},
series: [{
data: this.statusList.map(e=>{
return e.num;
}),
type: 'bar'
}]
};
}
//时间改变
changeType() {
const nowDate = new Date().getTime();
......
src/main/webapp/app/analysis/operation-work/operation-work.component.html
View file @ a9ed6126
......@@ -29,12 +29,12 @@
</div>
</div>
<!--解决状态-->
<ng-container *ngIf="type == '2'">
<ng-container *ngIf="type == '1'">
<smart-analysis-status></smart-analysis-status>
</ng-container>
<!--事件分类统计-->
<ng-container *ngIf="type == '1'">
<ng-container *ngIf="type == '2'">
<smart-analysis-event></smart-analysis-event>
</ng-container>
......
src/main/webapp/app/analysis/resource-alarm/resource-alarm.component.html
View file @ a9ed6126
......@@ -60,31 +60,31 @@
<div echarts [options]="chartOption" style="height: 400px;width: 100%"></div>
</nz-spin>
<h2>常见问题TOP10</h2>
<!--<nz-table #nzTable [nzData]="inList" [nzLoading]="inLoading" [nzFrontPagination]="false" [nzTotal]="inTotalNum"-->
<!--[nzPageIndex]="inPageNum" [nzPageSize]="inPageCount" (nzPageIndexChange)="inChnagePage($event)">-->
<!--<thead>-->
<!--<tr>-->
<!--<th nzWidth="20%">资源名称</th>-->
<!--<th>所在分组</th>-->
<!--<th>告警名称</th>-->
<!--<th>严重性</th>-->
<!--<th>时间段内发生次数</th>-->
<!--</tr>-->
<!--</thead>-->
<!--<tbody>-->
<!--<ng-container *ngFor="let item of inList">-->
<!--<tr (click)="getEcharts(item.itemid)">-->
<!--<td>{{item.itemName}}</td>-->
<!--<td>{{item.max | toUtil}}</td>-->
<!--<td>{{item.min | toUtil}}</td>-->
<!--<td>{{item.avg | toUtil}}</td>-->
<!--<td>{{item.avg | toUtil}}</td>-->
<!--</tr>-->
<!--</ng-container>-->
<!--</tbody>-->
<!--</nz-table>-->
<nz-table #nzTable [nzData]="inList" [nzLoading]="inLoading" [nzFrontPagination]="false" [nzTotal]="inTotalNum"
[nzPageIndex]="inPageNum" [nzPageSize]="inPageCount" (nzPageIndexChange)="inChnagePage($event)">
<thead>
<tr>
<th nzWidth="20%">资源名称</th>
<th>所在分组</th>
<th>告警名称</th>
<th>严重性</th>
<th>时间段内发生次数</th>
</tr>
</thead>
<tbody>
<ng-container *ngFor="let item of inList">
<tr (click)="getEcharts(item.itemid)">
<td>{{item.itemName}}</td>
<td>{{item.max | toUtil}}</td>
<td>{{item.min | toUtil}}</td>
<td>{{item.avg | toUtil}}</td>
<td>{{item.avg | toUtil}}</td>
</tr>
</ng-container>
</tbody>
</nz-table>
<h2>统计报告</h2>
<nz-table #nzTable [nzData]="outList" [nzLoading]="outLoading" [nzFrontPagination]="false" [nzTotal]="outTotalNum"
<nz-table #nzTable1 [nzData]="outList" [nzLoading]="outLoading" [nzFrontPagination]="false" [nzTotal]="outTotalNum"
[nzPageIndex]="outPageNum" [nzPageSize]="outPageCount" (nzPageIndexChange)="outChnagePage($event)">
<thead>
<tr>
......
src/main/webapp/app/analysis/resource-usabil/resource-usabil.component.html
View file @ a9ed6126
......@@ -60,3 +60,25 @@
<nz-spin [nzSpinning]="isLoading">
<div echarts [options]="chartOption" style="height: 400px;width: 100%"></div>
</nz-spin>
<nz-table #nzTable [nzData]="eventList" [nzLoading]="isLoading">
<thead>
<tr>
<th nzWidth="20%">资源名称</th>
<th>所在分组</th>
<th>告警名称</th>
<th>严重性</th>
<th>时间段内发生次数</th>
</tr>
</thead>
<tbody>
<ng-container *ngFor="let item of eventList">
<tr (click)="getEcharts(item.itemid)">
<td>{{item.itemName}}</td>
<td>{{item.max | toUtil}}</td>
<td>{{item.min | toUtil}}</td>
<td>{{item.avg | toUtil}}</td>
<td>{{item.avg | toUtil}}</td>
</tr>
</ng-container>
</tbody>
</nz-table>
\ No newline at end of file
src/main/webapp/app/analysis/resource-usabil/resource-usabil.component.ts
View file @ a9ed6126
......@@ -15,6 +15,9 @@ export class ResourceUsabilComponent implements OnInit {
endTime;
timeType;
chartOption;
eventList;
obj = {
type: '',
groupid: '',
......@@ -54,7 +57,9 @@ export class ResourceUsabilComponent implements OnInit {
this.obj.type = 'top';
this.analysisSer.findFailureRate(this.obj).subscribe(
(res) => {
if(res.errCode == 10000){
this.eventList = res.data;
}
}
);
}
......
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