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