Explorar el Código

📝 docs(story): update order list UI refactor story

- 修改任务标题"页面结构实现"为"页面结构重构"以反映实际工作内容
- 更新任务描述,将"创建"改为"更新"现有订单列表页面
- 修改任务描述,将"实现"改为"重构"订单列表页整体布局
- 添加"现有订单列表页面分析"章节,包含当前实现、功能和需要改进的内容
- 明确指出数据集成现状,已使用orderClient API和useInfiniteQuery进行分页加载
yourname hace 1 mes
padre
commit
bce4442834
Se han modificado 1 ficheros con 10 adiciones y 4 borrados
  1. 10 4
      docs/stories/001.013.order-list-ui-refactor.story.md

+ 10 - 4
docs/stories/001.013.order-list-ui-refactor.story.md

@@ -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`