From 3e972effbb8d728567ab76da91f025a35eb3c9b4 Mon Sep 17 00:00:00 2001
From: dataeaseShu <tong.shu@fit2cloud.com>
Date: Fri, 25 Jul 2025 15:19:28 +0800
Subject: [PATCH] fix: bug fix

---
 frontend/src/views/ds/DataTable.vue | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/frontend/src/views/ds/DataTable.vue b/frontend/src/views/ds/DataTable.vue
index 7eb22a92..7827feac 100644
--- a/frontend/src/views/ds/DataTable.vue
+++ b/frontend/src/views/ds/DataTable.vue
@@ -121,6 +121,9 @@ const handleSelectTableList = () => {
 const clickTable = (table: any) => {
   loading.value = true
   currentTable.value = table
+  fieldList.value = []
+  pageInfo.total = 0
+  previewData.value = []
   datasourceApi
     .fieldList(table.id)
     .then((res) => {
@@ -332,9 +335,9 @@ const btnSelectClick = (val: any) => {
             </el-button>
           </div>
 
-          <div class="preview-or-schema">
-            <div class="table-content_preview">
-              <el-table v-if="btnSelect === 'd'" :data="fieldListComputed" style="width: 100%">
+          <div class="preview-or-schema" v-if="!loading">
+            <div v-if="btnSelect === 'd'" class="table-content_preview">
+              <el-table :data="fieldListComputed" style="width: 100%">
                 <el-table-column
                   prop="field_name"
                   :label="t('datasource.field_name')"
@@ -381,7 +384,7 @@ const btnSelectClick = (val: any) => {
                 </el-table-column>
               </el-table>
             </div>
-            <div v-if="fieldList.length" class="pagination-container">
+            <div v-if="fieldList.length && btnSelect === 'd'" class="pagination-container">
               <el-pagination
                 v-model:current-page="pageInfo.currentPage"
                 v-model:page-size="pageInfo.pageSize"
@@ -393,7 +396,7 @@ const btnSelectClick = (val: any) => {
                 @current-change="handleCurrentChange"
               />
             </div>
-            <template v-else>
+            <template v-if="btnSelect === 'q'">
               <div class="preview-num">
                 {{ t('ds.pieces_in_total', { msg: total, ms: showNum }) }}
               </div>