赵忠林
0bfd5e667b
- 说明分类管理页支持多级层级及其实现方式 - 指出商品端选分类组件限制在2~3级的问题 - 提醒后端是否限制层级需查后端仓库确认 feat(shopGoods): 新增批量上架含图片商品SQL脚本 - 提供批量上架分类ID为10332且含有图片商品的SQL预览查询 - 包含更新商品状态为上架的SQL语句及执行说明 - 约定商品状态、图片判定及删除标记等业务规则
38 lines
4.1 KiB
Markdown
38 lines
4.1 KiB
Markdown
# 2026-07-24 工作日志
|
||
|
||
## shopGoods 商品列表排序机制分析
|
||
- 现状：列表「排序号」列（`src/views/shop/shopGoods/index.vue` 约 273-279 行）只做展示，**未启用 `sorter`**，列表默认也不按 `sortNumber` 排序（默认排序由后端决定，前端 `orders` 仅来自「创建时间」列的排序）。
|
||
- 编辑表单里「排序号」是 `a-input-number`（0-9999，默认 100），且在 `rules` 里是 **必填**。
|
||
- 已存在类似的布尔开关 `recommend`（列表内联切换，index.vue 约 47-58 行），「置顶」可复用同一 UI 模式。
|
||
- 结论倾向：纯排序号在商品多时难用，建议「置顶开关 + 少量置顶项内排序 + 其余按默认（创建时间/销量）」的混合方案，而非完全替换。
|
||
|
||
## 已实现：方案 B（商品置顶功能）
|
||
- 数据模型 `src/api/shop/shopGoods/model/index.ts`：新增 `isTop?: number`（置顶 1/不置顶 0）。
|
||
- 列表 `src/views/shop/shopGoods/index.vue`：
|
||
- 新增「置顶」列，列表内联一键切换（复用 recommend 的 CheckOutlined/CloseOutlined 模式），新增 `onTop` 处理函数。
|
||
- 「排序号」列开启 `sorter: true`（之前只展示、不可排序）。
|
||
- 后端迁移脚本 `add-is-top-shop-goods.sql`：新增 `is_top` TINYINT 字段；分页默认排序需改为 `ORDER BY is_top DESC, sort_number ASC, create_time DESC`（后端不在本仓库，需手动改 page 接口 ORDER BY / 放开 orders 白名单）。
|
||
- 注意：置顶真正"排到最前"依赖后端默认排序改动；点击列排序也需后端放开 is_top / sort_number。
|
||
|
||
## 后端改动（/Users/gxwebsoft/JAVA/guilixu-java，Spring Boot + MyBatis-Plus）
|
||
- `entity/ShopGoods.java`：新增 `private Integer isTop;`（映射列 is_top，沿用 camelCase→下划线策略；mapper 用 SELECT a.*，无需改 XML）。
|
||
- `service/impl/ShopGoodsServiceImpl.java`：
|
||
- `pageRel` 与 `listRel` 默认排序由 `sort_number asc, create_time desc` 改为 `is_top desc, sort_number asc, create_time desc`（置顶优先，置顶内按排序号，其余按创建时间倒序）。
|
||
- `collectFromUrl` 采集默认值补 `goods.setIsTop(0)`（与 recommend 一致）。
|
||
- 排序字段无白名单：`PageParam` 直接按列名拼 ORDER BY，前端点「置顶」「排序号」列排序无需额外放开。
|
||
- DB 仍需执行 `add-is-top-shop-goods.sql`（在 admin 仓库根目录）：`ALTER TABLE shop_goods ADD COLUMN is_top TINYINT(1) NOT NULL DEFAULT 0`。
|
||
- 副作用提醒：默认排序改为置顶优先会影响所有调用 pageRel/listRel 的端（含小程序商品列表），置顶商品会浮到最前——通常正是期望行为。
|
||
|
||
## shopGoods 列表：商品编号移到名称下方
|
||
- `src/views/shop/shopGoods/index.vue`：删除独立的「编号」列（原 `code` 列），改为在「商品」列的名称下方显示「编号：{{ record.code }}」（灰色小字），节省一列横向空间。无 code 时不渲染该行。
|
||
|
||
## shopGoods 列表：三个价格合并为一列 + 与编辑弹窗对齐
|
||
- 原「市场价/价格/会员价」三列（字段 salePrice/price/dealerPrice）合并为单个「价格」列（`key: 'priceGroup'`，width 150）。
|
||
- 单元格内堆叠显示，顺序与命名对齐编辑弹窗（`shopGoodsEdit.vue` 基本信息 Tab）：价格（price，加粗头条）→ 市场价（salePrice）→ 会员价（dealerPrice）；空值显示 `-`。
|
||
- 列表展示用 priceGroup 自定义 `#bodyCell` 渲染；导出 Excel（`handleExport`）仍保留三列独立价格，未改动。
|
||
|
||
## 商品分类(ShopGoodsCategory)多级分类调研
|
||
- 分类管理页 `/shop/shopGoodsCategory` 本身**支持**多级：模型有 parentId/children，编辑弹窗用 a-tree-select(toTreeData) 不限层级，列表 computeDepth 递归缩进。
|
||
- 但商品端选分类的级联组件 `src/components/SelectGoodsCategory/index.vue` 的 formatData/filterData 只映射 2~3 级；shopGoodsEdit 的 `chooseGoodsCategory` 写死 `value[1].value`/`value[0].label`（仅 2 级），3 级及以上会选错/选不中。
|
||
- 后端 `/shop/shop-goods-category` 是否限层级需查后端仓库确认（本仓库看不到）。
|