BuildingAI 充值中心页面详细开发计划

1. 项目背景与目标

基于《BuildingAI 充值中心页面技术架构.md》实现充值中心完整功能，确保 14 天内交付可上线版本。

2. 需求范围

与 PRD 一致，不再新增功能；所有文件路径、国际化 key、方法名 100% 与技术架构对齐。

3. 技术实现要点（源码级）

• 页面路径：apps/web/app/console/profile/personal-rights/recharge-center/recharge-center.vue
• 布局复用：apps/web/core/layouts/setting.vue 硬编码菜单，key：
  • 分组标题 common.label.personalRights
  • 子菜单 common.personalRights.rechargeCenter
• 数据模型：apps/web/models/recharge-center.d.ts
• 接口封装：apps/web/services/recharge-center.ts
• 国际化：
  • common.json 新增上述菜单 key
  • menu.json 页面标题 menu.rechargeCenter
  • web-personal-rights.json 页面静态文案前缀 rechargeCenter.*
• 后端：
  • 控制器 apps/server/src/recharge/recharge.controller.ts
  • 服务 apps/server/src/recharge/recharge.service.ts
  • 模块 apps/server/src/recharge/recharge.module.ts 已导入 WebModule
• 支付时序：下单→预支付→轮询→成功刷新算力
• 异常码：充值关闭 400、支付方式非法 400、订单幂等

4. 开发时间计划（14 天 × 8h = 112 人时）

Day1 页面骨架与路由

上午 4h

• 新建 recharge-center.vue 1-80 行：<template> 空壳 + <script setup> 定义 definePageMeta({layout:'setting',title:'menu.rechargeCenter',inSystem:true,inLinkSelector:true})
• 确认 Nuxt3 自动路由 /profile/personal-rights/recharge-center 可访问

下午 4h

• 新建 models/recharge-center.d.ts 1-60 行：导出 RechargeCenterInfo / RechargeRule / PayWayList / User / OrderParams / OrderInfo / PrepaidParams / PrepaidInfo / QrCode / PayResult 接口，与后端字段 100% 对齐
• 新建 services/recharge-center.ts 1-40 行：封装 getRechargeCenterInfo / recharge / prepaid / getPayResult 四个函数，使用 useWebGet / useWebPost

验收：页面 200 渲染无报错；接口文件编译通过

Day2 UI 组件与状态

上午 4h

• recharge-center.vue 80-200 行：用户信息卡片（头像、昵称、剩余算力）+ 套餐选择 URadioGroup 绑定 selectedRuleId
• 引入