feat: 添加过程矩阵全屏功能并优化部署配置
添加过程矩阵全屏查看功能,包括状态管理、快捷键支持和响应式布局 优化 Dockerfile 使用 npm ci 并添加生产环境标志 添加 nginx 配置支持 SPA 路由和静态资源缓存
This commit is contained in:
@@ -4,13 +4,18 @@
|
||||
*/
|
||||
import { Link } from 'react-router-dom'
|
||||
import { motion } from 'framer-motion'
|
||||
import { clsx } from 'clsx'
|
||||
import {
|
||||
knowledgeAreas,
|
||||
processGroups,
|
||||
processes,
|
||||
} from '@/data'
|
||||
|
||||
export function ProcessMatrix() {
|
||||
interface ProcessMatrixProps {
|
||||
className?: string
|
||||
}
|
||||
|
||||
export function ProcessMatrix({ className }: ProcessMatrixProps) {
|
||||
// 构建矩阵数据:knowledgeAreaId -> processGroupId -> Process[]
|
||||
const matrix = new Map<string, Map<string, typeof processes>>()
|
||||
|
||||
@@ -33,7 +38,7 @@ export function ProcessMatrix() {
|
||||
})
|
||||
|
||||
return (
|
||||
<div className="overflow-x-auto">
|
||||
<div className={clsx("overflow-x-auto", className)}>
|
||||
<table className="w-full border-collapse min-w-[900px]">
|
||||
{/* 表头:过程组 */}
|
||||
<thead>
|
||||
|
||||
Reference in New Issue
Block a user