H5 订货页分类导航 · 改造原型 v3

顶部一级分类去掉「全部」，仅留 5 个一级；默认选中「酒类」直接进入两栏（左二级、右商品）；点二级 → 右侧立即筛该二级商品；悬停二级 → 右上方弹出半透明三级浮窗（透出下面商品），点三级立即筛商品；面包屑可一键返回一级。

9:41全息甄品100%
🔍 请输入商品名称
搜索
首页
视频号
订货
购物车3
我的
交互说明
① 顶部分类行仅 5 个一级（无「全部」），默认选中「酒类」进入两栏；
② 左侧二级列表首项「全部」默认选中（展示酒类全部商品，含二/三/四级）；
③ 点其他一级（如「饮品类」）→ 切到饮品类两栏，二级、三级自动清空；
④ 点二级（非「全部」）→ 右侧立即筛该二级商品（含该二级下所有三级）；
⑤ 悬停二级 → 右上方弹出半透明三级浮窗（rgba(255,255,255,0.78) + backdrop-filter:blur，下面商品透出），点三级立即筛商品；
⑥ 面包屑可一键返回一级。

改造清单（确认后落地）

  1. 后台数据　需在商品分类管理中新增两个一级：雪糕、清洁用品（不需要 icon）。
  2. 后端　新增 GET /store/product-category/tree：全量 → 过滤 is_delect != 1 OR is_delect IS NULL → 按 sort 排序 → 组装三级树返回；加入 AuthInterceptor.PUBLIC_PATTERNS。
  3. 前端 ai_order.vue：顶部分类改为 5 个一级（去「全部」）；点击一级切换两栏布局（左侧二级 + 右侧商品）；悬停二级显示三级浮层；点击三级/二级即刷新商品；面包屑可清除二级三级回到一级全量。
  4. 前端　删除 components/custom-popup-category/ 目录；清理 ai_order.vue 中「更多」按钮及弹窗引用。
待确认：
① 三级浮层是悬停即弹，还是点击二级才弹（原型目前是悬停；移动端没有 hover，落地时改为点击二级行右侧箭头展开）？
② 悬停浮层离开后才消失，还是选了三级后立即消失（原型是后者）？
③ 选中三级后，面包屑是否展示三级名称（原型已展示）？