docs(story): 更新故事011.004，添加API调用验证和优化信息

- 验证订单详情页API调用与企业专用订单API实现的匹配性
- 优化订单ID获取方式：使用Taro.useRouter()替代useEffect和状态管理
- 更新调试日志引用和发现的问题部分，反映最新进展
- 添加变更日志条目(1.8版本)

🤖 Generated with [Claude Code](https://claude.com/claude-code)
via [Happy](https://happy.engineering)

Co-Authored-By: Claude <noreply@anthropic.com>
Co-Authored-By: Happy <yesreply@happy.engineering>

docs/stories/011.004.story.md

@@ -411,6 +411,7 @@ In Progress
 | 2025-12-21 | 1.5 | 故事012.014已实施完成，确认enterpriseOrderRoutes类型可用，更新企业专用订单API客户端示例 | Claude Code |
 | 2025-12-21 | 1.6 | 修复企业专用订单API缺失的订单详情接口，更新订单详情页代码，修正类型错误 | James (Developer) |
 | 2025-12-21 | 1.7 | 为企业专用订单详情API添加集成测试，验证权限控制和数据隔离安全性 | Claude Code |
+| 2025-12-22 | 1.8 | 验证订单详情页API调用与企业专用订单API实现的匹配性，优化订单ID获取方式（Taro.useRouter），更新调试日志和发现的问题部分 | Claude Code |
 ## 开发代理记录
 
 ### 使用的代理模型
@@ -425,6 +426,7 @@ claude-sonnet
 - 修复OrderDetail组件中的Uncaught TypeError: Cannot read properties of null (reading 'name')错误，添加加载状态和错误处理
 - 使用React Query重构订单详情数据获取，用useQuery替代useState+useEffect组合，提供更好的缓存和错误处理
 - 检查订单详情页API调用与企业专用订单API实现的匹配性：订单详情页正确使用`enterpriseOrderClient.detail[':id'].$get`调用企业专用订单详情路由`GET /detail/{id}`，路径、方法、参数和认证中间件均匹配正确（基于故事012.014的路由分离实现）
+- 优化订单详情页订单ID获取方式：使用`Taro.useRouter()`替代`useEffect`和状态管理，简化代码并提高性能，移除冗余的`useEffect`和`setOrderId`状态
 
 ### 完成笔记列表
 - ✅ 检查故事011.004代码实现完成情况：
@@ -505,12 +507,17 @@ claude-sonnet
   - 添加useEffect处理查询成功和错误状态，保持toast通知功能
   - 验证类型检查：`pnpm typecheck`通过，无TypeScript错误
   - 遗留问题：测试需要更新以支持QueryClientProvider
+- ✅ 优化订单详情页订单ID获取方式：
+  - 使用`Taro.useRouter()`替代`useEffect`和`setOrderId`状态管理，简化代码结构
+  - 移除冗余的`useEffect`，提高组件性能，减少不必要的渲染
+  - 添加NaN检查确保路由参数安全解析，避免类型错误
+  - 保持原有功能完整，React Query查询逻辑保持不变
 
 ### 发现的问题
 1. **JSX语法错误**：OrderList.tsx中存在括号不匹配错误，导致TypeScript类型检查失败，需要修复JSX结构
    - ⏳ 类型检查已通过，但仍建议检查第265-350行JSX结构以确保代码质量
-2. **API集成缺失**：订单管理UI包中的API客户端为模拟实现（`orderClient.ts`），需要集成真实的企业专用订单API
-3. **数据模拟状态**：订单列表和详情组件使用硬编码的模拟数据，未连接后端API
+2. **API集成缺失**：✅ 已实现企业专用订单API客户端`enterpriseOrderClient.ts`，使用`enterpriseOrderRoutes`类型，订单列表和详情组件已集成使用
+3. **数据模拟状态**：⏳ 部分完成 - 订单列表和详情组件已连接企业专用订单API获取核心订单数据，但关联人才、视频、统计数据仍使用模拟数据
 4. **原型对照检查**：需要对照原型文件 `docs/小程序原型/yongren.html` 第1114-1301行进行详细UI验证
    - ✅ 订单列表页对照检查已完成：修复订单信息网格字段数量问题（6字段→4字段），与原型设计完全一致
    - ⏳ 订单详情页对照检查待完成：原型文件中没有单独的订单详情页面，需要基于人才详情页面设计风格创建