feat(store-orders): 增强订单页支持搜索及重构Tab
- 将订单列表底部时间显示格式由只含日期改为显示至分钟的完整时间 - 门店订单页新增搜索功能,支持订单号、手机号、昵称等多字段模糊匹配 - 实现单个搜索框叠加于当前Tab内,切Tab及搜索提交自动刷新订单列表 - 调整ScrollView高度以适配搜索栏新增布局 - 优化订单Tab结构,由“全部/已完成/已关闭”改为“待处理/已完成/已关闭” - 待处理Tab合并待付款、待发货、待核销、待收货多状态订单 - 去除原“全部”Tab,默认激活改为“待处理”Tab - 新订单角标由“全部”Tab迁移到“待处理”Tab显示 - 搜索无结果时显示“未找到与‘xxx’相关的订单”提示 - 确保后端筛选与前端Tab状态映射一致,提升用户体验
This commit is contained in:
@@ -20,3 +20,15 @@
|
||||
|
||||
`pages/order/list` 列表卡片(`OrderCard`)底部日期原为 `order.createTime?.slice(0, 10)`(仅显示 YYYY-MM-DD)。
|
||||
改为 `order.createTime?.replace('T', ' ').slice(0, 16)`,显示「下单时间: YYYY-MM-DD HH:mm」,`replace('T',' ')` 兼容后端 ISO(T 分隔)与空格分隔两种时间格式。
|
||||
|
||||
## 门店订单页增加搜索功能(pages/store/orders/index.tsx)
|
||||
|
||||
方案(已与用户确认):单个搜索框 + 在当前 Tab 内叠加筛选,无需改后端、无需改类型定义。
|
||||
|
||||
实现要点:
|
||||
- 新增 `searchInput`(受控输入)、`searchKeyword`(已提交搜索词)两个 state。
|
||||
- `loadOrders` 每个 `pageShopOrder` 请求附带 `keywords: searchKeyword || undefined`(后端 `keywords` 已支持订单号/订单ID/手机号/昵称/备注组合模糊搜索);`useCallback` 依赖加 `searchKeyword`,切 Tab/提交搜索自动重加载。
|
||||
- 触发:点「搜索」按钮 / 键盘回车(`onConfirm` + `confirmType='search'`)/ 点「×」清空。
|
||||
- 搜索无结果显示「未找到与"xxx"相关的订单」,否则「暂无订单」。
|
||||
- ScrollView 高度由 `calc(100vh - 50px)` 改为 `calc(100vh - 100px)`(为新增搜索栏留位)。
|
||||
- 注意:后端「全部」Tab 默认隐藏已关闭单(`statusFilter != 8` 加 `order_status != 2`),搜已关闭单需切到「已关闭」Tab。手机号在 keywords 里是精确匹配(`b.phone =`),订单号支持部分匹配。
|
||||
|
||||
Reference in New Issue
Block a user