docs: split prototype specs and add execution guides

docs/07-页面规格/11-订单详情页.md

@@ -0,0 +1,71 @@
+# P05 订单详情页
+
+- 页面编码：`P05`
+- 页面层级：`二级页`
+- 页面目标：完整承接订单履约、售后和复购动作
+- 主要依赖组件：`G01`、`G31`、`G34`、`G35`
+
+## 1. 页面结构（从上到下）
+
+1. 顶部状态头图区
+2. 场景信息区
+3. 履约时间轴区
+4. 商品清单区
+5. 费用明细区
+6. 订单基础信息区
+7. 底部操作栏
+
+## 2. 区块说明
+
+### 2.1 顶部状态头图区
+- 展示当前状态文案与辅助说明
+- 示例：
+  - 待支付
+  - 商家已接单
+  - 制作中
+  - 配送中
+  - 待自提
+  - 已完成
+  - 退款中
+
+### 2.2 场景信息区
+- 外卖：收货地址、骑手状态、预计送达
+- 自提：取餐码、取餐时间、门店信息
+- 堂食：桌号、门店、是否可继续加菜
+
+### 2.3 履约时间轴区
+- 使用 `G34`
+- 展示订单关键节点时间
+
+### 2.4 商品清单区
+- 展示商品、规格、加料、数量
+
+### 2.5 费用明细区
+- 使用 `G31`
+- 展示所有金额构成
+
+### 2.6 订单基础信息区
+- 展示订单号、下单时间、支付方式、支付时间等
+
+### 2.7 底部操作栏
+- 使用 `G35`
+- 动作随状态变化：
+  - 继续支付
+  - 取消订单
+  - 催单
+  - 申请退款
+  - 去评价
+  - 再来一单
+
+## 3. 页面状态
+
+- 待支付态
+- 履约进行态
+- 已完成态
+- 退款中态
+- 已退款态
+
+## 4. 实现备注
+
+- 订单详情页是强状态页面，顶部状态区必须足够明确
+