OPC/goauto
2
0
Fork 0
Code Issues 192 Pull Requests Actions Packages Projects Releases Wiki Activity

调整 SYB 商品页顶部工具栏与采购入口 #68

New Issue
Closed
opened 2026-08-22 11:57:44 +08:00 by ila · 2 comments
ila commented 2026-08-22 11:57:44 +08:00
Owner
Copy Link
Copy Source

原始需求

  • 来源：用户对话
  • 提出时间：2026-08-22
  • 需求摘要：SYB 商品页将“从 SYB 导入”改为“导入”；去掉“已选择 0 条”后的“重新解析”批量模式按钮；把“创建采购”改为与“查询”相同的普通按钮并放在“重置”后；尽量让列表上方组件保持同一行。

当前事实

  • 当前页面顶部使用 Element Plus inline form。
  • “创建采购 / 重新解析”目前是批量模式单选组，切换模式会清空选择。
  • 查询区末尾另有按模式显示的“重新解析 / 创建采购任务”按钮。
  • 单条重新解析仍可从商品详情执行。

目标与方案

  1. 顶部导入按钮显示为“导入”；导入弹窗业务语义保持不变。
  2. 删除顶部批量模式单选组和批量重新解析入口；保留详情中的单条“重新解析”。
  3. 选择框只服务于批量创建采购；管理员和采购员可见，其他角色不显示无用途的选择入口。
  4. 在“查询”“重置”同一操作组中，把“创建采购”作为普通 primary 按钮紧跟“重置”；未选择商品时禁用。
  5. 采购可选行规则保持不变：只允许勾选当前页中满足采购前置条件的商品。
  6. 提示文案移除“切换到重新解析”的说明。
  7. 顶部工具栏使用紧凑、可换行的 flex 布局；常规桌面宽度尽量单行，空间不足时自然换行，不产生水平溢出。

布局设计证据

复用现有 SYB 商品页和 Element Plus 组件，不新增页面或组件。目标顺序：

[导入] [同步记录] [已选择 N 条] [搜索____] [解析状态____] [查询] [重置] [创建采购]

  • “查询”和“创建采购”使用一致的 primary 层级；“重置”为次级按钮。
  • “创建采购”保持禁用态和既有批量确认弹窗，避免未选择时误操作。
  • 使用 8～12px 间距；窄屏按组件自然换行。
  • 本次属于现有页面小范围布局调整，以此标注式布局作为设计证据，不要求新建 QuantUX/HTML 原型。

子项目影响

  • 仅 web。
  • 不修改服务端、数据库、共享 API、Android、采购状态机、权限或支付边界。

验收标准

  • 顶部按钮显示“导入”，不再显示“从 SYB 导入”。
  • “已选择 N 条”后不再出现“重新解析”批量模式按钮。
  • “创建采购”是普通 primary 按钮，位于“重置”之后。
  • 未选择时“创建采购”禁用；选择可采购商品后可打开既有批量确认弹窗。
  • 非采购角色不显示无用途的批量选择入口。
  • 常规桌面宽度下顶部组件尽量同一行；窄屏可换行且无横向溢出。
  • 单条详情“重新解析”能力不受影响。
  • Web lint 和生产构建通过。

风险与回退

  • 批量重新解析入口从列表顶部移除，但服务端接口不变；单条重新解析仍保留。
  • 可回退本工单 Web 提交恢复原工具栏。

文档影响

无长期文档影响：不改变模块入口、API、数据、权限、采购状态机或安全边界，仅调整既有页面布局和入口呈现。

## 原始需求 - 来源：用户对话 - 提出时间：2026-08-22 - 需求摘要：SYB 商品页将“从 SYB 导入”改为“导入”；去掉“已选择 0 条”后的“重新解析”批量模式按钮；把“创建采购”改为与“查询”相同的普通按钮并放在“重置”后；尽量让列表上方组件保持同一行。 ## 当前事实 - 当前页面顶部使用 Element Plus inline form。 - “创建采购 / 重新解析”目前是批量模式单选组，切换模式会清空选择。 - 查询区末尾另有按模式显示的“重新解析 / 创建采购任务”按钮。 - 单条重新解析仍可从商品详情执行。 ## 目标与方案 1. 顶部导入按钮显示为“导入”；导入弹窗业务语义保持不变。 2. 删除顶部批量模式单选组和批量重新解析入口；保留详情中的单条“重新解析”。 3. 选择框只服务于批量创建采购；管理员和采购员可见，其他角色不显示无用途的选择入口。 4. 在“查询”“重置”同一操作组中，把“创建采购”作为普通 primary 按钮紧跟“重置”；未选择商品时禁用。 5. 采购可选行规则保持不变：只允许勾选当前页中满足采购前置条件的商品。 6. 提示文案移除“切换到重新解析”的说明。 7. 顶部工具栏使用紧凑、可换行的 flex 布局；常规桌面宽度尽量单行，空间不足时自然换行，不产生水平溢出。 ## 布局设计证据 复用现有 SYB 商品页和 Element Plus 组件，不新增页面或组件。目标顺序： `[导入] [同步记录] [已选择 N 条] [搜索____] [解析状态____] [查询] [重置] [创建采购]` - “查询”和“创建采购”使用一致的 primary 层级；“重置”为次级按钮。 - “创建采购”保持禁用态和既有批量确认弹窗，避免未选择时误操作。 - 使用 8～12px 间距；窄屏按组件自然换行。 - 本次属于现有页面小范围布局调整，以此标注式布局作为设计证据，不要求新建 QuantUX/HTML 原型。 ## 子项目影响 - 仅 `web`。 - 不修改服务端、数据库、共享 API、Android、采购状态机、权限或支付边界。 ## 验收标准 - [ ] 顶部按钮显示“导入”，不再显示“从 SYB 导入”。 - [ ] “已选择 N 条”后不再出现“重新解析”批量模式按钮。 - [ ] “创建采购”是普通 primary 按钮，位于“重置”之后。 - [ ] 未选择时“创建采购”禁用；选择可采购商品后可打开既有批量确认弹窗。 - [ ] 非采购角色不显示无用途的批量选择入口。 - [ ] 常规桌面宽度下顶部组件尽量同一行；窄屏可换行且无横向溢出。 - [ ] 单条详情“重新解析”能力不受影响。 - [ ] Web lint 和生产构建通过。 ## 风险与回退 - 批量重新解析入口从列表顶部移除，但服务端接口不变；单条重新解析仍保留。 - 可回退本工单 Web 提交恢复原工具栏。 ## 文档影响 无长期文档影响：不改变模块入口、API、数据、权限、采购状态机或安全边界，仅调整既有页面布局和入口呈现。
ila commented 2026-08-22 12:07:18 +08:00
Author
Owner
Copy Link
Copy Source

实施完成，待验收

实现

  • 顶部“从 SYB 导入”改为“导入”；导入弹窗语义不变。
  • 删除顶部“创建采购 / 重新解析”批量模式组及批量重新解析入口；详情中的单条“重新解析”继续保留。
  • “创建采购”改为普通 primary 按钮，紧跟“重置”，未选择时禁用。
  • 勾选列和“已选择 N 条”只对管理员/采购员显示，且仍只允许选择满足采购条件的商品。
  • 查询提示移除切换重新解析的旧说明。
  • 工具栏使用紧凑 flex 布局，压缩搜索框、解析状态框与间距；1280×720 验证全部顶部组件同一行，窄屏保留自然换行。

验证

  • pnpm exec playwright test tests/e2e/syb-product-layout.spec.ts：1 passed；覆盖文案、按钮顺序、同一行、禁用/启用状态和选择行为。
  • ./scripts/verify.ps1 -Component web：通过；lint 0 error、30 条既有 warning，生产构建通过。
  • git diff --check：通过。
  • python dev_scripts/harness.py sync --check：通过。
  • 本地测试截图已目视确认 1280×720 工具栏单行布局。
  • in-app Browser 当前无可用浏览器实例；未通过该通道进行额外人工交互，但仓库自带 E2E 已完成实际页面验证。

提交与归档

  • 提交：b5d0d83 feat(#68): streamline SYB product toolbar，已推送 main。
  • 任务归档：Task-68-调整-SYB-商品页顶部工具栏与采购入口
  • Wiki revision：f1a1e57ee8e4f92dbd436f7a22b13fe6303e42ea
  • 中文 Wiki 页面读取沿用已知 MCP % 二次编码回退：页面列表通过 MCP，正文回读通过 Gitea API。

文档影响

无长期文档影响：仅调整现有页面布局和入口呈现，不改接口、数据、权限、采购状态机或安全边界。

状态：保持开启，等待用户验收。

## 实施完成，待验收 ### 实现 - 顶部“从 SYB 导入”改为“导入”；导入弹窗语义不变。 - 删除顶部“创建采购 / 重新解析”批量模式组及批量重新解析入口；详情中的单条“重新解析”继续保留。 - “创建采购”改为普通 primary 按钮，紧跟“重置”，未选择时禁用。 - 勾选列和“已选择 N 条”只对管理员/采购员显示，且仍只允许选择满足采购条件的商品。 - 查询提示移除切换重新解析的旧说明。 - 工具栏使用紧凑 flex 布局，压缩搜索框、解析状态框与间距；1280×720 验证全部顶部组件同一行，窄屏保留自然换行。 ### 验证 - `pnpm exec playwright test tests/e2e/syb-product-layout.spec.ts`：1 passed；覆盖文案、按钮顺序、同一行、禁用/启用状态和选择行为。 - `./scripts/verify.ps1 -Component web`：通过；lint 0 error、30 条既有 warning，生产构建通过。 - `git diff --check`：通过。 - `python dev_scripts/harness.py sync --check`：通过。 - 本地测试截图已目视确认 1280×720 工具栏单行布局。 - in-app Browser 当前无可用浏览器实例；未通过该通道进行额外人工交互，但仓库自带 E2E 已完成实际页面验证。 ### 提交与归档 - 提交：`b5d0d83 feat(#68): streamline SYB product toolbar`，已推送 `main`。 - 任务归档：[Task-68-调整-SYB-商品页顶部工具栏与采购入口](https://git.ilapage.cn/OPC/goauto/wiki/Task-68-%E8%B0%83%E6%95%B4-SYB-%E5%95%86%E5%93%81%E9%A1%B5%E9%A1%B6%E9%83%A8%E5%B7%A5%E5%85%B7%E6%A0%8F%E4%B8%8E%E9%87%87%E8%B4%AD%E5%85%A5%E5%8F%A3.-) - Wiki revision：`f1a1e57ee8e4f92dbd436f7a22b13fe6303e42ea` - 中文 Wiki 页面读取沿用已知 MCP `%` 二次编码回退：页面列表通过 MCP，正文回读通过 Gitea API。 ### 文档影响 无长期文档影响：仅调整现有页面布局和入口呈现，不改接口、数据、权限、采购状态机或安全边界。 状态：保持开启，等待用户验收。
ila commented 2026-08-28 15:07:33 +08:00
Author
Owner
Copy Link
Copy Source

用户于 2026-08-28 明确确认本工单验收通过。按项目流程记录验收结论并关闭工单；本次仅更新工单状态，无新增长期文档事实，不重复同步 Wiki。

用户于 2026-08-28 明确确认本工单验收通过。按项目流程记录验收结论并关闭工单；本次仅更新工单状态，无新增长期文档事实，不重复同步 Wiki。
ila closed this issue 2026-08-28 15:07:35 +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: OPC/goauto#68