feat: 完成产线与仓储系统多模块迭代升级

本次迭代覆盖MES与WMS核心业务:
1. 新增接驳台托盘传感器读取与AGV对接能力
2. 完善工单排产、备料流程与权限体系拆分
3. 优化看板接口与前端路由、样式
4. 新增操作日志、库存盘点与角色保护逻辑
5. 修复代理地址、BOM保存等已知问题
This commit is contained in:
SunYF
2026-09-04 14:18:53 +08:00
parent c1fc6d32b2
commit b6799c9de4
138 changed files with 20613 additions and 2220 deletions
+30 -24
View File
@@ -1,49 +1,56 @@
import { useState } from 'react';
import { useEffect, useState } from 'react';
import { Layout, Nav, Tag, Spin } from '@douyinfe/semi-ui';
import { IconMonitorStroked, IconSaveStroked, IconAlertCircle, IconGridView } from '@douyinfe/semi-icons';
import { IconMonitorStroked, IconSaveStroked, IconGridView } from '@douyinfe/semi-icons';
import { useDashboardData } from '@bj_power_dashboard/hooks/useDashboardData';
import { ProductionBoard } from '@bj_power_dashboard/pages/ProductionBoard';
import { WarehouseBoard } from '@bj_power_dashboard/pages/WarehouseBoard';
import { AlarmBoard } from '@bj_power_dashboard/pages/AlarmBoard';
import { LineModel } from '@bj_power_dashboard/pages/LineModel';
import { ErrorRetry } from '@bj_power_dashboard/components/ErrorRetry';
type PageKey = 'production' | 'warehouse' | 'alarms' | 'model';
type PageKey = 'production' | 'warehouse' | 'model';
const navItems = [
{ itemKey: 'production', text: '生产总览', icon: <IconMonitorStroked /> },
{ itemKey: 'warehouse', text: '仓储动态', icon: <IconSaveStroked /> },
{ itemKey: 'model', text: '产线孪生', icon: <IconGridView /> },
];
const CYCLE_ORDER: PageKey[] = ['production', 'warehouse', 'model'];
const CYCLE_MS = 40_000;
export function App() {
const [page, setPage] = useState<PageKey>('production');
const { data: dashboard, mode, error, retry } = useDashboardData();
const loading = !dashboard && !error;
const navItems = [
{ itemKey: 'production', text: '生产数据看板', icon: <IconMonitorStroked /> },
{ itemKey: 'warehouse', text: '仓储数据看板', icon: <IconSaveStroked /> },
{ itemKey: 'alarms', text: '异常报警', icon: <IconAlertCircle /> },
{ itemKey: 'model', text: '产线模型', icon: <IconGridView /> },
];
// 无人值守自动轮播:40s 切下一屏;手动点选后重新计时
useEffect(() => {
const timer = setInterval(() => {
setPage((cur) => {
const idx = CYCLE_ORDER.indexOf(cur);
return CYCLE_ORDER[(idx + 1) % CYCLE_ORDER.length];
});
}, CYCLE_MS);
return () => clearInterval(timer);
}, [page]);
const selectPage = (k: string) => setPage(k as PageKey);
return (
<Layout className="app-shell">
<Layout.Header className="app-header">
<div className="app-title">线 · </div>
<div className="app-meta">
{mode === 'sse' ? (
<Tag color="green">SSE </Tag>
) : mode === 'polling' ? (
<Tag color="blue">HTTP 10s</Tag>
) : (
<Tag color="grey"></Tag>
)}
{mode === 'sse' && <Tag color="green"></Tag>}
{mode === 'polling' && <Tag color="blue"></Tag>}
{mode === 'demo' && <Tag color="amber"></Tag>}
{mode === 'init' && <Tag color="grey"></Tag>}
<span className="clock">{new Date().toLocaleTimeString('zh-CN')}</span>
</div>
</Layout.Header>
<Layout.Sider style={{ background: 'transparent' }}>
<Nav
selectedKeys={[page]}
onSelect={(k) => setPage(k.itemKey as PageKey)}
items={navItems}
/>
<Nav selectedKeys={[page]} onSelect={(k) => selectPage(String(k.itemKey))} items={navItems} />
</Layout.Sider>
<Layout.Content className="app-content">
@@ -55,11 +62,10 @@ export function App() {
<ErrorRetry error={error} mode={mode} loading={loading} onRetry={retry}>
{dashboard && page === 'production' && <ProductionBoard data={dashboard} />}
{dashboard && page === 'warehouse' && <WarehouseBoard data={dashboard} />}
{dashboard && page === 'alarms' && <AlarmBoard data={dashboard} />}
{dashboard && page === 'model' && <LineModel data={dashboard} />}
</ErrorRetry>
)}
</Layout.Content>
</Layout>
);
}
}