From 7c350be747b967fd088e02ca8279cf3e620d97ce Mon Sep 17 00:00:00 2001
From: Austin <1344583166@qq.com>
Date: Tue, 10 Sep 2024 10:07:50 +0800
Subject: [PATCH] =?UTF-8?q?feat(frontend):=20mysql=E3=80=81spider=E5=BA=93?=
 =?UTF-8?q?=E8=A1=A8=E6=A0=A1=E9=AA=8C=E8=A7=84=E5=88=99=E8=B0=83=E6=95=B4?=
 =?UTF-8?q?=20#6595?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../RenderData/RenderDbName.vue               | 10 ++-
 .../execute-objects/RenderData/Row.vue        |  3 +-
 .../pages/page1/components/RenderData/Row.vue |  3 +-
 .../render-target-db/TargetDbPreview.vue      | 63 ++++++++++---------
 .../pages/page1/components/RenderData/Row.vue |  9 ++-
 .../pages/page1/components/RenderData/Row.vue |  3 +-
 .../pages/page1/components/RenderData/Row.vue |  9 ++-
 7 files changed, 56 insertions(+), 44 deletions(-)

diff --git a/dbm-ui/frontend/src/views/db-manage/common/sql-execute/execute-objects/RenderData/RenderDbName.vue b/dbm-ui/frontend/src/views/db-manage/common/sql-execute/execute-objects/RenderData/RenderDbName.vue
index 6c71446a04..4f186b48dc 100644
--- a/dbm-ui/frontend/src/views/db-manage/common/sql-execute/execute-objects/RenderData/RenderDbName.vue
+++ b/dbm-ui/frontend/src/views/db-manage/common/sql-execute/execute-objects/RenderData/RenderDbName.vue
@@ -31,6 +31,7 @@
   import { makeMap, random } from '@utils';
 
   interface Props {
+    allowEmpty?: boolean;
     checkDuplicate?: boolean;
   }
 
@@ -39,6 +40,7 @@
   }
 
   const props = withDefaults(defineProps<Props>(), {
+    allowEmpty: false,
     checkDuplicate: false,
   });
 
@@ -57,7 +59,13 @@
 
   const rules = [
     {
-      validator: (value: string[]) => value && value.length > 0,
+      validator: (value: string[]) => {
+        if (props.allowEmpty) {
+          return true;
+        }
+
+        return value && value.length > 0;
+      },
       message: t('DB 名不能为空'),
     },
     {
diff --git a/dbm-ui/frontend/src/views/db-manage/common/sql-execute/execute-objects/RenderData/Row.vue b/dbm-ui/frontend/src/views/db-manage/common/sql-execute/execute-objects/RenderData/Row.vue
index 6936ec1317..a579b7672a 100644
--- a/dbm-ui/frontend/src/views/db-manage/common/sql-execute/execute-objects/RenderData/Row.vue
+++ b/dbm-ui/frontend/src/views/db-manage/common/sql-execute/execute-objects/RenderData/Row.vue
@@ -23,7 +23,8 @@
       <td style="padding: 0">
         <RenderDbName
           ref="ignoreDbnamesRef"
-          v-model="localIgnoreDbnames" />
+          v-model="localIgnoreDbnames"
+          allow-empty />
       </td>
       <td style="padding: 0">
         <RenderSql
diff --git a/dbm-ui/frontend/src/views/mysql/checksum/pages/page1/components/RenderData/Row.vue b/dbm-ui/frontend/src/views/mysql/checksum/pages/page1/components/RenderData/Row.vue
index 2e56f919c6..df8c7ad134 100644
--- a/dbm-ui/frontend/src/views/mysql/checksum/pages/page1/components/RenderData/Row.vue
+++ b/dbm-ui/frontend/src/views/mysql/checksum/pages/page1/components/RenderData/Row.vue
@@ -57,7 +57,8 @@
         ref="ignoreTablesRef"
         :allow-asterisk="false"
         :cluster-id="localClusterId"
-        :model-value="data.ignoreTables" />
+        :model-value="data.ignoreTables"
+        :required="false" />
     </td>
     <OperateColumn
       :removeable="removeable"
diff --git a/dbm-ui/frontend/src/views/mysql/data-migrate/pages/page1/components/render-target-db/TargetDbPreview.vue b/dbm-ui/frontend/src/views/mysql/data-migrate/pages/page1/components/render-target-db/TargetDbPreview.vue
index f41f95c918..7465bb6556 100644
--- a/dbm-ui/frontend/src/views/mysql/data-migrate/pages/page1/components/render-target-db/TargetDbPreview.vue
+++ b/dbm-ui/frontend/src/views/mysql/data-migrate/pages/page1/components/render-target-db/TargetDbPreview.vue
@@ -53,6 +53,7 @@
       <div
         v-for="name in previewDataList"
         :key="name"
+        v-overflow-tips
         class="name-item">
         {{ name }}
       </div>
@@ -72,7 +73,7 @@
 
   import RenderDbName from '@views/mysql/common/edit-field/DbName.vue';
 
-  export type DbsType = Omit<Props['data'], 'sourceClusterId' | 'targetClusters'>
+  export type DbsType = Omit<Props['data'], 'sourceClusterId' | 'targetClusters'>;
 
   interface Props {
     data: {
@@ -147,38 +148,40 @@
   });
 </script>
 <style lang="less" scoped>
-.preview-main {
-  padding: 16px 24px;
-
-  .preview-header {
-    margin: 24px 0 16px;
-    display: flex;
-    .title {
-      font-weight: 700;
-      color: #313238;
+  .preview-main {
+    padding: 16px 24px;
+
+    .preview-header {
+      margin: 24px 0 16px;
+      display: flex;
+      .title {
+        font-weight: 700;
+        color: #313238;
+      }
     }
-  }
-
-  .preview-copy {
-    width: 100%;
-    display: flex;
-    justify-content: flex-end;
-    margin-bottom: 8px;
-    margin-top: -24px;
-  }
 
-  .preview-content {
-    display: flex;
-    flex-wrap: wrap;
-    padding: 16px;
-    background: #f5f7fa;
+    .preview-copy {
+      width: 100%;
+      display: flex;
+      justify-content: flex-end;
+      margin-bottom: 8px;
+      margin-top: -24px;
+    }
 
-    .name-item {
-      width: 260px;
-      line-height: 24px;
-      margin: 0 13px 0 0;
+    .preview-content {
+      display: flex;
+      flex-wrap: wrap;
+      padding: 16px;
+      background: #f5f7fa;
+
+      .name-item {
+        width: 260px;
+        line-height: 24px;
+        margin: 0 13px 0 0;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+      }
     }
   }
-}
-
 </style>
diff --git a/dbm-ui/frontend/src/views/mysql/db-clear/pages/page1/components/RenderData/Row.vue b/dbm-ui/frontend/src/views/mysql/db-clear/pages/page1/components/RenderData/Row.vue
index 7b82892e62..08bdcc0a2f 100644
--- a/dbm-ui/frontend/src/views/mysql/db-clear/pages/page1/components/RenderData/Row.vue
+++ b/dbm-ui/frontend/src/views/mysql/db-clear/pages/page1/components/RenderData/Row.vue
@@ -163,11 +163,10 @@
   };
 
   const handleIgnoreDbsChange = (value: string[]) => {
-    if (isDropDatabase.value && value.length > 0) {
-      ignoreTables.value = ['*'];
-      return;
-    }
-
+    // if (isDropDatabase.value && value.length > 0) {
+    //   ignoreTables.value = ['*'];
+    //   return;
+    // }
     ignoreTables.value = [];
   };
 
diff --git a/dbm-ui/frontend/src/views/spider-manage/checksum/pages/page1/components/RenderData/Row.vue b/dbm-ui/frontend/src/views/spider-manage/checksum/pages/page1/components/RenderData/Row.vue
index e5a855024d..6df094ff8c 100644
--- a/dbm-ui/frontend/src/views/spider-manage/checksum/pages/page1/components/RenderData/Row.vue
+++ b/dbm-ui/frontend/src/views/spider-manage/checksum/pages/page1/components/RenderData/Row.vue
@@ -82,7 +82,8 @@
           ref="ignoreTablesRefs"
           :allow-asterisk="false"
           :cluster-id="localClusterId"
-          :model-value="backupInfoItem.ignoreTables" />
+          :model-value="backupInfoItem.ignoreTables"
+          :required="false" />
       </td>
       <OperateColumn
         :removeable="removeable"
diff --git a/dbm-ui/frontend/src/views/spider-manage/db-clear/pages/page1/components/RenderData/Row.vue b/dbm-ui/frontend/src/views/spider-manage/db-clear/pages/page1/components/RenderData/Row.vue
index 3f0d810945..ddcfed5b79 100644
--- a/dbm-ui/frontend/src/views/spider-manage/db-clear/pages/page1/components/RenderData/Row.vue
+++ b/dbm-ui/frontend/src/views/spider-manage/db-clear/pages/page1/components/RenderData/Row.vue
@@ -156,11 +156,10 @@
   };
 
   const handleIgnoreDbsChange = (value: string[]) => {
-    if (isDropDatabase.value && value.length > 0) {
-      ignoreTables.value = ['*'];
-      return;
-    }
-
+    // if (isDropDatabase.value && value.length > 0) {
+    //   ignoreTables.value = ['*'];
+    //   return;
+    // }
     ignoreTables.value = [];
   };