Duguay/Agent-n8n
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 添加交通物流、智能制造、智能开发终端模拟并优化食品订单班

Browse Source 
主要更新:
- 新增3个订单班终端模拟数据 (交通物流、智能制造、智能开发)
- 交通物流: 图片重命名(9张UUID图片→描述性中文名)
- 智能制造: 图片重命名(7张UUID图片→描述性中文名)
- 食品订单班: 完成React应用架构和设计系统
- 新增4个Serena记忆文档 (终端模拟开发指南、订单班命名规范等)
- 优化模态框和工作流页面交互逻辑

文件变更:
- 新增: transportation.ts, intelligentManufacturing.ts, developer.ts
- 新增: 食品订单班完整React应用 (Vite + TypeScript + Tailwind)
- 修改: RequirementModal.tsx, ResultModal.tsx, WorkflowPageV4.tsx
- 图片: 交通物流9张 + 智能制造7张重命名为中文描述性名称
This commit is contained in:
Yep_Q
2025-10-02 20:29:01 +08:00
parent 3b8cb3c568
commit b50d700a2e
67 changed files with 9808 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
web_frontend/exhibition-demo/src/components/RequirementModal.tsx
View File

@@ -145,9 +145,12 @@ const RequirementModal: React.FC<RequirementModalProps> = ({ isOpen, onClose, on
exit={{ opacity: 0, scale: 0.9, y: 20 }}
transition={{ type: 'spring', damping: 25, stiffness: 300 }}
className="fixed inset-0 flex items-center justify-center z-50 p-4"
onClick={(e) => e.stopPropagation()}
onClick={onClose}
>
<div className="bg-white rounded-3xl shadow-2xl max-w-5xl w-full overflow-hidden">
<div
className="bg-white rounded-3xl shadow-2xl max-w-5xl w-full overflow-hidden"
onClick={(e) => e.stopPropagation()}
>
{/* 头部 - 苹果风格设计 */}
<div className="relative">
{/* 渐变背景 */}

7
web_frontend/exhibition-demo/src/components/ResultModal.tsx
View File

@@ -54,9 +54,12 @@ const ResultModal: React.FC<ResultModalProps> = ({
exit={{ opacity: 0, scale: 0.9, y: 20 }}
transition={{ type: 'spring', damping: 25, stiffness: 300 }}
className="fixed inset-0 flex items-center justify-center z-50 p-4"
onClick={(e) => e.stopPropagation()}
onClick={onClose}
>
<div className="bg-white rounded-2xl shadow-2xl max-w-2xl w-full max-h-[90vh] overflow-hidden flex flex-col">
<div
className="bg-white rounded-2xl shadow-2xl max-w-2xl w-full max-h-[90vh] overflow-hidden flex flex-col"
onClick={(e) => e.stopPropagation()}
>
{/* 头部 */}
<div className="relative bg-gradient-to-br from-green-500 to-emerald-600 p-8 text-white flex-shrink-0">
<button

2
web_frontend/exhibition-demo/src/data/orderClasses.json
View File

@@ -27,7 +27,7 @@
"documentPath": "/data/订单班文档资料/文旅/notion文稿"
},
{
"id": "manufacture",
"id": "manufacturing",
"name": "智能制造",
"icon": "🏭",
"color": "#FF9800",

415
web_frontend/exhibition-demo/src/data/terminalSimulations/developer.ts Normal file
View File

@@ -0,0 +1,415 @@
import { Agent } from '@/store/demoStore';
import { SimulationData } from './index';
// 智能开发订单班专属Agent配置
const developerAgents: Agent[] = [
{
id: 'requirement_doc_writer',
name: '需求文档撰写专员',
icon: '📝',
avatar: '/data/订单班文档资料/智能开发/agent头像/需求文档撰写专员.jpg',
model: 'GPT-4',
role: '需求调研与文档规范化输出',
status: 'waiting',
},
{
id: 'product_manager',
name: '产品经理',
icon: '📋',
avatar: '/data/订单班文档资料/智能开发/agent头像/产品经理.jpg',
model: 'GPT-4',
role: '产品规划与功能模块设计',
status: 'waiting',
},
{
id: 'platform_architect',
name: '平台架构师',
icon: '🏗️',
avatar: '/data/订单班文档资料/智能开发/agent头像/平台架构师.jpg',
model: 'GPT-4',
role: '技术架构设计与数据库建模',
status: 'waiting',
},
{
id: 'ui_designer',
name: 'UI设计师',
icon: '🎨',
avatar: '/data/订单班文档资料/智能开发/agent头像/Ul设计师.jpg',
model: 'GPT-4',
role: '用户界面与交互体验设计',
status: 'waiting',
},
{
id: 'frontend_engineer',
name: '前端开发工程师',
icon: '💻',
avatar: '/data/订单班文档资料/智能开发/agent头像/前端开发工程师.jpg',
model: 'GPT-4',
role: 'Vue3前端组件与页面开发',
status: 'waiting',
},
{
id: 'backend_engineer',
name: '后端开发工程师',
icon: '⚙️',
avatar: '/data/订单班文档资料/智能开发/agent头像/后端开发工程师.jpg',
model: 'GPT-4',
role: 'Spring Cloud微服务开发',
status: 'waiting',
},
{
id: 'test_engineer',
name: '软件测试工程师',
icon: '🧪',
avatar: '/data/订单班文档资料/智能开发/agent头像/软件测试工程师.jpg',
model: 'GPT-4',
role: '功能测试与性能测试',
status: 'waiting',
},
{
id: 'demo_generator',
name: 'DEMO生成助手',
icon: '🎬',
avatar: '/data/订单班文档资料/智能开发/agent头像/DEMO生成助手.jpg',
model: 'GPT-4',
role: '演示原型与技术文档生成',
status: 'waiting',
},
{
id: 'project_manager',
name: '项目经理',
icon: '📊',
avatar: '/data/订单班文档资料/智能开发/agent头像/项目经理.jpg',
model: 'GPT-4',
role: '项目进度管理与资源协调',
status: 'waiting',
},
];
export const developerSimulation = (): SimulationData => ({
orderClassId: 'developer',
orderClassName: '智能开发',
projectTitle: 'K12在线教育平台全栈开发项目',
agents: developerAgents,
// 启动序列
startupSequence: [
{ type: 'system', content: '初始化在线教育平台开发环境...' },
{ type: 'system', content: '加载项目需求：智慧课堂在线教育平台' },
{ type: 'info', content: '目标用户：K12学生、教师、家长三端用户' },
{ type: 'info', content: '技术栈：Vue3 + Spring Cloud + MySQL + Redis + WebRTC' },
{ type: 'info', content: '核心功能：直播授课、录播回放、作业批改、AI助教' },
{ type: 'system', content: '' },
{ type: 'system', content: '正在组建9人开发团队...' },
{ type: 'success', content: '✓ 需求文档撰写专员就位' },
{ type: 'success', content: '✓ 产品经理就位' },
{ type: 'success', content: '✓ 平台架构师就位' },
{ type: 'success', content: '✓ UI设计师就位' },
{ type: 'success', content: '✓ 前端开发工程师就位' },
{ type: 'success', content: '✓ 后端开发工程师就位' },
{ type: 'success', content: '✓ 软件测试工程师就位' },
{ type: 'success', content: '✓ DEMO生成助手就位' },
{ type: 'success', content: '✓ 项目经理就位' },
{ type: 'system', content: '' },
{ type: 'system', content: '开始多Agent协作开发流程...' },
{ type: 'system', content: '════════════════════════════════════' },
],
// Agent执行序列
agentSequence: [
// 1. 需求文档撰写专员
{
agent: () => developerAgents[0],
outputs: [
{ type: 'info', content: '📝 需求文档撰写专员开始需求调研...' },
{ type: 'system', content: '' },
{ type: 'output', content: '执行需求调研与分析:' },
{ type: 'output', content: ' • 访谈K12教育机构，收集师生痛点' },
{ type: 'output', content: ' • 分析竞品平台（腾讯课堂、钉钉直播）' },
{ type: 'output', content: ' • 梳理核心需求：直播互动、作业管理、学习追踪' },
{ type: 'system', content: '' },
{ type: 'output', content: '生成需求文档结构:' },
{ type: 'output', content: ' 1. 项目概述（背景、目标、范围、里程碑）' },
{ type: 'output', content: ' 2. 功能模块（用户系统、课程管理、直播系统、作业考试）' },
{ type: 'output', content: ' 3. 非功能需求（性能、安全、可用性）' },
{ type: 'output', content: ' 4. 验收标准与测试用例' },
{ type: 'system', content: '' },
{ type: 'success', content: '✓ 需求文档已输出（40页，包含6大模块）' },
{ type: 'success', content: '✓ 已明确支持10万+并发、覆盖100+学校的目标' },
]
},
// 2. 产品经理
{
agent: () => developerAgents[1],
outputs: [
{ type: 'info', content: '📋 产品经理开始产品规划...' },
{ type: 'system', content: '' },
{ type: 'output', content: '设计产品功能矩阵:' },
{ type: 'output', content: ' 学生端：直播观看、作业提交、学习进度、错题本' },
{ type: 'output', content: ' 教师端：课程创建、直播互动、作业批改、成绩分析' },
{ type: 'output', content: ' 家长端：学习报告、消息通知、课程购买' },
{ type: 'output', content: ' 机构端：教师管理、课程运营、数据看板' },
{ type: 'system', content: '' },
{ type: 'output', content: '规划产品迭代路线:' },
{ type: 'output', content: ' MVP版本（3个月）：注册登录 + 课程管理 + 基础直播' },
{ type: 'output', content: ' V1.0版本（6个月）：作业系统 + AI助教 + 支付功能' },
{ type: 'output', content: ' V2.0版本（9个月）：智能推荐 + 学习路径 + 家校互动' },
{ type: 'system', content: '' },
{ type: 'image', imageSrc: '/data/订单班文档资料/智能开发/notion文稿/image/首页.jpg', imageAlt: '平台首页设计' },
{ type: 'system', content: '' },
{ type: 'success', content: '✓ 产品功能清单已确认（32个功能点）' },
{ type: 'success', content: '✓ 产品原型图已交付UI设计团队' },
]
},
// 3. 平台架构师
{
agent: () => developerAgents[2],
outputs: [
{ type: 'info', content: '🏗️ 平台架构师开始系统架构设计...' },
{ type: 'system', content: '' },
{ type: 'output', content: '设计技术架构方案:' },
{ type: 'output', content: ' 前端层：Vue3 + TypeScript + Vite + Ant Design Vue' },
{ type: 'output', content: ' 网关层：Spring Cloud Gateway + JWT认证' },
{ type: 'output', content: ' 服务层：Spring Boot微服务（用户、课程、直播、支付）' },
{ type: 'output', content: ' 数据层：MySQL主从 + Redis缓存 + ElasticSearch搜索' },
{ type: 'output', content: ' 直播层：WebRTC推流 + HLS转码 + CDN分发' },
{ type: 'system', content: '' },
{ type: 'output', content: '设计数据库ER模型:' },
{ type: 'output', content: ' • 用户系统表：Users, Roles, UserLogs' },
{ type: 'output', content: ' • 课程系统表：Courses, CourseMaterials, Assignments' },
{ type: 'output', content: ' • 直播系统表：LiveStreams, LiveInteractions, LiveRecordings' },
{ type: 'output', content: ' • 订单系统表：Orders, Payments' },
{ type: 'system', content: '' },
{ type: 'image', imageSrc: '/data/订单班文档资料/智能开发/notion文稿/image/用户信息后台数据.jpg', imageAlt: '用户系统数据模型' },
{ type: 'system', content: '' },
{ type: 'image', imageSrc: '/data/订单班文档资料/智能开发/notion文稿/image/课程信息后台数据.jpg', imageAlt: '课程系统数据模型' },
{ type: 'system', content: '' },
{ type: 'success', content: '✓ 微服务架构设计完成（8个核心服务）' },
{ type: 'success', content: '✓ 数据库表结构设计完成（23张表）' },
{ type: 'success', content: '✓ 高并发方案：支持10万+在线用户' },
]
},
// 4. UI设计师
{
agent: () => developerAgents[3],
outputs: [
{ type: 'info', content: '🎨 UI设计师开始界面设计...' },
{ type: 'system', content: '' },
{ type: 'output', content: '设计视觉风格:' },
{ type: 'output', content: ' • 配色方案：科技蓝 + 活力橙（符合K12教育调性）' },
{ type: 'output', content: ' • 设计规范：Material Design + 教育场景定制组件' },
{ type: 'output', content: ' • 响应式布局：支持桌面端、平板、手机多端适配' },
{ type: 'system', content: '' },
{ type: 'output', content: '设计核心页面:' },
{ type: 'output', content: ' 1. 注册登录页：支持手机/邮箱/微信多种方式' },
{ type: 'output', content: ' 2. 课程列表页：卡片式布局 + 智能推荐' },
{ type: 'output', content: ' 3. 直播间页面：视频区 + 聊天区 + 互动工具栏' },
{ type: 'output', content: ' 4. 学习中心：进度追踪 + 作业管理 + 错题本' },
{ type: 'system', content: '' },
{ type: 'image', imageSrc: '/data/订单班文档资料/智能开发/notion文稿/image/注册界面.jpg', imageAlt: '用户注册界面设计' },
{ type: 'system', content: '' },
{ type: 'image', imageSrc: '/data/订单班文档资料/智能开发/notion文稿/image/热门课程.jpg', imageAlt: '课程展示页面设计' },
{ type: 'system', content: '' },
{ type: 'image', imageSrc: '/data/订单班文档资料/智能开发/notion文稿/image/课程直播间.jpg', imageAlt: '直播间界面设计' },
{ type: 'system', content: '' },
{ type: 'success', content: '✓ UI设计稿已完成（28个页面）' },
{ type: 'success', content: '✓ 组件库已构建（45个复用组件）' },
{ type: 'success', content: '✓ 设计规范文档已交付开发团队' },
]
},
// 5. 前端开发工程师
{
agent: () => developerAgents[4],
outputs: [
{ type: 'info', content: '💻 前端开发工程师开始前端开发...' },
{ type: 'system', content: '' },
{ type: 'install', content: '安装前端依赖包...' },
{ type: 'output', content: ' npm install vue@next vue-router@4 pinia' },
{ type: 'output', content: ' npm install ant-design-vue axios' },
{ type: 'output', content: ' npm install webrtc-adapter socket.io-client' },
{ type: 'success', content: '✓ 依赖安装完成' },
{ type: 'system', content: '' },
{ type: 'output', content: '开发核心功能模块:' },
{ type: 'output', content: ' [1/5] 用户认证模块：JWT Token管理、权限路由守卫' },
{ type: 'output', content: ' [2/5] 课程管理模块：课程列表、详情、搜索、筛选' },
{ type: 'output', content: ' [3/5] 直播互动模块：WebRTC推拉流、举手连麦、聊天室' },
{ type: 'output', content: ' [4/5] 作业考试模块：作业提交、在线考试、成绩查询' },
{ type: 'output', content: ' [5/5] 学习追踪模块：进度条、学习报告、数据可视化' },
{ type: 'system', content: '' },
{ type: 'image', imageSrc: '/data/订单班文档资料/智能开发/notion文稿/image/课程内容.jpg', imageAlt: '课程内容展示组件' },
{ type: 'system', content: '' },
{ type: 'output', content: '优化前端性能:' },
{ type: 'output', content: ' • 路由懒加载：减少首屏加载时间至2秒内' },
{ type: 'output', content: ' • 组件按需加载：Ant Design Vue Tree Shaking' },
{ type: 'output', content: ' • 图片懒加载：Intersection Observer API' },
{ type: 'output', content: ' • CDN加速：静态资源托管到阿里云OSS' },
{ type: 'system', content: '' },
{ type: 'success', content: '✓ 前端开发完成（65个组件，28个页面）' },
{ type: 'success', content: '✓ 首屏加载时间：1.8秒' },
{ type: 'success', content: '✓ Lighthouse性能评分：92分' },
]
},
// 6. 后端开发工程师
{
agent: () => developerAgents[5],
outputs: [
{ type: 'info', content: '⚙️ 后端开发工程师开始后端开发...' },
{ type: 'system', content: '' },
{ type: 'output', content: '构建Spring Cloud微服务架构:' },
{ type: 'output', content: ' • gateway-service：API网关 + JWT认证' },
{ type: 'output', content: ' • user-service：用户管理 + RBAC权限' },
{ type: 'output', content: ' • course-service：课程CRUD + 课件管理' },
{ type: 'output', content: ' • live-service：直播流管理 + 互动记录' },
{ type: 'output', content: ' • homework-service：作业发布 + 批改反馈' },
{ type: 'output', content: ' • payment-service：支付宝/微信支付集成' },
{ type: 'system', content: '' },
{ type: 'output', content: '开发RESTful API接口:' },
{ type: 'output', content: ' POST /auth/register - 用户注册' },
{ type: 'output', content: ' POST /auth/login - 用户登录' },
{ type: 'output', content: ' GET /courses?page=1&size=20 - 课程列表' },
{ type: 'output', content: ' POST /live/start - 开始直播' },
{ type: 'output', content: ' POST /homework/submit - 提交作业' },
{ type: 'system', content: '' },
{ type: 'image', imageSrc: '/data/订单班文档资料/智能开发/notion文稿/image/API配置界面.jpg', imageAlt: 'API接口文档' },
{ type: 'system', content: '' },
{ type: 'output', content: '实现系统优化方案:' },
{ type: 'output', content: ' • Redis缓存：课程列表、用户信息缓存（命中率85%）' },
{ type: 'output', content: ' • MySQL读写分离：主库写入，从库读取（QPS提升3倍）' },
{ type: 'output', content: ' • RabbitMQ异步：支付回调、消息推送解耦' },
{ type: 'output', content: ' • ElasticSearch：课程全文搜索（响应<100ms）' },
{ type: 'system', content: '' },
{ type: 'success', content: '✓ 后端服务开发完成（6个微服务，48个API）' },
{ type: 'success', content: '✓ 接口性能：平均响应时间200ms' },
{ type: 'success', content: '✓ 并发能力：支持10万+在线用户' },
]
},
// 7. 软件测试工程师
{
agent: () => developerAgents[6],
outputs: [
{ type: 'info', content: '🧪 软件测试工程师开始测试工作...' },
{ type: 'system', content: '' },
{ type: 'output', content: '执行功能测试:' },
{ type: 'output', content: ' [✓] 用户注册登录：手机号/邮箱/微信三种方式' },
{ type: 'output', content: ' [✓] 课程管理：创建、编辑、删除、上传课件' },
{ type: 'output', content: ' [✓] 直播系统：推流、拉流、举手、连麦' },
{ type: 'output', content: ' [✓] 作业考试：发布、提交、批改、成绩反馈' },
{ type: 'output', content: ' [✓] 支付流程：订单创建、支付回调、订单查询' },
{ type: 'system', content: '' },
{ type: 'output', content: '执行性能测试（JMeter）:' },
{ type: 'output', content: ' • 并发用户：10,000人在线' },
{ type: 'output', content: ' • 响应时间：P95 < 500ms，P99 < 1s' },
{ type: 'output', content: ' • 直播延迟：<3秒（WebRTC）' },
{ type: 'output', content: ' • 系统稳定性：2小时压测无崩溃' },
{ type: 'system', content: '' },
{ type: 'output', content: '执行安全测试（OWASP ZAP）:' },
{ type: 'output', content: ' [✓] SQL注入防护：所有输入已参数化' },
{ type: 'output', content: ' [✓] XSS攻击防护：输出已HTML转义' },
{ type: 'output', content: ' [✓] CSRF防护：Token验证已启用' },
{ type: 'output', content: ' [✓] 数据加密：密码BCrypt，支付信息HTTPS' },
{ type: 'system', content: '' },
{ type: 'image', imageSrc: '/data/订单班文档资料/智能开发/notion文稿/image/智能学习数据分析.jpg', imageAlt: '测试数据分析报告' },
{ type: 'system', content: '' },
{ type: 'success', content: '✓ 功能测试通过率：98.5%（2个低优先级bug待修复）' },
{ type: 'success', content: '✓ 性能测试达标：支持10万+并发' },
{ type: 'success', content: '✓ 安全测试通过：无高危漏洞' },
]
},
// 8. DEMO生成助手
{
agent: () => developerAgents[7],
outputs: [
{ type: 'info', content: '🎬 DEMO生成助手开始制作演示原型...' },
{ type: 'system', content: '' },
{ type: 'output', content: '生成演示视频脚本:' },
{ type: 'output', content: ' 场景1：学生端 - 注册登录 → 浏览课程 → 购买课程' },
{ type: 'output', content: ' 场景2：教师端 - 创建课程 → 开启直播 → 互动答疑' },
{ type: 'output', content: ' 场景3：家长端 - 查看学习报告 → 查收消息通知' },
{ type: 'output', content: ' 场景4：机构端 - 教师管理 → 数据看板 → 课程运营' },
{ type: 'system', content: '' },
{ type: 'output', content: '制作技术文档:' },
{ type: 'file', content: ' ├── 01-项目需求文档.pdf' },
{ type: 'file', content: ' ├── 02-系统架构设计.pdf' },
{ type: 'file', content: ' ├── 03-数据库设计文档.pdf' },
{ type: 'file', content: ' ├── 04-API接口文档.pdf' },
{ type: 'file', content: ' ├── 05-部署运维手册.pdf' },
{ type: 'file', content: ' └── 06-用户操作指南.pdf' },
{ type: 'system', content: '' },
{ type: 'output', content: '生成项目交付物清单:' },
{ type: 'output', content: ' ✓ 源代码（前端+后端+数据库脚本）' },
{ type: 'output', content: ' ✓ 技术文档（6份PDF，共180页）' },
{ type: 'output', content: ' ✓ 演示视频（4个场景，时长12分钟）' },
{ type: 'output', content: ' ✓ 部署脚本（Docker Compose + K8s配置）' },
{ type: 'system', content: '' },
{ type: 'success', content: '✓ DEMO演示原型已完成' },
{ type: 'success', content: '✓ 技术文档已输出（180页）' },
{ type: 'success', content: '✓ 项目交付物已打包' },
]
},
// 9. 项目经理
{
agent: () => developerAgents[8],
outputs: [
{ type: 'info', content: '📊 项目经理进行项目总结...' },
{ type: 'system', content: '' },
{ type: 'output', content: '项目执行情况汇总:' },
{ type: 'output', content: ' • 开发周期：6个月（按计划完成）' },
{ type: 'output', content: ' • 团队规模：9人（需求1人、产品1人、架构1人、UI1人、前端3人、后端4人、测试2人）' },
{ type: 'output', content: ' • 代码量：前端18,000行，后端32,000行' },
{ type: 'output', content: ' • 交付成果：28个页面、48个API、6个微服务' },
{ type: 'system', content: '' },
{ type: 'output', content: '核心指标达成情况:' },
{ type: 'output', content: ' ✓ 支持并发：10万+在线用户（目标达成）' },
{ type: 'output', content: ' ✓ 响应时间：平均200ms（优于目标500ms）' },
{ type: 'output', content: ' ✓ 直播延迟：<3秒（达成目标）' },
{ type: 'output', content: ' ✓ 系统可用性：99.9%（SLA达标）' },
{ type: 'system', content: '' },
{ type: 'output', content: '项目亮点与创新:' },
{ type: 'output', content: ' • AI助教：基于GPT的智能答疑，准确率85%' },
{ type: 'output', content: ' • 智能推荐：协同过滤算法，课程点击率提升40%' },
{ type: 'output', content: ' • 学习路径：知识图谱建模，个性化学习计划' },
{ type: 'output', content: ' • 家校互动：实时消息推送，家长满意度92%' },
{ type: 'system', content: '' },
{ type: 'output', content: '后续迭代规划:' },
{ type: 'output', content: ' V2.0（+3个月）：AI批改作业、智能组卷、学情分析' },
{ type: 'output', content: ' V3.0（+6个月）：VR虚拟课堂、多人协作白板、AI口语陪练' },
{ type: 'system', content: '' },
{ type: 'success', content: '✓ 项目验收通过！' },
{ type: 'success', content: '✓ 已覆盖120所学校，注册用户15万+' },
{ type: 'success', content: '✓ 客户满意度：4.8/5.0' },
]
},
],
// 完成序列
completionSequence: [
{ type: 'system', content: '════════════════════════════════════' },
{ type: 'system', content: '' },
{ type: 'success', content: '🎉 K12在线教育平台开发项目圆满完成！' },
{ type: 'system', content: '' },
{ type: 'output', content: '项目成果总结:' },
{ type: 'output', content: ' • 技术架构：Vue3 + Spring Cloud微服务架构' },
{ type: 'output', content: ' • 核心功能：直播授课、录播回放、作业管理、AI助教' },
{ type: 'output', content: ' • 性能指标：支持10万+并发，响应时间<500ms' },
{ type: 'output', content: ' • 安全保障：通过OWASP安全测试，数据加密传输' },
{ type: 'output', content: ' • 用户规模：覆盖120所学校，注册用户15万+' },
{ type: 'system', content: '' },
{ type: 'output', content: '交付物清单:' },
{ type: 'output', content: ' ✓ 完整源代码（前端+后端+数据库）' },
{ type: 'output', content: ' ✓ 技术文档（180页）' },
{ type: 'output', content: ' ✓ 部署脚本（Docker + K8s）' },
{ type: 'output', content: ' ✓ 演示视频（12分钟）' },
{ type: 'output', content: ' ✓ 运维手册与培训材料' },
{ type: 'system', content: '' },
{ type: 'success', content: '感谢9位Agent的协作，智慧课堂平台已成功上线！' },
{ type: 'system', content: '════════════════════════════════════' },
]
});

6
web_frontend/exhibition-demo/src/data/terminalSimulations/index.ts
View File

@@ -10,6 +10,9 @@ import { visualSimulation } from './visualDesign';
import { civilEngineeringSimulation } from './civilEngineering';
import { healthSimulation } from './health';
import { energySimulation } from './energy';
import { transportationSimulation } from './transportation';
import { intelligentManufacturingSimulation } from './intelligentManufacturing';
import { developerSimulation } from './developer';
// 终端行类型定义
export interface TerminalLine {
@@ -53,6 +56,9 @@ export const simulationMap: Record<string, SimulationGenerator> = {
civil: civilEngineeringSimulation, // 土木
health: healthSimulation, // 大健康
energy: energySimulation, // 能源
transportation: transportationSimulation, // 交通物流
manufacturing: intelligentManufacturingSimulation, // 智能制造
developer: developerSimulation, // 智能开发
// 其他订单班暂未实现，缺少agent prompt和头像数据
};

340
web_frontend/exhibition-demo/src/data/terminalSimulations/intelligentManufacturing.ts Normal file
View File

@@ -0,0 +1,340 @@
import { Agent } from '@/store/demoStore';
import { SimulationData, TerminalLine } from './index';
// 智能制造订单班专属Agent配置
const intelligentManufacturingAgents: Agent[] = [
{
id: 'manufacturing_control_engineer',
name: '自动化控制工程师',
icon: '⚙️',
avatar: '/data/订单班文档资料/智能制造/agent头像/自动化控制工程师.jpg',
model: 'GPT-4',
role: '系统架构与控制逻辑设计',
status: 'waiting',
},
{
id: 'manufacturing_plc_engineer',
name: 'PLC工程师',
icon: '🔌',
avatar: '/data/订单班文档资料/智能制造/agent头像/PLC工程师.jpg',
model: 'GPT-4',
role: 'PLC编程与梯形图开发',
status: 'waiting',
},
{
id: 'manufacturing_robot_engineer',
name: '机器人调试工程师',
icon: '🤖',
avatar: '/data/订单班文档资料/智能制造/agent头像/机器人调试工程师.jpg',
model: 'GPT-4',
role: 'RAPID编程与机器人调试',
status: 'waiting',
},
{
id: 'manufacturing_data_technician',
name: '数据采集自动化技术员',
icon: '📊',
avatar: '/data/订单班文档资料/智能制造/agent头像/数据采集自动化技术员.jpg',
model: 'GPT-4',
role: 'I/O配置与通信调试',
status: 'waiting',
},
];
export const intelligentManufacturingSimulation = (): SimulationData => {
const agents = intelligentManufacturingAgents;
return {
orderClassId: 'intelligent_manufacturing',
orderClassName: '智能制造',
projectTitle: '物流输送线节拍优化的PLC与机器人联合调试',
agents,
startupSequence: [
{ type: 'info', content: '🚀 启动汽车零部件智能分拣系统...' },
{ type: 'system', content: '初始化多Agent协作框架' },
{ type: 'success', content: '✓ 系统核心加载完成' },
{ type: 'system', content: '加载专业知识库: PLC控制/工业机器人/Profinet通信/节拍优化' },
{ type: 'progress', content: '████████████████████ 100%', duration: 1500 },
{ type: 'success', content: '✓ 知识库加载完成' },
{ type: 'info', content: '连接工业设备...' },
{ type: 'system', content: '├─ 西门子 S7-1500 PLC (Profinet Controller)' },
{ type: 'system', content: '├─ ABB IRB 2600 工业机器人 (12-20kg负载)' },
{ type: 'system', content: '├─ 输送带驱动系统 (伺服控制)' },
{ type: 'system', content: '└─ 传感器网络 (光电/安全门/急停)' },
{ type: 'success', content: '✓ 设备连接成功' },
{ type: 'warning', content: '⚡ 检测到需求: 汽车零部件自动分拣' },
{ type: 'info', content: '核心目标: 输送带与机器人节拍同步优化' },
{ type: 'info', content: '技术挑战: PLC-机器人握手协议 + 节拍≥3600件/h' },
{ type: 'info', content: '正在分配4位工业自动化专家Agent...' },
] as TerminalLine[],
agentSequence: [
// Agent 1: 自动化控制工程师
{
agent: () => agents[0],
outputs: [
{ type: 'system', content: '⚙️ 自动化控制工程师 正在设计系统架构...' },
{ type: 'info', content: '任务: 整体控制逻辑设计与设备选型' },
{ type: 'progress', content: '分析生产节拍需求...', duration: 1200 },
{
type: 'image',
content: '🏭 汽车物流产线运输场景',
imageSrc: '/data/订单班文档资料/智能制造/notion文稿/image/汽车物流产线运输图.jpg',
imageAlt: '汽车零部件物流产线运输示意图'
},
{ type: 'success', content: '✓ 系统架构设计完成' },
{ type: 'info', content: '系统组成:' },
{ type: 'output', content: ' • 输送带系统: 连续输送 + 定位停止' },
{ type: 'output', content: ' • PLC控制系统: 西门子 S7-1500 (CPU 1512C-1 PN)' },
{ type: 'output', content: ' • 工业机器人: ABB IRB 2600 (负载12-20kg, 精度±0.04mm)' },
{ type: 'output', content: ' • 通信协议: Profinet I/O (PLC ↔ Robot)' },
{
type: 'image',
content: '🔧 汽车零部件展示',
imageSrc: '/data/订单班文档资料/智能制造/notion文稿/image/汽车零部件展示.jpg',
imageAlt: '待分拣的汽车零部件'
},
{ type: 'success', content: '✓ 6大控制逻辑模块设计:' },
{ type: 'output', content: ' 1️⃣ 启停与安全联锁 (急停/安全门/过载保护)' },
{ type: 'output', content: ' 2️⃣ 输送带运行控制 (定位光电触发即停)' },
{ type: 'output', content: ' 3️⃣ 零件就位信号 (PartReady握手)' },
{ type: 'output', content: ' 4️⃣ 启动允许信号 (StartAllow三条件联锁)' },
{ type: 'output', content: ' 5️⃣ 机器人动作反馈 (PickDone完成信号)' },
{ type: 'output', content: ' 6️⃣ 故障处理与复位 (报警优先级 + 复位机制)' },
{ type: 'success', content: '✓ 节拍优化策略:' },
{ type: 'output', content: ' • 输送带速度与机器人抓取周期匹配' },
{ type: 'output', content: ' • 三条件联锁保证同步 (RobotReady + PartReady + StartAllow)' },
{ type: 'output', content: ' • 完成信号触发续行 (PickDone → 清握手 → 输送带重启)' },
{ type: 'output', content: ' • 目标节拍: ≥3600件/h (单件周期≤1秒)' },
{ type: 'success', content: '✓ 系统架构设计文档已生成' },
]
},
// Agent 2: PLC工程师
{
agent: () => agents[1],
outputs: [
{ type: 'system', content: '🔌 PLC工程师 正在编写控制程序...' },
{ type: 'info', content: '任务: S7-1500 PLC编程与梯形图开发' },
{ type: 'progress', content: '配置I/O点位分配表...', duration: 1000 },
{
type: 'image',
content: '🖥️ 西门子 S7-1500 PLC控制器',
imageSrc: '/data/订单班文档资料/智能制造/notion文稿/image/PLC控制器.jpg',
imageAlt: '西门子 SIMATIC S7-1500 PLC'
},
{ type: 'success', content: '✓ I/O分配表配置完成:' },
{ type: 'info', content: '输入点位 (11点):' },
{ type: 'output', content: ' • I0.0: SB1 启动按钮' },
{ type: 'output', content: ' • I0.1: SB2 停止按钮 (常闭)' },
{ type: 'output', content: ' • I0.2: ES 急停 (常闭)' },
{ type: 'output', content: ' • I0.3: GS 安全门 (常闭)' },
{ type: 'output', content: ' • I0.4: FR 过载保护 (常闭)' },
{ type: 'output', content: ' • I0.5: PE1 入口光电 (来料检测)' },
{ type: 'output', content: ' • I0.6: PE2 定位光电 (取料位到位)' },
{ type: 'output', content: ' • I0.7: SB3 复位按钮' },
{ type: 'output', content: ' • I1.0: RobotReady (机器人就绪反馈)' },
{ type: 'output', content: ' • I1.1: PickDone (分拣完成反馈)' },
{ type: 'output', content: ' • I1.2: RobotFault (机器人故障报警)' },
{ type: 'info', content: '输出点位 (6点):' },
{ type: 'output', content: ' • Q0.0: KM1 输送带接触器' },
{ type: 'output', content: ' • Q0.1: HL1 报警指示灯' },
{ type: 'output', content: ' • Q0.2: HL2 运行指示灯' },
{ type: 'output', content: ' • Q0.3: StartAllow → Robot (启动允许握手)' },
{ type: 'output', content: ' • Q0.4: PartReady → Robot (零件就位握手)' },
{ type: 'output', content: ' • Q0.5: PLC_Reset → Robot (复位命令握手)' },
{ type: 'success', content: '✓ 梯形图程序编制完成 (6个网络):' },
{ type: 'output', content: ' 网络1: 运行允许与自保持 (RUN_EN + 运行灯)' },
{ type: 'output', content: ' 网络2: 输送带控制 (定位即停逻辑)' },
{ type: 'output', content: ' 网络3: PartReady输出 (零件就位信号)' },
{ type: 'output', content: ' 网络4: StartAllow输出 (三条件联锁)' },
{ type: 'output', content: ' 网络5: 分拣完成处理 (清握手 + 续行)' },
{ type: 'output', content: ' 网络6: 报警与复位 (故障优先 + 复位脉冲0.7s)' },
{
type: 'image',
content: '📋 Mermaid控制流程图',
imageSrc: '/data/订单班文档资料/智能制造/notion文稿/image/Mermaid流程图.jpg',
imageAlt: 'PLC与机器人联合调试控制流程图'
},
{ type: 'success', content: '✓ 安全联锁逻辑:' },
{ type: 'output', content: ' • 五合一安全联锁: SB2(停止) + ES(急停) + GS(安全门) + FR(过载) + RobotFault' },
{ type: 'output', content: ' • 任一条件异常 → RUN_EN复位 → 输送带停止 + 握手信号清除' },
{ type: 'output', content: ' • 报警灯HL1点亮 → 必须复位后才能重启' },
{ type: 'success', content: '✓ PLC程序下载至S7-1500控制器' },
]
},
// Agent 3: 机器人调试工程师
{
agent: () => agents[2],
outputs: [
{ type: 'system', content: '🤖 机器人调试工程师 正在编写RAPID程序...' },
{ type: 'info', content: '任务: ABB IRB 2600 机器人编程与路径调试' },
{ type: 'progress', content: '配置I/O映射与坐标系统...', duration: 1100 },
{
type: 'image',
content: '🦾 ABB IRB 2600 工业机器人',
imageSrc: '/data/订单班文档资料/智能制造/notion文稿/image/工业机器人.jpg',
imageAlt: 'ABB IRB 2600 六轴工业机器人'
},
{ type: 'success', content: '✓ 机器人参数:' },
{ type: 'output', content: ' • 型号: ABB IRB 2600' },
{ type: 'output', content: ' • 负载: 12-20 kg' },
{ type: 'output', content: ' • 工作半径: 1.65 m' },
{ type: 'output', content: ' • 重复精度: ±0.04 mm' },
{ type: 'output', content: ' • 控制器: ABB IRC5' },
{ type: 'output', content: ' • 编程语言: RAPID' },
{ type: 'success', content: '✓ I/O信号映射 (Profinet Device):' },
{ type: 'info', content: '输入信号 (从PLC接收):' },
{ type: 'output', content: ' • DI1: diStartAllow ← PLC.Q0.3' },
{ type: 'output', content: ' • DI2: diPartReady ← PLC.Q0.4' },
{ type: 'output', content: ' • DI3: diPLC_Reset ← PLC.Q0.5' },
{ type: 'info', content: '输出信号 (发送给PLC):' },
{ type: 'output', content: ' • DO1: doRobotReady → PLC.I1.0' },
{ type: 'output', content: ' • DO2: doPickDone → PLC.I1.1' },
{ type: 'output', content: ' • DO3: doRobotFault → PLC.I1.2' },
{ type: 'success', content: '✓ RAPID程序结构:' },
{ type: 'output', content: ' PROC main():' },
{ type: 'output', content: ' 1. 上电初始化 → doRobotReady=1' },
{ type: 'output', content: ' 2. 移动至Home位 (待机位)' },
{ type: 'output', content: ' 3. WHILE循环:' },
{ type: 'output', content: ' - 检测PLC复位信号 (diPLC_Reset)' },
{ type: 'output', content: ' - 等待启动条件 (diStartAllow AND diPartReady)' },
{ type: 'output', content: ' - 执行取件流程 (MoveJ pPick)' },
{ type: 'output', content: ' - 执行放置流程 (MoveJ pDrop)' },
{ type: 'output', content: ' - 发送完成信号 (doPickDone脉冲0.2s)' },
{ type: 'output', content: ' - 返回Home位' },
{ type: 'output', content: ' 4. 故障陷阱 TRAP TrapSetFault' },
{
type: 'image',
content: '🔄 传送带上的零部件流转',
imageSrc: '/data/订单班文档资料/智能制造/notion文稿/image/传送带上的汽车零部件.jpg',
imageAlt: '输送带上的汽车零部件等待机器人抓取'
},
{ type: 'success', content: '✓ 关键点位定义 (robtarget):' },
{ type: 'output', content: ' • pHome: [0, 0, 500] - 待机位(安全高度)' },
{ type: 'output', content: ' • pPick: [300, 0, 100] - 取件位(输送带上方)' },
{ type: 'output', content: ' • pDrop: [600, 200, 100] - 放置位(分拣仓)' },
{ type: 'success', content: '✓ 握手时序协同:' },
{ type: 'output', content: ' • PLC检测到零件就位 → PartReady=1' },
{ type: 'output', content: ' • PLC确认安全条件 → StartAllow=1' },
{ type: 'output', content: ' • Robot检测双信号 → 开始抓取动作' },
{ type: 'output', content: ' • Robot完成抓取 → PickDone脉冲' },
{ type: 'output', content: ' • PLC收到脉冲 → 清握手 + 输送带续行' },
{ type: 'success', content: '✓ RAPID程序下载至IRC5控制器' },
]
},
// Agent 4: 数据采集自动化技术员
{
agent: () => agents[3],
outputs: [
{ type: 'system', content: '📊 数据采集自动化技术员 正在配置通信与调试...' },
{ type: 'info', content: '任务: Profinet通信配置与系统联调' },
{ type: 'progress', content: '配置TIA Portal GSDML文件...', duration: 1000 },
{
type: 'image',
content: '🌐 Profinet通信程序配置',
imageSrc: '/data/订单班文档资料/智能制造/notion文稿/image/通信程序示意图.jpg',
imageAlt: 'PLC与机器人Profinet通信架构示意图'
},
{ type: 'success', content: '✓ Profinet网络架构:' },
{ type: 'output', content: ' • PLC S7-1500: Profinet Controller (主站)' },
{ type: 'output', content: ' • ABB IRC5: Profinet Device (从站)' },
{ type: 'output', content: ' • 循环周期: 10ms (高速I/O更新)' },
{ type: 'output', content: ' • 数据帧: 6字节输出 + 3字节输入' },
{ type: 'success', content: '✓ TIA Portal配置步骤:' },
{ type: 'output', content: ' 1. 导入ABB IRC5的GSDML设备描述文件' },
{ type: 'output', content: ' 2. 在硬件组态中添加Profinet Device' },
{ type: 'output', content: ' 3. 映射I/O地址 (Q0.3-Q0.5 → Robot输入, I1.0-I1.2 ← Robot输出)' },
{ type: 'output', content: ' 4. 配置设备IP地址 (192.168.1.10)' },
{ type: 'output', content: ' 5. 编译并下载硬件组态到PLC' },
{ type: 'success', content: '✓ 系统联调测试:' },
{ type: 'info', content: '阶段1: 通信链路测试' },
{ type: 'output', content: ' • Profinet连接状态: ✓ 绿灯 (连接正常)' },
{ type: 'output', content: ' • I/O数据交换: ✓ 循环更新10ms周期' },
{ type: 'output', content: ' • 诊断缓冲区: ✓ 无通信错误' },
{ type: 'info', content: '阶段2: 握手逻辑验证' },
{ type: 'output', content: ' • 测试1: RobotReady信号 → ✓ PLC正确接收' },
{ type: 'output', content: ' • 测试2: PartReady + StartAllow → ✓ Robot正确响应' },
{ type: 'output', content: ' • 测试3: PickDone脉冲 → ✓ PLC清握手并续行' },
{ type: 'output', content: ' • 测试4: PLC_Reset信号 → ✓ Robot故障清除' },
{ type: 'info', content: '阶段3: 节拍性能测试' },
{ type: 'output', content: ' • 单件周期: 0.95s (取件0.3s + 放置0.4s + 返回0.25s)' },
{ type: 'output', content: ' • 实测节拍: 3789件/h ✓ (目标≥3600件/h)' },
{ type: 'output', content: ' • 同步误差: ±15ms (握手时延控制良好)' },
{ type: 'success', content: '✓ 数据记录与追溯:' },
{ type: 'output', content: ' • 累计分拣数量: DB1.DBD0 (双字计数器)' },
{ type: 'output', content: ' • 故障代码记录: DB2.DBB0 (报警历史)' },
{ type: 'output', content: ' • 节拍时间戳: DB3 (周期统计)' },
{ type: 'success', content: '✓ 安全逻辑验证:' },
{ type: 'output', content: ' • 急停测试: ✓ 输送带+机器人立即停止' },
{ type: 'output', content: ' • 安全门测试: ✓ 联锁触发,握手信号清除' },
{ type: 'output', content: ' • 过载保护测试: ✓ 报警灯点亮,系统停机' },
{ type: 'output', content: ' • 复位流程测试: ✓ 故障清除后可正常重启' },
{ type: 'success', content: '✓ 系统联调完成,满足生产节拍要求' },
]
},
],
completionSequence: [
{ type: 'system', content: '=' + '='.repeat(69) },
{ type: 'success', content: '🎉 汽车零部件智能分拣系统调试完成！' },
{ type: 'system', content: '=' + '='.repeat(69) },
{ type: 'info', content: '' },
{ type: 'info', content: '🎯 系统核心指标:' },
{ type: 'success', content: '✓ 实测节拍: 3789件/h (超出目标3600件/h 5.3%)' },
{ type: 'success', content: '✓ 单件周期: 0.95s (取件+放置+返回)' },
{ type: 'success', content: '✓ 定位精度: ±0.04mm (ABB IRB 2600重复精度)' },
{ type: 'success', content: '✓ 同步误差: ±15ms (PLC-Robot握手时延)' },
{ type: 'success', content: '✓ 通信周期: 10ms (Profinet高速I/O更新)' },
{ type: 'info', content: '' },
{ type: 'info', content: '⚙️ 技术架构亮点:' },
{ type: 'output', content: ' • PLC主控: 西门子 S7-1500 (CPU 1512C-1 PN)' },
{ type: 'output', content: ' • 工业机器人: ABB IRB 2600 (12-20kg负载, 1.65m半径)' },
{ type: 'output', content: ' • 通信协议: Profinet I/O (Controller ↔ Device)' },
{ type: 'output', content: ' • 控制语言: 梯形图(PLC) + RAPID(Robot)' },
{ type: 'output', content: ' • 安全联锁: 五合一联锁(急停/安全门/过载/停止/机器人故障)' },
{ type: 'info', content: '' },
{ type: 'info', content: '🔄 节拍优化策略:' },
{ type: 'output', content: ' 1. 三条件联锁同步: RobotReady + PartReady + StartAllow' },
{ type: 'output', content: ' 2. 定位即停逻辑: 光电触发 → 输送带精准停止' },
{ type: 'output', content: ' 3. 完成信号续行: PickDone脉冲 → 清握手 → 输送带重启' },
{ type: 'output', content: ' 4. 速度匹配机制: 输送带速度 = 机器人周期 × 零件间距' },
{ type: 'info', content: '' },
{ type: 'info', content: '🛡️ 安全保护机制:' },
{ type: 'output', content: ' • 故障优先级: 急停 > 安全门 > 过载 > 机器人故障' },
{ type: 'output', content: ' • 联锁响应时间: <50ms (符合安全SIL2标准)' },
{ type: 'output', content: ' • 报警与复位: 故障锁存 + 复位确认 + 清除反馈' },
{ type: 'output', content: ' • 防呆设计: 三条件同时满足才允许机器人动作' },
{ type: 'info', content: '' },
{ type: 'info', content: '📋 交付物清单:' },
{ type: 'output', content: ' 1. PLC程序 (TIA Portal项目文件 + 梯形图源码)' },
{ type: 'output', content: ' 2. Robot程序 (RAPID源码 + 点位数据备份)' },
{ type: 'output', content: ' 3. Profinet配置 (GSDML文件 + 硬件组态)' },
{ type: 'output', content: ' 4. I/O分配表 (输入11点 + 输出6点)' },
{ type: 'output', content: ' 5. 控制流程图 (Mermaid图 + 逻辑说明文档)' },
{ type: 'output', content: ' 6. 调试报告 (通信测试 + 握手验证 + 节拍测试)' },
{ type: 'output', content: ' 7. 操作手册 (启停流程 + 故障处理 + 日常维护)' },
{ type: 'info', content: '' },
{ type: 'info', content: '🎓 技术创新点:' },
{ type: 'output', content: ' • Profinet高速通信: 10ms周期实现PLC-Robot无缝协同' },
{ type: 'output', content: ' • 智能握手协议: 三信号联锁确保节拍同步与安全' },
{ type: 'output', content: ' • 定位即停技术: 光电传感器 + 伺服控制实现±2mm定位精度' },
{ type: 'output', content: ' • 故障自恢复: PLC复位信号 + Robot错误清除 + 自动回Home位' },
{ type: 'info', content: '' },
{ type: 'success', content: '✅ 完整方案已保存至: /projects/intelligent_manufacturing/logistics_sorting.pdf' },
{ type: 'info', content: '📄 附件包含: PLC程序/Robot程序/Profinet配置/I/O表/调试报告' },
{ type: 'system', content: '' },
{ type: 'success', content: '🏭 系统已具备量产条件,可投入24小时连续生产!' },
] as TerminalLine[]
};
};

435
web_frontend/exhibition-demo/src/data/terminalSimulations/transportation.ts Normal file
View File

@@ -0,0 +1,435 @@
import { Agent } from '@/store/demoStore';
import { SimulationData } from './index';
// 交通物流订单班专属Agent配置
const transportationAgents: Agent[] = [
{
id: 'req_analyst',
name: '需求分析师',
icon: '📋',
avatar: '/data/订单班文档资料/交通物流/agent头像/需求分析工程师.jpg',
model: 'GPT-4',
role: '业务需求建模与系统目标拆解',
status: 'waiting',
},
{
id: 'sys_architect',
name: '系统架构师',
icon: '🏗️',
avatar: '/data/订单班文档资料/交通物流/agent头像/系统架构师.jpg',
model: 'GPT-4',
role: '系统总体架构设计与技术选型',
status: 'waiting',
},
{
id: 'agv_algorithm',
name: 'AGV算法与调度工程师',
icon: '🤖',
avatar: '/data/订单班文档资料/交通物流/agent头像/AGV算法与调度工程师.jpg',
model: 'GPT-4',
role: 'AGV导航与路径调度算法设计',
status: 'waiting',
},
{
id: 'energy_engineer',
name: '能源与充电系统工程师',
icon: '⚡',
avatar: '/data/订单班文档资料/交通物流/agent头像/能源与充电系统工程师.jpg',
model: 'GPT-4',
role: '智能充电调度与能源管理',
status: 'waiting',
},
{
id: 'coldchain_director',
name: '冷链设备技术总监',
icon: '❄️',
avatar: '/data/订单班文档资料/交通物流/agent头像/冷链设备技术总监.jpg',
model: 'GPT-4',
role: '冷链环境适配与温控系统',
status: 'waiting',
},
{
id: 'rd_engineer',
name: '技术研发工程师',
icon: '⚙️',
avatar: '/data/订单班文档资料/交通物流/agent头像/技术研发工程师.jpg',
model: 'GPT-4',
role: '软件/嵌入式/PLC功能实现',
status: 'waiting',
},
{
id: 'integration_engineer',
name: '系统集成工程师',
icon: '🔗',
avatar: '/data/订单班文档资料/交通物流/agent头像/系统集成工程师.jpg',
model: 'GPT-4',
role: '多系统集成与接口联动',
status: 'waiting',
},
{
id: 'visual_designer',
name: '视觉设计工程师',
icon: '🎨',
avatar: '/data/订单班文档资料/交通物流/agent头像/视觉设计工程师.jpg',
model: 'GPT-4',
role: '技术文档与图文输出',
status: 'waiting',
},
{
id: 'tech_reviewer',
name: '技术审批专家',
icon: '✅',
avatar: '/data/订单班文档资料/交通物流/agent头像/技术审批专家.jpg',
model: 'GPT-4',
role: '技术方案评审与风险控制',
status: 'waiting',
},
{
id: 'project_manager',
name: '项目经理',
icon: '📊',
avatar: '/data/订单班文档资料/交通物流/agent头像/项目经理.jpg',
model: 'GPT-4',
role: '项目规划与任务协调',
status: 'waiting',
},
];
export const transportationSimulation = (): SimulationData => ({
orderClassId: 'transportation',
orderClassName: '交通物流',
projectTitle: '冷链智慧共配中心"百车级"AGV全局交通管制与充电调度系统设计',
agents: transportationAgents,
startupSequence: [
{ type: 'system', content: '初始化AGV智能调度系统...' },
{ type: 'system', content: '加载冷链环境配置(-25°C)...' },
{ type: 'system', content: '连接120台AGV设备...' },
{ type: 'system', content: '$ npm run start-agv-system' },
{ type: 'success', content: '✓ AGV调度系统已启动' },
{ type: 'system', content: '项目启动: 某冷链智慧共配中心"百车级"AGV全局交通管制与充电调度系统' },
{ type: 'info', content: '目标: 构建支持120+台AGV混行调度的智能系统' }
],
agentSequence: [
{
agent: () => transportationAgents[0],
outputs: [
{ type: 'info', content: '📋 需求分析师开始分析业务需求...' },
{ type: 'output', content: '识别核心痛点:' },
{ type: 'output', content: ' • 人工拣选效率仅为常温区55%' },
{ type: 'output', content: ' • 日出件量将达18万件' },
{ type: 'output', content: ' • 预计2025年药房数量增至3000家' },
{ type: 'info', content: '' },
{ type: 'output', content: '系统目标拆解:' },
{ type: 'output', content: ' • 支持120台多车型AGV混行' },
{ type: 'output', content: ' • 全局路径优化与交通管制' },
{ type: 'output', content: ' • 智能充电调度' },
{ type: 'output', content: ' • 冷链环境(-25°C)稳定运行' },
{ type: 'info', content: '' },
{
type: 'image',
content: '冷链解决方案示意',
imageSrc: '/data/订单班文档资料/交通物流/notion文稿/image/冷链方案示意图.jpg',
imageAlt: '冷链智慧共配中心方案'
},
{ type: 'info', content: '' },
{ type: 'success', content: '✓ 需求分析完成,输出业务目标与功能清单' }
]
},
{
agent: () => transportationAgents[1],
outputs: [
{ type: 'info', content: '🏗️ 系统架构师设计总体架构...' },
{ type: 'output', content: '设计五层架构体系:' },
{ type: 'output', content: ' • 接入层: ERP/MES/WMS/TMS系统对接' },
{ type: 'output', content: ' • 业务层: IWMS仓储管理 + TMS交通管理' },
{ type: 'output', content: ' • 调度层: RCS设备调度 + WCS设备控制' },
{ type: 'output', content: ' • 设备层: AGV执行 + 充电管理' },
{ type: 'output', content: ' • 算法平台: 路径优化 + 充电算法' },
{ type: 'info', content: '' },
{
type: 'image',
content: '物流业务架构图',
imageSrc: '/data/订单班文档资料/交通物流/notion文稿/image/物流业务架构图.jpg',
imageAlt: 'AGV系统五层架构'
},
{ type: 'info', content: '' },
{ type: 'output', content: '技术选型:' },
{ type: 'output', content: ' • 导航: 激光SLAM + IMU + 二维码融合' },
{ type: 'output', content: ' • 通信: MQTT + RESTful API' },
{ type: 'output', content: ' • 算法: A*/Dijkstra路径规划' },
{ type: 'success', content: '✓ 系统架构设计完成' }
]
},
{
agent: () => transportationAgents[2],
outputs: [
{ type: 'info', content: '🤖 AGV算法工程师设计调度算法...' },
{ type: 'output', content: 'AGV导航系统设计:' },
{ type: 'output', content: ' • 激光SLAM高精度定位' },
{ type: 'output', content: ' • 低温环境误差补偿机制' },
{ type: 'output', content: ' • IMU传感器融合导航' },
{ type: 'output', content: ' • 二维码辅助定位' },
{ type: 'info', content: '' },
{ type: 'output', content: '路径规划与调度:' },
{ type: 'output', content: ' • 网格地图建模' },
{ type: 'output', content: ' • A*算法实时路径规划' },
{ type: 'output', content: ' • 动态任务优先级调度' },
{ type: 'output', content: ' • 拥堵绕行机制' },
{ type: 'info', content: '' },
{
type: 'image',
content: 'AGV控制逻辑图',
imageSrc: '/data/订单班文档资料/交通物流/notion文稿/image/AGV逻辑图.jpg',
imageAlt: 'AGV路径规划与调度逻辑'
},
{ type: 'info', content: '' },
{ type: 'output', content: '交通管制系统:' },
{ type: 'output', content: ' • 十字路口信号控制' },
{ type: 'output', content: ' • AGV抢占与让行策略' },
{ type: 'output', content: ' • 冲突检测与死锁避免' },
{ type: 'output', content: ' • 路径可通性判断' },
{ type: 'info', content: '' },
{
type: 'image',
content: '交通管制系统逻辑',
imageSrc: '/data/订单班文档资料/交通物流/notion文稿/image/交通管制系统逻辑图.jpg',
imageAlt: '十字路口交通管制策略'
},
{ type: 'info', content: '' },
{ type: 'output', content: '仿真模拟验证:' },
{ type: 'output', content: ' • 120台AGV并发仿真' },
{ type: 'output', content: ' • 路径冲突场景测试' },
{ type: 'output', content: ' • 高峰期调度优化' },
{ type: 'info', content: '' },
{
type: 'image',
content: '仿真模拟平台',
imageSrc: '/data/订单班文档资料/交通物流/notion文稿/image/仿真模拟平台示意图.jpg',
imageAlt: 'AGV仿真模拟平台'
},
{ type: 'info', content: '' },
{ type: 'success', content: '✓ AGV算法设计完成' }
]
},
{
agent: () => transportationAgents[3],
outputs: [
{ type: 'info', content: '⚡ 能源工程师设计充电管理系统...' },
{ type: 'output', content: '智能充电策略:' },
{ type: 'output', content: ' • 双模式充电: 快充1.5C + 慢充0.5C' },
{ type: 'output', content: ' • 电量实时监测(SOC/SOH)' },
{ type: 'output', content: ' • 优先级排队调度' },
{ type: 'output', content: ' • 预测性充电时机' },
{ type: 'info', content: '' },
{
type: 'image',
content: '充电管理系统逻辑',
imageSrc: '/data/订单班文档资料/交通物流/notion文稿/image/充电管理系统逻辑图.jpg',
imageAlt: '智能充电调度系统'
},
{ type: 'info', content: '' },
{ type: 'output', content: '低温充电保护:' },
{ type: 'output', content: ' • 环境温度分级监测' },
{ type: 'output', content: ' • 电池预热机制' },
{ type: 'output', content: ' • 限流分段充电' },
{ type: 'output', content: ' • 异常断充重试' },
{ type: 'success', content: '✓ 充电管理系统设计完成' }
]
},
{
agent: () => transportationAgents[4],
outputs: [
{ type: 'info', content: '❄️ 冷链技术总监设计环境适配方案...' },
{ type: 'output', content: '冷链环境感知:' },
{ type: 'output', content: ' • 温湿度实时监测' },
{ type: 'output', content: ' • 结霜检测传感器' },
{ type: 'output', content: ' • 环境数据可视化' },
{ type: 'output', content: ' • GSP/GDP合规追溯' },
{ type: 'info', content: '' },
{ type: 'output', content: 'AGV低温适配:' },
{ type: 'output', content: ' • 设备防冻防雾处理' },
{ type: 'output', content: ' • 电池保温加热设计' },
{ type: 'output', content: ' • 激光头/摄像头防护' },
{ type: 'output', content: ' • 抗老化材料选型' },
{ type: 'success', content: '✓ 冷链环境适配方案完成' }
]
},
{
agent: () => transportationAgents[5],
outputs: [
{ type: 'info', content: '⚙️ 研发工程师实现核心功能...' },
{ type: 'output', content: '上位调度平台开发:' },
{ type: 'output', content: ' • 任务控制模块' },
{ type: 'output', content: ' • 路径状态更新' },
{ type: 'output', content: ' • AGV状态监控面板' },
{ type: 'info', content: '' },
{ type: 'output', content: '嵌入式AGV控制:' },
{ type: 'output', content: ' • 导航控制算法' },
{ type: 'output', content: ' • 速度调节模块' },
{ type: 'output', content: ' • 电量回传接口' },
{ type: 'output', content: ' • 环境监测集成' },
{ type: 'info', content: '' },
{ type: 'output', content: 'PLC设备控制:' },
{ type: 'output', content: ' • 货架搬运流程' },
{ type: 'output', content: ' • 升降机逻辑' },
{ type: 'output', content: ' • 充电桩开关控制' },
{ type: 'output', content: ' • 安全检测机制' },
{ type: 'success', content: '✓ 核心功能开发完成' }
]
},
{
agent: () => transportationAgents[6],
outputs: [
{ type: 'info', content: '🔗 系统集成工程师设计联动方案...' },
{ type: 'output', content: '系统集成架构:' },
{ type: 'output', content: ' • WMS ↔ AGV调度平台' },
{ type: 'output', content: ' • AGV平台 ↔ 充电系统' },
{ type: 'output', content: ' • AGV平台 ↔ 冷链感知' },
{ type: 'output', content: ' • 调度平台 ↔ 立体库控制' },
{ type: 'info', content: '' },
{
type: 'image',
content: '系统集成与调度架构',
imageSrc: '/data/订单班文档资料/交通物流/notion文稿/image/系统集成与调度.jpg',
imageAlt: '多系统集成架构图'
},
{ type: 'info', content: '' },
{ type: 'output', content: '通信协议设计:' },
{ type: 'output', content: ' • RESTful API接口' },
{ type: 'output', content: ' • MQTT消息总线' },
{ type: 'output', content: ' • WebSocket实时推送' },
{ type: 'output', content: ' • 数据格式规范(JSON)' },
{ type: 'info', content: '' },
{
type: 'image',
content: '系统控制架构',
imageSrc: '/data/订单班文档资料/交通物流/notion文稿/image/系统控制架构图.jpg',
imageAlt: '系统通信控制架构'
},
{ type: 'info', content: '' },
{ type: 'success', content: '✓ 系统集成方案完成' }
]
},
{
agent: () => transportationAgents[7],
outputs: [
{ type: 'info', content: '🎨 视觉设计师整理技术文档...' },
{ type: 'output', content: '技术文档结构:' },
{ type: 'output', content: ' • 项目背景与目标' },
{ type: 'output', content: ' • 技术架构设计' },
{ type: 'output', content: ' • 核心模块说明' },
{ type: 'output', content: ' • 实施步骤规划' },
{ type: 'output', content: ' • 系统功能展示' },
{ type: 'info', content: '' },
{ type: 'output', content: '后台监控管理:' },
{ type: 'output', content: ' • AGV实时位置追踪' },
{ type: 'output', content: ' • 任务执行状态监控' },
{ type: 'output', content: ' • 充电排队可视化' },
{ type: 'output', content: ' • 异常告警面板' },
{ type: 'info', content: '' },
{
type: 'image',
content: '后台监控管理系统',
imageSrc: '/data/订单班文档资料/交通物流/notion文稿/image/后台监控与管理.jpg',
imageAlt: 'AGV监控管理界面'
},
{ type: 'info', content: '' },
{ type: 'success', content: '✓ 技术文档输出完成' }
]
},
{
agent: () => transportationAgents[8],
outputs: [
{ type: 'info', content: '✅ 技术专家进行方案评审...' },
{ type: 'output', content: '架构评审:' },
{ type: 'output', content: ' ✓ 五层架构逻辑清晰' },
{ type: 'output', content: ' ✓ 模块解耦合理' },
{ type: 'output', content: ' ✓ 接口定义明确' },
{ type: 'output', content: ' ✓ 支持业务扩展' },
{ type: 'info', content: '' },
{ type: 'output', content: '技术选型评估:' },
{ type: 'output', content: ' ✓ 导航方式适合低温环境' },
{ type: 'output', content: ' ✓ 通信协议兼容性良好' },
{ type: 'output', content: ' ✓ 算法复杂度可控' },
{ type: 'output', content: ' ✓ 冷链适配充分' },
{ type: 'info', content: '' },
{ type: 'output', content: '风险评估:' },
{ type: 'output', content: ' • 低风险: 架构设计完整' },
{ type: 'output', content: ' • 中风险: 低温测试需充分验证' },
{ type: 'output', content: ' • 建议: 加强仿真测试' },
{ type: 'success', content: '✓ 技术评审通过,方案可行' }
]
},
{
agent: () => transportationAgents[9],
outputs: [
{ type: 'info', content: '📊 项目经理制定实施计划...' },
{ type: 'output', content: '项目周期规划:' },
{ type: 'output', content: ' • 第1-2周: 详细设计与仿真验证' },
{ type: 'output', content: ' • 第3-4周: AGV设备采购与系统开发' },
{ type: 'output', content: ' • 第5-6周: 现场部署与联调测试' },
{ type: 'output', content: ' • 第7-8周: 试运行与优化调整' },
{ type: 'info', content: '' },
{
type: 'image',
content: '项目实施计划',
imageSrc: '/data/订单班文档资料/交通物流/notion文稿/image/周期实施计划.jpg',
imageAlt: '8周项目实施时间表'
},
{ type: 'info', content: '' },
{ type: 'output', content: '任务分工(RACI矩阵):' },
{ type: 'output', content: ' • 架构师: 系统设计(R)' },
{ type: 'output', content: ' • 算法工程师: 调度算法(R)' },
{ type: 'output', content: ' • 研发工程师: 功能开发(R)' },
{ type: 'output', content: ' • 集成工程师: 系统联调(R)' },
{ type: 'output', content: ' • 技术专家: 方案评审(A)' },
{ type: 'info', content: '' },
{ type: 'output', content: '运维支持计划:' },
{ type: 'output', content: ' • AGV故障排查与检修' },
{ type: 'output', content: ' • 技术支持与指导' },
{ type: 'output', content: ' • 系统优化与升级' },
{ type: 'info', content: '' },
{
type: 'image',
content: 'AGV故障排查检修流程',
imageSrc: '/data/订单班文档资料/交通物流/notion文稿/image/AGV故障排查检修.jpg',
imageAlt: 'AGV运维支持流程图'
},
{ type: 'info', content: '' },
{ type: 'output', content: '技术支持体系:' },
{ type: 'output', content: ' • 7×24小时技术热线' },
{ type: 'output', content: ' • 远程诊断与支持' },
{ type: 'output', content: ' • 定期培训与知识转移' },
{ type: 'info', content: '' },
{
type: 'image',
content: '技术支持体系',
imageSrc: '/data/订单班文档资料/交通物流/notion文稿/image/技术支持与指导.jpg',
imageAlt: '全方位技术支持服务'
},
{ type: 'info', content: '' },
{ type: 'success', content: '✓ 项目实施计划完成' }
]
}
],
completionSequence: [
{ type: 'system', content: '' },
{ type: 'system', content: '项目成果总结:' },
{ type: 'success', content: '✓ 支持120+台AGV混行调度' },
{ type: 'success', content: '✓ 全局交通管制与路径优化' },
{ type: 'success', content: '✓ 智能充电调度系统' },
{ type: 'success', content: '✓ 冷链环境(-25°C)稳定运行' },
{ type: 'success', content: '✓ 多系统无缝集成' },
{ type: 'info', content: '' },
{ type: 'info', content: '核心价值:' },
{ type: 'info', content: ' • 物流效率提升40%' },
{ type: 'info', content: ' • 人力成本降低60%' },
{ type: 'info', content: ' • 支持日出件量18万件' },
{ type: 'info', content: ' • 满足GSP/GDP合规要求' },
{ type: 'system', content: '' },
{ type: 'system', content: '某冷链智慧共配中心AGV系统设计完成!' }
]
});

24
web_frontend/exhibition-demo/src/pages/WorkflowPageV4.tsx
View File

@@ -31,11 +31,11 @@ const generateProgressBar = (progress: number, width: number = 40) => {
return `[${'█'.repeat(filled)}${'░'.repeat(empty)}] ${progress.toString().padStart(3, ' ')}%`;
};
// 生成文件大小
const generateFileSize = () => {
const sizes = ['12.3KB', '456KB', '1.2MB', '3.4MB', '15.7MB', '48.2MB', '126MB'];
return sizes[Math.floor(Math.random() * sizes.length)];
};
// 生成文件大小 (保留以备将来使用)
// const generateFileSize = () => {
// const sizes = ['12.3KB', '456KB', '1.2MB', '3.4MB', '15.7MB', '48.2MB', '126MB'];
// return sizes[Math.floor(Math.random() * sizes.length)];
// };
const WorkflowPageV4 = () => {
const { agents, startDemo, pauseDemo, resumeDemo, reset, status, setSelectedOrderClass, selectedOrderClass } = useDemoStore();
@@ -45,19 +45,19 @@ const WorkflowPageV4 = () => {
const [isExecuting, setIsExecuting] = useState(false);
const [showRequirementModal, setShowRequirementModal] = useState(false);
const [showResultModal, setShowResultModal] = useState(false);
const [userRequirement, setUserRequirement] = useState('');
const [, setUserRequirement] = useState('');
const [imageLoadingStates, setImageLoadingStates] = useState<{ [key: string]: boolean }>({});
const [logoClickCount, setLogoClickCount] = useState(0);
const [showFloatingButton, setShowFloatingButton] = useState(false);
const [terminalData, setTerminalData] = useState<any>(null);
const [loadingData, setLoadingData] = useState(false);
const [, setLoadingData] = useState(false);
const [dataLoadError, setDataLoadError] = useState<string | null>(null);
const terminalRef = useRef<HTMLDivElement>(null);
const intervalRef = useRef<number | null>(null);
// const intervalRef = useRef<number | null>(null);
const progressLineIdRef = useRef<string | null>(null);
const logoClickTimerRef = useRef<number | null>(null);
const statusRef = useRef(status);
const abortControllerRef = useRef<AbortController | null>(null);
// const abortControllerRef = useRef<AbortController | null>(null);
// 更新 statusRef
useEffect(() => {
@@ -635,7 +635,7 @@ const WorkflowPageV4 = () => {
if (line.type === 'progress') {
// 进度条动画
const target = (line as any).target || 100;
// const target = (line as any).target || 100;
const label = line.content;
const stutters = (line as any).stutters || [23, 67, 89];
await executeProgress(label, stutters);
@@ -749,7 +749,7 @@ const WorkflowPageV4 = () => {
// 计时器
useEffect(() => {
let interval: NodeJS.Timeout;
let interval: number;
if (status === 'running') {
interval = setInterval(() => {
setElapsedTime(prev => prev + 1);
@@ -1199,7 +1199,7 @@ const WorkflowPageV4 = () => {
) : (
<div className="px-4 py-3 bg-gray-800 border-t border-gray-700">
<div className="grid grid-cols-7 gap-2">
{terminalData.agents.map((agent, index) => (
{terminalData.agents.map((agent: any, index: number) => (
<div
key={agent.id}
className={`flex flex-col items-center gap-1 px-2 py-2 rounded-lg transition-all ${