feat: Added loading and error prompts for dialog components

Change-Id: Ibd1a086c30a7147a7224c65daf1606a089c87c49
Issue-ID: USECASEUI-368
Signed-off-by: cyuamber <xuranyjy@chinamobile.com>

1 files changed, 6 insertions, 1 deletions

diff --git a/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/slicing-task-model/slicing-task-model.component.ts b/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/slicing-task-model/slicing-task-model.component.ts
index ff64dfe1..b55844bc 100644
--- a/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/slicing-task-model/slicing-task-model.component.ts
+++ b/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/slicing-task-model/slicing-task-model.component.ts
@@ -71,13 +71,15 @@ export class SlicingTaskModelComponent implements OnInit {
   isShowParams: boolean;
   paramsTitle: string;
   params: any;
-  
+  // 获取数据loading
+  isSpinning: boolean = false;
   
 
   ngOnInit() { }
   
   ngOnChanges() {
     if (this.showDetail) {
+      this.isSpinning = true;
       this.getautidInfo();
     } else {
       this.isDisabled = true;
@@ -87,6 +89,7 @@ export class SlicingTaskModelComponent implements OnInit {
   getautidInfo(): void {
     this.http.getAuditInfo(this.taskId).subscribe( res => {
       const { result_header: { result_code } } = res;
+      this.isSpinning = false;
       if (+result_code === 200) {
         const { 
           task_id, 
@@ -159,6 +162,8 @@ export class SlicingTaskModelComponent implements OnInit {
           cn_area_traffic_cap_dl,
           cn_area_traffic_cap_ul 
         };
+      } else {
+        this.message.error('Failed to get data')
       }
     })
   }