摘要
- 新增
/admin/goods/manage 商品管理页,将花束与花材管理整合为两个页签,默认展示“花束”。
- 保留
goods/list.vue、item/list2.vue 原样,不修改现有页面。
- 复用现有接口、列表组件和操作能力,不改后端接口。
- 保留当前未提交的首页“店铺管理”及菜单编辑改动。
实现调整
- 首页菜单:
- 完善“商品管理”菜单定义并加入花束业务的默认菜单。
- 未自定义过菜单的用户默认可见;已有自定义菜单的用户可通过“编辑”添加。
- 页面框架:
- 在
pages.json 注册 /admin/goods/manage,原生标题为“商品管理”,不添加留言图标。
- 顶部设置“花束/花材”页签;子页首次进入时加载,切换后保留各自分类、搜索、筛选和滚动状态。
- 使用独立的新子组件隔离两套列表逻辑,避免事件、弹窗和分页状态冲突。
- 花束页签:
- 按效果图排布名称/编号、搜索、全部/无价/有价、筛选、排序、刷新、左侧分类和底部“新增商品”。
- 分类区域不展示图标;右侧展示当前分类标题。
- 复用现有分类、商品分页、库存/支数筛选、标签打印、库存明细、编辑简介、更多操作及分享能力。
- 花材页签:
- 按效果图排布图片分类、搜索、全部/有库存/没库存、更多筛选、刷新、左侧分类和底部“新增花材”。
- “更多筛选”作为预留按钮,点击提示“更多筛选暂未开放”。
- 分类图标暂不展示;继续复用
item2 商品行、现有花材分页及全部操作弹窗。
- “新增花材”沿用现有入口
/admin/ptItem/itemList。
- 搜索、刷新、分页和从编辑页返回后的刷新均在当前页签独立执行。
接口与兼容性
- 花束继续使用
/category/list、/category/goods-list,保持现有 catId、searchType、priceType、hasStock、flowerNum、requestType=goodsList 参数。
- 花材继续使用
/item-class/get-menu、/item/get-item-list,保持 classId、search、lookStock、requestType=itemList 和分页参数。
- 不新增或修改后端 Controller、Form Model、Biz 类及响应结构。
验证方案
- 验证首页默认显示“商品管理”,点击可正常进入新路由。
- 验证无留言图标、分类无图标、两页签布局及底部新增按钮符合效果图。
- 分别验证搜索、分类切换、筛选、刷新、分页和空数据状态。
- 抽查花束与花材的详情、打印、库存明细、简介、隐藏/显示及更多操作。
- 验证页签切换后状态保留,新增或编辑返回后数据正确刷新。
- 确认原
goods/list.vue、item/list2.vue 无改动,原入口功能不受影响。
- 不运行
build:mp-weixin;使用用户现有编译进程做小程序端验证,并执行 git diff --check。
- 新页面属于结构调整,完成后在知识项目运行
npm run index 和 npm run validate。
假设
- “花材”指现有“绿植花材”管理能力,仅在合并页中简化页签文案。
- 当前工作区中“店铺管理”标题、编辑按钮及菜单候选项改动均为用户已有改动,实施时予以保留。