fix(frontend): sqlserver sql导入执行查看 sql 文件内容时文件选中状态不对 TencentBlueKing#…

…7829
hLinx · Nov 8, 2024 · bc62e22 · bc62e22
1 parent b408794
commit bc62e22
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 24 deletions.
diff --git a/...nd/src/views/tickets/common/components/demand-factory/components/import-sqlfile/Index.vue b/...nd/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/...n/components/demand-factory/components/import-sqlfile/components/render-sqlfile/Index.vue b/...n/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/...ontend/src/views/tickets/common/components/demand-factory/mysql/import-sql-file/Index.vue b/...ontend/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>