另外两个演示结果可视化（表格）· 2026-08-01

需求

用户：影响图已可视化（chart 卡片），但「数据质量巡检」和「治理记录」仍只显示纯文字 / 原始 JSON，要求也做成可视化（表格）。

实现（复用 tryImpactAnalysis 模式）

1. 新组件

• src/components/InspectionResult.vue：数据质量巡检结果卡。
• 概览指标卡：检查对象 / 发现问题 / 涉及条目 / 可自动修复 / 需人工修复
• 严重度胶囊：错误 / 警告 / 提示 + 耗时
• Top 问题表（前 12 条，按 严重度→优先级 排序）：严重度 / 优先级 / 对象 / 规则 / 说明
• src/components/GovernanceTable.vue：治理记录表。
• 表头：时间 / 类别 / 级别 / 动作 / 详情 / 来源
• 滚动容器（max-height 340px），展示最近 20 条，附总数。

1. AiWorkbench.vue

• import InspectionResult / GovernanceTable。
• 模板新增 msg.type === 'inspection' 与 msg.type === 'governance' 渲染分支（与 chart 同区域）。
• 新增 tryInspection(text, sessionId)：POST /api/ai-inspector/inspect {targetType:'Part',batchSize:200}，把 summary/issues 包成 type:'inspection' 消息。
• 新增 tryGovernance(text, sessionId)：GET /api/audit-logs?days=N（默认 7，支持"N天"），把 logs/total 包成 type:'governance' 消息。
• sendMessage 内新增关键词拦截（在影响图拦截之后）：
• 数据质量：/数据质量|数据体检|健康检查|数据治理|体检|巡检/
• 治理记录：/治理记录|审计日志|审计记录|治理日志/

1. 真实接口数据形状（实测确认）

• inspect：{success, summary:{totalChecked,issuesFound,itemsWithIssues,autoFixable,manualFix,errorCount,warningCount,infoCount,elapsed}, issues:[{itemName,ruleName,severity,priority,message}], results:[...]}。issues.length=1154。
• audit：{success, data:{logs:[{time,date,category,level,action,detail,source,userName,...}], total}}。

验证

• 前端构建通过：✓ built in 26.29s。
• 源码确认：InspectionResult/GovernanceTable/tryInspection/tryGovernance/两个 type 分支均存在。
• dist bundle 含 /api/ai-inspector/inspect 与 /api/audit-logs（入口 chunk 不含，但 AiWorkbench chunk 含，已 disk-scan 确认）。
• 服务重启：旧 pid 13420 → 新 pid 44820，health OK；live /api/audit-logs?days=7 返回 success=true / 200 条。

演示注意

• 浏览器需 硬刷新（Ctrl+Shift+R） 以加载新 bundle。
• 巡检真实耗时 35~220s（异步，不冻结界面），演示前可先探小批量。
• 三场景现在均结构化：影响图（chart）/ 巡检（指标卡+表）/ 治理记录（表）。

改动状态（均未提交，守 no-commit 约束）

• ?? src/components/InspectionResult.vue（新增）
• ?? src/components/GovernanceTable.vue（新增）
• M src/views/AiWorkbench.vue（import + 2 渲染分支 + 2 处理函数 + 2 关键词拦截）
• 遗留未提交：server/routes/change.js、src/components/ImpactChart.vue（影响图三件套）