yeuimu
5e8183c220
视觉走查驱动的后台优化（feature/admin-ui-polish-dev，确认后再合并）： - 左树（国家/品类模式）同款多配置折叠为一行族组节点：代表名 + "N 个配置" 徽标，展开看各行；locateInLeftTree 沿父链展开保证定位有效；国家模式 拖拽排序适配族嵌套（同容器内排序，按折叠后展示顺序保序重分配优先级） - 工具栏分区重排：模式切换（品类/国家/全局）移至最左，筛选组居中， 新增自定义商品靠右，消除 1680 宽下的折行错乱 - 商品行属性小字/国家徽标颜色加深提升对比度 - 右树原产品行加拖拽提示 title - 数据同步日志人话化：inserted/updated/total/delisted 等报文渲染为 "新增 0 · 更新 536 · 共计 536"，原始报文进 tooltip - 计划文档 plans/feature/admin-ui-polish-feature.md（含一项误报修正： 右树 29/3 计数为截图裁切误读，实际 29/33 无 bug） 验证：admin typecheck + 22/22 + 构建绿；浏览器实机复拍国家模式折叠、 族组展开、同步页文案均生效
29 lines
1.6 KiB
Markdown
29 lines
1.6 KiB
Markdown
# 后台 UI/交互优化（视觉走查驱动）
|
||
|
||
基于 2026-08-28 浏览器实机走查（品类/国家模式、编辑弹窗、数据同步页）。
|
||
**分支约定：完成后停留在本分支，经用户确认后才合并 develop。**
|
||
|
||
## 修正一项误报
|
||
|
||
右树分组计数 "墨西哥 29/3" 为截图拼贴伪影裁切尾数，DOM 实际渲染 29/33，
|
||
计数口径无 bug —— 不做修改。
|
||
|
||
## 改动项
|
||
|
||
1. **左树同族折叠**：国家/品类模式下，同款（同 familyId）的多条官网商品
|
||
折叠为一行「族组」节点（显示代表名 + "N 个配置"徽标），展开看各行。
|
||
- locateInLeftTree 增加父链展开（族组嵌套后定位仍有效）
|
||
- 国家模式拖拽排序适配：仅允许同一容器（国家根/同一族组）内排序，
|
||
优先级按该国家折叠后展示顺序保序重分配
|
||
2. **工具栏分区重排**：模式切换（品类/国家/全局）移到最左，筛选组居中，
|
||
「新增自定义商品」靠右 —— 消除 1680 宽下的折行错乱
|
||
3. **对比度**：商品行属性小字/国家徽标颜色加深（#606266→#454545 等）
|
||
4. **拖拽可发现性**：右树 og 行加 title 提示"拖到左侧分类/国家可配置"
|
||
5. **同步日志人话化**：后端 `inserted=0 updated=536 ...` 报文渲染为
|
||
「新增 0 · 更新 536 · 共 536 条」，原文放 tooltip
|
||
|
||
## 不做（backlog）
|
||
|
||
右树按分类/工厂切换、面板高度自适应、批量补详情、重复配置体检入口、
|
||
首页位管理入口缺失（PositionsView 无路由）——需产品决策，另行确认。
|