feat(floorplan): 新增机房平面图功能模块

refactor(models): 为Room和Rack模型添加布局相关字段
feat(routes): 实现机房平面图相关API接口
feat(components): 添加平面图编辑器、画布渲染及交互组件
feat(hooks): 实现平面图数据管理和状态管理
feat(pages): 新增机房平面图页面入口
style(components): 优化平面图组件样式和交互体验
This commit is contained in:
zhang1106
2026-04-30 16:26:39 +08:00
parent 4ab5265882
commit 979c28fdcd
34 changed files with 3108 additions and 62 deletions
+8
View File
@@ -35,6 +35,7 @@ import {
PartitionOutlined,
CodepenOutlined,
CloudUploadOutlined,
LayoutOutlined,
} from '@ant-design/icons';
import {
BrowserRouter as Router,
@@ -83,6 +84,7 @@ const RemoteBackupSettings = lazy(() => import('./pages/RemoteBackupSettings'));
const OperationLogs = lazy(() => import('./pages/OperationLogs'));
const ErrorBoundaryTest = lazy(() => import('./pages/ErrorBoundaryTest'));
const IdleDeviceManagement = lazy(() => import('./pages/IdleDeviceManagement'));
const RoomFloorPlan = lazy(() => import('./pages/RoomFloorPlan'));
const { Header, Content, Sider } = Layout;
@@ -242,6 +244,11 @@ const AppLayout = ({ children }) => {
icon: <CodepenOutlined style={{ fontSize: '16px' }} />,
label: <Link to="/visualization-3d">3D机柜可视化</Link>,
},
{
key: 'floor-plan',
icon: <LayoutOutlined style={{ fontSize: '16px' }} />,
label: <Link to="/floor-plan">机房平面图</Link>,
},
],
},
{
@@ -608,6 +615,7 @@ const routeConfig = [
{ path: '/operation-logs', component: OperationLogs },
{ path: '/error-boundary-test', component: ErrorBoundaryTest },
{ path: '/idle-devices', component: IdleDeviceManagement },
{ path: '/floor-plan', component: RoomFloorPlan },
];
const ThemeConfig = () => {