|
|
@@ -42,16 +42,22 @@ In Progress
|
|
|
- [x] 测试支付回调处理功能 - 仅测试v3密钥验证
|
|
|
- [x] 验证微信支付JSAPI参数生成逻辑 - 仅测试v3密钥
|
|
|
- [x] 验证所有支付测试通过
|
|
|
-- [ ] 创建小程序下单页面 (AC: 1, 2)
|
|
|
- - [ ] 创建 `mini/src/pages/order/order.tsx` - 下单页面
|
|
|
- - [ ] 实现路线和乘客选择界面
|
|
|
+- [ ] 从 mini-demo 迁移订单相关页面 (AC: 1, 2, 4)
|
|
|
+ - [ ] 分析 mini-demo 订单页面结构和功能
|
|
|
+ - [ ] 迁移 `mini-demo/pages/order/` 到 `mini/src/pages/order/`
|
|
|
+ - [ ] 迁移 `mini-demo/pages/pay-success/` 到 `mini/src/pages/pay-success/`
|
|
|
+ - [ ] 转换文件格式：`.js/.wxml/.wxss` → `.tsx` (React + TypeScript)
|
|
|
+ - [ ] 转换样式系统：WXSS → Tailwind CSS
|
|
|
+ - [ ] 转换状态管理：小程序 Page data → React useState
|
|
|
+ - [ ] 转换事件处理：bindtap → onClick
|
|
|
+ - [ ] 集成真实后端 API 替换模拟数据
|
|
|
+ - [ ] 实现乘客选择界面（路线选择已在班次列表页面实现）
|
|
|
- [ ] 实现订单金额计算和显示
|
|
|
- [ ] 实现订单创建和支付发起
|
|
|
-- [ ] 创建小程序支付成功页面 (AC: 4)
|
|
|
- - [ ] 创建 `mini/src/pages/pay-success/pay-success.tsx` - 支付成功页面
|
|
|
- [ ] 实现支付结果展示
|
|
|
- [ ] 实现订单详情显示
|
|
|
- [ ] 实现返回首页或查看订单功能
|
|
|
+ - [ ] 实现班次列表到订单页面的导航（更新 `handleBookRoute` 函数）
|
|
|
- [ ] 编写小程序页面组件测试 (AC: 1, 2, 4)
|
|
|
- [ ] 编写下单页面组件测试
|
|
|
- [ ] 编写支付成功页面组件测试
|
|
|
@@ -179,6 +185,26 @@ export enum PaymentStatus {
|
|
|
- **下单页面**: `mini/src/pages/order/order.tsx`
|
|
|
- **支付成功页面**: `mini/src/pages/pay-success/pay-success.tsx`
|
|
|
|
|
|
+### mini-demo 页面迁移指导
|
|
|
+基于 [docs/architecture/mini-demo-migration-guide.md]，订单相关页面迁移必须遵循以下规范：
|
|
|
+
|
|
|
+**迁移源文件** [Source: mini-demo/pages/]:
|
|
|
+- **订单页面**: `mini-demo/pages/order/order.js` + `order.wxml` + `order.wxss`
|
|
|
+- **支付成功页面**: `mini-demo/pages/pay-success/pay-success.js` + `pay-success.wxml` + `pay-success.wxss`
|
|
|
+
|
|
|
+**技术转换要求** [Source: architecture/mini-demo-migration-guide.md#技术栈转换]:
|
|
|
+- **文件格式**: `.js/.wxml/.wxss` → `.tsx` (React + TypeScript)
|
|
|
+- **样式系统**: WXSS → Tailwind CSS + shadcn/ui
|
|
|
+- **状态管理**: 小程序 Page data → React useState
|
|
|
+- **事件处理**: bindtap → onClick, bindinput → onInput
|
|
|
+- **数据集成**: 模拟数据 → 真实后端 API
|
|
|
+
|
|
|
+**样式迁移规范** [Source: architecture/mini-demo-migration-guide.md#样式转换规范]:
|
|
|
+- 使用精确的 Tailwind CSS 配置确保样式一致性
|
|
|
+- 保持原 mini-demo 的设计系统和颜色系统
|
|
|
+- 包车主题使用特殊样式变体
|
|
|
+- 响应式设计适配不同屏幕尺寸
|
|
|
+
|
|
|
### 技术栈要求
|
|
|
基于 [docs/architecture/tech-stack.md#现有技术栈维护]，必须使用项目标准技术栈：
|
|
|
|
yourname