feat: 新增流程总览图页面及导航功能

添加流程总览图页面,包含五组十域可交互SVG流程图,支持模块点击跳转至对应流程详情页。同时在侧边栏和首页添加导航入口,优化流程详情页的返回逻辑和布局样式。
This commit is contained in:
史悦
2026-02-06 10:59:26 +08:00
parent 59974c4969
commit 409e388403
8 changed files with 408 additions and 16 deletions

View File

@@ -30,9 +30,7 @@ export function Layout({ children }: LayoutProps) {
sidebarOpen ? 'lg:ml-64' : 'lg:ml-20'
)}
>
<div className="mx-auto max-w-7xl">
{children}
</div>
{children}
</main>
</div>
</div>

View File

@@ -6,6 +6,7 @@ import {
BookOpen,
Layers,
LayoutGrid,
Workflow,
Share2,
Settings,
ChevronLeft,
@@ -15,6 +16,7 @@ import {
const navItems = [
{ path: '/', label: '首页', icon: Home },
{ path: '/process-matrix', label: '49过程矩阵', icon: LayoutGrid },
{ path: '/process-roadmap', label: '流程总览图', icon: Workflow },
{ path: '/knowledge-areas', label: '知识领域', icon: BookOpen },
{ path: '/process-groups', label: '过程组', icon: Layers },
{ path: '/process-graph', label: '过程关系图', icon: Share2 },

View File

@@ -110,18 +110,26 @@ export function ProcessMatrix({ className, isFullScreen = false }: ProcessMatrix
state={{ from: 'matrix' }}
className={clsx(
"block px-2 py-1.5 rounded text-xs hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors",
isFullScreen && "flex items-center h-full"
isFullScreen && "h-full"
)}
title={p.name}
>
<span
className="inline-block px-1.5 py-0.5 rounded text-white font-medium mr-1 shrink-0"
style={{ backgroundColor: ka.color, fontSize: '10px' }}
>
{p.code}
</span>
<span className="text-gray-700 dark:text-gray-300 line-clamp-2">
{p.name}
</span>
<div className={clsx("flex items-center gap-1 min-w-0", isFullScreen && "h-full")}>
<span
className="inline-block px-1.5 py-0.5 rounded text-white font-medium shrink-0"
style={{ backgroundColor: ka.color, fontSize: '10px' }}
>
{p.code}
</span>
<span
className={clsx(
"block min-w-0 text-gray-700 dark:text-gray-300",
isFullScreen ? "line-clamp-2" : "truncate"
)}
>
{p.name}
</span>
</div>
</Link>
))}
{cellProcesses.length === 0 && (