From 245b806dab26118c0fa065fdc674e1d10a699e8f Mon Sep 17 00:00:00 2001
From: hLinx <327159425@qq.com>
Date: Wed, 20 Nov 2024 16:15:51 +0800
Subject: [PATCH] =?UTF-8?q?fix(frontend):=20sql=E6=89=A7=E8=A1=8C=E5=8D=95?=
 =?UTF-8?q?=E6=8D=AE=E8=AF=A6=E6=83=85=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=20db=20=E6=98=BE=E7=A4=BA?=
 =?UTF-8?q?=E9=97=AE=E9=A2=98=20#8068?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 dbm-ui/frontend/src/types/auto-imports.d.ts    |  2 +-
 .../components/render-sqlfile/Index.vue        | 16 ++++++++++++++--
 .../mysql/import-sql-file/Index.vue            | 16 ++++++++++++++--
 .../components/flow/components/MySqlFlows.vue  | 18 ++++++++++++++++--
 .../components/flow/components/MySqlFlows.vue  | 18 ++++++++++++++++--
 5 files changed, 61 insertions(+), 9 deletions(-)

diff --git a/dbm-ui/frontend/src/types/auto-imports.d.ts b/dbm-ui/frontend/src/types/auto-imports.d.ts
index d0c217f6f1..7021ac5101 100644
--- a/dbm-ui/frontend/src/types/auto-imports.d.ts
+++ b/dbm-ui/frontend/src/types/auto-imports.d.ts
@@ -71,6 +71,6 @@ declare global {
 // for type re-export
 declare global {
   // @ts-ignore
-  export type { Component, ComponentPublicInstance, ComputedRef, DirectiveBinding, ExtractDefaultPropTypes, ExtractPropTypes, ExtractPublicPropTypes, InjectionKey, PropType, Ref, MaybeRef, MaybeRefOrGetter, VNode, WritableComputedRef } from 'vue'
+  export type { Component, ComponentPublicInstance, ComputedRef, ExtractDefaultPropTypes, ExtractPropTypes, ExtractPublicPropTypes, InjectionKey, PropType, Ref, VNode, WritableComputedRef } from 'vue'
   import('vue')
 }
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 2403cdd2ed..26bd0968ba 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
@@ -17,7 +17,13 @@
             :key="item">
             {{ item }}
           </BkTag>
-          <BkTag v-if="executeObject.dbnames.length > 3">...</BkTag>
+          <BkTag
+            v-if="executeObject.dbnames.length > 3"
+            v-bk-tooltips="{
+              content: executeObject.dbnames.join('\n'),
+            }">
+            ...
+          </BkTag>
           <template v-if="executeObject.dbnames.length < 1">--</template>
         </span>
         <span class="ml-25">{{ t('忽略的 DB:') }}</span>
@@ -27,7 +33,13 @@
             :key="item">
             {{ item }}
           </BkTag>
-          <BkTag v-if="executeObject.ignore_dbnames.length > 3">...</BkTag>
+          <BkTag
+            v-if="executeObject.ignore_dbnames.length > 3"
+            v-bk-tooltips="{
+              content: executeObject.ignore_dbnames.join('\n'),
+            }">
+            ...
+          </BkTag>
           <template v-if="executeObject.ignore_dbnames.length < 1">--</template>
         </span>
       </span>
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 0f009d5534..3e9842cd17 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
@@ -95,7 +95,13 @@
             :key="item">
             {{ item }}
           </BkTag>
-          <BkTag v-if="currentExecuteObject.dbnames.length > 3">...</BkTag>
+          <BkTag
+            v-if="currentExecuteObject.dbnames.length > 3"
+            v-bk-tooltips="{
+              content: currentExecuteObject.dbnames.join('\n'),
+            }">
+            ...
+          </BkTag>
           <template v-if="currentExecuteObject.dbnames.length < 1">--</template>
         </span>
         <span class="ml-25">{{ t('忽略的 DB:') }}</span>
@@ -105,7 +111,13 @@
             :key="item">
             {{ item }}
           </BkTag>
-          <BkTag v-if="currentExecuteObject.ignore_dbnames.length > 3">...</BkTag>
+          <BkTag
+            v-if="currentExecuteObject.ignore_dbnames.length > 3"
+            v-bk-tooltips="{
+              content: currentExecuteObject.ignore_dbnames.join('\n'),
+            }">
+            ...
+          </BkTag>
           <template v-if="currentExecuteObject.ignore_dbnames.length < 1">--</template>
         </span>
       </span>
diff --git a/dbm-ui/frontend/src/views/tickets/my-tickets/components/details/components/flow/components/MySqlFlows.vue b/dbm-ui/frontend/src/views/tickets/my-tickets/components/details/components/flow/components/MySqlFlows.vue
index 2cf30205ac..19cc57fba8 100644
--- a/dbm-ui/frontend/src/views/tickets/my-tickets/components/details/components/flow/components/MySqlFlows.vue
+++ b/dbm-ui/frontend/src/views/tickets/my-tickets/components/details/components/flow/components/MySqlFlows.vue
@@ -108,19 +108,33 @@
         <span>{{ t('变更的 DB:') }}</span>
         <span class="ml-4">
           <BkTag
-            v-for="item in currentFileExecuteObject.dbnames"
+            v-for="item in currentFileExecuteObject.dbnames.slice(0, 3)"
             :key="item">
             {{ item }}
           </BkTag>
+          <BkTag
+            v-if="currentFileExecuteObject.dbnames.length > 3"
+            v-bk-tooltips="{
+              content: currentFileExecuteObject.dbnames.join('\n'),
+            }">
+            ...
+          </BkTag>
           <template v-if="currentFileExecuteObject.dbnames.length < 1">--</template>
         </span>
         <span class="ml-25">{{ t('忽略的 DB:') }}</span>
         <span class="ml-4">
           <BkTag
-            v-for="item in currentFileExecuteObject.ignore_dbnames"
+            v-for="item in currentFileExecuteObject.ignore_dbnames.slice(0, 3)"
             :key="item">
             {{ item }}
           </BkTag>
+          <BkTag
+            v-if="currentFileExecuteObject.ignore_dbnames.length > 3"
+            v-bk-tooltips="{
+              content: currentFileExecuteObject.ignore_dbnames.join('\n'),
+            }">
+            ...
+          </BkTag>
           <template v-if="currentFileExecuteObject.ignore_dbnames.length < 1">--</template>
         </span>
       </span>
diff --git a/dbm-ui/frontend/src/views/tickets/my-todos/components/details/components/flow/components/MySqlFlows.vue b/dbm-ui/frontend/src/views/tickets/my-todos/components/details/components/flow/components/MySqlFlows.vue
index 2cf30205ac..19cc57fba8 100644
--- a/dbm-ui/frontend/src/views/tickets/my-todos/components/details/components/flow/components/MySqlFlows.vue
+++ b/dbm-ui/frontend/src/views/tickets/my-todos/components/details/components/flow/components/MySqlFlows.vue
@@ -108,19 +108,33 @@
         <span>{{ t('变更的 DB:') }}</span>
         <span class="ml-4">
           <BkTag
-            v-for="item in currentFileExecuteObject.dbnames"
+            v-for="item in currentFileExecuteObject.dbnames.slice(0, 3)"
             :key="item">
             {{ item }}
           </BkTag>
+          <BkTag
+            v-if="currentFileExecuteObject.dbnames.length > 3"
+            v-bk-tooltips="{
+              content: currentFileExecuteObject.dbnames.join('\n'),
+            }">
+            ...
+          </BkTag>
           <template v-if="currentFileExecuteObject.dbnames.length < 1">--</template>
         </span>
         <span class="ml-25">{{ t('忽略的 DB:') }}</span>
         <span class="ml-4">
           <BkTag
-            v-for="item in currentFileExecuteObject.ignore_dbnames"
+            v-for="item in currentFileExecuteObject.ignore_dbnames.slice(0, 3)"
             :key="item">
             {{ item }}
           </BkTag>
+          <BkTag
+            v-if="currentFileExecuteObject.ignore_dbnames.length > 3"
+            v-bk-tooltips="{
+              content: currentFileExecuteObject.ignore_dbnames.join('\n'),
+            }">
+            ...
+          </BkTag>
           <template v-if="currentFileExecuteObject.ignore_dbnames.length < 1">--</template>
         </span>
       </span>