feat(frontend): 资源池统计视图 #6519

# Reviewed, transaction id: 20037
TencentBlueKing · Oct 9, 2024 · c242435 · c242435
1 parent 477a5d2
commit c242435
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 15 deletions.
diff --git a/dbm-ui/frontend/src/views/resource-manage/pool/host-list/components/search-box/Index.vue b/dbm-ui/frontend/src/views/resource-manage/pool/host-list/components/search-box/Index.vue
@@ -68,21 +68,23 @@
       const config = fieldConfig[fieldName as keyof typeof fieldConfig];
       const value = route.query[fieldName] as string;
 
-      if (config && value) {
-        switch (config.type) {
-          case 'array':
-            searchParams.value[fieldName] = value.split(',');
-            break;
-          case 'rang':
-            searchParams.value[fieldName] = value.split('-');
-            break;
-          case 'number':
-            searchParams.value[fieldName] = Number(value);
-            break;
-          default:
-            searchParams.value[fieldName] = value;
-        }
+      if (!config) {
+        return;
       }
+
+      if (value === '') {
+        delete searchParams.value[fieldName];
+        return;
+      }
+
+      const typeHandlers = {
+        array: () => value.split(','),
+        rang: () => value.split('-'),
+        number: () => Number(value),
+        string: () => value,
+      };
+
+      searchParams.value[fieldName] = typeHandlers[config.type]();
     });
   };
 

diff --git a/dbm-ui/frontend/src/views/resource-manage/pool/summary-view/components/List.vue b/dbm-ui/frontend/src/views/resource-manage/pool/summary-view/components/List.vue
@@ -15,6 +15,7 @@
       ref="loadingRef"
       :loading="loading">
       <BkTable
+        ref="tableRef"
         class="summary-view-table"
         :data="tableData"
         :pagination="pagination"
@@ -100,6 +101,7 @@
 
   const loadingRef = ref();
   const dimension = ref('spec');
+  const tableRef = ref();
   const pagination = ref(useDefaultPagination());
   const isAnomalies = ref(false);
   const allTableData = shallowRef<SummaryModel[]>([]);
@@ -135,11 +137,13 @@
 
   const handleChangeDimension = (value: string) => {
     dimension.value = value;
+    handleChangePage(1);
     fetchListData();
   };
 
   const handleChangePage = (value: number) => {
     pagination.value.current = value;
+    tableRef.value.scrollTo(0, 0);
   };
 
   const handeChangeLimit = (value: number) => {
@@ -152,7 +156,7 @@
       for_biz: row.dedicated_biz,
       resource_type: getSearchParams().db_type,
       city: row.city,
-      subzone_ids: subzoneId,
+      subzone_ids: subzoneId || '',
       spec_id: row.spec_id,
       device_class: row.device_class,
       mount_point: row.disk_summary?.[0].mount_point,