style: 优化蝦皮列表关键信息展示 (#214)

2026-08-13 12:07:27 +08:00
parent 121b12ac41
commit 5b7d92289e
6 changed files with 22 additions and 17 deletions
@@ -179,11 +179,11 @@
 | ☐ | 勾选 |
 | 商品 ID | |
 | 图片 | 32×32 缩略图，可打开原图；加载失败显示文字占位 |
-| 商品名称 | 截断 + 悬停完整 |
+| 商品名称 | 固定约 120px，截断 + 悬停完整 |
 | 店铺 | 导入或同步得到的蝦皮店铺名称；为空显示 `—` |
 | 数据来源 | 蝦皮报表 / 顺运宝补建；不只靠颜色区分 |
 | 颜色 / 尺码 / 建议 | 解析失败的显示为 `—` 并**整行标黄**，提示需人工补 |
-| PDD 链接 | 空的显示"**未填写**"并标红，这是最需要操作员注意的状态 |
+| PDD 商品 ID | 正文显示 goods_id，悬停显示完整 URL；空的显示"**未填写**"并标红 |
 | 采集状态 | 未填链接 / 未采集 / 采集中 / 已采集 / 采集失败。**数据来自两张表**，判断方式见 [01 需求](01-requirements.md) §6.1 |
 | 更新时间 | 本地时区 |

@@ -908,8 +908,8 @@ placeholder 写「任务编号 / 订单号 / 商品 ID」，**不要写全「PDD

 蝦皮商品列表在商品 ID 后显示 32×32 懒加载主图，在标题后显示“店铺”。主图可
 打开通用原图弹窗和新窗口，加载失败显示文字占位；无图不打开空弹窗。店铺列最大约
-150px并省略，完整值放在 `title` 和详情中。商品标题继续使用 `.col-title` 的 18%，
-不得因新增列再次缩窄；1366×768 下通过表格横向滚动保留可读性。详情同时显示图片、
+150px并省略，完整值放在 `title` 和详情中。商品标题使用 `.col-title` 的固定 120px，
+避免百分比列宽随窗口和浏览器算法波动；1366×768 下通过表格横向滚动保留可读性。详情同时显示图片、
 店铺、各自来源和观测时间，顺运宝观测图仍只出现在观测区域。

 店铺列显示导入或同步得到的蝦皮店铺原始值。`shop_id` 只作为精确匹配后的稳定内部关联，