Skip to content

Conversation

@isHarryh
Copy link
Contributor

概述

此 PR 引入了一个 Super 方便的 Dashboard 内嵌表单,旨在让用户无需重复登录即可更换查询的年月和 RID。

主要变更

在 Dashboard Revenue 顶部,新增了一个可折叠内嵌表单。折叠时只显示年月控件,展开时显示 RID 等额外输入控件。用户可以直接更改部分表单内容,并以此刷新 Dashboard 的数据,而不需要全部都重新输入。

细节变更

  1. 对于年月选取控件,新增了一个限制,使得年月的选取不会超过当前的月份。
  2. 在内嵌表单的年月控件中,额外增加了 ⬅️ 和 ➡️ 按钮,用于快捷地切换月份。(鲁棒性检查:切换月份可以进位到年份、也能校验边界月份)
  3. 在内嵌表单切换月份后,等待 0.5s Debounce 后直接刷新数据,无需用户手动点击查询按钮,UX 简直太爽了。
  4. 在内嵌表单底部也提供了退出按钮,用于清除 Token 状态以退回到登录表单页。
  5. 对标题进行调整,现在分为主副标题。

预览

image

@Aliothmoon
Copy link
Contributor

Aliothmoon commented Nov 8, 2025

很好的实现,但是这个组件LoginForm组件看起来有点小,主页面内顶部的这个控件感觉和其他的不是那么和谐,要不尝试换个位置?退出按钮好像没什么必要,反正都是状态,刷新一下不就没了(,UI上我觉得可以简化一下,最近有时间填坑了,如果还在维护的话可以等主分支更新后rebase一下

@isHarryh
Copy link
Contributor Author

isHarryh commented Nov 9, 2025

追加变更

  1. 在页内表单中移除了以下组件:退出按钮、重新查询按钮、RID与UA输入控件、展开与折叠控件。目前页内表单仅保留了日期选择器以实现简化。
  2. 设法移除了对 LoginForm.tsx 的代码更改,以简化此 PR 对原代码的修改量。
  3. 已变基到主分支最新提交。

下一步将研究如何调整该页内表单的展示方式,使其更加和谐。如图是目前的 UI 预览,若有任何修改灵感欢迎指出。

image

@isHarryh
Copy link
Contributor Author

isHarryh commented Nov 9, 2025

追加变更

  1. 已经优化了表单的显示方式,现在不会直接在标题上显示(不和谐),而是改为从可点击的日期文本处弹出 Popover 组件来实现。

请审查。

Large Screen Small Screen
image image

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