chengma/cmautobuy
2
0
Fork 0
Code Issues 89 Pull Requests Actions Packages Projects Releases Wiki Activity

Admin：底栏提示文字与分页整体右对齐 #65

New Issue
Closed
opened 2026-08-09 22:02:58 +08:00 by ila · 3 comments
ila commented 2026-08-09 22:02:58 +08:00
Owner
Copy Link
Copy Source

基本信息

  • 类型：需求
  • 父级大工单：#14
  • 所属 MVP / 版本：#15 Admin 四模块可用闭环
  • 阶段：Admin 六模块统一列表体验
  • 依赖：#64
  • 状态：待验收

要解决什么

#64 已把六个主列表的分页控件放到公共底栏右侧，但状态提示文字仍占据底栏左侧。用户要求底部提示文字也靠右，使“提示文字 + 分页”形成同一个右对齐信息组。

做什么 / 不做什么

做

  • 六个主列表共用的底栏提示文字靠右。
  • 宽窗口中提示文字位于分页控件左侧，两者作为一组整体靠右。
  • 窄窗口换行时，提示文字和分页分别保持右对齐，不遮挡表格。
  • 更新公共 CSS 测试和 Admin UI 规范。

不做

  • 不修改提示文字内容、分页链接、页码计算或任何后端逻辑。
  • 不调整顺运宝同步记录弹窗内的局部分页。
  • 不修改数据库、接口或业务状态。

怎么做

  1. 调整 admin/static/css/app.css 的公共 .statusbar 布局：容器内容靠右，提示文字不再占满剩余空间并设置右对齐，分页移除用于推到右侧的自动左边距。
  2. 保留窄窗口两行回流策略，并让提示文字所在行和分页所在行都右对齐。
  3. 更新 admin/main_test.go 的 CSS 约束测试，以及 docs/admin/05-ui-specification.md 的底栏说明。

验收标准

  • 宽窗口下，提示文字位于分页左侧，“提示文字 + 分页”整体靠右。
  • 窄窗口换行后，提示文字和分页仍分别靠右且不遮挡内容。
  • 六个主列表继续共用同一个 footer 模板，无页面专用样式。
  • 不改变分页、筛选、写操作和统计逻辑。
  • Go 1.23.0 的 build、test、vet 通过。

怎么验证

从 admin/ 执行：

$env:GOTOOLCHAIN="go1.23.0"
go build ./...
go test ./... -count=1
go vet ./...
Remove-Item Env:GOTOOLCHAIN

从仓库根目录执行 git diff --check -- admin docs/admin，并检查 CSS 响应式规则。

风险和回退

仅修改公共 CSS 会同时影响六个主列表。若出现布局问题，回退本任务的 CSS、测试和规范修改即可，不涉及数据回退。

## 基本信息 - 类型：需求 - 父级大工单：#14 - 所属 MVP / 版本：#15 Admin 四模块可用闭环 - 阶段：Admin 六模块统一列表体验 - 依赖：#64 - 状态：待验收 ## 要解决什么 #64 已把六个主列表的分页控件放到公共底栏右侧，但状态提示文字仍占据底栏左侧。用户要求底部提示文字也靠右，使“提示文字 + 分页”形成同一个右对齐信息组。 ## 做什么 / 不做什么 ### 做 - 六个主列表共用的底栏提示文字靠右。 - 宽窗口中提示文字位于分页控件左侧，两者作为一组整体靠右。 - 窄窗口换行时，提示文字和分页分别保持右对齐，不遮挡表格。 - 更新公共 CSS 测试和 Admin UI 规范。 ### 不做 - 不修改提示文字内容、分页链接、页码计算或任何后端逻辑。 - 不调整顺运宝同步记录弹窗内的局部分页。 - 不修改数据库、接口或业务状态。 ## 怎么做 1. 调整 `admin/static/css/app.css` 的公共 `.statusbar` 布局：容器内容靠右，提示文字不再占满剩余空间并设置右对齐，分页移除用于推到右侧的自动左边距。 2. 保留窄窗口两行回流策略，并让提示文字所在行和分页所在行都右对齐。 3. 更新 `admin/main_test.go` 的 CSS 约束测试，以及 `docs/admin/05-ui-specification.md` 的底栏说明。 ## 验收标准 - [x] 宽窗口下，提示文字位于分页左侧，“提示文字 + 分页”整体靠右。 - [x] 窄窗口换行后，提示文字和分页仍分别靠右且不遮挡内容。 - [x] 六个主列表继续共用同一个 footer 模板，无页面专用样式。 - [x] 不改变分页、筛选、写操作和统计逻辑。 - [x] Go 1.23.0 的 build、test、vet 通过。 ## 怎么验证 从 `admin/` 执行： ```powershell $env:GOTOOLCHAIN="go1.23.0" go build ./... go test ./... -count=1 go vet ./... Remove-Item Env:GOTOOLCHAIN ``` 从仓库根目录执行 `git diff --check -- admin docs/admin`，并检查 CSS 响应式规则。 ## 风险和回退 仅修改公共 CSS 会同时影响六个主列表。若出现布局问题，回退本任务的 CSS、测试和规范修改即可，不涉及数据回退。
ila commented 2026-08-09 22:03:19 +08:00
Author
Owner
Copy Link
Copy Source

已开始实施。仅调整六个主列表共用的底栏 CSS、对应测试和 UI 规范；不修改模板结构、分页链接或任何后端逻辑。工作区原有 Client、图片和根目录改动不纳入本任务。

已开始实施。仅调整六个主列表共用的底栏 CSS、对应测试和 UI 规范；不修改模板结构、分页链接或任何后端逻辑。工作区原有 Client、图片和根目录改动不纳入本任务。
ila commented 2026-08-09 22:05:48 +08:00
Author
Owner
Copy Link
Copy Source

实施完成，等待验收

  • 实现提交：e9a190e（style: 右对齐 Admin 底栏提示 (#65)）
  • 归档提交：8643c37（docs: 归档任务 #65）
  • 归档文档：docs/task/65-admin底栏提示文字右对齐.md

验证结果

Go 1.23.0 下 go build ./...、go test ./... -count=1、go vet ./... 均通过，git diff --check -- admin docs/admin 通过。

本次只修改公共底栏 CSS、CSS 约束测试和 UI 规范。未在真实浏览器中人工检查 1366×768 与窄窗口最终视觉效果。工单保持打开、状态为待验收；父工单清单暂不勾选。

## 实施完成，等待验收 - 实现提交：`e9a190e`（`style: 右对齐 Admin 底栏提示 (#65)`） - 归档提交：`8643c37`（`docs: 归档任务 #65`） - 归档文档：`docs/task/65-admin底栏提示文字右对齐.md` ### 验证结果 Go 1.23.0 下 `go build ./...`、`go test ./... -count=1`、`go vet ./...` 均通过，`git diff --check -- admin docs/admin` 通过。 本次只修改公共底栏 CSS、CSS 约束测试和 UI 规范。未在真实浏览器中人工检查 1366×768 与窄窗口最终视觉效果。工单保持打开、状态为待验收；父工单清单暂不勾选。
ila commented 2026-08-10 23:22:27 +08:00
Author
Owner
Copy Link
Copy Source

用户已明确验收通过。验收清单已回填，本工单关闭。

用户已明确验收通过。验收清单已回填，本工单关闭。
ila closed this issue 2026-08-10 23:22:29 +08:00
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
No items
No labels
Milestone
No items
No Milestone
Projects
Clear projects
No projects
Assignees
Clear assignees
admin ila
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: chengma/cmautobuy#65