summaryrefslogtreecommitdiffstats
path: root/usecaseui-portal/src/app/views
diff options
context:
space:
mode:
authorcyuamber <xuranyjy@chinamobile.com>2019-12-09 16:58:55 +0800
committercyuamber <xuranyjy@chinamobile.com>2019-12-09 16:59:01 +0800
commit2ec3c8dbf2644f3e99e5494620b2811c5dccbac0 (patch)
tree8c6255918ab24591a7ac13ff1ec8644ff2e58105 /usecaseui-portal/src/app/views
parent817390e74ff1aefebc1d5ed5853d9d95ff283a99 (diff)
feat:add monitor echarts data of api function of monitor 5g page
Change-Id: If0f76e8dec5c580b2144ff2f334aea063433ac9f Issue-ID: USECASEUI-370 Signed-off-by: cyuamber <xuranyjy@chinamobile.com>
Diffstat (limited to 'usecaseui-portal/src/app/views')
-rw-r--r--usecaseui-portal/src/app/views/fcaps/monitor-5g/monitor-5g.component.ts35
1 files changed, 34 insertions, 1 deletions
diff --git a/usecaseui-portal/src/app/views/fcaps/monitor-5g/monitor-5g.component.ts b/usecaseui-portal/src/app/views/fcaps/monitor-5g/monitor-5g.component.ts
index ac7cc905..5511c1c0 100644
--- a/usecaseui-portal/src/app/views/fcaps/monitor-5g/monitor-5g.component.ts
+++ b/usecaseui-portal/src/app/views/fcaps/monitor-5g/monitor-5g.component.ts
@@ -16,6 +16,10 @@ export class Monitor5gComponent implements OnInit {
pageSize: number = 10;
total: number = 0;
loading = false;
+ trafficData: any[] =[];
+ onlineusersData: any[] =[];
+ bandwidthData: any[] =[];
+ selectDate: Date = null;
ngOnInit() {
this.getBusinessList()
}
@@ -31,7 +35,8 @@ export class Monitor5gComponent implements OnInit {
if (+result_code === 200) {
this.total = record_number;
this.loading = false;
- this.listOfData = [].concat(slicing_business_list)
+ this.listOfData = [].concat(slicing_business_list);
+ this.getChartsData();
}
})
}
@@ -44,6 +49,7 @@ export class Monitor5gComponent implements OnInit {
onDateOk(result: Date): void {
console.log('onOk', result);
+ this.selectDate = result;
}
getChartsData = (time = new Date().getTime()) => {
if (!this.listOfData.length) {
@@ -53,6 +59,33 @@ export class Monitor5gComponent implements OnInit {
this.listOfData.forEach(item => {
service_list.push({service_id: item.service_instance_id});
});
+ this.fetchTrafficData(service_list, time);
+ this.fetchOnlineusersData(service_list, time);
+ this.fetchBandwidthData(service_list, time);
+ }
+ fetchTrafficData(service_list, time){
+ this.myhttp.getFetchTraffic(service_list,time).subscribe (res => {
+ const { result_header: { result_code }, result_body: { slicing_usage_traffic_list } } = res;
+ if (+result_code === 200) {
+ this.trafficData = slicing_usage_traffic_list;
+ }
+ })
+ }
+ fetchOnlineusersData(service_list, time){
+ this.myhttp.getFetchOnlineusers(service_list,time).subscribe (res => {
+ const { result_header: { result_code }, result_body: { slicing_online_user_list } } = res;
+ if (+result_code === 200) {
+ this.onlineusersData = slicing_online_user_list;
+ }
+ })
+ }
+ fetchBandwidthData(service_list, time){
+ this.myhttp.getFetchBandwidth(service_list,time).subscribe (res => {
+ const { result_header: { result_code }, result_body: { slicing_total_bandwidth_list } } = res;
+ if (+result_code === 200) {
+ this.bandwidthData = slicing_total_bandwidth_list;
+ }
+ })
}
}