From 8481fec921df507eef30e43b44a392ec69f01cb6 Mon Sep 17 00:00:00 2001
From: junjie <junjie.xia@fit2cloud.com>
Date: Mon, 31 May 2021 10:49:10 +0800
Subject: [PATCH] =?UTF-8?q?feat(frontend):=E5=BC=B9=E6=A1=86=E9=80=89?=
 =?UTF-8?q?=E6=8B=A9=E6=95=B0=E6=8D=AE=E9=9B=86=E5=A2=9E=E5=8A=A0loading?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/views/dataset/common/DatasetTableData.vue | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/frontend/src/views/dataset/common/DatasetTableData.vue b/frontend/src/views/dataset/common/DatasetTableData.vue
index 89b2e73dde..7aabcff676 100644
--- a/frontend/src/views/dataset/common/DatasetTableData.vue
+++ b/frontend/src/views/dataset/common/DatasetTableData.vue
@@ -1,5 +1,5 @@
 <template>
-  <el-col ref="container" style="width: 100%;height:100%">
+  <el-col ref="container" v-loading="dataLoading" style="width: 100%;height:100%">
     <span>{{ table.name }}</span>
     <ux-grid
       ref="plxTable"
@@ -43,7 +43,8 @@ export default {
     return {
       fields: [],
       data: [],
-      height: 'auto'
+      height: 'auto',
+      dataLoading: false
     }
   },
   watch: {
@@ -64,6 +65,7 @@ export default {
     initData() {
       this.resetData()
       if (this.table.id) {
+        this.dataLoading = true
         this.table.row = 100
         post('/dataset/table/getPreviewData/1/100', this.table).then(response => {
           this.fields = response.data.fields
@@ -76,6 +78,9 @@ export default {
             this.$error(response.data.msg, 3000)
           }
           this.$refs.plxTable.reloadData(datas)
+          this.dataLoading = false
+        }).catch(res => {
+          this.dataLoading = false
         })
       }
     },