feat(web): 管理端日志来源徽章支付弹窗与支付记录筛选——订阅 ID / 交易号可筛，弹窗可跳转核对补录

2026-10-18 12:22:02 +08:00
parent 199972a2dc
commit fdc5942a72
5 changed files with 169 additions and 24 deletions
@@ -4,7 +4,7 @@

 | 项目 | 内容 |
 |------|------|
-| 状态 | 定稿（2026-10-12，作者认可实现） |
+| 状态 | 定稿（2026-10-12，作者认可实现；补订阅 ID / 交易号筛选） |
 | 关联 | 《交互设计-总览与共性》· `subscriptions表字段设计.md` · `topups表字段设计.md` · R7/R8 |
 | 数据 | `subscriptions` + `topups` · 日志观测的订阅 ID（核对提示） |

@@ -19,14 +19,15 @@
 | **订阅** | 订阅权益表 | 登记订阅 |
 | **充值** | 充值入账表 | 登记充值 |

-筛选随 Tab：
+筛选随 Tab（均为前端过滤——清单全量直返）：

 | Tab | 筛选 | URL |
 |-----|------|-----|
-| 订阅 | 订阅 ID / 期间与所选窗口重叠（拆表后） | `tab=subs` |
-| 充值 | **仅类型**（付费时间筛选已撤——`paid_at` 语义待拆表钉死） | `tab=topups` · `kind` |
+| 订阅 | 订阅 ID（精确，可空）· 账本域（含「未标注」） | `tab=subs` · `subscription_id` |
+| 充值 | 交易号（子串，可空）· 账本域 | `tab=topups` · `trade_no` |

-当前实现（拆表前）：仅「类型」筛选；补录审计可看「登记」列（`created_at`）。
+- 切换 Tab 保留另一 Tab 已填筛选；URL 同步便于从调用日志来源徽章深链（`subscription_id`）
+- 补录审计可看「登记」列（`created_at`）

 ## 2. 订阅清单列

@@ -4,7 +4,7 @@

 | 项目 | 内容 |
 |------|------|
-| 状态 | 定稿（2026-10-08；2026-10-13 补模型筛选与汇总条） |
+| 状态 | 定稿（2026-10-08；2026-10-13 补模型筛选与汇总条、来源徽章支付弹窗） |
 | 关联 | 《实现方案-日志模型筛选与汇总条》·《API契约-管理面》§6（过滤与 DTO）·《交互设计-总览与共性》（时间范围、数值呈现、状态模式）·《交互设计-key管理》《交互设计-成员管理》《交互设计-全员总览》（双向跳转）· `usage_logs表字段设计.md` |
 | 数据 | `usage_logs` 明细（分页；默认全类型，可筛 `type` / `model_name`）+ 当前筛选汇总（条数 + 消费用量） |

@@ -59,7 +59,8 @@
 | 操作 | 「详情」按钮 | 开详情弹窗 |

 - 分页：默认 50，档位 20 / 50 / 100 / 200（无界列表）
- **「详情」弹窗**（操作列，居中定高内滚，宽约 720）：时间 / Key·归属 / 模型·类型 / 用量 / Tokens / 耗时流式 / 来源 / 内容（错误详情），以及**原始数据**（落库行 JSON，内滚）；**不承载支付参数**（管理面支付另页）——需要看订阅登记时从来源徽章旁的链接或工具提示指向支付记录筛选
+- **来源徽章**：`订阅 #N`（蓝）**可点** → 支付参数弹窗（期间 / 额度 / 金额 / 备注；无登记显示「该订阅无登记信息」）；底栏「在支付记录中查看」→ 支付记录页并带 `subscription_id` 深链。`充值` / `未关联` 为纯标识，不可点（与成员端同构）
+- **「详情」弹窗**（操作列，居中定高内滚，宽约 720）：时间 / Key·归属 / 模型·类型 / 用量 / Tokens / 耗时流式 / 来源 / 内容（错误详情），以及**原始数据**（落库行 JSON，内滚）；**不承载支付参数**（支付参数走来源徽章弹窗，核对/补录走支付记录页）
 - 空态：「该时段内无调用日志」
 - 窄屏：表格横向滚动（共性 §3.5）

@@ -72,6 +73,7 @@
 | 成员管理 · 行操作「查调用」 | 本页 | `member_id` |
 | 本页 · Key 列 | Key 管理 | `key_id`（定位/高亮） |
 | 本页 · 归属列 | 成员管理 | `member_id`（筛选） |
+| 本页 · 来源徽章弹窗「在支付记录中查看」 | 支付记录 | `tab=subs` + `subscription_id` |
 | 健康带失败数（总览） | 仍去 Key 管理失败筛选 | 不变 |

 ## 5. 状态与边界