From 58299c74fbe79cbbe9bedeb1ac32d82221a1159b Mon Sep 17 00:00:00 2001
From: junjie <junjie.xia@fit2cloud.com>
Date: Mon, 31 May 2021 10:44:44 +0800
Subject: [PATCH] =?UTF-8?q?feat(frontend):=E9=83=A8=E5=88=86=E5=9C=B0?=
 =?UTF-8?q?=E6=96=B9=E4=B8=BB=E9=A2=98=E8=89=B2=E4=BF=AE=E6=94=B9=EF=BC=9B?=
 =?UTF-8?q?=E5=BC=B9=E6=A1=86=E9=80=89=E6=8B=A9=E6=95=B0=E6=8D=AE=E9=9B=86?=
 =?UTF-8?q?=E5=A2=9E=E5=8A=A0loading?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/dataset/common/DatasetGroupSelector.vue    | 9 +++++++--
 frontend/src/views/dataset/data/TabDataPreview.vue       | 2 +-
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/frontend/src/views/dataset/common/DatasetGroupSelector.vue b/frontend/src/views/dataset/common/DatasetGroupSelector.vue
index 1833b769da..6027df0e8c 100644
--- a/frontend/src/views/dataset/common/DatasetGroupSelector.vue
+++ b/frontend/src/views/dataset/common/DatasetGroupSelector.vue
@@ -51,7 +51,7 @@
     </el-col>
 
     <!--scene-->
-    <el-col v-if="sceneMode">
+    <el-col v-if="sceneMode" v-loading="dsLoading">
       <el-row class="title-css">
         <span class="title-text">
           {{ currGroup.name }}
@@ -150,7 +150,8 @@ export default {
       tableForm: {
         name: '',
         sort: 'type asc,create_time desc,name asc'
-      }
+      },
+      dsLoading: false
     }
   },
   computed: {},
@@ -219,6 +220,7 @@ export default {
     tableTree() {
       this.tableData = []
       if (this.currGroup) {
+        this.dsLoading = true
         post('/dataset/table/list', {
           sort: 'type asc,create_time desc,name asc',
           sceneId: this.currGroup.id,
@@ -235,6 +237,9 @@ export default {
           this.$nextTick(function() {
             this.unionDataChange()
           })
+          this.dsLoading = false
+        }).catch(res => {
+          this.dsLoading = false
         })
       }
     },
diff --git a/frontend/src/views/dataset/data/TabDataPreview.vue b/frontend/src/views/dataset/data/TabDataPreview.vue
index 484e140cae..a41a88f5c9 100644
--- a/frontend/src/views/dataset/data/TabDataPreview.vue
+++ b/frontend/src/views/dataset/data/TabDataPreview.vue
@@ -169,7 +169,7 @@ export default {
     font-size: 12px;
   }
   .span-number{
-    color: #f18126;
+    color: #0a7be0;
   }
   .table-count{
     color: #606266;