feat(shop): 改造分类页为左右布局并新增商品排序功能

- 重写分类页,实现左侧一级分类列表和右侧商品列表布局
- 右侧增加商品排序栏,支持默认、销量、最新、价格排序(价格可升降序切换)
- 商品列表横向卡片布局,显示图片、标题、积分标签、VIP价格、销量及加购按钮
- 支持滚动触底自动分页加载更多商品
- 点击商品跳转详情页,点击加购按钮调用加入购物车接口
- 复用 VIP 价格逻辑,优化价格显示
- 修复门店中心页 loading 状态,确保数据加载完成后隐藏加载中提示
- 优化订阅消息模板 ID 填充和错误提示提示细节
This commit is contained in:
2026-07-04 13:17:52 +08:00
parent bc427fc23d
commit 1729ef3ae4
2 changed files with 260 additions and 39 deletions

View File

@@ -145,3 +145,25 @@
- 新建:`JAVA/shop-api/.../service/WxSubscribeMessageService.java`
- 新建:`JAVA/shop-api/.../service/impl/WxSubscribeMessageServiceImpl.java`
- 修改:`JAVA/shop-api/.../service/OrderBusinessService.java`
---
### 12. 订阅消息模板 ID 填入 + 错误提示优化
- 模板 ID`sh1K9iK7vZjebUNFu6OsMsnsJxm4whThWGrhN7I4zVg`(交易提醒)
- 字段:订单号(`character_string1`)、商品名称(`thing4`)、联系人(`thing10`)、联系电话(`phone_number7`)、送货地址(`thing8`)
- 优化 `requestSubscribeMessage` fail 回调errCode 20001 提示模板未配置20002/20004 提示已取消
### 13. 门店中心页 loading 状态修复
- `store/center/index.tsx``useEffect` 遗漏 `.finally(() => setLoading(false))`,导致页面卡在"加载中"
- 已修复
### 14. 分类页改造为左侧分类 + 右侧商品列表布局
- 重写 `src/pages/shop/category.tsx`
- 左侧:一级分类列表(绿色高亮选中态,保持不变)
- 右侧:
- 排序栏:默认/销量/最新/价格(可切换升降序)/筛选
- 商品卡片:横向布局(左图 + 右侧标题/积分标签/价格/销量 + 加购按钮)
- 滚动触底分页加载
- 点击商品跳转详情页,点击加购按钮调用 `addToCart` API
- 复用现有 VIP 价格逻辑(`isVipMember` + `dealerPrice`
- 编译通过