1-hdApp 商品管理合并页.md 3.2 KB

摘要

  • 新增 /admin/goods/manage 商品管理页,将花束与花材管理整合为两个页签,默认展示“花束”。
  • 保留 goods/list.vueitem/list2.vue 原样,不修改现有页面。
  • 复用现有接口、列表组件和操作能力,不改后端接口。
  • 保留当前未提交的首页“店铺管理”及菜单编辑改动。

实现调整

  • 首页菜单:
    • 完善“商品管理”菜单定义并加入花束业务的默认菜单。
    • 未自定义过菜单的用户默认可见;已有自定义菜单的用户可通过“编辑”添加。
  • 页面框架:
    • pages.json 注册 /admin/goods/manage,原生标题为“商品管理”,不添加留言图标。
    • 顶部设置“花束/花材”页签;子页首次进入时加载,切换后保留各自分类、搜索、筛选和滚动状态。
    • 使用独立的新子组件隔离两套列表逻辑,避免事件、弹窗和分页状态冲突。
  • 花束页签:
    • 按效果图排布名称/编号、搜索、全部/无价/有价、筛选、排序、刷新、左侧分类和底部“新增商品”。
    • 分类区域不展示图标;右侧展示当前分类标题。
    • 复用现有分类、商品分页、库存/支数筛选、标签打印、库存明细、编辑简介、更多操作及分享能力。
  • 花材页签:
    • 按效果图排布图片分类、搜索、全部/有库存/没库存、更多筛选、刷新、左侧分类和底部“新增花材”。
    • “更多筛选”作为预留按钮,点击提示“更多筛选暂未开放”。
    • 分类图标暂不展示;继续复用 item2 商品行、现有花材分页及全部操作弹窗。
    • “新增花材”沿用现有入口 /admin/ptItem/itemList
  • 搜索、刷新、分页和从编辑页返回后的刷新均在当前页签独立执行。

接口与兼容性

  • 花束继续使用 /category/list/category/goods-list,保持现有 catIdsearchTypepriceTypehasStockflowerNumrequestType=goodsList 参数。
  • 花材继续使用 /item-class/get-menu/item/get-item-list,保持 classIdsearchlookStockrequestType=itemList 和分页参数。
  • 不新增或修改后端 Controller、Form Model、Biz 类及响应结构。

验证方案

  • 验证首页默认显示“商品管理”,点击可正常进入新路由。
  • 验证无留言图标、分类无图标、两页签布局及底部新增按钮符合效果图。
  • 分别验证搜索、分类切换、筛选、刷新、分页和空数据状态。
  • 抽查花束与花材的详情、打印、库存明细、简介、隐藏/显示及更多操作。
  • 验证页签切换后状态保留,新增或编辑返回后数据正确刷新。
  • 确认原 goods/list.vueitem/list2.vue 无改动,原入口功能不受影响。
  • 不运行 build:mp-weixin;使用用户现有编译进程做小程序端验证,并执行 git diff --check
  • 新页面属于结构调整,完成后在知识项目运行 npm run indexnpm run validate

假设

  • “花材”指现有“绿植花材”管理能力,仅在合并页中简化页签文案。
  • 当前工作区中“店铺管理”标题、编辑按钮及菜单候选项改动均为用户已有改动,实施时予以保留。