feat(storefront): 新增 PC 商品详情与下单确认

docs/Phase1-验收报告.md

@@ -193,7 +193,7 @@ dist/assets/AdminLayout-*.js               36.87 kB │ gzip  13.02 kB
 
 ## 5. 已知限制
 
-1. 移动端商品详情、下单确认、订单列表、详情、支付、交接、确认收号、结账、还价与申诉已接入真实接口；移动端实名认证入口与 PC 完整链路仍待迁移。
+1. 移动端商品详情、下单确认、订单列表、详情、支付、交接、确认收号、结账、还价与申诉已接入真实接口；PC 商品详情与下单已接通，移动端实名认证入口、PC 订单中心与 PC 订单操作仍待迁移。
 2. 后台导航已完成仪表盘、订单列表/详情、退款审核、提现审核、商品列表/详情与审核、用户列表/详情与人工操作、申诉仲裁、财务看板、资金出款、运营开支、公告管理、审计日志、系统配置、分销站点，长尾能力仍待迁移。
 3. 分销后台已完成主题、Logo、登录页与 Shell 轻改，页面结构未重写。
 4. 后台菜单权限码按后端逐个核对：订单 `order:list` / `order:view` / `order:close`，商品 `listing:view` / `listing:approve` / `listing:reject` / `listing:offline`，用户 `user:view` / `user:freeze` / `user:unfreeze` / `user:deposit_free` / `user:growth_points` / `user:manual_realname` / `user:revoke_realname` / `user:wallet_adjust`，提现 `withdrawal:list` / `withdrawal:detail` / `withdrawal:review` / `withdrawal:pay`，申诉 `dispute:view` / `dispute:arbitrate`，财务 `wallet:view`（资金出款列表）与 `finance:manual_disbursement` / `finance:operating_expense`，公告 `announcement:view` / `announcement:manage`，审计日志 `audit_log:view`，系统配置 `system_config:view` / `system_config:update`，分销站点 `distribution:site_view` / `distribution:site_manage`（列表也接受 `qrcode:view`）；当前菜单权限码已全部对照后端。
@@ -205,7 +205,7 @@ dist/assets/AdminLayout-*.js               36.87 kB │ gzip  13.02 kB
 
 ## 6. 建议下一批次
 
-1. 移动端实名认证入口、证据上传与订单群聊入口。
+1. PC 订单中心与订单操作页、移动端实名认证入口、证据上传与订单群聊入口。
 2. 后台列表页原型：DataTable、FilterBar、详情 Drawer、批量操作。
 3. 先迁移后台订单列表与商品审核列表。
 4. 分销后台主题轻改。

docs/Phase2-PC商品详情与下单验收.md

@@ -0,0 +1,71 @@
+# Phase 2 验收报告（PC 商品详情与下单）
+
+> 日期：2026-10-30  
+> 项目：解忧商行（hfb_jysh）  
+> 范围：`/listings/:id`  
+> 结论：**本切片通过，PC 商品详情、协议查看、下单确认与订单创建已接通**
+
+---
+
+## 1. 页面与路由
+
+- 路由：`/listings/:id`
+- 页面：`frontend/src/features/listings/ListingDetailPage.tsx`
+- 首页商品卡片改为可点击，进入对应详情
+- 详情页沿用 StorefrontLayout 顶部导航与页脚
+
+## 2. 页面结构
+
+- 面包屑与返回按钮
+- 左侧图片画廊：封面 + 截图缩略图，点击放大预览
+- 右侧下单卡：
+  - 商品编号、状态、标题、区服、登录方式、段位
+  - 租金、押金、哈夫币、号主
+  - 风险提示
+  - 「确认租赁」按钮
+  - 协议入口
+- 账号说明、资产摘要、交易流程
+- 右侧信任说明：实名审核、全程留痕、账单透明
+- 移动端断点下取消右侧吸顶，改为单列
+
+## 3. 下单确认
+
+- 未登录跳转 `/login?redirect=/listings/:id`
+- 自己发布的商品禁止租用
+- 租赁中的商品禁止租用
+- 未实名用户禁止下单并提示先完成实名
+- 确认弹窗展示商品、租金、押金、哈夫币、号主
+- 必须勾选协议后才能提交
+- 协议内容来自：
+  - `GET /api/order-agreements`
+  - `GET /api/post-rental-notice`
+- 调用 `POST /api/orders` 创建订单
+- 创建成功提示「去支付」，跳转 `/m/orders/:id` 继续支付
+
+## 4. 验证结果
+
+```text
+npx tsc --noEmit                                  通过
+npm run build                                     通过（入口 499.23 kB，gzip 161.80 kB）
+GET /listings/1                                   200
+GET /api/listings/1                               ok
+GET /api/order-agreements                         ok
+GET /api/post-rental-notice                       ok
+```
+
+当前开发库商品 1 的号主是联调用户，页面会正确禁止自租；未执行真实下单写操作。
+
+## 5. 已知限制
+
+1. PC 端还没有独立订单中心与 PC 订单操作页，创建订单后暂跳移动订单详情继续支付。
+2. PC 下单确认页未做成长等级、免押额度与最终优惠试算，最终金额以订单详情为准。
+3. 客服入口、实名认证入口仍未迁移。
+4. 图片画廊没有视频或 3D 资产展示。
+5. 商品详情未接撞车商城独立样式。
+
+## 6. 下一步建议
+
+1. PC 订单中心与 PC 订单操作页。
+2. PC 实名认证与客服入口。
+3. PC 发布商品与卖家工作台。
+4. 订单群聊、证据上传与聊天 SSE。

docs/项目计划.md

@@ -381,7 +381,7 @@ hfb_jysh/
 
 ### Phase 3：C 端 PC + 移动端（3 周）
 
-> 状态：**进行中（2026-10-30）**。移动端已完成首页、商品列表/详情、下单确认、登录、个人中心、订单列表/详情、消息中心与聊天，并接入支付、交接、确认收号、结账、还价与申诉；移动端实名认证入口、PC 端完整链路待迁移。
+> 状态：**进行中（2026-10-30）**。移动端已完成首页、商品列表/详情、下单确认、登录、个人中心、订单列表/详情、消息中心与聊天，并接入支付、交接、确认收号、结账、还价与申诉；PC 商品详情与下单已接通，移动端实名认证入口、PC 订单中心与操作页待迁移。
 
 - 首页、商品列表、商品详情、撞车商品。
 - 登录、注册、找回密码、实名认证。