Selaa lähdekoodia

📝 docs(prd): 更新班次页面优化相关文档

- 修改PRD中"购票页面优化"为"班次页面优化",统一术语
- 新增班次页面优化用户故事文档,详细描述隐藏日期选择功能的需求和实现步骤
- 明确班次页面文件路径和日期选择组件位置,便于开发人员定位修改
yourname 3 kuukautta sitten
vanhempi
sitoutus
4ab2856c04

+ 2 - 2
docs/prd/epic-007-mini-program-ux-optimization.md

@@ -49,8 +49,8 @@
    - 使用mp-html组件(参考docs/mp-html.md)支持HTML格式的常见问题内容
    - 提升用户体验和操作便利性
 
-4. **购票页面优化** - 暂时隐藏出发日期选择功能
-   - 在购票页面暂时隐藏出发日期选择
+4. **班次页面优化** - 暂时隐藏出发日期选择功能
+   - 在班次页面暂时隐藏出发日期选择
    - 保持现有的其他购票流程完整
    - 简化用户操作步骤
 

+ 97 - 0
docs/stories/007.004.schedule-page-optimization.story.md

@@ -0,0 +1,97 @@
+# Story 007.004: 购票页面优化
+
+## Status
+Draft
+
+## Story
+**As a** 小程序用户,
+**I want** 在班次页面暂时隐藏出发日期选择功能,
+**so that** 能够简化操作步骤,提升购票体验。
+
+## Acceptance Criteria
+1. 在班次页面暂时隐藏出发日期选择
+2. 保持现有的其他购票流程完整
+3. 验证购票功能正常工作
+
+## Tasks / Subtasks
+- [ ] 识别班次页面中的日期选择组件 (AC: 1)
+  - [ ] 定位 `mini/src/pages/schedule-list/ScheduleListPage.tsx` 文件
+  - [ ] 找到日期选择相关的UI组件(第225-256行)
+  - [ ] 确认日期选择功能的具体实现
+- [ ] 隐藏日期选择功能 (AC: 1)
+  - [ ] 注释或移除日期选择UI组件代码
+  - [ ] 确保日期选择逻辑不再影响班次查询
+  - [ ] 保持页面布局的完整性
+- [ ] 验证购票流程完整性 (AC: 2, 3)
+  - [ ] 测试从首页到班次页面的导航
+  - [ ] 验证班次列表正常显示
+  - [ ] 测试选择班次并进入购票流程
+  - [ ] 确保订单创建功能正常工作
+- [ ] 更新相关测试 (AC: 3)
+  - [ ] 更新班次页面测试文件
+  - [ ] 验证日期选择功能已隐藏
+  - [ ] 确保现有功能无回归
+
+## Dev Notes
+
+### 技术栈要求
+- **前端框架**: Taro 4.x + React [Source: architecture/tech-stack.md#现有技术栈维护]
+- **小程序平台**: 微信小程序 [Source: architecture/tech-stack.md#现有技术栈维护]
+- **状态管理**: React Query (TanStack Query) [Source: architecture/tech-stack.md#现有技术栈维护]
+- **UI组件**: 自定义组件 + Heroicons [Source: architecture/tech-stack.md#现有技术栈维护]
+
+### 项目结构
+- **班次页面位置**: `mini/src/pages/schedule-list/ScheduleListPage.tsx` [Source: architecture/source-tree.md#实际项目结构]
+- **日期选择组件**: 位于班次页面第225-256行,包含日期选择UI和逻辑
+- **测试文件位置**: `mini/tests/pages/` [Source: architecture/testing-strategy.md#taro小程序测试体系]
+
+### 现有实现分析
+- 班次页面包含日期选择功能,生成未来7天的日期选项
+- 日期选择通过 `selectedDate` 状态管理
+- 日期变更触发 `handleDateChange` 函数,重新查询路线数据
+- 当前实现使用水平滚动视图显示日期选项
+
+### 技术约束
+- 保持现有的班次查询API不变
+- 确保页面布局调整后不影响其他功能
+- 保持React Query数据获取逻辑完整
+
+### 项目结构注意事项
+- 班次页面位于正确的项目结构位置
+- 修改仅限于前端UI层面,不涉及后端API
+- 需要确保页面布局调整后保持响应式设计
+
+### Testing
+
+#### 测试标准
+- **测试框架**: Jest + @testing-library/react + React Query [Source: architecture/testing-strategy.md#taro小程序测试体系]
+- **测试位置**: `mini/tests/pages/schedule-list/ScheduleListPage.test.tsx` [Source: architecture/testing-strategy.md#taro小程序测试体系]
+- **测试模式**: 页面级集成测试 [Source: architecture/testing-strategy.md#taro小程序测试模式]
+
+#### 测试要求
+- 验证日期选择UI组件已隐藏
+- 确保班次列表正常显示和查询
+- 验证购票流程完整性
+- 确保现有功能无回归
+
+#### 测试策略
+- 使用统一的Taro API mock [Source: architecture/testing-strategy.md#taro小程序测试模式]
+- 使用React Query测试包装器 [Source: architecture/testing-strategy.md#taro小程序测试模式]
+- 验证页面渲染和用户交互 [Source: architecture/testing-strategy.md#taro小程序测试模式]
+
+## Change Log
+| Date | Version | Description | Author |
+|------|---------|-------------|--------|
+| 2025-10-31 | 1.0 | 创建故事草稿 | Bob (Scrum Master) |
+
+## Dev Agent Record
+
+### Agent Model Used
+
+### Debug Log References
+
+### Completion Notes List
+
+### File List
+
+## QA Results