cmautobuy/docs/task/65-admin底栏提示文字右对齐.md

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

• 类型：需求
• 父级大工单：#14
• 所属 MVP / 版本：#15 Admin 四模块可用闭环
• 状态：已完成
• 日期：2026-08-09
• Gitea 工单：http://ilaer.eicp.net:8418/chengma/cmautobuy/issues/65

背景与目标

#64 已把六个主列表的分页组件放到公共底栏右侧，但状态提示文字仍占据左侧。此次将状态提示文字和分页组成同一个右对齐信息组，使底栏信息更加集中。

最终方案

• 公共 .statusbar 使用 justify-content: flex-end，让状态提示和分页整体靠右。
• 状态提示不再占满剩余空间，并使用右对齐；分页移除用于单独推到右侧的自动左边距。
• 窄窗口继续让提示文字与分页回流为上下两行，两行分别靠右，底栏仍回到普通文档流以免遮挡表格。
• UI/UX 规范用于确认同类信息成组、保持响应式回流和不改变键盘阅读顺序。

实际实现与建单方案一致，没有修改模板结构、分页逻辑、数据库或接口。

改了哪些

• admin/static/css/app.css：让底栏提示文字与分页整体靠右，并保留窄窗口适配。
• admin/main_test.go：通过完整 .statusbar 规则块检查右对齐目标，避免通用 CSS 字符串误命中其他组件。
• docs/admin/05-ui-specification.md：更新公共底栏右对齐规范。

验收结果

验收标准	结果
宽窗口中提示文字位于分页左侧，二者整体靠右	通过（CSS 规则与自动化测试）
窄窗口换行后提示文字和分页分别靠右且不遮挡内容	通过（响应式规则与自动化测试）
六个主列表继续共用公共 footer，无页面专用样式	通过
分页、筛选、写操作和统计逻辑不变	通过
Go 1.23.0 build、test、vet 通过	通过

测试

• 执行的命令（从 admin/）：
  • $env:GOTOOLCHAIN='go1.23.0'; go build ./...
  • go test ./... -count=1
  • go vet ./...
• 执行的命令（从仓库根目录）：git diff --check -- admin docs/admin
• 结果：全部通过。
• 没验证到的部分：未在真实浏览器中人工检查 1366×768 和窄窗口的最终视觉效果。

相关提交

• e9a190e 右对齐 Admin 底栏提示