优化使用体验

This commit is contained in:
2025-08-11 10:40:56 +08:00
parent 21c01d51d5
commit 360b5a846d
8 changed files with 172 additions and 89 deletions
+32
View File
@@ -102,6 +102,27 @@ export default function RulesFiles() {
const [isLoading, setIsLoading] = useState(true);
const [reviewType, setReviewType] = useState<string | null>(null);
// 保存/恢复 查询参数 的 sessionStorage key
const SEARCH_PARAMS_STORAGE_KEY = 'rulesFiles.searchParams';
const persistSearchParams = useCallback((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
}, []);
// 处理初始加载数据loader的错误
useEffect(() => {
if(result === false && message) {
@@ -254,6 +275,7 @@ export default function RulesFiles() {
// 切换筛选条件时,重置到第一页
newParams.set('page', '1');
persistSearchParams(newParams);
setSearchParams(newParams);
};
@@ -269,6 +291,7 @@ export default function RulesFiles() {
// 搜索时,重置到第一页
newParams.set('page', '1');
persistSearchParams(newParams);
setSearchParams(newParams);
};
@@ -276,6 +299,7 @@ export default function RulesFiles() {
const handlePageChange = (page: number) => {
const newParams = new URLSearchParams(searchParams);
newParams.set('page', page.toString());
persistSearchParams(newParams);
setSearchParams(newParams);
};
@@ -284,6 +308,7 @@ export default function RulesFiles() {
const newParams = new URLSearchParams(searchParams);
newParams.set('pageSize', size.toString());
newParams.set('page', '1'); // 改变每页条数时重置为第一页
persistSearchParams(newParams);
setSearchParams(newParams);
};
@@ -311,6 +336,10 @@ export default function RulesFiles() {
}
// 导航到评查详情页
// 在离开当前页前保存当前查询参数,返回时可恢复
if (typeof window !== 'undefined') {
sessionStorage.setItem(SEARCH_PARAMS_STORAGE_KEY, searchParams.toString());
}
navigate(`/reviews?id=${fileId}&previousRoute=rulesFiles`);
};
@@ -412,6 +441,9 @@ export default function RulesFiles() {
if(searchInput) {
(searchInput as HTMLInputElement).value = '';
}
if (typeof window !== 'undefined') {
sessionStorage.removeItem(SEARCH_PARAMS_STORAGE_KEY);
}
setSearchParams(newParams);
};