diff options
author | cyuamber <xuranyjy@chinamobile.com> | 2019-12-19 15:20:57 +0800 |
---|---|---|
committer | cyuamber <xuranyjy@chinamobile.com> | 2019-12-19 15:21:02 +0800 |
commit | a2cd3a3f639dc40fb4d55125de9fbe6db9960d1f (patch) | |
tree | 46f46d45e778d4f0766900f4dec6446ad101f303 /usecaseui-portal/src/app/views/fcaps/monitor-5g/monitor-5g.component.html | |
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.html')
-rw-r--r-- | usecaseui-portal/src/app/views/fcaps/monitor-5g/monitor-5g.component.html | 21 |
1 files changed, 15 insertions, 6 deletions
diff --git a/usecaseui-portal/src/app/views/fcaps/monitor-5g/monitor-5g.component.html b/usecaseui-portal/src/app/views/fcaps/monitor-5g/monitor-5g.component.html index 921e5edb..3f51dbc9 100644 --- a/usecaseui-portal/src/app/views/fcaps/monitor-5g/monitor-5g.component.html +++ b/usecaseui-portal/src/app/views/fcaps/monitor-5g/monitor-5g.component.html @@ -15,16 +15,25 @@ </div> <div nz-row nzType="flex" class="charts"> <div nz-col nzSpan="6" class="gutter-row col-boxshadow"> - <h4>Slicing Use Traffic</h4> - <app-pie [initData]="trafficChartInit" [chartData]="trafficChartData"></app-pie> + <nz-spin [nzSpinning]="isSpinningTraffic"> + <h4>Slicing Use Traffic</h4> + <app-pie [initData]="trafficChartInit" [chartData]="trafficChartData"></app-pie> + <div *ngIf="!isSpinningTraffic && trafficData.length === 0" class="nodata">NO Data</div> + </nz-spin> </div> <div nz-col nzSpan="8" class="gutter-row col-boxshadow"> - <h4>Number Of Online Users</h4> - <app-line [initData]="onlineuserChartInit" [chartData]="onlineuserChartData"></app-line> + <nz-spin [nzSpinning]="isSpinningOnlineuser"> + <h4>Number Of Online Users</h4> + <app-line [initData]="onlineuserChartInit" [chartData]="onlineuserChartData"></app-line> + <div *ngIf="!isSpinningOnlineuser && onlineusersData.length === 0" class="nodata">NO Data</div> + </nz-spin> </div> <div nz-col nzSpan="8" class="gutter-row col-boxshadow"> - <h4>Slicing Total Bandwidth</h4> - <app-line [initData]="bandwidthChartInit" [chartData]="bandwidthChartData"></app-line> + <nz-spin [nzSpinning]="isSpinningBandwidth"> + <h4>Slicing Total Bandwidth</h4> + <app-line [initData]="bandwidthChartInit" [chartData]="bandwidthChartData"></app-line> + <div *ngIf="!isSpinningBandwidth && bandwidthData.length === 0" class="nodata">NO Data</div> + </nz-spin> </div> </div> <div class="slicing-resource-table"> |