Skip to content

优化监控中心筛选与调用方密钥汇总交互#161

Merged
seakee merged 1 commit into
seakee:mainfrom
junxin367:codex/monitoring-filter-ui-updates
Jun 2, 2026
Merged

优化监控中心筛选与调用方密钥汇总交互#161
seakee merged 1 commit into
seakee:mainfrom
junxin367:codex/monitoring-filter-ui-updates

Conversation

@junxin367
Copy link
Copy Markdown

变更概述

  • 在监控时间筛选中新增“昨天”选项,范围为昨天 00:00 到今天 00:00。
  • 将筛选区 .filterGrid 默认列数从 5 列调整为 6 列。
  • 交换“调用方密钥汇总”右侧排序下拉与“共 x 个调用方密钥”的位置。
  • 优化自定义时间弹窗:点击日期输入框文本区域也会触发原生日期时间选择器。

原因

  • 让常用时间范围选择更完整,减少手动自定义昨天区间的操作。
  • 适配新增筛选项后的横向布局。
  • 对齐调用方密钥汇总区域的控件展示顺序。
  • 改善自定义时间选择交互,不再只能点右侧图标触发。

影响范围

  • 前端监控中心页面:MonitoringCenterPage、监控时间范围状态、相关 i18n 文案。
  • 不涉及后端接口变更、配置变更或数据迁移。

验证结果

  • npm test:28 个测试文件 / 266 个测试通过。
  • npm run type-check:通过。
  • npm run lint:0 errors,1 个既有 fast-refresh warning。
  • npm run build:通过。
  • prettier --check touched files:通过。
  • git diff --check:通过,仅有 LF/CRLF 提示。

风险 / 回滚

  • 风险较低,主要是 UI 展示与前端时间范围计算。
  • 如需回滚,可 revert 本 PR 对监控页面筛选/自定义时间交互的提交。

Reviewer notes

  • 重点看 getRangeBounds('yesterday') 的边界是否符合预期:昨天 00:00 到今天 00:00。
  • 自定义日期触发使用原生 input.showPicker?.(),浏览器不支持时保留 focus fallback。

@seakee seakee merged commit 371be36 into seakee:main Jun 2, 2026
3 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants