1 files changed, 9 insertions, 2 deletions

diff --git a/usecaseui-portal/src/app/services/onboard-vnf-vm/onboard-vnf-vm.component.ts b/usecaseui-portal/src/app/services/onboard-vnf-vm/onboard-vnf-vm.component.ts
index 766540c0..bf2b6572 100644
--- a/usecaseui-portal/src/app/services/onboard-vnf-vm/onboard-vnf-vm.component.ts
+++ b/usecaseui-portal/src/app/services/onboard-vnf-vm/onboard-vnf-vm.component.ts
@@ -69,7 +69,7 @@ export class OnboardVnfVmComponent implements OnInit {
   sortName = null;
   sortValue = null;
   tabs = ['NS', 'VNF', 'PNF'];
-  
+  isSpinning = false;
   isVisible = false;
   isOkLoading = false; 
   showModal(): void {
@@ -263,12 +263,14 @@ changeUploadingSta(tab) {
 
   // 获取NS列表
   getTableData() {
+    this.isSpinning = true;
     //vfc
     this.myhttp.getOnboardTableData()
     .subscribe((data) => {
       console.log("NSlist-vfc-->",data);
       console.log("NSlist-length-vfc-->",data.length);
       this.nsvfcData = data;
+      //loading
       this.nstableData = this.nsvfcData
     }, (err) => {
       console.log(err);
@@ -286,6 +288,7 @@ changeUploadingSta(tab) {
         }else if(this.nsvfcData.length != 0 && this.nssdcData.length === 0){
         this.nstableData = this.nsvfcData.concat(this.nssdcData); //Array concat
       }
+      this.isSpinning = false;
     }, (err) => {
      console.log(err);
     })
@@ -295,6 +298,7 @@ changeUploadingSta(tab) {
 
   // 获取vnf列表
   getTableVnfData() {
+    this.isSpinning = true;
     this.myhttp.getOnboardTableVnfData()
       .subscribe((data) => {
         console.log("vnfList--vnf>", data);
@@ -319,18 +323,21 @@ changeUploadingSta(tab) {
           this.vnftableData = this.vnfvfcData.concat(this.vnfsdcData); //Array concat
           console.log(this.vnftableData)
         }
+        this.isSpinning = false;
       }, (err) => {
         console.log(err);
       })
   }
 
   // 获取pnf列表
-  getTablePnfData() {   
+  getTablePnfData() { 
+    this.isSpinning = true;  
     this.myhttp.getOnboardTablePnfData()
       .subscribe((data) => {
         console.log("pnfList-->", data);
         console.log("pnfList-->", data.length);
         this.pnftableData = data;
+        this.isSpinning = false;
       }, (err) => {
         console.log(err);
       })