数字员工报告系统 - 功能实现

数字员工报告系统 - 功能实现

问题

"点召唤→执行→看结果"链路断裂:数字员工在后端正常执行,但前端看不到执行结果/报告。

修改内容

1. 后端 server.js — 添加报告 API

  • GET /api/reports/list: 扫描 server/data/reports/ 目录,返回.html.md文件列表(按修改时间倒序),包含 filename, size, lastModified, workerType
  • GET /api/reports/view/:filename: 读取指定报告文件,.htmltext/html 返回,.mdtext/plain 返回,含目录穿越防护
  • 路由位置: handleRequest 函数内,health check 之前(约第3200行)

2. 前端 DigitalStaff.vue — 执行结果 + 召唤面板修复

  • 结果与报告区域: 在员工详情面板的"执行日志"上方新增"结果与报告"面板,点击员工后自动调用 /api/reports/list,按员工名称/ID/WorkerType 过滤出相关报告,每条显示文件名、时间、大小,点击文件名可在新窗口打开,HTML报告有醒目的"📊 查看HTML报告"按钮
  • 通用召唤面板: summonBanner fallback 改为通用面板,取员工 description 字段作为描述,取 params 字段动态渲染表单(text/number),显示{员工名} - 执行任务标题,表单字段预填params默认值

3. 报告中心页面 (/reports)

  • 路由: src/router/index.js 新增 /reportsReportCenter.vue
  • 侧边栏: App.vue navGroups 中"左膀右臂"组添加"报告中心"入口
  • ReportCenter.vue: 全新组件,支持按报告类型、格式、日期范围筛选,展示列表(图标+文件名+类型标签+格式标签+日期+大小),点击卡片查看报告

4. 构建

  • pnpm run build 成功,dist/ 生成了 ReportCenter-CGdfE37y.js (5.00KB) 和 ReportCenter-C_rgHN0c.css (2.49KB)
  • DigitalStaff 组件重新打包 (DigitalStaff-DMGhD-sr.js 53.88KB)

需要重启

  • 运行中的 node server.js 需要手动重启以加载新的报告 API 路由
← 返回案例列表
分享:
🤖 Try Now →
🤖
🎁