完善卷宗和合同的数据隔离的效果

app/routes/rules-files.tsx

@@ -7,8 +7,8 @@ import { FileIcon } from "~/components/ui/FileIcon";
 import { FilterPanel, FilterSelect, SearchFilter, DateRangeFilter } from "~/components/ui/FilterPanel";
 import { Pagination } from "~/components/ui/Pagination";
 import { Table } from "~/components/ui/Table";
-import { Tag } from "~/components/ui/Tag";
 import { StatusBadge } from "~/components/ui/StatusBadge";
+import { FileTypeTag, links as fileTypeTagLinks } from "~/components/ui/FileTypeTag";
 import rulesFilesStyles from "~/styles/pages/rules-files.css?url";
 import { 
   getReviewFiles, 
@@ -22,7 +22,8 @@ import { toastService } from "~/components/ui/Toast";
 import { downloadFile } from "~/api/axios-client";
 
 export const links = () => [
-  { rel: "stylesheet", href: rulesFilesStyles }
+  { rel: "stylesheet", href: rulesFilesStyles },
+  ...fileTypeTagLinks()
 ];
 
 export const handle = {
@@ -153,10 +154,11 @@ export default function RulesFiles() {
     try {
       if (typeof window !== 'undefined') {
         const storedReviewType = sessionStorage.getItem('reviewType');
-        setReviewType(storedReviewType);
         
         // 根据 reviewType 过滤文档类型选项
         if (storedReviewType) {
+          setReviewType(storedReviewType);
+          
           if (storedReviewType === 'contract') {
             // 只保留 id=1 的选项
             const filteredTypes = allDocumentTypes.filter((type: {id: number}) => type.id === 1);
@@ -167,14 +169,57 @@ export default function RulesFiles() {
             setDocumentTypes(filteredTypes);
           }
           
-          // 加载数据
-          fetchData(Object.fromEntries(searchParams.entries()));
+          // 直接使用 storedReviewType 构建搜索参数
+          const currentParams = Object.fromEntries(searchParams.entries());
+          const apiSearchParams: DocumentSearchParams = {
+            fileType: currentParams.fileType || undefined,
+            reviewStatus: currentParams.reviewStatus || undefined,
+            dateFrom: currentParams.dateFrom || undefined,
+            dateTo: currentParams.dateTo || undefined,
+            keyword: currentParams.keyword || undefined,
+            sortOrder: currentParams.sortOrder || 'upload_time_desc',
+            page: parseInt(currentParams.page || "1", 10),
+            pageSize: parseInt(currentParams.pageSize || "10", 10)
+          };
+          
+          // 根据 storedReviewType 添加类型过滤
+          if (storedReviewType === 'contract') {
+            apiSearchParams.fileType = '1';
+          } else if (storedReviewType === 'record') {
+            apiSearchParams.fileType = 'record';
+          }
+          
+          // 如果用户手动选择了文件类型，优先使用用户选择的
+          if (currentParams.fileType) {
+            apiSearchParams.fileType = currentParams.fileType;
+          }
+          
+          // 设置加载状态
+          setIsLoading(true);
+          
+          // 获取文件列表
+          getReviewFiles(apiSearchParams)
+            .then(filesResponse => {
+              if (filesResponse.error) {
+                throw new Error(filesResponse.error);
+              }
+              
+              setFiles(filesResponse.data?.files || []);
+              setTotalCount(filesResponse.data?.total || 0);
+            })
+            .catch(error => {
+              console.error('获取评查文件列表失败:', error);
+              toastService.error('获取评查文件列表失败: ' + (error instanceof Error ? error.message : '未知错误'));
+            })
+            .finally(() => {
+              setIsLoading(false);
+            });
         }
       }
     } catch (error) {
       console.error('获取 sessionStorage 中的 reviewType 失败:', error);
     }
-  }, [allDocumentTypes, fetchData, searchParams]);
+  }, [allDocumentTypes, searchParams]);
 
   // 监听 URL 参数变化，重新获取数据
   useEffect(() => {
@@ -382,12 +427,14 @@ export default function RulesFiles() {
       key: "fileType",
       width: "12%",
       render: (_: unknown, file: ReviewFileUI) => (
-        <Tag 
-          color="blue"
-          size="sm"
-        >
-          {file.fileType}
-        </Tag>
+        <FileTypeTag 
+          type="other" 
+          typeName={file.fileType}
+          text={file.fileType}
+          size="sm" 
+          showIcon={false}
+          colorMode="light"
+        />
       )
     },
     {