|
|
@@ -16,9 +16,9 @@ Draft
|
|
|
5. 页面组件TypeScript编译正常,无错误
|
|
|
|
|
|
## Tasks / Subtasks
|
|
|
-- [ ] **页面结构实现** (AC: 1, 2)
|
|
|
- - [ ] 创建订单列表页面 `mini/src/pages/order-list/index.tsx` [对照: `tcb-shop-demo/pages/order/order-list/index.wxml`]
|
|
|
- - [ ] 实现订单列表页整体布局,包含顶部Tab栏、订单卡片列表、下拉刷新、加载更多等功能
|
|
|
+- [ ] **页面结构重构** (AC: 1, 2)
|
|
|
+ - [ ] 更新订单列表页面 `mini/src/pages/order-list/index.tsx` [对照: `tcb-shop-demo/pages/order/order-list/index.wxml`]
|
|
|
+ - [ ] 重构订单列表页整体布局,包含顶部Tab栏、订单卡片列表、下拉刷新、加载更多等功能
|
|
|
- [ ] 应用tcb-shop-demo订单列表页设计规范,创建专用CSS文件
|
|
|
|
|
|
- [ ] **订单状态筛选功能** (AC: 1, 2)
|
|
|
@@ -62,13 +62,19 @@ Draft
|
|
|
|
|
|
### 项目结构信息 [Source: architecture/source-tree.md]
|
|
|
- **目标文件**:
|
|
|
- - `mini/src/pages/order-list/index.tsx` - 订单列表页面
|
|
|
+ - `mini/src/pages/order-list/index.tsx` - 现有订单列表页面(需要重构)
|
|
|
- `mini/src/components/order/OrderCard/index.tsx` - 订单卡片组件
|
|
|
- `mini/src/components/order/OrderButtonBar/index.tsx` - 订单按钮栏组件
|
|
|
- **组件位置**: `mini/src/components/order/`
|
|
|
- **样式文件**: `mini/src/pages/order-list/index.css` (专用CSS文件)
|
|
|
- **API客户端**: `mini/src/api.ts` (现有API客户端)
|
|
|
|
|
|
+### 现有订单列表页面分析
|
|
|
+- **当前实现**: 使用Taro组件和React Query进行数据获取
|
|
|
+- **现有功能**: 订单列表显示、基本状态映射、导航栏
|
|
|
+- **需要改进**: 应用tcb-shop-demo设计规范、添加状态筛选、重构订单卡片、添加操作按钮栏
|
|
|
+- **数据集成**: 已集成orderClient API,使用useInfiniteQuery进行分页加载
|
|
|
+
|
|
|
### 订单管理模块信息 [Source: architecture/source-tree.md]
|
|
|
- **订单模块包**: `packages/orders-module` (@d8d/orders-module)
|
|
|
- **订单实体**: `packages/orders-module/src/entities/order.entity.ts`
|