diff --git a/docs/superpowers/specs/2026-05-24-ai-call-log-detail-design.md b/docs/superpowers/specs/2026-05-24-ai-call-log-detail-design.md index df3cd31..a4232c7 100644 --- a/docs/superpowers/specs/2026-05-24-ai-call-log-detail-design.md +++ b/docs/superpowers/specs/2026-05-24-ai-call-log-detail-design.md @@ -103,7 +103,7 @@ purpose: AI 调用日志详情查看功能设计文档 ### JSON 高亮方案 -JSON 格式化使用 `highlight.js` 轻量库(项目已可通过 npm 安装),对 JSON 语言进行语法高亮,无需手写解析逻辑。配合深色主题 CSS 覆盖默认配色。 +JSON 格式化使用原生 `JSON.stringify(obj, null, 2)` 生成,再通过简单正则替换为带 class 的 HTML 实现语法高亮。不引入新依赖,实现轻量。高亮规则:key、字符串、数字/布尔/null、标点符号分别用正则匹配并包裹 `` 后输出。 **`JsonViewer.vue` Props 接口:** ```typescript @@ -127,19 +127,7 @@ interface JsonViewerProps { ### 筛选栏参数 -```typescript -interface LogQueryParams { - status?: string // running / success / failed - sceneCode?: string - providerCode?: string - endpointCode?: string - startTime?: string // ISO 8601 格式,如 "2026-05-17T00:00:00" - endTime?: string // ISO 8601 格式,如 "2026-05-24T23:59:59" - keyword?: string // 搜索入参/出参内容 - pageNum?: number - pageSize?: number -} -``` +使用 `web-admin/src/types/common.ts` 中定义的 `LogQueryParams` 接口(见「类型定义」章节)。 **时间筛选交互:** 前端筛选栏提供快捷选项(近7天、近30天、自定义范围),由前端组件将快捷选项转换为 `startTime`/`endTime` 后传给后端。自定义范围时使用 Element Plus `el-date-picker` 选择起止时间。 - "近7天":今天 00:00:00 往前推 6 天(含今天)