feat: Phase 2 - 订阅管理前端页面 #77

2026-06-28T16:19:22+08:00

xiaoxia commented

2026-06-28 16:19:22 +08:00

变更内容

新增文件

src/api/subscription.ts — 订阅 API 模块（含类型定义、Mock 数据、5 个 API 函数）
src/pages/subscription/UpgradeSubscription.tsx — 升级/降级/续费页面
src/pages/subscription/UpgradeSubscription.css — 升级页样式
src/pages/subscription/Billing.tsx — 账单管理页面
src/pages/subscription/Billing.css — 账单页样式

功能说明

Plans.tsx / Plans.css: 保持不变（已完整实现四级定价展示）
UpgradeSubscription.tsx: 从占位符升级为完整功能，支持套餐选择、月付/年付切换、自动续费开关、取消订阅
Billing.tsx: 从占位符升级为完整账单管理，含订阅概览、账单列表、发票下载入口
subscription.ts: API 层，当前使用 Mock 数据，后端就绪后切换 USE_MOCK = false 即可

路由

路由已在 develop 分支的 router/index.tsx 中注册：

/subscription → Plans
/subscription/upgrade → UpgradeSubscription
/subscription/billing → Billing

与后端 API 对齐

接口设计与后端订阅 API 规范一致，包含 getCurrentSubscription / getBillingRecords / changePlan / cancelSubscription / toggleAutoRenew 5 个函数。

## 变更内容 ### 新增文件 - `src/api/subscription.ts` — 订阅 API 模块（含类型定义、Mock 数据、5 个 API 函数） - `src/pages/subscription/UpgradeSubscription.tsx` — 升级/降级/续费页面 - `src/pages/subscription/UpgradeSubscription.css` — 升级页样式 - `src/pages/subscription/Billing.tsx` — 账单管理页面 - `src/pages/subscription/Billing.css` — 账单页样式 ### 功能说明 - **Plans.tsx / Plans.css**: 保持不变（已完整实现四级定价展示） - **UpgradeSubscription.tsx**: 从占位符升级为完整功能，支持套餐选择、月付/年付切换、自动续费开关、取消订阅 - **Billing.tsx**: 从占位符升级为完整账单管理，含订阅概览、账单列表、发票下载入口 - **subscription.ts**: API 层，当前使用 Mock 数据，后端就绪后切换 `USE_MOCK = false` 即可 ### 路由路由已在 `develop` 分支的 `router/index.tsx` 中注册： - `/subscription` → Plans - `/subscription/upgrade` → UpgradeSubscription - `/subscription/billing` → Billing ### 与后端 API 对齐接口设计与后端订阅 API 规范一致，包含 getCurrentSubscription / getBillingRecords / changePlan / cancelSubscription / toggleAutoRenew 5 个函数。

xiaoxia added 1 commit 2026-06-28 16:19:22 +08:00

feat(subscription): 实现订阅管理前端页面

CI/CD Pipeline / Validate Code Quality And Tests (pull_request) Has been cancelled

Details

CI/CD Pipeline / Frontend Lint (pull_request) Has been cancelled

Details

927b302152

- 新增 api/subscription.ts: 订阅 API 模块(mock数据+接口定义)
- 新增 UpgradeSubscription.tsx + .css: 升级/降级/续费页面
- 新增 Billing.tsx + .css: 账单管理页面

xiaoxia merged commit 45e928ddb6 into develop

2026-06-28 16:28:00 +08:00

xiaoxia referenced this issue from a commit

2026-06-28 16:28:00 +08:00

Merge pull request 'feat: Phase 2 - 订阅管理前端页面' (#77) from feat/phase2-subscription-ui into develop

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: xiaoxia/xiaoxia-saas#77