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

Admin：压缩档口入库码筛选工具栏并调整控件顺序 #239

New Issue
Open
opened 2026-08-15 11:01:03 +08:00 by ila · 1 comment
ila commented 2026-08-15 11:01:03 +08:00
Owner
Copy Link
Copy Source

基本信息

  • 类型：需求
  • 父级大工单：#14
  • 所属 MVP / 版本：#224 Admin 档口入库码回写
  • 阶段：页面可用性优化
  • 状态：已实现，待验收

要解决什么

档口入库码工具栏的搜索输入框占用空间偏大，业务日期与其他筛选条件分散，“搜索”与“清除”的视觉顺序也不符合次要操作在前、主要操作在后的习惯。

做什么 / 不做什么

做：

  • 搜索输入框从当前 220px 调整为约 150px（约为当前宽度的 70%），避免缩到 66px 后无法看清订单号或规格。
  • 把业务日期移入筛选表单，放在搜索输入框左侧。
  • 筛选控件按“状态 → 业务日期 → 搜索输入框 → 清除 → 搜索”排列，DOM 与键盘 Tab 顺序保持一致。
  • 窄窗口继续使用现有 flex 换行，不压缩日期和按钮到不可操作。
  • 保留日期变更向匹配、回写、删除等隐藏表单同步的现有行为。

不做：

  • 不修改列表查询、筛选参数、分页、数据库或后端接口。
  • 不引入前端框架、自动搜索或新动画。
  • 不改变���入、匹配、回写和删除按钮的业务行为。

已确认的实现方案

  • 调整 admin/templates/inner_code/list.html：移除工具栏最前面的独立日期容器；把可见日期控件作为 name="date" 放进筛选表单，并把“清除”放到“搜索”之前。
  • 调整 admin/static/css/app.css：把 .inner-code-search 固定宽度由 220px 改为 150px，并保留适当的最小/最大宽度和窄窗口换行能力。
  • 更新 admin/inner_code_template_test.go，静态守卫控件顺序、可见日期字段和搜索宽度。

验收标准

  • 档口入库码筛选顺序为“状态 → 业务日期 → 搜索输入框 → 清除 → 搜索”。
  • 搜索输入框桌面宽度约 150px，不再是 220px，也不缩到约 66px。
  • 业务日期有可见 label，GET 搜索仍提交 date 参数。
  • 日期变化仍同步到匹配、回写、删除等操作表单。
  • 1366×768 可用，窄窗口允许整组换行且不遮挡操作。
  • 不修改后端、数据库和业务行为。
  • 固定 Go 1.23.0 build/test/vet 通过。

验证方式

在 admin/ 目录执行固定 Go 1.23.0 的 go build ./...、go test -count=1 ./...、go vet ./...，并执行模板静态测试；有浏览器环境时检查 1366×768 和窄窗口换行。

## 基本信息 - 类型：需求 - 父级大工单：#14 - 所属 MVP / 版本：#224 Admin 档口入库码回写 - 阶段：页面可用性优化 - 状态：已实现，待验收 ## 要解决什么 档口入库码工具栏的搜索输入框占用空间偏大，业务日期与其他筛选条件分散，“搜索”与“清除”的视觉顺序也不符合次要操作在前、主要操作在后的习惯。 ## 做什么 / 不做什么 做： - 搜索输入框从当前 220px 调整为约 150px（约为当前宽度的 70%），避免缩到 66px 后无法看清订单号或规格。 - 把业务日期移入筛选表单，放在搜索输入框左侧。 - 筛选控件按“状态 → 业务日期 → 搜索输入框 → 清除 → 搜索”排列，DOM 与键盘 Tab 顺序保持一致。 - 窄窗口继续使用现有 flex 换行，不压缩日期和按钮到不可操作。 - 保留日期变更向匹配、回写、删除等隐藏表单同步的现有行为。 不做： - 不修改列表查询、筛选参数、分页、数据库或后端接口。 - 不引入前端框架、自动搜索或新动画。 - 不改变���入、匹配、回写和删除按钮的业务行为。 ## 已确认的实现方案 - 调整 `admin/templates/inner_code/list.html`：移除工具栏最前面的独立日期容器；把可见日期控件作为 `name="date"` 放进筛选表单，并把“清除”放到“搜索”之前。 - 调整 `admin/static/css/app.css`：把 `.inner-code-search` 固定宽度由 220px 改为 150px，并保留适当的最小/最大宽度和窄窗口换行能力。 - 更新 `admin/inner_code_template_test.go`，静态守卫控件顺序、可见日期字段和搜索宽度。 ## 验收标准 - [x] 档口入库码筛选顺序为“状态 → 业务日期 → 搜索输入框 → 清除 → 搜索”。 - [x] 搜索输入框桌面宽度约 150px，不再是 220px，也不缩到约 66px。 - [x] 业务日期有可见 label，GET 搜索仍提交 `date` 参数。 - [x] 日期变化仍同步到匹配、回写、删除等操作表单。 - [ ] 1366×768 可用，窄窗口允许整组换行且不遮挡操作。 - [x] 不修改后端、数据库和业务行为。 - [x] 固定 Go 1.23.0 build/test/vet 通过。 ## 验证方式 在 `admin/` 目录执行固定 Go 1.23.0 的 `go build ./...`、`go test -count=1 ./...`、`go vet ./...`，并执行模板静态测试；有浏览器环境时检查 1366×768 和窄窗口换行。
ila commented 2026-08-15 11:05:04 +08:00
Author
Owner
Copy Link
Copy Source

已实现，进入待验收。

  • 实现提交：d79bdb1
  • 归档提交：5d72141
  • 归档：docs/task/239-压缩档口入库码筛选工具栏.md
  • 固定 Go 1.23.0 的 build/test/vet 全部通过。
  • UI 调整遵循紧凑数据工作台原则：搜索框保持 150px 可读下限，DOM/键盘顺序与视觉顺序一致，窄窗口允许换行。
  • 未验证：真实浏览器 1366×768 与小于 760px 的视觉截图，因此该验收项保持未勾选；未部署生产。
已实现，进入待验收。 - 实现提交：`d79bdb1` - 归档提交：`5d72141` - 归档：`docs/task/239-压缩档口入库码筛选工具栏.md` - 固定 Go 1.23.0 的 build/test/vet 全部通过。 - UI 调整遵循紧凑数据工作台原则：搜索框保持 150px 可读下限，DOM/键盘顺序与视觉顺序一致，窄窗口允许换行。 - 未验证：真实浏览器 1366×768 与小于 760px 的视觉截图，因此该验收项保持未勾选；未部署生产。
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#239