fix: 完善顺运宝列表紧凑布局 (#216)

This commit is contained in:
chengma
2026-08-13 14:35:34 +08:00
parent 47cdb2ed03
commit f834f6224c
9 changed files with 82 additions and 33 deletions
+14 -9
View File
@@ -481,8 +481,9 @@ Go 的 map 是无序的,不靠它定顺序的话,同一个商品每次刷新
日期始终显示在主工具条,按 UTC+8 解释且两端都包含。首次打开页面固定默认昨天
到今天,不因覆盖游标位置自动扩大范围;需要补历史缺口时由采购员明确选择日期。
所有账号都能看到当前启用 SYB 同步店铺数量;管理员通过主导航进入“店铺管理”,
顺运宝工具条不再重复放入口。
同步日期规则和当前启用店铺数量不再使用常驻说明占用列表空间;日期错误、同步警告、
配置问题和登录提示仍按条件显示。管理员通过主导航进入“店铺管理”,顺运宝工具条
不再重复放入口。
管理页一行一个店铺,只展示和编辑一个店铺名称,并使用一个启停状态。该名称同时用于
SYB 同步准入和蝦皮商品关联。启用店铺不显示删除入口,服务端还要拒绝删除有关联货运单
或蝦皮商品的停用店铺;“未登记商品 N 个”链接进入蝦皮未关联数据视图。
@@ -541,7 +542,7 @@ HTML 片段,只替换弹窗内部的表格、总数和分页。主货运单表
### 6.2 表格列
☐ / 订单号 / 店铺 / 商品标题 / 规格 / 蝦皮商品ID / 数量 /
价格(台币)/ 图片 / **处理阶段** / **下一步** / 更新时间
价格(台币)/ 图片 / **下一步** / 更新时间
- 一行对应顺运宝一张货运单的**一个商品明细**,不是一张货运单——一张货运单
可以有多个商品,各占一行。
@@ -551,22 +552,26 @@ HTML 片段,只替换弹窗内部的表格、总数和分页。主货运单表
省略显示并通过单元格 `title` 查看全文。
- 图片显示小缩略图。点击缩略图在弹窗中按比例查看顺运宝原图,并提供新窗口打开入口;
图片加载失败时显示可读提示。`[必须]` 只存 URL,不代理、缓存或把图片塞进数据库。
- 处理阶段是按当前关联事实**算出来的**,不是存一份容易过期的状态字段。阶段至少区分:
- 处理阶段不作为独立列表列显示,但顶部筛选、勾选门禁、下一步路由和详情说明继续使用。
阶段按当前关联事实**算出来**,不是存一份容易过期的状态字段。阶段至少区分:
采购数据异常(顺运宝未提供规格)、未关联 PDD、PDD 待采集、采集中、采集中(超时)、
采集失败、规格待匹配、可采购、已创建任务、采购完成和采购待人工核对。
- 成功采购任务显示“采购完成”和“查看采购结果”;`manual_review` 显示“采购待人工核对”
和“查看采购任务”,并明确提示可能已经下单、必须先核对。两种状态都不允许勾选或重新采购。
- 成功采购任务的下一步显示“查看采购结果”;`manual_review` 显示“核对采购订单”,
并在详情中明确提示可能已经下单、必须先核对。两种状态都不允许勾选或重新采购。
- `collecting` 已超过 15 分钟,或已找不到 `pending/assigned/claimed` 采集任务时,
显示“PDD 采集中(超时)”和“重新创建采集任务”,不能继续伪装成正常进行中。
- 每行显示一个有文字的“下一步”按钮。商品标题是服务端渲染处理弹窗的明确入口,
- 每行显示一个有文字的“下一步”按钮。缺少规格、数量异常、待人工核对分别使用
“核对缺失规格”“核对采购数量”“核对采购订单”,不能使用含义相同的笼统文案。
按钮的 `title` 保留当前阶段原因。商品标题是服务端渲染处理弹窗的明确入口,
支持鼠标和键盘;双击其他普通单元格不执行动作。图片入口只负责查看原图,不能打开处理详情。
- “下一步”随实时阶段变化:未关联 PDD、待采集、采集中、采集失败、规格待匹配、
可创建采购任务、已创建采购任务和异常阶段分别显示对应动作。除“创建采购任务”和
“查看采购任务”外,其余动作进入当前明细的处理弹窗。
- 规格原文为空时不显示匹配表单,明确提示“顺运宝未提供规格”,并禁止建立映射或创建采购任务。
- 完整货运单 JSON 不作为列显示,落在 `syb_data` 里,供后续排查用。
- 桌面端表格使用有最大高度的内部滚动区,表头固定;横向滚动条位于该区域底部,
浏览长列表时不必先滚到整页末尾。窄窗口回到自然页面高度,避免可用区域过小。
- 桌面端顺运宝页面使用纵向 Flex 布局:导航、工具条和条件提示占实际高度,表格取得
到固定底部状态栏之间的全部剩余空间。表格内部纵横滚动并固定表头,横向滚动条位于
该区域底部。窄窗口解除视口高度锁定,回到自然页面滚动。
复选框按批量动作能力启用,不再等同于“可采购”:PDD 待采集、PDD 采集失败、
PDD 采集中(超时)行可用于