feat(store-orders): 增强订单页支持搜索及重构Tab
- 将订单列表底部时间显示格式由只含日期改为显示至分钟的完整时间 - 门店订单页新增搜索功能,支持订单号、手机号、昵称等多字段模糊匹配 - 实现单个搜索框叠加于当前Tab内,切Tab及搜索提交自动刷新订单列表 - 调整ScrollView高度以适配搜索栏新增布局 - 优化订单Tab结构,由“全部/已完成/已关闭”改为“待处理/已完成/已关闭” - 待处理Tab合并待付款、待发货、待核销、待收货多状态订单 - 去除原“全部”Tab,默认激活改为“待处理”Tab - 新订单角标由“全部”Tab迁移到“待处理”Tab显示 - 搜索无结果时显示“未找到与‘xxx’相关的订单”提示 - 确保后端筛选与前端Tab状态映射一致,提升用户体验
This commit is contained in:
@@ -50,5 +50,17 @@
|
||||
2. `sms-login.tsx`:`loginBySms` 后加 `syncFromStorage()` 同步状态
|
||||
3. 防御性措施:`cart.tsx`、`product-detail.tsx`、`index/index.tsx` 的 `useDidShow` 加 `syncFromStorage()` 确保页面显示时从 storage 同步用户状态
|
||||
|
||||
## 门店订单页 Tab 改造(src/pages/store/orders/index.tsx)
|
||||
- **需求**:原「全部 / 已完成 / 已关闭」Tab 改为「待处理 / 已完成 / 已关闭」
|
||||
- 待处理 = 待付款(0) + 待发货(1) + 待核销(2) + 待收货(3),按用户确认把待核销(2)也并入
|
||||
- 已完成 = statusFilter 5(不变);已关闭 = statusFilter 8(不变)
|
||||
- **TabKey 类型**:`'all' | 'pending' | 'completed'` → `'pending' | 'completed' | 'closed'`
|
||||
- **TABS 配置**:删除原「全部」无筛选 Tab;待处理用 params 数组 `[{statusFilter:0},{1},{2},{3}]` 并行请求合并去重(loadOrders 已支持)
|
||||
- **默认选中**:`useState<TabKey>('all')` → `'pending'`
|
||||
- **新订单角标**:`tab.key === 'all'` → `tab.key === 'pending'`(移到待处理 Tab)
|
||||
- **statusFilter 后端映射参考**(ShopOrderMapper.xml 第240-282行):0待支付=未付款、1待发货=pay1&delivery10&order0、2待核销=pay1&order0、3待收货=delivery20&order!=1、5已完成=order1、8已取消=order2
|
||||
- **验证**:tsc 仅剩预存 `@tarojs/taro` 类型缺失环境报错,本文件无新错误
|
||||
- ⚠️ 注意:原「全部」Tab 显示的「待评价(statusFilter=4)」订单在改版后无 Tab 承接(用户确认不含待评价),如需可见后续可并入待处理
|
||||
|
||||
### 验证
|
||||
- `npx taro build --type weapp` 构建成功
|
||||
|
||||
Reference in New Issue
Block a user