添加合同和卷宗数据隔离

app/components/layout/Sidebar.tsx

@@ -16,11 +16,92 @@ interface SidebarProps {
   onToggle: () => void;
   collapsed: boolean;
   userRole: UserRole;
+  selectedApp?: string; // 添加所选应用模块参数
 }
 
-export function Sidebar({ onToggle, collapsed, userRole }: SidebarProps) {
+// 定义不同应用模块下显示的菜单项ID
+const APP_MENU_MAP = {
+  'contract': ['home', 'contract-template', 'file-management', 'rule-management', 'system-settings'],
+  'record': ['home', 'file-management', 'rule-management', 'system-settings'],
+  'model': ['home']
+};
+
+// 应用模块名称映射
+const APP_NAME_MAP: Record<string, string> = {
+  'contract': '合同管理',
+  'record': '案卷智能评查',
+  'model': '智慧法务大模型'
+};
+
+// 应用模块图标映射
+const APP_ICON_MAP: Record<string, string> = {
+  'contract': 'ri-file-list-2-fill',
+  'record': 'ri-folder-shared-fill',
+  'model': 'ri-robot-2-fill'
+};
+
+export function Sidebar({ onToggle, collapsed, userRole, selectedApp = 'contract' }: SidebarProps) {
   const location = useLocation();
   const [expandedMenus, setExpandedMenus] = useState<Record<string, boolean>>({});
+  const [currentApp, setCurrentApp] = useState<string>(selectedApp);
+  
+  // 从 sessionStorage 获取 reviewType 并设置当前应用模块
+  useEffect(() => {
+    // 初始加载时获取 reviewType
+    const updateReviewType = () => {
+      if (typeof window !== 'undefined') {
+        const reviewType = sessionStorage.getItem('reviewType');
+        if (reviewType) {
+          setCurrentApp(reviewType);
+        }
+      }
+    };
+    
+    // 首次执行
+    updateReviewType();
+    
+    // 设置轮询，每秒检查一次 reviewType 变化
+    const intervalId = setInterval(updateReviewType, 1000);
+    
+    // 添加自定义事件监听
+    const handleReviewTypeChange = () => {
+      updateReviewType();
+    };
+    
+    // 监听 sessionStorage 变化
+    const handleStorageChange = (e: StorageEvent) => {
+      if (e.key === 'reviewType' && e.newValue) {
+        setCurrentApp(e.newValue);
+      }
+    };
+    
+    // 添加事件监听器
+    window.addEventListener('reviewTypeChange', handleReviewTypeChange);
+    window.addEventListener('storage', handleStorageChange);
+    
+    return () => {
+      clearInterval(intervalId);
+      window.removeEventListener('reviewTypeChange', handleReviewTypeChange);
+      window.removeEventListener('storage', handleStorageChange);
+    };
+  }, []);
+  
+  // 监听路由变化，重新检查 reviewType
+  useEffect(() => {
+    if (typeof window !== 'undefined') {
+      const reviewType = sessionStorage.getItem('reviewType');
+      if (reviewType) {
+        setCurrentApp(reviewType);
+      }
+    }
+  }, [location.pathname]);
+  
+  // 监听 selectedApp 属性变化
+  useEffect(() => {
+    if (selectedApp) {
+      setCurrentApp(selectedApp);
+    }
+  }, [selectedApp]);
   
   const menuItems: MenuItem[] = [
     {
@@ -187,12 +268,21 @@ export function Sidebar({ onToggle, collapsed, userRole }: SidebarProps) {
     // console.log('子菜单点击:', child.title, '路径:', child.path);
   };
 
-  // 根据用户角色过滤菜单项
+  // 获取当前应用模式下应显示的菜单ID列表
+  const visibleMenuIds = APP_MENU_MAP[currentApp as keyof typeof APP_MENU_MAP] || APP_MENU_MAP['contract'];
+
+  // 根据用户角色和当前应用模式过滤菜单项
   const filteredMenuItems = menuItems.filter(item => {
     // 如果菜单项需要特定角色但用户没有
     if (item.requiredRole && item.requiredRole !== userRole) {
       return false;
     }
+    
+    // 检查当前菜单是否在所选应用模式中显示
+    if (!visibleMenuIds.includes(item.id)) {
+      return false;
+    }
+    
     return true;
   });
   
@@ -213,17 +303,17 @@ export function Sidebar({ onToggle, collapsed, userRole }: SidebarProps) {
         </button>
       </div>
       
-      {/* {!collapsed && (
-        <div className="user-profile p-4 border-b border-gray-100 flex items-center">
-          <div className="avatar w-10 h-10 rounded-full bg-primary text-white flex items-center justify-center">
-            <span>管</span>
+      {!collapsed && (
+        <div className="px-4 py-3 border-b border-gray-100">
+          <div className="flex items-center text-green-700">
+            <i className={`${APP_ICON_MAP[currentApp] || 'ri-file-list-2-fill'} mr-2 text-xl`}></i>
+            <span className="font-medium">{APP_NAME_MAP[currentApp] || '合同管理'}</span>
           </div>
-          <div className="ml-3">
-            <p className="text-sm font-medium">系统管理员</p>
-            <p className="text-xs text-gray-500">超级管理员</p>
+          <div className="text-xs text-gray-500 mt-1">
+            当前模块: {APP_NAME_MAP[currentApp] || '合同管理'}
           </div>
         </div>
-      )} */}
+      )}
       
       <div className="py-4 px-[10px]">
         {filteredMenuItems.map((item) => (