在前后端开发联调前 的提交20260223

apps/admin-web/src/App.tsx

@@ -17,6 +17,7 @@ import {
   DashboardOutlined,
   FileTextOutlined,
   LogoutOutlined,
+  DesktopOutlined,
 } from "@ant-design/icons";
 import type { MenuProps } from "antd";
 import { useAuthStore } from "./store/authStore";
@@ -29,6 +30,7 @@ import EnvConfig from "./pages/EnvConfig";
 import DBViewer from "./pages/DBViewer";
 import ETLStatus from "./pages/ETLStatus";
 import LogViewer from "./pages/LogViewer";
+import OpsPanel from "./pages/OpsPanel";
 
 const { Sider, Content, Footer } = Layout;
 const { Text } = Typography;
@@ -44,6 +46,7 @@ const NAV_ITEMS: MenuProps["items"] = [
   { key: "/db-viewer", icon: <DatabaseOutlined />, label: "数据库" },
   { key: "/log-viewer", icon: <FileTextOutlined />, label: "日志" },
   { key: "/env-config", icon: <ToolOutlined />, label: "环境配置" },
+  { key: "/ops-panel", icon: <DesktopOutlined />, label: "运维面板" },
 ];
 
 /* ------------------------------------------------------------------ */
@@ -140,6 +143,7 @@ const AppLayout: React.FC = () => {
             <Route path="/db-viewer" element={<DBViewer />} />
             <Route path="/etl-status" element={<ETLStatus />} />
             <Route path="/log-viewer" element={<LogViewer />} />
+            <Route path="/ops-panel" element={<OpsPanel />} />
           </Routes>
         </Content>
         <Footer
@@ -154,7 +158,7 @@ const AppLayout: React.FC = () => {
             <Space size={8}>
               <Spin size="small" />
               <Text>执行中</Text>
-              <Tag color="processing">{runningTask.config.pipeline}</Tag>
+              <Tag color="processing">{runningTask.config.flow}</Tag>
               <Text type="secondary" style={{ fontSize: 12 }}>
                 {runningTask.config.tasks.slice(0, 3).join(", ")}
                 {runningTask.config.tasks.length > 3 && ` +${runningTask.config.tasks.length - 3}`}