优化评查详情中用户操作的更新刷新为热更新

This commit is contained in:
2025-05-08 17:38:14 +08:00
parent 491e1b119a
commit 0a76f8dbd1
7 changed files with 356 additions and 230 deletions
+21 -2
View File
@@ -1,14 +1,33 @@
import React, { useState, useEffect } from 'react';
import { Sidebar } from './Sidebar';
import { Header } from './Header';
// import { Header } from './Header';
import { Breadcrumb } from './Breadcrumb';
import { useMatches } from '@remix-run/react';
interface LayoutProps {
children: React.ReactNode;
}
// 添加一个接口表示路由handle可能包含的属性
interface RouteHandle {
hideBreadcrumb?: boolean;
[key: string]: any;
}
interface Match {
handle?: RouteHandle;
pathname: string;
data: unknown;
}
export function Layout({ children }: LayoutProps) {
const [sidebarCollapsed, setSidebarCollapsed] = useState(false);
const matches = useMatches() as Match[];
// 检查当前路由是否应该隐藏默认面包屑
const shouldHideBreadcrumb = matches.some(match =>
match.handle && match.handle.hideBreadcrumb === true
);
// 从本地存储中获取侧边栏状态
useEffect(() => {
@@ -34,7 +53,7 @@ export function Layout({ children }: LayoutProps) {
<div className={`main-content ${sidebarCollapsed ? 'sidebar-collapsed' : ''}`}>
{/* <Header username="系统管理员" /> */}
<div className="content-container">
<Breadcrumb />
{!shouldHideBreadcrumb && <Breadcrumb />}
{children}
</div>
</div>