优化使用体验

app/routes/rules._index.tsx

@@ -188,6 +188,26 @@ export default function RulesIndex() {
   // 添加一个状态来跟踪是否执行了删除操作
   const [isDeleting, setIsDeleting] = useState(false);
   
+  // 查询参数记忆 key 与保存/恢复
+  const SEARCH_PARAMS_STORAGE_KEY = 'rules.searchParams';
+  const persistSearchParams = (params: URLSearchParams) => {
+    if (typeof window !== 'undefined') {
+      sessionStorage.setItem(SEARCH_PARAMS_STORAGE_KEY, params.toString());
+    }
+  };
+  
+  // 首次进入页且 URL 无参数时尝试恢复
+  useEffect(() => {
+    if (typeof window === 'undefined') return;
+    const hasAnyParam = Array.from(searchParams.keys()).length > 0;
+    const stored = sessionStorage.getItem(SEARCH_PARAMS_STORAGE_KEY);
+    if (!hasAnyParam && stored) {
+      setSearchParams(new URLSearchParams(stored));
+    }
+    // 仅初始化检查一次
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  
   // 获取当前的ruleType值
   const ruleTypeParam = searchParams.get('ruleType');
   
@@ -416,7 +436,7 @@ export default function RulesIndex() {
     
     // 切换筛选条件时，重置到第一页
     newParams.set('page', '1');
-    
+    persistSearchParams(newParams);
     setSearchParams(newParams);
   };
   
@@ -431,7 +451,7 @@ export default function RulesIndex() {
     
     // 搜索时，重置到第一页
     newParams.set('page', '1');
-    
+    persistSearchParams(newParams);
     setSearchParams(newParams);
   };
 
@@ -463,6 +483,7 @@ export default function RulesIndex() {
   const handlePageChange = (page: number) => {
     const newParams = new URLSearchParams(searchParams);
     newParams.set('page', page.toString());
+    persistSearchParams(newParams);
     setSearchParams(newParams);
   };
 
@@ -471,6 +492,7 @@ export default function RulesIndex() {
     const newParams = new URLSearchParams(searchParams);
     newParams.set('pageSize', size.toString());
     newParams.set('page', '1'); // 更改每页条数时，重置到第一页
+    persistSearchParams(newParams);
     setSearchParams(newParams);
   };
   
@@ -482,6 +504,9 @@ export default function RulesIndex() {
     }
     // 保留reviewType的过滤条件，只重置其他条件
     const newParams = new URLSearchParams();
+    if (typeof window !== 'undefined') {
+      sessionStorage.removeItem(SEARCH_PARAMS_STORAGE_KEY);
+    }
     setSearchParams(newParams);
   };