文档
08_归档04_VOZEB任务卡

VOZEB-UI-MIGRATION-02-M26 — 管理后台财务钱包 Ocean Foundation 切片

Task ID: VOZEB-UI-MIGRATION-02-M26-ADMIN-BILLING
目标用户结果: 管理员可以在统一 Ocean Air / Abyss 液态玻璃壳层中处理订单、商品、促销、优惠券与支付配置
Feature ID / Atomic Requirement IDs: ADMIN-P0-004(既有财务后台能力的视觉承载)
Base SHA: fd892b6
允许修改: 本任务包;web/src/app/admin/billing/page.tsx;直属 admin-billing-page.module.css;直属布局/契约测试
禁止修改: web/src/app/admin/billing/components/**;API/server/auth/stores;Go、共享 Ocean/UI/manifest;其它页面、后台业务实现、第二背景、WebGL/canvas、新 runtime TSX
范围: 财务钱包 route shell、标题/状态 rail、BillingOperations 业务树的局部 Ocean glass/Ant 表面样式与响应式承载
非目标: 不改变管理员鉴权/RBAC、tab query、payment config、订单/退款/优惠券/促销/API、数据加载、刷新、审计动作或组件行为
验收命令: pnpm exec vitest run src/app/admin/billing/admin-billing-page-layout.test.ts --config vitest.config.ts --reporter=dot;pnpm exec tsc --noEmit --pretty false;pnpm exec eslint src/app/admin/billing/page.tsx src/app/admin/billing/admin-billing-page-layout.test.ts --quiet;pnpm exec prettier --check docs/oceanway/VOZEB-UI-MIGRATION-02-M26-ADMIN-BILLING.md src/app/admin/billing/page.tsx src/app/admin/billing/admin-billing-page.module.css src/app/admin/billing/admin-billing-page-layout.test.ts;pnpm run build;git diff --check
状态: LOCAL_IMPLEMENTATION_CANDIDATE / CANDIDATE_EVIDENCE / NOT_FORMAL_TEST

行为保持与视觉边界

  • 服务端仍负责登录、安装状态、管理员 tab 权限解析和支付配置摘要;BillingOperations 仍是订单、退款、商品、促销、优惠券、支付和审计行为 Owner。
  • 页面只新增 Ocean Glass/Reveal/Status 视觉承载和路由直属 CSS;不添加 API、store、fetch、写入或业务状态。
  • 既有左侧后台导航/根背景继续由 AppWorkspaceShell 提供,本页不挂载新的背景、WebGL 或 canvas。
  • 业务表格、表单和弹窗不伪造数据;通过局部 Ant selector 将旧 palette 统一为 Ocean Air/Abyss 中性文字与玻璃表面。
  • 390/430 窄屏、reduced-motion/transparency、forced-colors 和无 backdrop-filter 均保留可读静态 fallback,页面不产生横向滚动。

On this page