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;