添加合同和卷宗数据隔离

app/routes/rules._index.tsx

@@ -1,6 +1,6 @@
 import React, { useState, useEffect } from 'react';
 import { type MetaFunction, type LoaderFunctionArgs } from "@remix-run/node";
-import { useLoaderData, useSearchParams, Link, useNavigate, useFetcher } from "@remix-run/react";
+import { useLoaderData, useSearchParams, Link, useNavigate, useFetcher, useRouteLoaderData } from "@remix-run/react";
 import { Button } from '~/components/ui/Button';
 import { Card } from '~/components/ui/Card';
 import { Tag } from '~/components/ui/Tag';
@@ -45,7 +45,6 @@ export type LoaderData = {
   pageSize: number;
   totalPages: number;
   ruleTypes: ApiRuleType[]; // 添加评查点类型
-  userRole: UserRole; // 添加用户角色
 };
 
 // API返回的数据映射到前端模型
@@ -121,18 +120,12 @@ export async function loader({ request }: LoaderFunctionArgs) {
     const totalCount = response.data?.totalCount || 0;
     const rules = apiRules.map((apiRule: ApiRule) => mapApiRuleToModel(apiRule));
     
-    // 从sessionStorage获取用户角色
-    const userRoleFromSession = typeof document !== 'undefined' 
-      ? sessionStorage.getItem('userRole') || 'common'
-      : 'common';
-  
     return Response.json({
       rules,
       totalCount,
       currentPage: params.page,
       pageSize: params.pageSize,
-      ruleTypes,
-      userRole: userRoleFromSession as UserRole
+      ruleTypes
     }, {
       headers: {
         "Cache-Control": "max-age=60, s-maxage=180"
@@ -186,15 +179,13 @@ const priorityLabels = {
 
 export default function RulesIndex() {
   const loaderData = useLoaderData<typeof loader>();
-  const { rules, totalCount, currentPage, pageSize, userRole } = loaderData;
+  const rootData = useRouteLoaderData("root") as { userRole: UserRole };
+  const { rules, totalCount, currentPage, pageSize } = loaderData;
   const ruleTypes = loaderData.ruleTypes || []; // 添加默认空数组避免undefined
   const [searchParams, setSearchParams] = useSearchParams();
   const navigate = useNavigate();
   const fetcher = useFetcher<ActionResponse>();
 
-  // 检查用户是否为开发者角色
-  const isDeveloper = userRole === 'developer';
-
   // 状态管理
   const [ruleGroups, setRuleGroups] = useState<RuleGroup[]>([]);
   const [loadingGroups, setLoadingGroups] = useState(false);
@@ -205,6 +196,10 @@ export default function RulesIndex() {
   // 判断是否禁用规则组选择
   const isRuleGroupSelectDisabled = loadingGroups || !ruleTypeParam || ruleGroups.length === 0;
   
+  // 检查用户是否为开发者角色
+  const userRole = rootData?.userRole || 'common';
+  const isDeveloper = userRole === 'developer';
+  
   // 使用useEffect监听loaderData.error变化并显示Toast
   useEffect(() => {
     if(loaderData.error) {