From bc62e227f5826f181793c135e8c72c3e6a7d03d1 Mon Sep 17 00:00:00 2001
From: hLinx <327159425@qq.com>
Date: Fri, 8 Nov 2024 15:31:20 +0800
Subject: [PATCH] =?UTF-8?q?fix(frontend):=20sqlserver=20sql=E5=AF=BC?=
 =?UTF-8?q?=E5=85=A5=E6=89=A7=E8=A1=8C=E6=9F=A5=E7=9C=8B=20sql=20=E6=96=87?=
 =?UTF-8?q?=E4=BB=B6=E5=86=85=E5=AE=B9=E6=97=B6=E6=96=87=E4=BB=B6=E9=80=89?=
 =?UTF-8?q?=E4=B8=AD=E7=8A=B6=E6=80=81=E4=B8=8D=E5=AF=B9=20#7829?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/import-sqlfile/Index.vue       |  6 +++-
 .../components/render-sqlfile/Index.vue       | 33 +++++++------------
 .../mysql/import-sql-file/Index.vue           |  6 ++--
 3 files changed, 21 insertions(+), 24 deletions(-)

diff --git a/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/components/import-sqlfile/Index.vue b/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/components/import-sqlfile/Index.vue
index 675b111093..9752cfb0ce 100644
--- a/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/components/import-sqlfile/Index.vue
+++ b/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/components/import-sqlfile/Index.vue
@@ -36,7 +36,9 @@
     <InfoItem
       :label="t('目标集群:')"
       style="flex: 1 0 100%">
-      <BkTable :data="targetClusterData">
+      <BkTable
+        :data="targetClusterData"
+        :pagination="pagination">
         <BkTableColumn :label="t('集群')">
           <template #default="{ data }: { data: TargerCluster }">
             {{ ticketDetails.details.clusters[data.id].immute_domain }}
@@ -142,6 +144,8 @@
 
   const { t } = useI18n();
 
+  const pagination = { count: 11, limit: 10, current: 1 };
+
   const selectFileName = ref('');
   const currentExecuteObject = ref<Props['ticketDetails']['details']['execute_objects'][number]>();
   const isShowSqlfile = ref(false);
diff --git a/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/components/import-sqlfile/components/render-sqlfile/Index.vue b/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/components/import-sqlfile/components/render-sqlfile/Index.vue
index 79c4f18f26..34a04ba91f 100644
--- a/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/components/import-sqlfile/components/render-sqlfile/Index.vue
+++ b/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/components/import-sqlfile/components/render-sqlfile/Index.vue
@@ -13,19 +13,21 @@
         <span>{{ t('变更的 DB:') }}</span>
         <span class="ml-4">
           <BkTag
-            v-for="item in executeObject.dbnames"
+            v-for="item in executeObject.dbnames.slice(0, 3)"
             :key="item">
             {{ item }}
           </BkTag>
+          <BkTag v-if="executeObject.dbnames.length > 3">...</BkTag>
           <template v-if="executeObject.dbnames.length < 1">--</template>
         </span>
         <span class="ml-25">{{ t('忽略的 DB:') }}</span>
         <span class="ml-4">
           <BkTag
-            v-for="item in executeObject.ignore_dbnames"
+            v-for="item in executeObject.ignore_dbnames.slice(0, 3)"
             :key="item">
             {{ item }}
           </BkTag>
+          <BkTag v-if="executeObject.dbnames.length > 3">...</BkTag>
           <template v-if="executeObject.ignore_dbnames.length < 1">--</template>
         </span>
       </span>
@@ -101,26 +103,15 @@
     },
   );
 
-  watch(
-    () => isShow,
-    () => {
-      if (isShow.value) {
-        localSelectFileName.value = props.selectFileName;
-      }
-    },
-  );
+  watch(isShow, () => {
+    if (isShow.value) {
+      localSelectFileName.value = props.selectFileName;
+    }
+  });
 
-  watch(
-    () => props.wholeFileList,
-    () => {
-      if (props.wholeFileList.length > 0) {
-        runBatchFetchFile();
-      }
-    },
-    {
-      immediate: true,
-    },
-  );
+  if (props.wholeFileList.length > 0) {
+    runBatchFetchFile();
+  }
 
   const handleClose = () => {
     isShow.value = false;
diff --git a/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/mysql/import-sql-file/Index.vue b/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/mysql/import-sql-file/Index.vue
index ff9087371f..0f009d5534 100644
--- a/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/mysql/import-sql-file/Index.vue
+++ b/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/mysql/import-sql-file/Index.vue
@@ -91,19 +91,21 @@
         <span>{{ t('变更的 DB:') }}</span>
         <span class="ml-4">
           <BkTag
-            v-for="item in currentExecuteObject.dbnames"
+            v-for="item in currentExecuteObject.dbnames.slice(0, 3)"
             :key="item">
             {{ item }}
           </BkTag>
+          <BkTag v-if="currentExecuteObject.dbnames.length > 3">...</BkTag>
           <template v-if="currentExecuteObject.dbnames.length < 1">--</template>
         </span>
         <span class="ml-25">{{ t('忽略的 DB:') }}</span>
         <span class="ml-4">
           <BkTag
-            v-for="item in currentExecuteObject.ignore_dbnames"
+            v-for="item in currentExecuteObject.ignore_dbnames.slice(0, 3)"
             :key="item">
             {{ item }}
           </BkTag>
+          <BkTag v-if="currentExecuteObject.ignore_dbnames.length > 3">...</BkTag>
           <template v-if="currentExecuteObject.ignore_dbnames.length < 1">--</template>
         </span>
       </span>