Admin：优化蝦皮标题宽度并显示 PDD 商品 ID #214

New Issue

2026-08-13T12:03:12+08:00

ila commented

2026-08-13 12:03:12 +08:00

基本信息

类型：单元任务
父级大工单：#14
所属 MVP/版本：#15 / MVP 后续
阶段：蝦皮数据维护

要解决什么

蝦皮数据列表的商品名称列占用空间偏大，PDD 关联列直接展示完整 URL，挤压了表格中的关键业务信息，也不利于采购员快速识别商品。

做什么 / 不做什么

做什么

将商品名称列改为约 120px 的稳定紧凑宽度，保留省略显示和完整标题提示。
将列表列名改为“PDD 商品 ID”，优先展示已关联的 PDD goods_id。
对已关联商品保留完整 PDD URL 的悬停提示；未关联时继续明确显示“未填写”。
更新页面规范和相关自动化测试。

不做什么

不修改详情弹窗中的 PDD 链接编辑能力。
不修改蝦皮与 PDD 的关联关系和数据库结构。
不增加新的筛选条件或 Client 接口。

已确认的实现方案

使用固定约 120px 的标题列宽，避免百分比列宽随浏览器表格算法产生大幅波动。
列表视图同时提供 PDD ��品 ID 和完整 URL：单元格正文显示 ID，title 提供完整 URL。
预计修改：admin/static/css/app.css、admin/templates/shopee/list.html、admin/service/shopee_list.go、相关测试和 docs/admin/05-ui-specification.md。

验收标准

商品名称列明显缩窄且长标题仍省略显示，悬停可查看完整标题。
已关联商品正文只显示 PDD 商品 ID，不再显示冗长 URL。
未关联商品仍显示“未填写”。
详情弹窗仍可查看和编辑完整 PDD 链接。
Go 1.23 build、test、vet 全部通过。

验证方式

在 admin/ 目录执行：

$env:GOTOOLCHAIN="go1.23.0"
go build ./...
go test ./... -count=1
go vet ./...
Remove-Item Env:GOTOOLCHAIN

浏览器打开蝦皮数据列表，分别检查长标题、已关联和未关联商品。

## 基本信息 - 类型：单元任务 - 父级大工单：#14 - 所属 MVP/版本：#15 / MVP 后续 - 阶段：蝦皮数据维护 ## 要解决什么蝦皮数据列表的商品名称列占用空间偏大，PDD 关联列直接展示完整 URL，挤压了表格中的关键业务信息，也不利于采购员快速识别商品。 ## 做什么 / 不做什么 ### 做什么 - 将商品名称列改为约 120px 的稳定紧凑宽度，保留省略显示和完整标题提示。 - 将列表列名改为“PDD 商品 ID”，优先展示已关联的 PDD goods_id。 - 对已关联商品保留完整 PDD URL 的悬停提示；未关联时继续明确显示“未填写”。 - 更新页面规范和相关自动化测试。 ### 不做什么 - 不修改详情弹窗中的 PDD 链接编辑能力。 - 不修改蝦皮与 PDD 的关联关系和数据库结构。 - 不增加新的筛选条件或 Client 接口。 ## 已确认的实现方案 - 使用固定约 120px 的标题列宽，避免百分比列宽随浏览器表格算法产生大幅波动。 - 列表视图同时提供 PDD ��品 ID 和完整 URL：单元格正文显示 ID，`title` 提供完整 URL。 - 预计修改：`admin/static/css/app.css`、`admin/templates/shopee/list.html`、`admin/service/shopee_list.go`、相关测试和 `docs/admin/05-ui-specification.md`。 ## 验收标准 - [x] 商品名称列明显缩窄且长标题仍省略显示，悬停可查看完整标题。 - [x] 已关联商品正文只显示 PDD 商品 ID，不再显示冗长 URL。 - [x] 未关联商品仍显示“未填写”。 - [x] 详情弹窗仍可查看和编辑完整 PDD 链接。 - [x] Go 1.23 build、test、vet 全部通过。 ## 验证方式在 `admin/` 目录执行： ```powershell $env:GOTOOLCHAIN="go1.23.0" go build ./... go test ./... -count=1 go vet ./... Remove-Item Env:GOTOOLCHAIN ``` 浏览器打开蝦皮数据列表，分别检查长标题、已关联和未关联商品。

ila referenced this issue

2026-08-13 12:03:28 +08:00

[Epic] Admin 采集采购管理端 #14

ila referenced this issue

2026-08-13 12:03:30 +08:00

[MVP] Admin 四模块可用闭环 #15

ila commented

2026-08-13 12:03:41 +08:00

状态：进行中。已完成现状核对，开始按工单方案实施。

ila commented

2026-08-13 12:15:42 +08:00

状态：已完成，待用户验收。

实现结果：

商品名称列改为稳定的 120px，保留省略和完整标题提示。
蝦皮列表正文改为显示 PDD 商品 ID，完整 URL 保留在悬停提示；详情编辑入口不变。
实现提交：5b7d922
归档提交：282a917
归档：docs/task/214-蝦皮标题与PDD商品ID展示.md

验证：固定 Go 1.23 执行 go build ./...、go test ./... -count=1、go vet ./... 全部通过。未做 1366×768 真实浏览器人工视觉验收。

状态：已完成，待用户验收。实现结果： - 商品名称列改为稳定的 120px，保留省略和完整标题提示。 - 蝦皮列表正文改为显示 PDD 商品 ID，完整 URL 保留在悬停提示；详情编辑入口不变。 - 实现提交：5b7d922 - 归档提交：282a917 - 归档：docs/task/214-蝦皮标题与PDD商品ID展示.md 验证：固定 Go 1.23 执行 `go build ./...`、`go test ./... -count=1`、`go vet ./...` 全部通过。未做 1366×768 真实浏览器人工视觉验收。

ila commented

2026-08-13 15:56:47 +08:00

用户于 2026-08-13 明确验收通过。工单已完成归档，现关闭工单。

ila closed this issue

2026-08-13 15:56:49 +08:00

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: chengma/cmautobuy#214