fix(frontend): 全选或勾选后，修改了筛选条件这时候应该重置勾选状态 TencentBlueKing#9237

hLinx · Feb 11, 2025 · 93a138a · 93a138a
1 parent 971c25a
commit 93a138a
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 4 deletions.
diff --git a/dbm-ui/frontend/src/components/db-table/index.vue b/dbm-ui/frontend/src/components/db-table/index.vue
@@ -344,7 +344,7 @@
   let sortParams = {};
 
   let isReady = false;
-
+  let isPaginationChangeFetch = false;
   /**
    * 判断是否处于搜索状态
    */
@@ -366,6 +366,10 @@
     replaceSearchParams,
   } = useUrlSearch();
 
+  const triggerSelection = () => {
+    emits('selection', Object.keys(rowSelectMemo.value), Object.values(rowSelectMemo.value));
+  };
+
   const fetchListData = (loading = true) => {
     isReady = true;
     Promise.resolve()
@@ -406,6 +410,12 @@
             if (!props.fixedPagination && props.releateUrlQuery) {
               replaceSearchParams(params);
             }
+            if (!isPaginationChangeFetch) {
+              isPaginationChangeFetch = false;
+              rowSelectMemo.value = {}
+              isWholeChecked.value = false
+              triggerSelection();
+            }
 
             emits('requestSuccess', data);
           })
@@ -439,9 +449,7 @@
     tableKey.value = Date.now().toString();
   });
 
-  const triggerSelection = () => {
-    emits('selection', Object.keys(rowSelectMemo.value), Object.values(rowSelectMemo.value));
-  };
+
 
   // 解析 URL 上面的分页信息
   const parseURL = () => {
@@ -600,6 +608,7 @@
   }
     pagination.limit = pageLimit;
     pagination.current = 1;
+    isPaginationChangeFetch = true
     fetchListData();
   };
 
@@ -609,6 +618,7 @@
       return
     }
     pagination.current = pageValue;
+    isPaginationChangeFetch = true
 
     fetchListData();
   };

diff --git a/dbm-ui/frontend/vite.config.mts b/dbm-ui/frontend/vite.config.mts
@@ -101,6 +101,7 @@ export default defineConfig(({ mode }) => {
     server: {
       strictPort: true,
       host: '127.0.0.1',
+      allowedHosts: true,
       port: 8088,
       proxy: {
         '/bkrepo_upload': {