生产管理系统前端-1.修复两处滚动条 2.尽可能缩小菜单收缩,并且删除面包屑

This commit is contained in:
2025-10-22 17:46:12 +08:00
parent 8ea90d980b
commit 9866a86f32
4 changed files with 53 additions and 111 deletions

View File

@@ -229,44 +229,30 @@ export function SideBarOld({
// 使用 Next.js 标准路由跳转
router.push(path);
};
// 获取当前页面的面包屑
const getCurrentBreadcrumb = () => {
const allItems: { label: string; path?: string }[] = [];
menus.forEach(menu => {
if (menu.children?.some(child => child.path === currentPath)) {
allItems.push({ label: menu.label });
const activeChild = menu.children.find(child => child.path === currentPath);
if (activeChild) {
allItems.push({ label: activeChild.label });
}
}
});
return allItems;
};
return (
<div className="flex h-screen bg-gray-100 bodySon2">
{/* 左侧导航栏 */}
<LeftSidebar
menus={menus}
activePath={currentPath}
onNavigate={handleNavigate}
isMobile={isMobile}
isCollapsed={!isMobile && isCollapsed}
onToggleCollapse={() => setIsCollapsed(!isCollapsed)}
/>
<div className="flex h-full bg-gray-100">
{/* 左侧导航栏 - 独立滚动 */}
<div className="sidebarScroll">
<LeftSidebar
menus={menus}
activePath={currentPath}
onNavigate={handleNavigate}
isMobile={isMobile}
isCollapsed={!isMobile && isCollapsed}
onToggleCollapse={() => setIsCollapsed(!isCollapsed)}
/>
</div>
{/* 右侧主内容 */}
<MainContent
breadcrumb={getCurrentBreadcrumb()}
isMobile={isMobile}
sidebarOpen={!isCollapsed}
onToggleSidebar={() => setIsCollapsed(!isCollapsed)}
>
{children}
</MainContent>
{/* 右侧主内容 - 独立滚动 */}
<div className="flex-1 contentScroll">
<MainContent
isMobile={isMobile}
sidebarOpen={!isCollapsed}
onToggleSidebar={() => setIsCollapsed(!isCollapsed)}
>
{children}
</MainContent>
</div>
</div>
);
}