@@ -184,11 +126,6 @@ function Navbar({ show }: { show: boolean }) {
}}
/>
-
-
-
-
+
+
+
{userLoading ? (
) : (
-
+ avatarText
)}
diff --git a/admin/src/layout.tsx b/admin/src/layout.tsx
index 4908346..20ddcd4 100644
--- a/admin/src/layout.tsx
+++ b/admin/src/layout.tsx
@@ -4,13 +4,8 @@ import { Layout, Menu, Breadcrumb, Spin } from '@arco-design/web-react';
import cs from 'classnames';
import {
IconDashboard,
- IconList,
IconSettings,
- IconFile,
- IconApps,
- IconCheckCircle,
IconExclamationCircle,
- IconUser,
IconMenuFold,
IconMenuUnfold,
IconIdcard,
@@ -18,6 +13,7 @@ import {
IconRobot,
IconScan,
IconUserGroup,
+ IconSafe,
} from '@arco-design/web-react/icon';
import { useSelector } from 'react-redux';
import qs from 'query-string';
@@ -54,45 +50,44 @@ function getIconFromKey(key) {
return import('./pages/exception/403'))}
+ component={lazyload(() => import('./pages/exception/404'))}
/>
diff --git a/admin/src/locale/index.ts b/admin/src/locale/index.ts
index 0f1cc52..cd6982e 100644
--- a/admin/src/locale/index.ts
+++ b/admin/src/locale/index.ts
@@ -1,9 +1,8 @@
-import { omniLocales } from './omni.ts';
+import { omniLocales } from './omni';
const i18n = {
'en-US': {
...omniLocales['en-US'].messages,
- 'menu.welcome': 'Welcome',
'menu.dashboard': 'Dashboard',
'menu.card': 'Digital Cards',
'menu.card.list': 'Card Library',
@@ -31,31 +30,14 @@ const i18n = {
'menu.settings.tenant': 'Domain & SSL',
'menu.settings.billing': 'Billing',
'menu.settings.auditLogs': 'Audit Logs',
- 'menu.list': 'List',
- 'menu.result': 'Result',
+ 'menu.platform': 'Platform Operations',
+ 'menu.platform.subscribers': 'Subscribers',
+ 'menu.platform.renewals': 'Renewals',
+ 'menu.platform.subscriptions': 'Subscription Plans',
'menu.exception': 'Exception',
- 'menu.form': 'Form',
- 'menu.profile': 'Profile',
- 'menu.visualization': 'Data Visualization',
- 'menu.user': 'User Center',
'menu.exception.403': '403',
'menu.exception.404': '404',
'menu.exception.500': '500',
- 'menu.profile.basic': 'Basic Profile',
- 'menu.list.cardList': 'Card List',
- 'menu.visualization.dataAnalysis': 'Analysis',
- 'menu.result.error': 'Error',
- 'menu.form.group': 'Group Form',
- 'menu.dashboard.monitor': 'Real-time Monitor',
- 'menu.visualization.multiDimensionDataAnalysis': 'Multi-D Analysis',
- 'menu.list.searchTable': 'Search Table',
- 'menu.form.step': 'Step Form',
- 'menu.result.success': 'Success',
- 'menu.user.info': 'User Info',
- 'menu.user.setting': 'User Setting',
- 'menu.user.switchRoles': 'Switch Roles',
- 'menu.user.role.admin': 'Admin',
- 'menu.user.role.user': 'General User',
'menu.dashboard.workplace': 'Workplace',
'menu.dashboard.radarMap': 'Global Radar Heatmap',
'menu.dashboard.financial': 'Financial & Operations',
@@ -118,31 +100,14 @@ const i18n = {
'menu.settings.tenant': '域名与证书',
'menu.settings.billing': '订阅账单',
'menu.settings.auditLogs': '安全审计',
- 'menu.list': '列表页',
- 'menu.result': '结果页',
+ 'menu.platform': '平台总控',
+ 'menu.platform.subscribers': '会员列表',
+ 'menu.platform.renewals': '续费列表',
+ 'menu.platform.subscriptions': '订阅管理',
'menu.exception': '异常页',
- 'menu.form': '表单页',
- 'menu.profile': '详情页',
- 'menu.visualization': '数据可视化',
- 'menu.user': '个人中心',
'menu.exception.403': '403',
'menu.exception.404': '404',
'menu.exception.500': '500',
- 'menu.profile.basic': '基础详情页',
- 'menu.list.cardList': '卡片列表',
- 'menu.visualization.dataAnalysis': '分析页',
- 'menu.result.error': '失败页',
- 'menu.form.group': '分组表单',
- 'menu.dashboard.monitor': '实时监控',
- 'menu.visualization.multiDimensionDataAnalysis': '多维数据分析',
- 'menu.list.searchTable': '查询表格',
- 'menu.form.step': '分步表单',
- 'menu.result.success': '成功页',
- 'menu.user.info': '用户信息',
- 'menu.user.setting': '用户设置',
- 'menu.user.switchRoles': '切换角色',
- 'menu.user.role.admin': '管理员',
- 'menu.user.role.user': '普通用户',
'menu.dashboard.workplace': '工作台',
'menu.dashboard.radarMap': '全球访客雷达',
'menu.dashboard.financial': '新账与财务统计',
diff --git a/admin/src/pages/platform/renewals/index.tsx b/admin/src/pages/platform/renewals/index.tsx
new file mode 100644
index 0000000..d458a45
--- /dev/null
+++ b/admin/src/pages/platform/renewals/index.tsx
@@ -0,0 +1,465 @@
+import React, { useEffect, useState } from 'react';
+import {
+ Badge,
+ Button,
+ Card,
+ Descriptions,
+ Drawer,
+ Form,
+ Grid,
+ Input,
+ InputNumber,
+ Message,
+ Modal,
+ Radio,
+ Select,
+ Space,
+ Statistic,
+ Table,
+ Tag,
+ Typography,
+} from '@arco-design/web-react';
+import {
+ IconRefresh,
+ IconSearch,
+ IconPlus,
+ IconFile,
+ IconSafe,
+} from '@arco-design/web-react/icon';
+import axios from 'axios';
+import useLocale from '@/utils/useLocale';
+import type {
+ ManualRenewDTO,
+ RenewalOrderItem,
+ SubscriberItem,
+ TenantPlanType,
+} from '@/types/omni';
+
+const { Row, Col } = Grid;
+const { Text } = Typography;
+
+const API_RENEWALS_PAGE = '/api/admin/team/platform/renewals/page';
+const API_MANUAL_RENEW = '/api/admin/team/platform/renewals/manual-renew';
+const API_SUBSCRIBERS_PAGE = '/api/admin/team/platform/subscribers/page';
+
+export default function RenewalsPage() {
+ const t = useLocale();
+ const [loading, setLoading] = useState(false);
+ const [data, setData] = useState([]);
+ const [total, setTotal] = useState(0);
+ const [page, setPage] = useState(1);
+ const [size, setSize] = useState(10);
+ const [keyword, setKeyword] = useState('');
+ const [statusFilter, setStatusFilter] = useState('all');
+
+ // 会员下拉数据 (代续费选择)
+ const [subscribers, setSubscribers] = useState([]);
+
+ // 弹窗状态
+ const [manualModalVisible, setManualModalVisible] = useState(false);
+ const [detailDrawerVisible, setDetailDrawerVisible] = useState(false);
+ const [selectedOrder, setSelectedOrder] = useState(null);
+ const [form] = Form.useForm();
+
+ const fetchSubscribers = async () => {
+ try {
+ const res = await axios.post(API_SUBSCRIBERS_PAGE, { size: 100 });
+ const resData = res.data?.data || res.data;
+ if (resData?.list) {
+ setSubscribers(resData.list);
+ }
+ } catch {
+ // 兜底
+ }
+ };
+
+ const fetchData = async (targetPage = page, targetSize = size) => {
+ setLoading(true);
+ try {
+ const payload: Record = {
+ page: targetPage,
+ size: targetSize,
+ };
+ if (keyword) payload.keyword = keyword;
+ if (statusFilter !== 'all') payload.status = statusFilter;
+
+ const res = await axios.post(API_RENEWALS_PAGE, payload);
+ const resData = res.data?.data || res.data;
+ if (resData?.list) {
+ setData(resData.list);
+ setTotal(resData.pagination?.total || resData.list.length);
+ }
+ } catch {
+ Message.error('获取续费列表失败');
+ } finally {
+ setLoading(false);
+ }
+ };
+
+ useEffect(() => {
+ fetchSubscribers();
+ fetchData(1, size);
+ }, [statusFilter]);
+
+ const handleSearch = () => {
+ setPage(1);
+ fetchData(1, size);
+ };
+
+ const handleOpenManualModal = () => {
+ form.resetFields();
+ form.setFieldsValue({
+ tenantId: subscribers[0]?.tenantId || 1,
+ planType: 'pro',
+ billingCycle: 'yearly',
+ amount: 490,
+ currency: 'USD',
+ channel: 'manual_admin',
+ });
+ setManualModalVisible(true);
+ };
+
+ const handleConfirmManualRenew = async () => {
+ try {
+ const values = await form.validate();
+ await axios.post(API_MANUAL_RENEW, values);
+ Message.success('超级管理员代续费成功，会员期限已顺延！');
+ setManualModalVisible(false);
+ fetchData(1, size);
+ } catch {
+ // 错误提示
+ }
+ };
+
+ const getChannelTag = (channel: string) => {
+ switch (channel) {
+ case 'stripe':
+ return Stripe 国际支付 ;
+ case 'wire_transfer':
+ return 银行公对公电汇 ;
+ case 'manual_admin':
+ return 超管后台代续 ;
+ default:
+ return {channel} ;
+ }
+ };
+
+ const getStatusBadge = (status: string) => {
+ switch (status) {
+ case 'paid':
+ return
+ }
+ onClick={handleOpenManualModal}
+ >
+ 超级管理员代续费
+
+ } onClick={() => fetchData()}>
+ 刷新
+
+
+ }
+ >
+ {/* 工具条 */}
+
+
+ }
+ placeholder="搜索订单流水号、租户企业名..."
+ value={keyword}
+ onChange={setKeyword}
+ onPressEnter={handleSearch}
+ style={{ width: 280 }}
+ allowClear
+ />
+
+
+
+
+
+
+ {/* 表格 */}
+ {
+ setPage(p);
+ setSize(s);
+ fetchData(p, s);
+ },
+ }}
+ />
+
+
+ {/* 超管手动代续费 Modal */}
+
+
+ ),
+ },
+ {
+ title: '续费套餐 / 周期',
+ render: (_: unknown, record: RenewalOrderItem) => (
+ {name}
+
+ 租户 ID: #{record.tenantId}
+
+
+
+ {record.planType.toUpperCase()}
+
+
+ {record.billingCycle === 'yearly' ? '年付结算' : '月付结算'}
+
+
+ ),
+ },
+ {
+ title: '实付金额',
+ render: (_: unknown, record: RenewalOrderItem) => (
+
+ ${Number(record.amount || 0).toLocaleString()} {record.currency}
+
+ ),
+ },
+ {
+ title: '支付渠道',
+ dataIndex: 'channel',
+ render: (channel: string) => getChannelTag(channel),
+ },
+ {
+ title: '交易状态',
+ dataIndex: 'status',
+ render: (status: string) => getStatusBadge(status),
+ },
+ {
+ title: '支付时间',
+ dataIndex: 'paidAt',
+ render: (time: string, record: RenewalOrderItem) => time || record.createdAt,
+ },
+ {
+ title: '操作',
+ render: (_: unknown, record: RenewalOrderItem) => (
+ }
+ onClick={() => {
+ setSelectedOrder(record);
+ setDetailDrawerVisible(true);
+ }}
+ >
+ 发票凭单
+
+ ),
+ },
+ ];
+
+ // 统计指标汇总
+ const totalCollected = data
+ .filter(d => d.status === 'paid')
+ .reduce((sum, d) => sum + Number(d.amount || 0), 0);
+
+ return (
+
+ {/* 顶部统计卡片 */}
+
+
+
+
+
+
+
+
+ d.billingCycle === 'yearly').length / data.length) * 100
+ )
+ : 80
+ }
+ suffix="%"
+ valueStyle={{ color: '#0B5CFF' }}
+ />
+
+
+
+ d.channel === 'manual_admin').length}
+ suffix="笔"
+ valueStyle={{ color: '#722ED1' }}
+ />
+
+
+
+
+ {/* 主列表卡片 */}
+
+ 最高权限管控
+
+ }
+ extra={
+