diff options
author | 2019-12-19 15:20:57 +0800 | |
---|---|---|
committer | 2019-12-19 15:21:02 +0800 | |
commit | a2cd3a3f639dc40fb4d55125de9fbe6db9960d1f (patch) | |
tree | 46f46d45e778d4f0766900f4dec6446ad101f303 /usecaseui-portal/src/app/views/fcaps/monitor-5g/monitor-5g.component.ts | |
parent | 1c006f9d6141e264961f0fed4cbd27b931580dd5 (diff) |
feat:Optimize monitoring interface chart loading of slicing monitor page
Change-Id: I065fef0815a944824baa41d6925aed455a85fcec
Issue-ID: USECASEUI-370
Signed-off-by: cyuamber <xuranyjy@chinamobile.com>
Diffstat (limited to 'usecaseui-portal/src/app/views/fcaps/monitor-5g/monitor-5g.component.ts')
-rw-r--r-- | usecaseui-portal/src/app/views/fcaps/monitor-5g/monitor-5g.component.ts | 8 |
1 files changed, 7 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 21132892..bfee94f4 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 @@ -19,6 +19,9 @@ export class Monitor5gComponent implements OnInit { total: number = 0; loading = false; selectDate: number = 0; + isSpinningTraffic: boolean =true; + isSpinningOnlineuser: boolean =true; + isSpinningBandwidth: boolean =true; trafficData: any[] = []; trafficLegend: any[] = []; @@ -83,7 +86,7 @@ export class Monitor5gComponent implements OnInit { service_list:[] }; this.listOfData.forEach(item => { - requestBody.service_list.push({ service_id: item.service_instance_id }); + requestBody.service_list.push({ service_id: item.service_snssai }); }); this.fetchTrafficData(requestBody, time); this.fetchOnlineusersData(requestBody, time); @@ -91,6 +94,7 @@ export class Monitor5gComponent implements OnInit { } fetchTrafficData(service_list, time) { this.myhttp.getFetchTraffic(service_list, time).subscribe(res => { + this.isSpinningTraffic = false; const { result_header: { result_code }, result_body: { slicing_usage_traffic_list } } = res; if (+result_code === 200 && slicing_usage_traffic_list.length > 0) { this.trafficData = []; @@ -123,6 +127,7 @@ export class Monitor5gComponent implements OnInit { } fetchOnlineusersData(service_list, time) { this.myhttp.getFetchOnlineusers(service_list, time).subscribe(res => { + this.isSpinningOnlineuser = false; const { result_header: { result_code }, result_body: { slicing_online_user_list } } = res; if (+result_code === 200) { this.onlineuserXAxis = []; @@ -155,6 +160,7 @@ export class Monitor5gComponent implements OnInit { } fetchBandwidthData(service_list, time) { this.myhttp.getFetchBandwidth(service_list, time).subscribe(res => { + this.isSpinningBandwidth = false; const { result_header: { result_code }, result_body: { slicing_total_bandwidth_list } } = res; if (+result_code === 200) { this.bandwidthXAxis = []; |