feat(导航): 调整导航菜单和首页功能顺序
将"49过程矩阵"移至导航菜单第二位,并在首页添加对应功能卡片 移除不再使用的可视化功能 优化全屏模式下的样式处理
This commit is contained in:
@@ -14,9 +14,9 @@ import {
|
|||||||
|
|
||||||
const navItems = [
|
const navItems = [
|
||||||
{ path: '/', label: '首页', icon: Home },
|
{ path: '/', label: '首页', icon: Home },
|
||||||
|
{ path: '/process-matrix', label: '49过程矩阵', icon: LayoutGrid },
|
||||||
{ path: '/knowledge-areas', label: '知识领域', icon: BookOpen },
|
{ path: '/knowledge-areas', label: '知识领域', icon: BookOpen },
|
||||||
{ path: '/process-groups', label: '过程组', icon: Layers },
|
{ path: '/process-groups', label: '过程组', icon: Layers },
|
||||||
{ path: '/process-matrix', label: '49过程矩阵', icon: LayoutGrid },
|
|
||||||
{ path: '/process-graph', label: '过程关系图', icon: Share2 },
|
{ path: '/process-graph', label: '过程关系图', icon: Share2 },
|
||||||
{ path: '/settings', label: '设置', icon: Settings },
|
{ path: '/settings', label: '设置', icon: Settings },
|
||||||
]
|
]
|
||||||
|
|||||||
@@ -1,9 +1,17 @@
|
|||||||
import { Link } from 'react-router-dom'
|
import { Link } from 'react-router-dom'
|
||||||
import { motion } from 'framer-motion'
|
import { motion } from 'framer-motion'
|
||||||
import { BookOpen, Layers, GitBranch, ArrowRight } from 'lucide-react'
|
import { BookOpen, Layers, LayoutGrid, ArrowRight } from 'lucide-react'
|
||||||
import { stats } from '@/data'
|
import { stats } from '@/data'
|
||||||
|
|
||||||
const features = [
|
const features = [
|
||||||
|
{
|
||||||
|
icon: LayoutGrid,
|
||||||
|
title: '49过程矩阵',
|
||||||
|
description: '全景展示5大过程组与10大知识领域的49个过程',
|
||||||
|
link: '/process-matrix',
|
||||||
|
color: 'from-emerald-500 to-teal-500',
|
||||||
|
count: stats.processCount,
|
||||||
|
},
|
||||||
{
|
{
|
||||||
icon: BookOpen,
|
icon: BookOpen,
|
||||||
title: '知识领域',
|
title: '知识领域',
|
||||||
@@ -20,14 +28,6 @@ const features = [
|
|||||||
color: 'from-blue-500 to-cyan-500',
|
color: 'from-blue-500 to-cyan-500',
|
||||||
count: stats.processGroupCount,
|
count: stats.processGroupCount,
|
||||||
},
|
},
|
||||||
{
|
|
||||||
icon: GitBranch,
|
|
||||||
title: '可视化',
|
|
||||||
description: 'ITTO流程图和数据流向可视化分析',
|
|
||||||
link: '/visualize',
|
|
||||||
color: 'from-emerald-500 to-teal-500',
|
|
||||||
count: stats.processCount,
|
|
||||||
},
|
|
||||||
]
|
]
|
||||||
|
|
||||||
const containerVariants = {
|
const containerVariants = {
|
||||||
@@ -75,10 +75,10 @@ export function HomePage() {
|
|||||||
<ArrowRight size={18} />
|
<ArrowRight size={18} />
|
||||||
</Link>
|
</Link>
|
||||||
<Link
|
<Link
|
||||||
to="/visualize"
|
to="/process-matrix"
|
||||||
className="inline-flex items-center gap-2 px-6 py-3 bg-white/20 text-white rounded-lg font-medium hover:bg-white/30 transition-colors"
|
className="inline-flex items-center gap-2 px-6 py-3 bg-white/20 text-white rounded-lg font-medium hover:bg-white/30 transition-colors"
|
||||||
>
|
>
|
||||||
查看可视化
|
查看过程矩阵
|
||||||
</Link>
|
</Link>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -31,7 +31,7 @@ export function ProcessMatrixPage() {
|
|||||||
}, [isFullScreen, setMatrixFullScreen])
|
}, [isFullScreen, setMatrixFullScreen])
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className={clsx("space-y-6", isFullScreen && "fixed inset-0 z-50 bg-white dark:bg-gray-900 p-0 m-0 space-y-0")}>
|
<div className={clsx(isFullScreen ? "fixed inset-0 z-50 bg-white dark:bg-gray-900 p-0 m-0" : "space-y-6")}>
|
||||||
{/* 隐藏滚动条的样式 */}
|
{/* 隐藏滚动条的样式 */}
|
||||||
{isFullScreen && (
|
{isFullScreen && (
|
||||||
<style>{`
|
<style>{`
|
||||||
|
|||||||
Reference in New Issue
Block a user