handleChange(item)}
+ onKeyDown={(event) => handleKeyDown(event, index)}
+ >
handleClick(item)}
+ className={classname(Style.rectItem, { [Style.rectItemSelected]: currentValue === item.value })}
>
{ImageItem}
diff --git a/admin/src/layouts/components/Setting/index.module.less b/admin/src/layouts/components/Setting/index.module.less
index 626a66f..6b10f05 100644
--- a/admin/src/layouts/components/Setting/index.module.less
+++ b/admin/src/layouts/components/Setting/index.module.less
@@ -11,3 +11,14 @@
line-height: 21px;
margin-bottom: 24px;
}
+
+.layoutPreview {
+ width: 88px;
+ height: 48px;
+ display: grid;
+ place-items: center;
+ border-radius: 3px;
+ background: var(--td-bg-color-container);
+ color: var(--td-text-color-secondary);
+ font-size: 13px;
+}
diff --git a/admin/src/layouts/components/Setting/index.tsx b/admin/src/layouts/components/Setting/index.tsx
index fa185bd..b77b175 100644
--- a/admin/src/layouts/components/Setting/index.tsx
+++ b/admin/src/layouts/components/Setting/index.tsx
@@ -1,5 +1,6 @@
import React, { memo } from 'react';
-import { Row, Col, Switch } from 'tdesign-react';
+import { Row, Col } from '@miragenflow/ui/grid';
+import { Switch } from '@miragenflow/ui';
import { useAppDispatch, useAppSelector } from 'modules/store';
import {
selectGlobal,
@@ -47,15 +48,15 @@ const themeList = [
const layoutList = [
{
value: ELayout.side,
- image: 'https://tdesign.gtimg.com/starter/setting/side.png',
+ image:
侧
,
},
{
value: ELayout.top,
- image: 'https://tdesign.gtimg.com/starter/setting/top.png',
+ image:
顶
,
},
{
value: ELayout.mix,
- image: 'https://tdesign.gtimg.com/starter/setting/mix.png',
+ image:
混
,
},
];
@@ -76,25 +77,27 @@ export default memo(() => {
主题模式
主题色
-
dispatch(switchColor(value))} />
+ dispatch(switchColor(value))} />
导航布局
dispatch(switchLayout(value))}
options={layoutList}
+ ariaLabel='导航布局'
/>
元素开关
- 显示 Header
+ 显示顶部栏
dispatch(toggleShowHeader())} />
@@ -103,7 +106,7 @@ export default memo(() => {
- 显示 Breadcrumbs
+ 显示面包屑导航
dispatch(toggleShowBreadcrumbs())} />
@@ -112,7 +115,7 @@ export default memo(() => {
- 显示 Footer
+ 显示页脚
dispatch(toggleShowFooter())} />
diff --git a/admin/src/layouts/index.tsx b/admin/src/layouts/index.tsx
index 8abb9cf..faac4c3 100644
--- a/admin/src/layouts/index.tsx
+++ b/admin/src/layouts/index.tsx
@@ -1,24 +1,49 @@
import React, { memo, useEffect } from 'react';
-import { Drawer, Layout } from 'tdesign-react';
+import { Layout } from '@miragenflow/ui/layout';
+import { Drawer } from '@miragenflow/ui';
+import { useLocation } from 'react-router-dom';
import throttle from 'lodash/throttle';
import { useAppSelector, useAppDispatch } from 'modules/store';
-import { selectGlobal, toggleSetting, toggleMenu, ELayout, switchTheme } from 'modules/global';
+import { selectGlobal, setSetting, toggleMenu, switchTheme } from 'modules/global';
import Setting from './components/Setting';
import AppLayout from './components/AppLayout';
+import AppRouter from './components/AppRouter';
import Style from './index.module.less';
export default memo(() => {
const globalState = useAppSelector(selectGlobal);
const dispatch = useAppDispatch();
-
- const AppContainer = AppLayout[globalState.isFullPage ? ELayout.fullPage : globalState.layout];
+ const location = useLocation();
+ const isLoginRoute = location.pathname.startsWith('/login');
+ const closeSettings = () => {
+ dispatch(setSetting(false));
+ window.requestAnimationFrame(() => {
+ document.querySelector('[aria-label="页面设置"]')?.focus();
+ });
+ };
+ const settingsDrawer = (
+
+
+
+ );
useEffect(() => {
dispatch(switchTheme(globalState.theme));
const handleResize = throttle(() => {
- if (window.innerWidth < 900) {
+ if (window.innerWidth < 1000) {
dispatch(toggleMenu(true));
- } else if (window.innerWidth > 1000) {
+ } else {
dispatch(toggleMenu(false));
}
}, 100);
@@ -28,19 +53,21 @@ export default memo(() => {
};
}, []);
+ // 登录页是独立的全屏入口，不需要被后台的 Layout/Content 再包一层。
+ // 这样移动端会直接复用桌面左侧主体的定位，不会出现额外容器边界。
+ if (isLoginRoute) {
+ return <>
+
+ {settingsDrawer}
+ ;
+ }
+
+ const AppContainer = AppLayout[globalState.layout];
+
return (
- dispatch(toggleSetting())}
- >
-
-
+ {settingsDrawer}
);
});
diff --git a/admin/src/main.tsx b/admin/src/main.tsx
index c99e57d..7f20ac6 100644
--- a/admin/src/main.tsx
+++ b/admin/src/main.tsx
@@ -2,6 +2,7 @@ import React from 'react';
import ReactDOM from 'react-dom/client';
import { Provider } from 'react-redux';
import { BrowserRouter } from 'react-router-dom';
+import { TDesignProvider } from '@miragenflow/ui';
import store from 'modules/store';
import App from 'layouts/index';
@@ -9,8 +10,26 @@ import 'tdesign-react/es/style/index.css';
import './styles/index.less';
-const env = import.meta.env.MODE || 'development';
-const baseRouterName = env === 'site' ? '/starter/react/' : import.meta.env.BASE_URL.replace(/\/$/, '');
+const baseRouterName = (() => {
+ const configuredBaseUrl = import.meta.env.BASE_URL || '/';
+
+ // Vite allows an absolute `base` URL for the static site build. React
+ // Router, however, expects `basename` to contain only the current path.
+ // Normalize both `/admin/` and `https://host/starter/react/` to their
+ // pathname so deep links continue to render instead of matching no route.
+ try {
+ const { pathname } = new URL(configuredBaseUrl, window.location.origin);
+ const normalized = pathname === '/' ? '' : pathname.replace(/\/$/, '');
+ const current = window.location.pathname.replace(/\/$/, '') || '/';
+ if (!normalized || current === normalized || current.startsWith(`${normalized}/`)) return normalized;
+ // When the admin bundle is mounted through the web app's `/admin` proxy,
+ // prefer the runtime mount path if a stale/absolute build base is present.
+ if (current === '/admin' || current.startsWith('/admin/')) return '/admin';
+ return '';
+ } catch {
+ return configuredBaseUrl.replace(/\/$/, '');
+ }
+})();
// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
const root = document.getElementById('app')!;
@@ -18,8 +37,13 @@ const root = document.getElementById('app')!;
const renderApp = () => {
ReactDOM.createRoot(root).render(
-
-
+
+
+
+
,
);
diff --git a/admin/src/modules/global/index.ts b/admin/src/modules/global/index.ts
index 9f68e32..e33f498 100644
--- a/admin/src/modules/global/index.ts
+++ b/admin/src/modules/global/index.ts
@@ -73,6 +73,9 @@ const globalSlice = createSlice({
toggleSetting: (state) => {
state.setting = !state.setting;
},
+ setSetting: (state, action: PayloadAction) => {
+ state.setting = Boolean(action.payload);
+ },
toggleShowHeader: (state) => {
state.showHeader = !state.showHeader;
},
@@ -94,14 +97,12 @@ const globalSlice = createSlice({
},
openSystemTheme: (state) => {
const media = window.matchMedia('(prefers-color-scheme:dark)');
- if (media.matches) {
- const finalTheme = media.matches ? ETheme.dark : ETheme.light;
- state.chartColors = CHART_COLORS[finalTheme];
- // 切换主题颜色
- state.theme = finalTheme;
- state.systemTheme = true;
- document.documentElement.setAttribute('theme-mode', finalTheme);
- }
+ const finalTheme = media.matches ? ETheme.dark : ETheme.light;
+ state.chartColors = CHART_COLORS[finalTheme];
+ // 切换主题颜色
+ state.theme = finalTheme;
+ state.systemTheme = true;
+ document.documentElement.setAttribute('theme-mode', finalTheme);
},
switchColor: (state, action) => {
if (action?.payload) {
@@ -138,6 +139,7 @@ export const selectGlobal = (state: RootState) => state.global;
export const {
toggleMenu,
toggleSetting,
+ setSetting,
toggleShowHeader,
toggleShowBreadcrumbs,
toggleShowFooter,
diff --git a/admin/src/modules/list/base.ts b/admin/src/modules/list/base.ts
deleted file mode 100644
index 18dd6fd..0000000
--- a/admin/src/modules/list/base.ts
+++ /dev/null
@@ -1,64 +0,0 @@
-import { createSlice, createAsyncThunk } from '@reduxjs/toolkit';
-import { RootState } from '../store';
-import { getContractList, IContract } from 'services/contract';
-
-const namespace = 'list/base';
-
-interface IInitialState {
- loading: boolean;
- current: number;
- pageSize: number;
- total: number;
- contractList: IContract[];
-}
-
-const initialState: IInitialState = {
- loading: true,
- current: 1,
- pageSize: 10,
- total: 0,
- contractList: [],
-};
-
-export const getList = createAsyncThunk(
- `${namespace}/getList`,
- async (params: { pageSize: number; current: number }) => {
- const result = await getContractList(params);
- return {
- list: result?.list,
- total: result?.total,
- pageSize: params.pageSize,
- current: params.current,
- };
- },
-);
-
-const listBaseSlice = createSlice({
- name: namespace,
- initialState,
- reducers: {
- clearPageState: () => initialState,
- },
- extraReducers: (builder) => {
- builder
- .addCase(getList.pending, (state) => {
- state.loading = true;
- })
- .addCase(getList.fulfilled, (state, action) => {
- state.loading = false;
- state.contractList = action.payload?.list;
- state.total = action.payload?.total;
- state.pageSize = action.payload?.pageSize;
- state.current = action.payload?.current;
- })
- .addCase(getList.rejected, (state) => {
- state.loading = false;
- });
- },
-});
-
-export const { clearPageState } = listBaseSlice.actions;
-
-export const selectListBase = (state: RootState) => state.listBase;
-
-export default listBaseSlice.reducer;
diff --git a/admin/src/modules/list/card.ts b/admin/src/modules/list/card.ts
deleted file mode 100644
index 30d032b..0000000
--- a/admin/src/modules/list/card.ts
+++ /dev/null
@@ -1,73 +0,0 @@
-import { createSlice, createAsyncThunk, PayloadAction } from '@reduxjs/toolkit';
-import { RootState } from '../store';
-import { getProductList, IProduct } from 'services/product';
-
-const namespace = 'list/card';
-
-interface IInitialState {
- pageLoading: boolean;
- loading: boolean;
- current: number;
- pageSize: number;
- total: number;
- productList: IProduct[];
-}
-
-const initialState: IInitialState = {
- pageLoading: true,
- loading: true,
- current: 1,
- pageSize: 12,
- total: 0,
- productList: [],
-};
-
-export const getList = createAsyncThunk(
- `${namespace}/getList`,
- async (params: { pageSize: number; current: number }) => {
- const { pageSize, current } = params;
- const result = await getProductList({
- pageSize,
- current,
- });
- return {
- list: result?.list,
- total: result?.total,
- pageSize: params.pageSize,
- current: params.current,
- };
- },
-);
-
-const listCardSlice = createSlice({
- name: namespace,
- initialState,
- reducers: {
- clearPageState: () => initialState,
- switchPageLoading: (state, action: PayloadAction) => {
- state.pageLoading = action.payload;
- },
- },
- extraReducers: (builder) => {
- builder
- .addCase(getList.pending, (state) => {
- state.loading = true;
- })
- .addCase(getList.fulfilled, (state, action) => {
- state.loading = false;
- state.productList = action.payload?.list;
- state.total = action.payload?.total;
- state.pageSize = action.payload?.pageSize;
- state.current = action.payload?.current;
- })
- .addCase(getList.rejected, (state) => {
- state.loading = false;
- });
- },
-});
-
-export const { clearPageState, switchPageLoading } = listCardSlice.actions;
-
-export const selectListCard = (state: RootState) => state.listCard;
-
-export default listCardSlice.reducer;
diff --git a/admin/src/modules/list/select.ts b/admin/src/modules/list/select.ts
deleted file mode 100644
index 82294af..0000000
--- a/admin/src/modules/list/select.ts
+++ /dev/null
@@ -1,64 +0,0 @@
-import { createSlice, createAsyncThunk } from '@reduxjs/toolkit';
-import { RootState } from '../store';
-import { getContractList, IContract } from 'services/contract';
-
-const namespace = 'list/select';
-
-interface IInitialState {
- loading: boolean;
- current: number;
- pageSize: number;
- total: number;
- contractList: IContract[];
-}
-
-const initialState: IInitialState = {
- loading: true,
- current: 1,
- pageSize: 10,
- total: 0,
- contractList: [],
-};
-
-export const getList = createAsyncThunk(
- `${namespace}/getSelectList`,
- async (params: { pageSize: number; current: number }) => {
- const result = await getContractList(params);
- return {
- list: result?.list,
- total: result?.total,
- pageSize: params.pageSize,
- current: params.current,
- };
- },
-);
-
-const listSelectSlice = createSlice({
- name: namespace,
- initialState,
- reducers: {
- clearPageState: () => initialState,
- },
- extraReducers: (builder) => {
- builder
- .addCase(getList.pending, (state) => {
- state.loading = true;
- })
- .addCase(getList.fulfilled, (state, action) => {
- state.loading = false;
- state.contractList = action.payload?.list;
- state.total = action.payload?.total;
- state.pageSize = action.payload?.pageSize;
- state.current = action.payload?.current;
- })
- .addCase(getList.rejected, (state) => {
- state.loading = false;
- });
- },
-});
-
-export const { clearPageState } = listSelectSlice.actions;
-
-export const selectListSelect = (state: RootState) => state.listSelect;
-
-export default listSelectSlice.reducer;
diff --git a/admin/src/modules/store.ts b/admin/src/modules/store.ts
index c60b3d3..774f5f4 100644
--- a/admin/src/modules/store.ts
+++ b/admin/src/modules/store.ts
@@ -3,16 +3,10 @@ import { TypedUseSelectorHook, useSelector, useDispatch } from 'react-redux';
import global from './global';
import user from './user';
-import listBase from './list/base';
-import listSelect from './list/select';
-import listCard from './list/card';
const reducer = combineReducers({
global,
user,
- listBase,
- listSelect,
- listCard,
});
export const store = configureStore({
diff --git a/admin/src/modules/user/index.ts b/admin/src/modules/user/index.ts
index cd84d1c..8af383a 100644
--- a/admin/src/modules/user/index.ts
+++ b/admin/src/modules/user/index.ts
@@ -1,90 +1,46 @@
import { createSlice, createAsyncThunk } from '@reduxjs/toolkit';
-import { RootState } from '../store';
+import { adminRequest, setAdminAccessToken } from 'services/platform';
const namespace = 'user';
-const TOKEN_NAME = 'tdesign-starter';
-
const initialState = {
- token: localStorage.getItem(TOKEN_NAME) || 'main_token', // 默认token不走权限
+ token: '',
userInfo: {},
};
// login
export const login = createAsyncThunk(`${namespace}/login`, async (userInfo: Record) => {
- const mockLogin = async (userInfo: Record) => {
- // 登录请求流程
- console.log(userInfo);
- // const { account, password } = userInfo;
- // if (account !== 'td') {
- // return {
- // code: 401,
- // message: '账号不存在',
- // };
- // }
- // if (['main_', 'dev_'].indexOf(password) === -1) {
- // return {
- // code: 401,
- // message: '密码错误',
- // };
- // }
- // const token = {
- // main_: 'main_token',
- // dev_: 'dev_token',
- // }[password];
- return {
- code: 200,
- message: '登陆成功',
- data: 'main_token',
- };
- };
-
- const res = await mockLogin(userInfo);
- if (res.code === 200) {
- return res.data;
- }
- throw res;
+ const result = await adminRequest<{ accessToken?: string; mfaRequired?: boolean; challengeId?: string }>('/api/v1/admin/auth/login', { method: 'POST', body: JSON.stringify({ email: userInfo.account, password: userInfo.password, mfaCode: userInfo.mfaCode, recoveryCode: userInfo.recoveryCode, challengeId: userInfo.challengeId, deviceId: 'admin-browser', captchaChallengeId: userInfo.captchaChallengeId, captchaAnswer: userInfo.captchaAnswer }) });
+ if (result.accessToken) setAdminAccessToken(result.accessToken);
+ return result;
});
// getUserInfo
export const getUserInfo = createAsyncThunk(`${namespace}/getUserInfo`, async (_, { getState }: any) => {
- const { token } = getState();
- const mockRemoteUserInfo = async (token: string) => {
- if (token === 'main_token') {
- return {
- name: 'td_main',
- roles: ['all'],
- };
- }
- return {
- name: 'td_dev',
- roles: ['userIndex', 'dashboardBase', 'login'],
- };
- };
-
- const res = await mockRemoteUserInfo(token);
-
- return res;
+ const result = await adminRequest<{ id?: string; email: string; roles?: string[]; scopes?: string[]; mfaRequired?: boolean; mfaEnabled?: boolean; selfApprovalAllowed?: boolean }>('/api/v1/admin/me');
+ return { id: result.id, name: result.email, email: result.email, roles: result.roles || [], scopes: result.scopes || [], mfaRequired: result.mfaRequired, mfaEnabled: result.mfaEnabled, selfApprovalAllowed: result.selfApprovalAllowed === true };
});
const userSlice = createSlice({
name: namespace,
initialState,
reducers: {
+ setToken: (state, action: { payload: string }) => { state.token = action.payload; },
logout: (state) => {
- localStorage.removeItem(TOKEN_NAME);
state.token = '';
state.userInfo = {};
},
remove: (state) => {
state.token = '';
},
+ clearMfaChallenge: (state) => {
+ state.userInfo = { ...state.userInfo, mfaChallengeId: undefined, mfaRequired: undefined };
+ },
},
extraReducers: (builder) => {
builder
.addCase(login.fulfilled, (state, action) => {
- localStorage.setItem(TOKEN_NAME, action.payload);
-
- state.token = action.payload;
+ if (action.payload.accessToken) state.token = action.payload.accessToken;
+ state.userInfo = { ...state.userInfo, mfaChallengeId: action.payload.challengeId, mfaRequired: action.payload.mfaRequired };
})
.addCase(getUserInfo.fulfilled, (state, action) => {
state.userInfo = action.payload;
@@ -92,8 +48,6 @@ const userSlice = createSlice({
},
});
-export const selectListBase = (state: RootState) => state.listBase;
-
-export const { logout, remove } = userSlice.actions;
+export const { logout, remove, setToken, clearMfaChallenge } = userSlice.actions;
export default userSlice.reducer;
diff --git a/admin/src/pages/Business/FinanceCharts.tsx b/admin/src/pages/Business/FinanceCharts.tsx
new file mode 100644
index 0000000..e8b848e
--- /dev/null
+++ b/admin/src/pages/Business/FinanceCharts.tsx
@@ -0,0 +1,103 @@
+import React, { useMemo } from 'react';
+import { Card, Statistic } from '@miragenflow/ui';
+import ReactEcharts from 'echarts-for-react';
+import useDynamicChart from 'hooks/useDynamicChart';
+import Style from './index.module.less';
+
+type FinanceRow = Record;
+type FinanceKind = 'billing' | 'recharges' | 'payments';
+
+const numberValue = (value: unknown) => {
+ const parsed = Number(value);
+ return Number.isFinite(parsed) ? parsed : 0;
+};
+
+const dateValue = (row: FinanceRow) => {
+ const value = row.createdAt || row.paidAt || row.appliedAt;
+ return typeof value === 'string' && value.length >= 10 ? value.slice(0, 10) : '未知日期';
+};
+
+const baseGrid = { left: 48, right: 24, top: 26, bottom: 34, containLabel: true };
+const axisStyle = { axisLine: { lineStyle: { color: 'var(--td-component-border)' } }, splitLine: { lineStyle: { color: 'var(--td-component-border)' } } };
+const statusLabels: Record = { pending: '待处理', processing: '处理中', queued: '排队中', received: '已接收', paid: '已到账', succeeded: '成功', applied: '已应用', confirmed_success: '已确认成功', rejected: '已拒绝', failed: '失败', confirmed_failure: '已确认失败', canceled: '已取消', refunded: '已退款', unknown: '未知' };
+const providerLabels: Record = { manual: '人工', mock: '模拟', adapter: '适配器', webhook: '支付回调', unknown: '未知' };
+
+const ChartPanel = ({ title, option }: { title: string; option: Record }) => {
+ const themedOption = useDynamicChart(option);
+ return
+
+ ;
+};
+
+const emptyOption = (title: string) => ({ title: { text: title, left: 'center', top: 'middle', fontSize: 14, fontWeight: 400 }, xAxis: { show: false }, yAxis: { show: false }, series: [] });
+
+const StatCards = ({ items }: { items: Array<{ title: string; value: number; suffix?: string; decimalPlaces?: number }> }) => {items.map((item) => )}
;
+
+const statusOptionFor = (rows: FinanceRow[], fallback: string) => {
+ const counts = rows.reduce>((result, row) => {
+ const status = String(row.status || 'unknown');
+ result[status] = (result[status] || 0) + 1;
+ return result;
+ }, {});
+ const data = Object.entries(counts).reduce>((result, [status, value]) => {
+ const name = statusLabels[status] || '其他状态';
+ const item = result.find((entry) => entry.name === name);
+ if (item) item.value += value; else result.push({ name, value });
+ return result;
+ }, []);
+ return data.length ? { tooltip: { trigger: 'item' }, legend: { bottom: 0 }, series: [{ type: 'pie', radius: ['45%', '72%'], center: ['50%', '45%'], data, label: { formatter: '{b}\n{d}%' } }] } : emptyOption(fallback);
+};
+
+export const FinanceCharts = ({ kind, rows }: { kind: FinanceKind; rows: FinanceRow[] }) => {
+ const billingSummary = useMemo(() => {
+ const credit = rows.reduce((sum, row) => { const amount = numberValue(row.amount); return sum + (amount > 0 ? amount : 0); }, 0);
+ const debit = rows.reduce((sum, row) => { const amount = numberValue(row.amount); return sum + (amount < 0 ? Math.abs(amount) : 0); }, 0);
+ return { total: rows.length, credit, debit, net: credit - debit };
+ }, [rows]);
+ const billingTrend = useMemo(() => {
+ const byDate = rows.reduce>((result, row) => {
+ const date = dateValue(row); const amount = numberValue(row.amount); const current = result[date] || { credit: 0, debit: 0 };
+ if (amount >= 0) current.credit += amount; else current.debit += Math.abs(amount);
+ result[date] = current; return result;
+ }, {});
+ const dates = Object.keys(byDate).sort().slice(-14);
+ return dates.length ? { tooltip: { trigger: 'axis' }, grid: baseGrid, legend: { bottom: 0, data: ['入账金币', '扣减金币'] }, xAxis: { type: 'category', data: dates.map((date) => date.slice(5)), ...axisStyle }, yAxis: { type: 'value', min: 0, name: '金币', ...axisStyle }, series: [{ name: '入账金币', type: 'bar', data: dates.map((date) => byDate[date].credit), barMaxWidth: 26 }, { name: '扣减金币', type: 'bar', data: dates.map((date) => byDate[date].debit), barMaxWidth: 26 }] } : emptyOption('暂无账本趋势');
+ }, [rows]);
+ const billingTypes = useMemo(() => {
+ const counts = rows.reduce>((result, row) => { const type = String(row.type || 'unknown'); result[type] = (result[type] || 0) + 1; return result; }, {});
+ const labels: Record = { credit: '充值入账', recharge: '充值入账', debit: '任务扣费', settle: '任务扣费', adjustment: '余额调整', balance_adjustment: '余额调整', manual_recharge: '人工充值', refund: '退款', purchase: '套餐购买', reserve: '余额预留', release: '预留释放', charge: '任务消费', unknown: '未知' };
+ const data = Object.entries(counts).reduce>((result, [type, value]) => {
+ const name = labels[type] || '其他类型';
+ const item = result.find((entry) => entry.name === name);
+ if (item) item.value += value; else result.push({ name, value });
+ return result;
+ }, []);
+ return data.length ? { tooltip: { trigger: 'item' }, legend: { bottom: 0 }, series: [{ type: 'pie', radius: ['45%', '72%'], center: ['50%', '45%'], data, label: { formatter: '{b}\n{d}%' } }] } : emptyOption('暂无账本类型');
+ }, [rows]);
+
+ const rechargeTrend = useMemo(() => {
+ const byDate = rows.reduce>((result, row) => {
+ const date = dateValue(row); const current = result[date] || { fiat: 0, coins: 0 }; current.fiat += numberValue(row.fiatAmount); current.coins += numberValue(row.balanceAmount); result[date] = current; return result;
+ }, {});
+ const dates = Object.keys(byDate).sort().slice(-14);
+ return dates.length ? { tooltip: { trigger: 'axis' }, grid: baseGrid, legend: { bottom: 0, data: ['支付金额', '到账金币'] }, xAxis: { type: 'category', data: dates.map((date) => date.slice(5)), ...axisStyle }, yAxis: [{ type: 'value', name: '金额', min: 0, ...axisStyle }, { type: 'value', name: '金币', min: 0, ...axisStyle }], series: [{ name: '支付金额', type: 'bar', data: dates.map((date) => byDate[date].fiat), barMaxWidth: 26 }, { name: '到账金币', type: 'line', yAxisIndex: 1, data: dates.map((date) => byDate[date].coins), smooth: true, symbolSize: 7 }] } : emptyOption('暂无充值趋势');
+ }, [rows]);
+
+ const providerOption = useMemo(() => {
+ const counts = rows.reduce>((result, row) => { const provider = providerLabels[String(row.provider || 'unknown')] || '其他支付方式'; result[provider] = (result[provider] || 0) + 1; return result; }, {});
+ const data = Object.entries(counts).sort(([, a], [, b]) => b - a).slice(0, 12);
+ return data.length ? { tooltip: { trigger: 'axis', axisPointer: { type: 'shadow' } }, grid: { ...baseGrid, left: 76 }, xAxis: { type: 'value', min: 0, ...axisStyle }, yAxis: { type: 'category', data: data.map(([name]) => name), ...axisStyle }, series: [{ name: '事件数', type: 'bar', data: data.map(([, value]) => value), barMaxWidth: 24, label: { show: true, position: 'right' } }] } : emptyOption('暂无支付适配器数据');
+ }, [rows]);
+
+ if (kind === 'billing') return <>
;
+ if (kind === 'recharges') {
+ const pending = rows.filter((row) => ['pending', 'processing', 'queued'].includes(String(row.status))).length;
+ const paid = rows.filter((row) => ['paid', 'succeeded', 'applied', 'confirmed_success'].includes(String(row.status))).length;
+ const fiat = rows.reduce((sum, row) => sum + numberValue(row.fiatAmount), 0);
+ return <>
;
+ }
+ const applied = rows.filter((row) => ['applied', 'succeeded', 'confirmed_success', 'paid'].includes(String(row.status))).length;
+ const rejected = rows.filter((row) => ['rejected', 'failed', 'confirmed_failure'].includes(String(row.status))).length;
+ const pending = rows.filter((row) => ['pending', 'processing', 'queued', 'received', 'unknown'].includes(String(row.status))).length;
+ return <>
;
+};
diff --git a/admin/src/pages/Business/components/Charts.tsx b/admin/src/pages/Business/components/Charts.tsx
new file mode 100644
index 0000000..359949d
--- /dev/null
+++ b/admin/src/pages/Business/components/Charts.tsx
@@ -0,0 +1,328 @@
+import React, { useMemo } from 'react';
+import { Card, Statistic } from '@miragenflow/ui';
+import ReactEcharts from 'echarts-for-react';
+import useDynamicChart from 'hooks/useDynamicChart';
+import Style from '../index.module.less';
+
+type ChartRow = Record;
+
+const isChartRow = (value: unknown): value is ChartRow => Boolean(value && typeof value === 'object' && !Array.isArray(value));
+const chartRows = (value: unknown) => Array.isArray(value) ? value.filter(isChartRow) : [];
+
+const numberValue = (value: unknown) => {
+ const parsed = Number(value);
+ return Number.isFinite(parsed) ? parsed : 0;
+};
+
+const percent = (value: unknown) => `${(numberValue(value) * 100).toFixed(1)}%`;
+
+const emptyOption = (title: string) => ({
+ title: { text: title, left: 'center', top: 'middle', fontSize: 14, fontWeight: 400 },
+ xAxis: { show: false },
+ yAxis: { show: false },
+ series: [],
+});
+
+const ChartPanel = ({ title, option }: { title: string; option: Record }) => {
+ const themedOption = useDynamicChart(option);
+ return
+
+ ;
+};
+
+const baseGrid = { left: 48, right: 24, top: 26, bottom: 34, containLabel: true };
+const axisStyle = { axisLine: { lineStyle: { color: 'var(--td-component-border)' } }, splitLine: { lineStyle: { color: 'var(--td-component-border)' } } };
+
+export const OverviewCharts = ({ dashboard }: { dashboard: ChartRow }) => {
+ const trend = chartRows(dashboard?.trend);
+ const modelMetrics = chartRows(dashboard?.modelMetrics);
+ const channelMetrics = chartRows(dashboard?.channelMetrics);
+ const messageTrend = chartRows(dashboard?.messageTrend);
+ const paymentTrend = chartRows(dashboard?.paymentTrend);
+ const revenueTrend = chartRows(dashboard?.revenueTrend);
+ const users = numberValue(dashboard?.users);
+ const activeUsers = Math.min(users, Math.max(0, numberValue(dashboard?.activeUsers)));
+ const channels = numberValue(dashboard?.channels);
+ const availableChannels = Math.min(channels, Math.max(0, numberValue(dashboard?.availableChannels)));
+ const p50 = dashboard?.p50LatencyMs === undefined ? undefined : Math.max(0, numberValue(dashboard.p50LatencyMs));
+ const p95 = dashboard?.p95LatencyMs === undefined ? undefined : Math.max(0, numberValue(dashboard.p95LatencyMs));
+ const maxLatency = Math.max(100, p95 || 0, p50 || 0);
+ const activityOption = useMemo(() => users ? ({
+ tooltip: { trigger: 'axis', axisPointer: { type: 'shadow' }, valueFormatter: (value: number) => `${value} 人` },
+ grid: { ...baseGrid, left: 72, right: 30 },
+ xAxis: { type: 'value', max: users, ...axisStyle },
+ yAxis: { type: 'category', data: ['活跃用户', '其他用户'], ...axisStyle },
+ series: [{ type: 'bar', barWidth: 22, showBackground: true, backgroundStyle: { color: 'var(--td-bg-color-secondarycontainer)' }, data: [activeUsers, Math.max(0, users - activeUsers)], itemStyle: { borderRadius: [0, 5, 5, 0] }, label: { show: true, position: 'right', formatter: '{c} 人' } }],
+ }) : emptyOption('暂无用户数据'), [activeUsers, users]);
+ const channelOption = useMemo(() => channels ? ({
+ tooltip: { trigger: 'axis', axisPointer: { type: 'shadow' }, valueFormatter: (value: number) => `${value} 个` },
+ grid: { ...baseGrid, left: 72, right: 36, top: 48, bottom: 42 },
+ xAxis: { type: 'value', min: 0, max: channels, ...axisStyle },
+ yAxis: { type: 'category', data: ['渠道可用情况'], ...axisStyle },
+ series: [
+ { name: '可用渠道', type: 'bar', stack: 'total', barWidth: 30, data: [availableChannels], itemStyle: { color: 'var(--td-success-color)', borderRadius: [6, 0, 0, 6] }, label: { show: true, position: 'inside', formatter: `${availableChannels} 个` } },
+ { name: '不可用渠道', type: 'bar', stack: 'total', barWidth: 30, data: [Math.max(0, channels - availableChannels)], itemStyle: { color: 'var(--td-bg-color-secondarycontainer)', borderRadius: [0, 6, 6, 0] }, label: { show: true, position: 'inside', color: 'var(--td-text-color-secondary)', formatter: (params: ChartRow) => params.value ? `${params.value} 个` : '' } },
+ ],
+ graphic: [{ type: 'text', left: 'center', top: 8, style: { text: `可用率 ${Math.round((availableChannels / channels) * 100)}%`, fontSize: 16, fontWeight: 600, fill: 'var(--td-text-color-primary)' } }],
+ }) : emptyOption('暂无渠道数据'), [availableChannels, channels]);
+ const latencyOption = useMemo(() => {
+ if (p50 === undefined && p95 === undefined) return emptyOption('暂无延迟样本');
+ const ring = (value: number | undefined, center: [string, string], color: string) => {
+ const ratio = value === undefined ? 0 : Math.min(1, Math.max(0, value / maxLatency));
+ return {
+ type: 'pie',
+ center,
+ radius: ['52%', '68%'],
+ startAngle: 90,
+ clockwise: true,
+ silent: true,
+ label: { show: false },
+ labelLine: { show: false },
+ data: [
+ { value: ratio, itemStyle: { color } },
+ { value: 1 - ratio, itemStyle: { color: 'var(--td-bg-color-secondarycontainer)' } },
+ ],
+ };
+ };
+ const centerText = (value: number | undefined, label: string, left: string) => ({
+ type: 'group', left, top: 0, width: '16%', height: '100%',
+ children: [
+ { type: 'text', left: 'center', top: '38%', style: { text: value === undefined ? '暂无样本' : `${Math.round(value)} 毫秒`, textAlign: 'center', fill: 'var(--td-text-color-primary)', fontSize: value === undefined ? 13 : 16, fontWeight: 600 } },
+ { type: 'text', left: 'center', top: '61%', style: { text: label, textAlign: 'center', fill: 'var(--td-text-color-secondary)', fontSize: 12 } },
+ ],
+ });
+ return {
+ tooltip: { trigger: 'item', formatter: () => '延迟数据按最近调用样本计算' },
+ series: [p50 === undefined ? undefined : ring(p50, ['28%', '50%'], 'var(--td-brand-color)'), p95 === undefined ? undefined : ring(p95, ['72%', '50%'], 'var(--td-warning-color)')].filter(Boolean),
+ graphic: [centerText(p50, 'P50', '20%'), centerText(p95, 'P95', '64%')],
+ };
+ }, [maxLatency, p50, p95]);
+ const trendOption = useMemo(() => trend.length ? ({
+ tooltip: { trigger: 'axis' },
+ grid: baseGrid,
+ legend: { bottom: 0, data: ['任务数', '成功率'] },
+ xAxis: { type: 'category', data: trend.map((item: ChartRow) => String(item.date).slice(5)), ...axisStyle },
+ yAxis: [{ type: 'value', name: '任务数', ...axisStyle }, { type: 'value', name: '成功率', max: 1, axisLabel: { formatter: (value: number) => `${Math.round(value * 100)}%` }, ...axisStyle }],
+ series: [
+ { name: '任务数', type: 'bar', barMaxWidth: 26, data: trend.map((item: ChartRow) => numberValue(item.tasks)) },
+ { name: '成功率', type: 'line', yAxisIndex: 1, smooth: true, data: trend.map((item: ChartRow) => numberValue(item.successRate)), symbolSize: 7 },
+ ],
+ }) : emptyOption('暂无任务趋势'), [trend]);
+ const channelSuccessOption = useMemo(() => channelMetrics.length ? ({
+ tooltip: { trigger: 'axis', axisPointer: { type: 'shadow' }, formatter: (params: ChartRow[]) => {
+ const item = params?.[0];
+ const source = channelMetrics.find((row: ChartRow) => String(row.label) === String(item?.name));
+ return `${item?.name || '渠道'}：${percent(item?.value)}${source ? `（${numberValue(source.attempts)} 次调用）` : ''}`;
+ } },
+ grid: { ...baseGrid, left: 88, right: 28 },
+ xAxis: { type: 'value', min: 0, max: 1, axisLabel: { formatter: (value: number) => `${Math.round(value * 100)}%` }, ...axisStyle },
+ yAxis: { type: 'category', data: channelMetrics.map((item: ChartRow, index: number) => String(item.label || `渠道 ${index + 1}`)), ...axisStyle },
+ series: [{ name: '成功率', type: 'bar', barMaxWidth: 22, data: channelMetrics.map((item: ChartRow) => {
+ let color = 'var(--td-warning-color)';
+ if (item.health === 'healthy') color = 'var(--td-success-color)';
+ else if (['open', 'disabled'].includes(String(item.health))) color = 'var(--td-error-color)';
+ return { value: Math.min(1, Math.max(0, numberValue(item.successRate))), itemStyle: { color } };
+ }), label: { show: true, position: 'right', formatter: (params: ChartRow) => percent(params.value) } }],
+ }) : emptyOption('暂无来源渠道数据'), [channelMetrics]);
+ const messageTrendOption = useMemo(() => messageTrend.length ? ({
+ tooltip: { trigger: 'axis' },
+ grid: baseGrid,
+ legend: { bottom: 0, data: ['发送失败', '待发送', '失败率'] },
+ xAxis: { type: 'category', data: messageTrend.map((item: ChartRow) => String(item.date || '').slice(5)), ...axisStyle },
+ yAxis: [{ type: 'value', min: 0, name: '条数', ...axisStyle }, { type: 'value', min: 0, max: 1, name: '失败率', axisLabel: { formatter: (value: number) => `${Math.round(value * 100)}%` }, ...axisStyle }],
+ series: [{ name: '发送失败', type: 'bar', barMaxWidth: 24, data: messageTrend.map((item: ChartRow) => numberValue(item.failed)) }, { name: '待发送', type: 'bar', barMaxWidth: 24, data: messageTrend.map((item: ChartRow) => numberValue(item.pending)) }, { name: '失败率', type: 'line', yAxisIndex: 1, smooth: true, data: messageTrend.map((item: ChartRow) => numberValue(item.failureRate)), symbolSize: 7 }],
+ }) : emptyOption('暂无消息趋势'), [messageTrend]);
+ const paymentTrendOption = useMemo(() => paymentTrend.length ? ({
+ tooltip: { trigger: 'axis' },
+ grid: baseGrid,
+ legend: { bottom: 0, data: ['已处理', '支付异常', '待处理'] },
+ xAxis: { type: 'category', data: paymentTrend.map((item: ChartRow) => String(item.date || '').slice(5)), ...axisStyle },
+ yAxis: { type: 'value', min: 0, name: '事件数', ...axisStyle },
+ series: [{ name: '已处理', type: 'bar', barMaxWidth: 24, data: paymentTrend.map((item: ChartRow) => numberValue(item.applied)) }, { name: '支付异常', type: 'bar', barMaxWidth: 24, data: paymentTrend.map((item: ChartRow) => numberValue(item.rejected)) }, { name: '待处理', type: 'line', smooth: true, data: paymentTrend.map((item: ChartRow) => numberValue(item.pending)), symbolSize: 7 }],
+ }) : emptyOption('暂无支付趋势'), [paymentTrend]);
+ const revenueOption = useMemo(() => revenueTrend.length ? ({
+ tooltip: { trigger: 'axis', axisPointer: { type: 'shadow' } },
+ grid: baseGrid,
+ legend: { bottom: 0, data: ['收入（元）', '到账金币'] },
+ xAxis: { type: 'category', data: revenueTrend.map((item: ChartRow) => String(item.date || '').slice(5)), ...axisStyle },
+ yAxis: [{ type: 'value', min: 0, name: '元', ...axisStyle }, { type: 'value', min: 0, name: '金币', ...axisStyle }],
+ series: [
+ { name: '收入（元）', type: 'bar', barMaxWidth: 24, data: revenueTrend.map((item: ChartRow) => numberValue(item.fiatAmount)) },
+ { name: '到账金币', type: 'line', yAxisIndex: 1, smooth: true, symbolSize: 7, data: revenueTrend.map((item: ChartRow) => numberValue(item.balanceAmount)) },
+ ],
+ }) : emptyOption('暂无收入趋势'), [revenueTrend]);
+ const modelOption = useMemo(() => modelMetrics.length ? ({
+ tooltip: { trigger: 'axis', axisPointer: { type: 'shadow' }, valueFormatter: (value: number) => percent(value) },
+ grid: baseGrid,
+ xAxis: { type: 'value', max: 1, axisLabel: { formatter: (value: number) => `${Math.round(value * 100)}%` }, ...axisStyle },
+ yAxis: { type: 'category', data: modelMetrics.map((item: ChartRow) => String(item.modelName || item.name || '未命名模型')), ...axisStyle },
+ series: [{ name: '成功率', type: 'bar', data: modelMetrics.map((item: ChartRow) => numberValue(item.successRate)), barMaxWidth: 24 }],
+ }) : emptyOption('暂无模型指标'), [modelMetrics]);
+ const statusOption = useMemo(() => {
+ const total = numberValue(dashboard?.tasks);
+ const counts = dashboard?.taskStatusCounts && typeof dashboard.taskStatusCounts === 'object' ? dashboard.taskStatusCounts as Record : {};
+ const succeeded = numberValue(counts.succeeded ?? dashboard?.succeededTasks);
+ const queued = numberValue(counts.queued ?? dashboard?.queuedTasks);
+ const running = numberValue(counts.running);
+ const failed = numberValue(counts.failed);
+ const canceled = numberValue(counts.canceled);
+ const unknown = numberValue(counts.unknown);
+ const partial = numberValue(counts.partial);
+ const accounted = succeeded + queued + running + failed + canceled + unknown + partial;
+ const other = Math.max(0, total - accounted);
+ return total ? {
+ tooltip: { trigger: 'item', formatter: (params: ChartRow) => `${params.name}：${params.value}（${params.percent}%）` },
+ legend: { bottom: 0 },
+ series: [{ type: 'pie', radius: ['45%', '72%'], center: ['50%', '45%'], data: [{ name: '成功', value: succeeded }, { name: '部分成功', value: partial }, { name: '排队中', value: queued }, { name: '运行中', value: running }, { name: '失败', value: failed }, { name: '已取消', value: canceled }, { name: '待对账', value: unknown }, { name: '其他', value: other }].filter((item) => item.value > 0), label: { formatter: '{b}\n{d}%' } }],
+ } : emptyOption('暂无任务状态');
+ }, [dashboard]);
+ return
+
+
+
+
+
+
+
+
+
+
+
;
+};
+
+export const ChannelHealthCharts = ({ rows }: { rows: ChartRow[] }) => {
+ const safeRows = useMemo(() => rows.filter(isChartRow), [rows]);
+ const channels = useMemo(() => safeRows.slice(0, 12), [safeRows]);
+ const performanceOption = useMemo(() => channels.length ? ({
+ tooltip: { trigger: 'axis' },
+ grid: baseGrid,
+ legend: { bottom: 0, data: ['成功率', 'P95 延迟'] },
+ xAxis: { type: 'category', data: channels.map((row, index) => String(row.label || `渠道 ${index + 1}`)), axisLabel: { rotate: channels.length > 7 ? 28 : 0 }, ...axisStyle },
+ yAxis: [{ type: 'value', max: 1, axisLabel: { formatter: (value: number) => `${Math.round(value * 100)}%` }, ...axisStyle }, { type: 'value', name: '毫秒', ...axisStyle }],
+ series: [{ name: '成功率', type: 'bar', data: channels.map((row) => numberValue(row.successRate)), barMaxWidth: 24 }, { name: 'P95 延迟', type: 'line', yAxisIndex: 1, data: channels.map((row) => numberValue(row.latencyP95Ms)), smooth: true, symbolSize: 7 }],
+ }) : emptyOption('暂无渠道健康数据'), [channels]);
+ const stateOption = useMemo(() => {
+ const stateCount = safeRows.reduce>((result, row) => {
+ const state = !row.lastTestedAt && row.lastTestHealthy === undefined ? 'untested' : String(row.health || 'unknown');
+ result[state] = (result[state] || 0) + 1;
+ return result;
+ }, {});
+ const labels: Record = { healthy: '健康', degraded: '降级', open: '熔断', disabled: '已停用', untested: '未测试', unknown: '未知' };
+ const data = Object.entries(stateCount).map(([key, value]) => ({ name: labels[key] || '未知', value }));
+ return data.length ? { tooltip: { trigger: 'item' }, legend: { bottom: 0 }, series: [{ type: 'pie', radius: ['45%', '72%'], center: ['50%', '45%'], data, label: { formatter: '{b}\n{d}%' } }] } : emptyOption('暂无渠道状态');
+ }, [safeRows]);
+ return
+
+
+
;
+};
+
+export const TaskCharts = ({ rows }: { rows: ChartRow[] }) => {
+ const safeRows = useMemo(() => rows.filter(isChartRow), [rows]);
+ const statusLabels: Record = { queued: '排队中', running: '运行中', succeeded: '成功', partial: '部分成功', failed: '失败', canceled: '已取消', unknown: '待对账' };
+ const statusOption = useMemo(() => {
+ const statusCount = safeRows.reduce>((result, row) => {
+ const key = String(row.status || 'unknown');
+ result[key] = (result[key] || 0) + 1;
+ return result;
+ }, {});
+ const data = Object.entries(statusCount).map(([key, value]) => ({ name: statusLabels[key] || '未知状态', value }));
+ return data.length ? { tooltip: { trigger: 'item' }, legend: { bottom: 0 }, series: [{ type: 'pie', radius: ['45%', '72%'], center: ['50%', '45%'], data, label: { formatter: '{b}\n{d}%' } }] } : emptyOption('暂无任务状态');
+ }, [safeRows]);
+ const trendOption = useMemo(() => {
+ const days = safeRows.reduce>((result, row) => {
+ const date = typeof row.createdAt === 'string' ? row.createdAt.slice(0, 10) : '未知日期';
+ const current = result[date] || { total: 0, success: 0, failed: 0 };
+ current.total += 1;
+ if (row.status === 'succeeded' || row.status === 'partial') current.success += 1;
+ if (row.status === 'failed' || row.status === 'canceled') current.failed += 1;
+ result[date] = current;
+ return result;
+ }, {});
+ const dates = Object.keys(days).sort().slice(-14);
+ return dates.length ? { tooltip: { trigger: 'axis' }, grid: baseGrid, legend: { bottom: 0, data: ['任务数', '成功', '失败'] }, xAxis: { type: 'category', data: dates.map((date) => date.slice(5)), ...axisStyle }, yAxis: { type: 'value', ...axisStyle }, series: [{ name: '任务数', type: 'bar', data: dates.map((date) => days[date].total), barMaxWidth: 26 }, { name: '成功', type: 'line', data: dates.map((date) => days[date].success), smooth: true }, { name: '失败', type: 'line', data: dates.map((date) => days[date].failed), smooth: true }] } : emptyOption('暂无任务趋势');
+ }, [safeRows]);
+ return
+
+
+
;
+};
+
+export const RealtimeMetricsCharts = ({ rows, history }: { rows: ChartRow[]; history: ChartRow[] }) => {
+ const safeRows = useMemo(() => rows.filter(isChartRow), [rows]);
+ const safeHistory = useMemo(() => history.filter(isChartRow), [history]);
+ const samples = useMemo(() => {
+ const latest = safeRows[0] || {};
+ if (safeHistory.length) return safeHistory;
+ return safeRows.length ? [{ ...latest, recordedAt: new Date().toISOString() }] : [];
+ }, [safeHistory, safeRows]);
+ const metricOption = useMemo(() => samples.length ? ({
+ tooltip: { trigger: 'axis' },
+ grid: baseGrid,
+ legend: { bottom: 0, data: ['连接数', '订阅数'] },
+ xAxis: { type: 'category', data: samples.map((item) => new Date(item.recordedAt || Date.now()).toLocaleTimeString('zh-CN', { hour: '2-digit', minute: '2-digit' })), ...axisStyle },
+ yAxis: { type: 'value', ...axisStyle },
+ series: [{ name: '连接数', type: 'line', data: samples.map((item) => numberValue(item.connections)), smooth: true, areaStyle: {} }, { name: '订阅数', type: 'line', data: samples.map((item) => numberValue(item.subscriptions)), smooth: true }],
+ }) : emptyOption('等待实时数据'), [samples]);
+ const queueOption = useMemo(() => samples.length ? ({
+ tooltip: { trigger: 'axis' },
+ grid: baseGrid,
+ legend: { bottom: 0, data: ['任务队列', '事件积压'] },
+ xAxis: { type: 'category', data: samples.map((item) => new Date(item.recordedAt || Date.now()).toLocaleTimeString('zh-CN', { hour: '2-digit', minute: '2-digit' })), ...axisStyle },
+ yAxis: { type: 'value', ...axisStyle },
+ series: [{ name: '任务队列', type: 'bar', data: samples.map((item) => numberValue(item.taskQueues)), barMaxWidth: 26 }, { name: '事件积压', type: 'line', data: samples.map((item) => numberValue(item.eventBacklog)), smooth: true, symbolSize: 7 }],
+ }) : emptyOption('等待队列数据'), [samples]);
+ return
+
+
+
;
+};
+
+export const AuditDashboardCharts = ({ rows }: { rows: ChartRow[] }) => {
+ const safeRows = useMemo(() => rows.filter(isChartRow), [rows]);
+ const statusFor = (row: ChartRow) => {
+ const status = Number(row.statusCode);
+ if (status >= 400) return '异常';
+ return /失败|拒绝|错误|死信|failed|rejected|error|dead/i.test(`${row.action || ''} ${row.actionLabel || ''}`) ? '异常' : '正常';
+ };
+ const categoryOption = useMemo(() => {
+ const counts = safeRows.reduce>((result, row) => { const key = String(row.category || '其他管理'); result[key] = (result[key] || 0) + 1; return result; }, {});
+ const categoryLabels: Record = { admin: '认证与安全', audit: '审计访问', user: '用户管理', channel: '渠道管理', channel_group: '渠道管理', model_product: '模型与价格', pricing: '模型与价格', plan: '套餐与权益', task: '任务处理', payment: '财务与支付', approval: '审批管理', system_settings: '系统设置', message: '消息通知', '认证与安全': '认证与安全', '审计访问': '审计访问', '用户管理': '用户管理', '渠道管理': '渠道管理', '模型与价格': '模型与价格', '套餐与权益': '套餐与权益', '任务处理': '任务处理', '财务与支付': '财务与支付', '审批管理': '审批管理', '系统设置': '系统设置', '消息通知': '消息通知' };
+ const data = Object.entries(counts).map(([name, value]) => ({ name: categoryLabels[name] || '其他管理', value }));
+ return data.length ? { tooltip: { trigger: 'item' }, legend: { bottom: 0 }, series: [{ type: 'pie', radius: ['45%', '72%'], center: ['50%', '45%'], data, label: { formatter: '{b}\n{d}%' } }] } : emptyOption('暂无审计记录');
+ }, [safeRows]);
+ const statusOption = useMemo(() => {
+ const counts = safeRows.reduce>((result, row) => { const key = statusFor(row); result[key] = (result[key] || 0) + 1; return result; }, {});
+ const data = [{ name: '正常（HTTP < 400）', value: counts.正常 || 0 }, { name: '异常（HTTP >= 400 或业务错误）', value: counts.异常 || 0 }].filter((item) => item.value > 0);
+ return data.length ? { tooltip: { trigger: 'item' }, legend: { bottom: 0 }, series: [{ type: 'pie', radius: ['45%', '72%'], center: ['50%', '45%'], data, label: { formatter: '{b}\n{d}%' } }] } : emptyOption('暂无日志状态');
+ }, [safeRows]);
+ const summary = useMemo(() => {
+ const abnormal = safeRows.filter((row) => statusFor(row) === '异常').length;
+ return { total: safeRows.length, normal: safeRows.length - abnormal, abnormal, abnormalRate: safeRows.length ? abnormal / safeRows.length : 0 };
+ }, [safeRows]);
+ const timelineOption = useMemo(() => {
+ const days = safeRows.reduce>((result, row) => {
+ const date = typeof row.createdAt === 'string' ? row.createdAt.slice(0, 10) : '未知日期';
+ const current = result[date] || { normal: 0, error: 0 };
+ if (statusFor(row) === '正常') current.normal += 1;
+ else current.error += 1;
+ result[date] = current;
+ return result;
+ }, {});
+ const dates = Object.keys(days).sort().slice(-14);
+ return dates.length ? { tooltip: { trigger: 'axis' }, grid: baseGrid, legend: { bottom: 0, data: ['正常 < 400', '异常 >= 400 或业务错误'] }, xAxis: { type: 'category', data: dates.map((date) => date.slice(5)), ...axisStyle }, yAxis: { type: 'value', ...axisStyle }, series: [{ name: '正常 < 400', type: 'bar', stack: 'status', data: dates.map((date) => days[date].normal), barMaxWidth: 28 }, { name: '异常 >= 400 或业务错误', type: 'bar', stack: 'status', data: dates.map((date) => days[date].error), barMaxWidth: 28 }] } : emptyOption('暂无日志趋势');
+ }, [safeRows]);
+ return <>
+
+
+
+
+
+
+
+
+
+
+
+ ;
+};
diff --git a/admin/src/pages/Business/components/index.ts b/admin/src/pages/Business/components/index.ts
new file mode 100644
index 0000000..1be3a5c
--- /dev/null
+++ b/admin/src/pages/Business/components/index.ts
@@ -0,0 +1 @@
+export { AuditDashboardCharts, ChannelHealthCharts, OverviewCharts, RealtimeMetricsCharts, TaskCharts } from './Charts';
diff --git a/admin/src/pages/Business/index.module.less b/admin/src/pages/Business/index.module.less
new file mode 100644
index 0000000..4f254eb
--- /dev/null
+++ b/admin/src/pages/Business/index.module.less
@@ -0,0 +1,1542 @@
+.page {
+ padding: 24px;
+}
+
+.heading {
+ display: flex;
+ align-items: flex-start;
+ justify-content: space-between;
+ gap: 16px;
+ margin-bottom: 16px;
+}
+
+.heading h2 {
+ margin: 0;
+ font-size: 24px;
+}
+
+.heading p {
+ margin: 8px 0 0;
+ color: var(--td-text-color-secondary);
+}
+
+.card {
+ margin-bottom: 16px;
+}
+
+.alert {
+ margin-bottom: 16px;
+}
+
+.stats {
+ display: grid;
+ grid-template-columns: repeat(4, minmax(0, 1fr));
+ gap: 12px;
+ margin-bottom: 16px;
+}
+
+.statCard {
+ min-height: 104px;
+}
+
+.statEmpty {
+ margin-top: 24px;
+ color: var(--td-text-color-placeholder);
+ font-size: 28px;
+ line-height: 1;
+}
+
+.statPlaceholder {
+ padding-top: 4px;
+}
+
+.statTitle {
+ color: var(--td-text-color-secondary);
+ font-size: 14px;
+}
+
+.chartGrid {
+ display: grid;
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+ gap: 16px;
+ margin-bottom: 16px;
+}
+
+.chartCard {
+ min-width: 0;
+ margin-bottom: 0;
+}
+
+.chartCard :global(.t-card__body) {
+ padding: 8px 12px 12px;
+}
+
+.alertList {
+ display: grid;
+ gap: 4px;
+}
+
+.listHeader {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ gap: 16px;
+ width: 100%;
+}
+
+.listFilters {
+ display: flex;
+ flex-wrap: wrap;
+ gap: 8px;
+ width: 100%;
+}
+
+.statusTabs {
+ display: flex;
+ flex-wrap: wrap;
+ gap: 4px;
+}
+
+.listFilters > :global(.t-select__wrap) {
+ flex: 0 1 140px;
+ width: 140px;
+ min-width: 0;
+}
+
+.searchFilter {
+ flex: 1 1 220px;
+ width: 220px;
+ min-width: 180px;
+ max-width: 260px;
+}
+
+.dateFilter {
+ flex: 0 1 160px;
+ width: 160px;
+ min-width: 0;
+}
+
+.userIdentity {
+ display: grid;
+ min-width: 0;
+ line-height: 1.35;
+}
+
+.userIdentity strong,
+.userIdentity span {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
+.userIdentity strong {
+ font-weight: 500;
+}
+
+.userIdentity span {
+ color: var(--td-text-color-secondary);
+ font-size: 12px;
+}
+
+.summaryGrid {
+ display: grid;
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+ gap: 16px 24px;
+}
+
+.summaryItem {
+ display: grid;
+ gap: 6px;
+ min-width: 0;
+ padding-bottom: 12px;
+ border-bottom: 1px solid var(--td-border-level-1-color);
+}
+
+.summaryItem > span,
+.summaryEmpty {
+ color: var(--td-text-color-secondary);
+}
+
+.summaryItem > strong {
+ min-width: 0;
+ overflow-wrap: anywhere;
+ font-weight: 500;
+}
+
+.desktopTable {
+ display: block;
+ width: 100%;
+ overflow-x: auto;
+ overscroll-behavior-inline: contain;
+ -webkit-overflow-scrolling: touch;
+}
+
+.detail {
+ display: grid;
+ gap: 12px;
+}
+
+.detail > div {
+ display: grid;
+ grid-template-columns: 140px 1fr;
+ gap: 12px;
+ border-bottom: 1px solid var(--td-border-level-1-color);
+ padding-bottom: 8px;
+}
+
+.detail span {
+ color: var(--td-text-color-secondary);
+}
+
+.detail b {
+ overflow-wrap: anywhere;
+ font-weight: 500;
+}
+
+.valueGrid {
+ display: grid;
+ gap: 8px;
+ width: 100%;
+ padding: 10px 12px;
+ border: 1px solid var(--td-border-level-1-color);
+ border-radius: 6px;
+ background: var(--td-bg-color-secondarycontainer);
+}
+
+.valueRow {
+ display: grid;
+ grid-template-columns: minmax(84px, 120px) 1fr;
+ gap: 12px;
+ align-items: start;
+}
+
+.valueRow > span {
+ color: var(--td-text-color-secondary);
+ font-size: 12px;
+}
+
+.valueRow strong {
+ min-width: 0;
+ font-weight: 500;
+}
+
+.valueChips {
+ display: flex;
+ flex-wrap: wrap;
+ gap: 6px;
+}
+
+.valueChip {
+ display: inline-flex;
+ align-items: center;
+ min-height: 24px;
+ padding: 2px 8px;
+ border: 1px solid var(--td-border-level-1-color);
+ border-radius: 4px;
+ background: var(--td-bg-color-container);
+ color: var(--td-text-color-primary);
+ font-size: 12px;
+}
+
+.valueList {
+ display: grid;
+ gap: 8px;
+}
+
+.valueItem {
+ display: grid;
+ grid-template-columns: 24px 1fr;
+ gap: 8px;
+ align-items: start;
+}
+
+.valueIndex {
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ width: 22px;
+ height: 22px;
+ border-radius: 50%;
+ background: var(--td-brand-color-light);
+ color: var(--td-brand-color);
+ font-size: 12px;
+}
+
+.detailTabs {
+ display: flex;
+ gap: 4px;
+ flex-wrap: wrap;
+ margin-bottom: 16px;
+ border-bottom: 1px solid var(--td-border-level-1-color);
+}
+
+.detailTabActive {
+ color: var(--td-brand-color) !important;
+ border-bottom: 2px solid var(--td-brand-color);
+ border-radius: 0;
+}
+
+.userDetailActions {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ gap: 12px;
+ margin-bottom: 14px;
+ padding-bottom: 12px;
+ border-bottom: 1px solid var(--td-border-level-1-color);
+}
+
+.userDetailActions > span:first-child {
+ color: var(--td-text-color-secondary);
+ font-size: 13px;
+}
+
+.userDetailActions > span:last-child {
+ display: inline-flex;
+ gap: 4px;
+}
+
+.dialogFields {
+ display: grid;
+ gap: 16px;
+}
+
+.dialogField {
+ display: grid;
+ grid-template-columns: 168px minmax(0, 1fr);
+ align-items: center;
+ gap: 16px;
+}
+
+.dialogFieldLabel {
+ color: var(--td-text-color-primary);
+ line-height: 22px;
+}
+
+.channelModelToolbar,
+.probeModelActions,
+.channelModelRow {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ gap: 12px;
+}
+
+.channelModelToolbar > div {
+ min-width: 0;
+}
+
+.channelModelAdd {
+ display: grid;
+ grid-template-columns: minmax(0, 1fr) auto;
+ gap: 10px;
+}
+
+.channelModelList {
+ display: grid;
+ border: 1px solid var(--td-border-level-1-color);
+ border-radius: 6px;
+ overflow: hidden;
+}
+
+.channelModelRow {
+ min-height: 40px;
+ padding: 4px 8px 4px 12px;
+ border-bottom: 1px solid var(--td-border-level-1-color);
+}
+
+.channelModelRow:last-child {
+ border-bottom: 0;
+}
+
+.channelModelRow span {
+ min-width: 0;
+ overflow-wrap: anywhere;
+}
+
+.channelMappingRow {
+ display: grid;
+ grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
+ gap: 10px;
+ align-items: end;
+ padding: 12px;
+ border: 1px solid var(--td-border-level-1-color);
+ border-radius: 6px;
+ background: var(--td-bg-color-secondarycontainer);
+}
+
+.groupDialogIntro {
+ display: flex;
+ align-items: flex-start;
+ justify-content: space-between;
+ gap: 16px;
+ padding: 12px 14px;
+ border-left: 3px solid var(--td-brand-color);
+ background: var(--td-bg-color-secondarycontainer);
+}
+
+.groupDialogIntro > div {
+ display: grid;
+ gap: 4px;
+ min-width: 0;
+}
+
+.groupDialogIntro strong {
+ color: var(--td-text-color-primary);
+ font-size: 14px;
+ font-weight: 600;
+}
+
+.groupDialogIntro span {
+ color: var(--td-text-color-secondary);
+ font-size: 12px;
+ line-height: 1.5;
+}
+
+.groupStep {
+ display: grid;
+ grid-template-columns: 28px minmax(0, 1fr);
+ gap: 12px;
+ align-items: start;
+}
+
+.groupStepBadge {
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ width: 28px;
+ height: 28px;
+ border-radius: 50%;
+ background: var(--td-brand-color-light);
+ color: var(--td-brand-color);
+ font-size: 13px;
+ font-weight: 600;
+}
+
+.groupStepContent {
+ display: grid;
+ gap: 14px;
+ min-width: 0;
+ padding: 0 0 18px;
+ border-bottom: 1px solid var(--td-border-level-1-color);
+}
+
+.groupStep:last-child .groupStepContent {
+ padding-bottom: 0;
+ border-bottom: 0;
+}
+
+.groupStepHeader {
+ display: grid;
+ gap: 3px;
+}
+
+.groupStepHeader strong {
+ color: var(--td-text-color-primary);
+ font-size: 14px;
+ font-weight: 600;
+}
+
+.groupStepHeader span {
+ color: var(--td-text-color-secondary);
+ font-size: 12px;
+}
+
+.groupProductCards {
+ display: grid;
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+ gap: 10px;
+}
+
+.groupProductCard {
+ display: grid;
+ gap: 10px;
+ min-width: 0;
+ padding: 12px;
+ border: 1px solid var(--td-border-level-1-color);
+ border-radius: 6px;
+ background: var(--td-bg-color-container);
+}
+
+.groupProductCardHeader {
+ display: flex;
+ align-items: flex-start;
+ justify-content: space-between;
+ gap: 12px;
+}
+
+.groupProductCardHeader > span,
+.groupProductResolutions > span {
+ display: grid;
+ gap: 2px;
+ min-width: 0;
+}
+
+.groupProductCardHeader strong,
+.groupProductCardHeader small,
+.groupProductResolutions strong,
+.groupProductResolutions small {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
+.groupProductCardHeader strong,
+.groupProductResolutions strong {
+ color: var(--td-text-color-primary);
+ font-size: 13px;
+ font-weight: 500;
+}
+
+.groupProductCardHeader small,
+.groupProductResolutions small {
+ color: var(--td-text-color-secondary);
+ font-size: 11px;
+}
+
+.groupProductCardHeader b {
+ flex: 0 0 auto;
+ color: var(--td-brand-color);
+ font-size: 13px;
+ font-weight: 600;
+ white-space: nowrap;
+}
+
+.groupProductModes {
+ display: flex;
+ flex-wrap: wrap;
+ gap: 4px;
+}
+
+.groupProductModes > span {
+ padding: 1px 6px;
+ border-radius: 3px;
+ background: var(--td-bg-color-secondarycontainer);
+ color: var(--td-text-color-secondary);
+ font-size: 11px;
+}
+
+.groupProductResolutions {
+ display: grid;
+ gap: 6px;
+ padding-top: 8px;
+ border-top: 1px solid var(--td-border-level-1-color);
+}
+
+.groupNameCell {
+ display: grid;
+ gap: 3px;
+ min-width: 0;
+}
+
+.groupNameCell strong {
+ overflow: hidden;
+ color: var(--td-text-color-primary);
+ font-weight: 600;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
+.groupNameCell small {
+ color: var(--td-text-color-secondary);
+ font-size: 11px;
+}
+
+.groupProductList,
+.groupChannelList,
+.groupPriceList,
+.groupResolutionList {
+ display: grid;
+ gap: 6px;
+ min-width: 0;
+}
+
+.groupProductItem,
+.groupChannelItem,
+.groupResolutionList > span {
+ display: grid;
+ gap: 2px;
+ min-width: 0;
+}
+
+.groupProductItem strong,
+.groupChannelItem strong,
+.groupResolutionList strong {
+ overflow: hidden;
+ color: var(--td-text-color-primary);
+ font-size: 13px;
+ font-weight: 500;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
+.groupProductItem small,
+.groupChannelItem small,
+.groupResolutionList small {
+ overflow: hidden;
+ color: var(--td-text-color-secondary);
+ font-size: 11px;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
+.groupModelId {
+ font-family: inherit;
+ font-size: 13px !important;
+ font-weight: 600 !important;
+}
+
+.groupResolutionProduct {
+ display: grid;
+ gap: 5px;
+ min-width: 0;
+}
+
+.groupResolutionProduct > strong {
+ overflow: hidden;
+ color: var(--td-text-color-primary);
+ font-size: 12px;
+ font-weight: 600;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
+.groupResolutionProduct > small {
+ white-space: normal;
+}
+
+.groupResolutionTable {
+ display: grid;
+ grid-template-columns: minmax(64px, 1.2fr) repeat(3, minmax(54px, 0.8fr));
+ gap: 3px 8px;
+ align-items: center;
+ color: var(--td-text-color-secondary);
+ font-size: 11px;
+ font-variant-numeric: tabular-nums;
+}
+
+.groupResolutionTable > span:nth-child(-n + 4) {
+ color: var(--td-text-color-placeholder);
+ font-size: 10px;
+}
+
+.groupResolutionTable > span:not(:nth-child(-n + 4)) {
+ color: var(--td-text-color-secondary);
+}
+
+.groupResolutionMatrix {
+ display: grid;
+ grid-template-columns: minmax(92px, 1.3fr) minmax(64px, 0.9fr) repeat(2, minmax(58px, 0.8fr)) minmax(84px, 1fr);
+ min-width: 430px;
+ overflow: hidden;
+ border: 1px solid var(--td-border-level-1-color);
+ border-radius: 4px;
+ color: var(--td-text-color-secondary);
+ font-size: 11px;
+ font-variant-numeric: tabular-nums;
+}
+
+.groupResolutionMatrix > span,
+.groupResolutionMatrix > strong {
+ min-width: 0;
+ padding: 4px 6px;
+ overflow: hidden;
+ border-top: 1px solid var(--td-border-level-1-color);
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
+.groupResolutionMatrix > :nth-child(-n + 5) {
+ border-top: 0;
+ background: var(--td-bg-color-secondarycontainer);
+ color: var(--td-text-color-placeholder);
+ font-size: 10px;
+}
+
+.groupResolutionMatrix > strong {
+ color: var(--td-text-color-primary);
+ font-size: 11px;
+ font-weight: 600;
+}
+
+.groupPriceList > span {
+ color: var(--td-text-color-primary);
+ font-variant-numeric: tabular-nums;
+ white-space: nowrap;
+}
+
+.groupChannelItem {
+ grid-template-columns: 22px minmax(0, 1fr);
+ column-gap: 8px;
+ align-items: center;
+}
+
+.groupChannelItem i {
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ width: 22px;
+ height: 22px;
+ border-radius: 50%;
+ background: var(--td-brand-color-light);
+ color: var(--td-brand-color);
+ font-size: 11px;
+ font-style: normal;
+ font-variant-numeric: tabular-nums;
+}
+
+.groupChannelItem small {
+ grid-column: 2;
+}
+
+.groupSelectionBlock {
+ display: grid;
+ gap: 8px;
+}
+
+.groupSelectionHeader {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ gap: 12px;
+ color: var(--td-text-color-secondary);
+ font-size: 12px;
+}
+
+.groupSelectionHeader b {
+ color: var(--td-brand-color);
+ font-weight: 600;
+}
+
+.selectionLoading {
+ display: flex;
+ align-items: center;
+ gap: 8px;
+ min-height: 72px;
+ justify-content: center;
+ border: 1px dashed var(--td-border-level-1-color);
+ color: var(--td-text-color-secondary);
+ font-size: 12px;
+}
+
+.groupChoiceList {
+ display: grid;
+ gap: 6px;
+ max-height: 310px;
+ padding: 2px;
+ overflow: auto;
+ border: 1px solid var(--td-border-level-1-color);
+ border-radius: 6px;
+ background: var(--td-bg-color-container);
+}
+
+.groupChoice {
+ display: grid;
+ grid-template-columns: 24px minmax(0, 1fr);
+ gap: 8px;
+ align-items: start;
+ min-width: 0;
+ padding: 10px;
+ border: 1px solid transparent;
+ border-radius: 4px;
+ cursor: pointer;
+ transition: background 160ms ease, border-color 160ms ease;
+}
+
+.groupChoice:hover {
+ background: var(--td-bg-color-secondarycontainer);
+}
+
+.groupChoiceSelected {
+ border-color: var(--td-brand-color-3, var(--td-brand-color-light));
+ background: var(--td-brand-color-1, var(--td-brand-color-light));
+}
+
+.groupChoiceDisabled {
+ cursor: not-allowed;
+ opacity: 0.58;
+}
+
+.groupChoiceContent {
+ display: grid;
+ gap: 4px;
+ min-width: 0;
+}
+
+.groupChoiceMain {
+ display: flex;
+ align-items: baseline;
+ gap: 8px;
+ min-width: 0;
+}
+
+.groupChoiceMain strong,
+.groupChoiceMain code {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
+.groupChoiceMain strong {
+ color: var(--td-text-color-primary);
+ font-size: 13px;
+ font-weight: 600;
+}
+
+.groupChoiceMain code {
+ color: var(--td-brand-color);
+ font-family: inherit;
+ font-size: 11px;
+}
+
+.groupChoiceMeta,
+.groupChoiceState {
+ overflow: hidden;
+ color: var(--td-text-color-secondary);
+ font-size: 11px;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
+.groupChoiceState {
+ color: var(--td-success-color);
+}
+
+.groupChoiceStateWarning {
+ color: var(--td-warning-color);
+}
+
+@media (max-width: 720px) {
+ .groupDialogIntro {
+ align-items: stretch;
+ flex-direction: column;
+ gap: 8px;
+ }
+
+ .groupStep {
+ grid-template-columns: 24px minmax(0, 1fr);
+ gap: 8px;
+ }
+
+ .groupStepBadge {
+ width: 24px;
+ height: 24px;
+ }
+
+ .groupProductCards {
+ grid-template-columns: 1fr;
+ }
+
+ .dialogField {
+ grid-template-columns: 1fr;
+ align-items: stretch;
+ gap: 6px;
+ }
+
+ .channelModelToolbar {
+ align-items: flex-start;
+ }
+
+ .channelModelAdd {
+ grid-template-columns: 1fr;
+ }
+
+ .channelMappingRow {
+ grid-template-columns: 1fr;
+ align-items: stretch;
+ }
+}
+
+.switchField {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ gap: 16px;
+ min-height: 32px;
+}
+
+.switchField :global(.t-switch) {
+ flex: 0 0 auto;
+ width: 96px;
+ min-width: 96px;
+}
+
+.actions {
+ display: flex;
+ gap: 8px;
+ flex-wrap: wrap;
+}
+
+.iconAction {
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ width: 40px !important;
+ height: 40px !important;
+ padding: 0 !important;
+ border-radius: 6px;
+ transition: color 160ms ease, background 160ms ease, transform 160ms ease;
+}
+
+.iconAction > svg {
+ width: 24px;
+ height: 24px;
+}
+
+.iconAction:hover {
+ transform: translateY(-1px);
+}
+
+.iconActionDefault {
+ color: var(--td-text-color-secondary);
+}
+
+.iconActionPrimary {
+ color: var(--td-brand-color);
+}
+
+.iconActionSuccess {
+ color: var(--td-success-color);
+}
+
+.iconActionWarning {
+ color: var(--td-warning-color);
+}
+
+.iconActionDanger {
+ color: var(--td-error-color);
+}
+
+.statusNormal {
+ color: var(--td-success-color);
+ font-weight: 600;
+}
+
+.statusError {
+ color: var(--td-error-color);
+ font-weight: 600;
+}
+
+.statusBadge {
+ display: inline-flex;
+ align-items: center;
+ min-height: 24px;
+ padding: 2px 9px;
+ border-radius: 999px;
+ font-size: 12px;
+ line-height: 18px;
+ white-space: nowrap;
+}
+
+.statusBadgeSuccess {
+ color: var(--td-success-color);
+ background: var(--td-success-color-1, rgba(0, 168, 112, 0.12));
+}
+
+.statusBadgeWarning {
+ color: var(--td-warning-color);
+ background: var(--td-warning-color-1, rgba(237, 177, 5, 0.14));
+}
+
+.statusBadgeDanger {
+ color: var(--td-error-color);
+ background: var(--td-error-color-1, rgba(227, 77, 89, 0.12));
+}
+
+.statusBadgeDefault {
+ color: var(--td-text-color-secondary);
+ background: var(--td-bg-color-secondarycontainer);
+}
+
+.iconActionDefault:hover,
+.iconActionPrimary:hover,
+.iconActionSuccess:hover,
+.iconActionWarning:hover,
+.iconActionDanger:hover {
+ background: var(--td-bg-color-secondarycontainer);
+}
+
+.balanceValue {
+ display: grid;
+ gap: 5px;
+ min-width: 152px;
+}
+
+.balanceCell {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ gap: 8px;
+ min-width: 0;
+}
+
+.balanceQuickActions {
+ display: inline-flex;
+ flex: 0 0 auto;
+ gap: 4px;
+}
+
+.balanceQuickActions .iconAction {
+ width: 40px;
+ height: 40px;
+}
+
+.balanceMetric {
+ display: inline-flex;
+ align-items: center;
+ gap: 7px;
+ line-height: 1.2;
+}
+
+.balanceMetric svg {
+ flex: 0 0 auto;
+ width: 22px;
+ height: 22px;
+}
+
+.balanceMetric > span {
+ display: inline-flex;
+ align-items: baseline;
+ gap: 5px;
+}
+
+.balanceMetric em {
+ color: var(--td-text-color-secondary);
+ font-size: 12px;
+ font-style: normal;
+}
+
+.balanceMetric strong {
+ font-size: 13px;
+ font-weight: 600;
+}
+
+.balanceAvailable {
+ color: var(--td-success-color);
+}
+
+.balanceReserved {
+ color: var(--td-warning-color);
+}
+
+.balanceAdjustmentSummary {
+ display: grid;
+ grid-template-columns: minmax(0, 1fr) minmax(280px, 1.5fr);
+ gap: 18px;
+ align-items: center;
+ padding: 16px;
+ border: 1px solid var(--td-border-level-1-color);
+ border-radius: 6px;
+ background: var(--td-bg-color-secondarycontainer);
+}
+
+.balanceAdjustmentUser,
+.balanceAdjustmentFlow,
+.balanceAdjustmentUser > span:last-child,
+.balanceAdjustmentFlow > span:not(.balanceAdjustmentOperator) {
+ display: flex;
+ align-items: center;
+}
+
+.balanceAdjustmentUser {
+ gap: 10px;
+ min-width: 0;
+}
+
+.balanceAdjustmentIcon,
+.balanceAdjustmentOperator {
+ display: inline-flex;
+ flex: 0 0 auto;
+ align-items: center;
+ justify-content: center;
+ width: 40px;
+ height: 40px;
+ border-radius: 6px;
+}
+
+.balanceAdjustmentIcon > svg,
+.balanceAdjustmentOperator > svg {
+ width: 22px;
+ height: 22px;
+}
+
+.balanceAdjustmentIcon {
+ background: var(--td-brand-color-light);
+ color: var(--td-brand-color);
+}
+
+.balanceAdjustmentUser > span:last-child,
+.balanceAdjustmentFlow > span:not(.balanceAdjustmentOperator) {
+ min-width: 0;
+ flex-direction: column;
+ align-items: flex-start;
+ gap: 3px;
+}
+
+.balanceAdjustmentUser em,
+.balanceAdjustmentFlow em {
+ color: var(--td-text-color-secondary);
+ font-size: 12px;
+ font-style: normal;
+}
+
+.balanceAdjustmentUser strong,
+.balanceAdjustmentFlow strong {
+ max-width: 100%;
+ overflow: hidden;
+ color: var(--td-text-color-primary);
+ font-size: 14px;
+ font-weight: 600;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
+.balanceAdjustmentFlow .balanceAdjustmentError {
+ color: var(--td-error-color);
+}
+
+.balanceAdjustmentFlow {
+ justify-content: flex-end;
+ gap: 12px;
+}
+
+.balanceAdjustmentOperator {
+ width: 36px;
+ height: 36px;
+}
+
+.balanceAdjustmentAdd {
+ background: var(--td-success-color-2);
+ color: var(--td-success-color);
+}
+
+.balanceAdjustmentDeduct {
+ background: var(--td-error-color-2);
+ color: var(--td-error-color);
+}
+
+@media (max-width: 960px) {
+ .stats {
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+ }
+
+ .chartGrid {
+ grid-template-columns: 1fr;
+ }
+}
+
+@media (max-width: 600px) {
+ :global(.t-dialog) {
+ width: calc(100vw - 16px) !important;
+ max-width: calc(100vw - 16px);
+ }
+
+ :global(.t-dialog__body) {
+ max-height: calc(100vh - 184px);
+ max-height: calc(100dvh - 184px);
+ }
+
+ :global(.t-drawer__content-wrapper) {
+ width: 100vw !important;
+ max-width: 100vw;
+ }
+
+ .page {
+ padding: 8px;
+ }
+
+ .heading {
+ flex-direction: column;
+ }
+
+ .heading h2 {
+ white-space: nowrap;
+ }
+
+ .heading > :last-child {
+ width: 100%;
+ justify-content: flex-end;
+ }
+
+ .stats {
+ grid-template-columns: 1fr;
+ }
+
+ .listHeader {
+ align-items: flex-start;
+ flex-direction: column;
+ }
+
+ .listFilters > *,
+ .listFilters > :global(.t-input),
+ .listFilters > :global(.t-select__wrap) {
+ width: 100%;
+ flex: 1 1 100%;
+ }
+
+ .summaryGrid {
+ grid-template-columns: 1fr;
+ }
+
+ .statusTabs {
+ display: grid;
+ grid-template-columns: repeat(3, minmax(0, 1fr));
+ width: 100%;
+ }
+
+ .statusTabs > button {
+ width: 100%;
+ }
+
+ .card :global(.t-card__body) {
+ padding: 8px;
+ }
+
+ .card :global(.t-card__header) {
+ padding-right: 8px;
+ padding-left: 8px;
+ }
+}
+
+.compactCell {
+ display: block;
+ max-width: 100%;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ overflow-wrap: anywhere;
+}
+
+:global(.t-table th),
+:global(.t-table td) {
+ white-space: nowrap;
+}
+
+@media (max-width: 600px) {
+ .valueRow {
+ grid-template-columns: 1fr;
+ gap: 4px;
+ }
+
+ .balanceAdjustmentSummary {
+ grid-template-columns: 1fr;
+ }
+
+ .balanceAdjustmentFlow {
+ justify-content: flex-start;
+ }
+}
+
+.multiline {
+ white-space: pre-wrap;
+ overflow-wrap: anywhere;
+ word-break: break-word;
+ max-height: 420px;
+ overflow: auto;
+}
+
+.dragHint {
+ margin: 0;
+ color: var(--td-text-color-secondary);
+}
+
+.dragRow {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ padding: 10px 12px;
+ border: 1px solid var(--td-border-level-1-color);
+ border-radius: 4px;
+ background: var(--td-bg-color-container);
+ cursor: grab;
+}
+
+.resolutionEditor {
+ display: grid;
+ gap: 12px;
+}
+
+.editorHeader {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ gap: 12px;
+ color: var(--td-text-color-primary);
+ font-weight: 600;
+}
+
+.resolutionRow {
+ display: grid;
+ grid-template-columns: 1.2fr 1fr repeat(3, minmax(80px, 0.8fr)) auto;
+ gap: 8px;
+ align-items: end;
+ padding: 12px;
+ border: 1px solid var(--td-border-level-1-color);
+ border-radius: 6px;
+ background: var(--td-bg-color-secondarycontainer);
+}
+
+.resolutionNumber {
+ display: inline-flex;
+ align-items: center;
+ min-height: 32px;
+ color: var(--td-text-color-secondary);
+ font-size: 12px;
+}
+
+.ratioOptions {
+ grid-column: 1 / -1;
+ display: grid;
+ gap: 6px;
+}
+
+.ratioOptions > span {
+ color: var(--td-text-color-secondary);
+ font-size: 12px;
+}
+
+.ratioOptions > div {
+ display: flex;
+ flex-wrap: wrap;
+ gap: 4px;
+}
+
+@media (max-width: 600px) {
+ .resolutionRow {
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+ }
+
+ .resolutionRow > * {
+ min-width: 0;
+ max-width: 100%;
+ }
+
+ .resolutionNumber,
+ .resolutionRow > :nth-child(2),
+ .ratioOptions {
+ grid-column: 1 / -1;
+ }
+
+ .resolutionRow :global(.t-input-number) {
+ width: 100%;
+ min-width: 0;
+ }
+
+ .resolutionRow > :last-child {
+ justify-self: start;
+ }
+}
+
+.editorEmpty {
+ padding: 18px;
+ border: 1px dashed var(--td-border-level-1-color);
+ color: var(--td-text-color-secondary);
+ text-align: center;
+}
+
+.dialogSectionTitle {
+ grid-column: 1 / -1;
+ padding-top: 6px;
+ color: var(--td-text-color-secondary);
+ font-size: 12px;
+ font-weight: 600;
+}
+
+.dialogReadonly {
+ display: inline-flex;
+ align-items: center;
+ min-height: 32px;
+ color: var(--td-text-color-secondary);
+ font-size: 13px;
+}
+
+.channelProbe {
+ display: grid;
+ gap: 8px;
+ grid-column: 1 / -1;
+ padding-top: 4px;
+ border-top: 1px solid var(--td-border-level-1-color);
+}
+
+.probeSuccess {
+ color: var(--td-success-color);
+ font-size: 12px;
+ font-weight: 600;
+}
+
+.probeFailure {
+ color: var(--td-error-color);
+ font-size: 12px;
+ font-weight: 600;
+}
+
+.probePending {
+ display: flex;
+ align-items: center;
+ gap: 8px;
+ color: var(--td-text-color-secondary);
+ font-size: 12px;
+}
+
+.healthTestResult {
+ display: grid;
+ gap: 12px;
+ grid-column: 1 / -1;
+ padding: 12px;
+ border: 1px solid var(--td-border-level-1-color);
+ border-radius: 6px;
+ background: var(--td-bg-color-secondarycontainer);
+}
+
+.probeModels {
+ display: grid;
+ gap: 12px;
+ grid-column: 1 / -1;
+ padding: 12px;
+ border: 1px solid var(--td-border-level-1-color);
+ border-radius: 6px;
+ background: var(--td-bg-color-secondarycontainer);
+ color: var(--td-text-color-secondary);
+ font-size: 12px;
+}
+
+.probeModelOptions :global(.t-checkbox-group) {
+ display: grid;
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+ gap: 8px 16px;
+}
+
+.probeModelOptions :global(.t-checkbox) {
+ min-width: 0;
+ overflow-wrap: anywhere;
+}
+
+@media (max-width: 720px) {
+ .probeModelOptions :global(.t-checkbox-group) {
+ grid-template-columns: 1fr;
+ }
+}
+
+.fileField {
+ display: grid;
+ gap: 6px;
+ color: var(--td-text-color-secondary);
+ font-size: 12px;
+}
+
+.fileField input {
+ width: 100%;
+}
+
+.hiddenFileInput {
+ display: none;
+}
+
+.reconcilePreview {
+ display: flex;
+ align-items: center;
+ gap: 10px;
+ padding: 8px;
+ border: 1px solid var(--td-border-level-1-color);
+ border-radius: 4px;
+ background: var(--td-bg-color-secondarycontainer);
+}
+
+.reconcilePreview img {
+ width: 72px;
+ height: 72px;
+ object-fit: cover;
+ border-radius: 4px;
+}
+
+.formHint {
+ margin: 0;
+ color: var(--td-text-color-secondary);
+ font-size: 12px;
+}
+
+.testOptionGrid {
+ display: grid;
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+ gap: 12px 16px;
+}
+
+.testOutputGrid {
+ display: grid;
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+ gap: 12px;
+ padding-top: 4px;
+ border-top: 1px solid var(--td-border-level-1-color);
+}
+
+.testOutput {
+ margin: 0;
+ overflow: hidden;
+ border: 1px solid var(--td-border-level-1-color);
+ border-radius: 6px;
+ background: var(--td-bg-color-secondarycontainer);
+}
+
+.testOutput img {
+ display: block;
+ width: 100%;
+ aspect-ratio: 1;
+ object-fit: contain;
+ background: var(--td-bg-color-container);
+}
+
+.testOutput figcaption {
+ padding: 7px 9px;
+ color: var(--td-text-color-secondary);
+ font-size: 12px;
+}
+
+.settingsCard {
+ margin-bottom: 16px;
+}
+
+.settingsGrid {
+ display: grid;
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+ gap: 12px 24px;
+ padding: 16px 4px 8px;
+}
+
+.settingRow {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ gap: 16px;
+ min-height: 44px;
+ padding: 8px 12px;
+ border-bottom: 1px solid var(--td-border-level-1-color);
+}
+
+.settingRow > span {
+ color: var(--td-text-color-primary);
+}
+
+.settingsFooter {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ gap: 16px;
+ margin-top: 12px;
+ padding-top: 14px;
+ border-top: 1px solid var(--td-border-level-1-color);
+ color: var(--td-text-color-secondary);
+ font-size: 12px;
+}
+
+@media (max-width: 720px) {
+ .testOptionGrid,
+ .testOutputGrid,
+ .settingsGrid {
+ grid-template-columns: 1fr;
+ }
+
+ .settingsFooter {
+ align-items: stretch;
+ flex-direction: column;
+ }
+}
diff --git a/admin/src/pages/Business/index.tsx b/admin/src/pages/Business/index.tsx
new file mode 100644
index 0000000..da5c5c3
--- /dev/null
+++ b/admin/src/pages/Business/index.tsx
@@ -0,0 +1,2076 @@
+/* eslint-disable no-void, no-nested-ternary */
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import type { AdminPage } from '@miragenflow/contracts';
+import { Alert, Card, Checkbox, Dialog, DialogPlugin, Drawer, Input, InputNumber, Loading, MessagePlugin, MiragenFlowButton, Select, Statistic, Switch, Textarea } from '@miragenflow/ui';
+import { Table } from '@miragenflow/ui/table';
+import { Tabs } from '@miragenflow/ui/tabs';
+import { Popup } from '@miragenflow/ui/popup';
+import { Space } from '@miragenflow/ui/space';
+import type { DateRangeValue } from '@miragenflow/ui/date-picker';
+import { AddIcon, CheckCircleIcon, CloseCircleIcon, DeleteIcon, EditIcon, FileSearchIcon, LockCheckedIcon, LockOnIcon, MailIcon, MinusCircleIcon, MoneyIcon, OrderIcon, PlayCircleIcon, RefreshIcon, RotateIcon, SettingIcon, StopCircleIcon, TaskCheckedIcon, WalletIcon } from 'components/LineIcons';
+import { Navigate, useLocation, useNavigate } from 'react-router-dom';
+import { AdminRequestError, adminRequest, formatAdminError } from 'services/platform';
+import { getUserInfo } from 'modules/user';
+import { useAppDispatch, useAppSelector } from 'modules/store';
+import { AuditDashboardCharts, ChannelHealthCharts, OverviewCharts, RealtimeMetricsCharts, TaskCharts } from './components';
+import { FinanceCharts } from './FinanceCharts';
+import DateRangeField from 'components/DatePicker';
+import Style from './index.module.less';
+
+type Field = { key: string; label: string; type?: 'number' | 'password' | 'textarea' | 'switch' };
+type Section = { title: string; endpoint: string; description: string; fields?: Field[]; write?: 'plan' | 'unit' | 'manualRecharge' | 'paymentProvider' | 'storage' | 'systemSettings' | 'modelProduct' | 'messageProvider' | 'messageTemplate' | 'channel' | 'channelGroup' | 'adminMfa' | 'user' };
+type ListColumnSpec = { key: string; title?: string; width?: number };
+type Row = Record & { id?: string; version?: number; status?: string; enabled?: boolean };
+type ResolutionDraft = { id: string; label: string; width: string; height: string; priceMultiplier: string; ratios: string[] };
+type ChannelMappingDraft = { id: string; displayModelId: string; requestModelId: string };
+type ChannelProbeItem = { healthy?: boolean; models?: string[]; requestPath?: string; requestAttempted?: boolean; error?: string; testedAt?: string; health?: string; version?: number };
+type ChannelGenerationTestResult = { healthy?: boolean; health?: string; requestPath?: string; requestAttempted?: boolean; error?: string; testedAt?: string };
+type ChannelGroupCapability = 'image' | 'text' | 'audio' | 'utility' | 'reverse-prompt' | 'multi-angle' | 'matting' | 'split' | 'upscale' | 'expand' | '3d';
+type ChannelGroupProduct = { productId?: string; id?: string; publicModelId?: string; name?: string; basePrice?: number; currencyUnit?: string; enabled?: boolean; capabilities?: string[]; resolutions?: Row[]; channelGroupId?: string };
+type ChannelGroupChannel = { id: string; label?: string; providerName?: string; providerType?: string; enabled?: boolean; health?: string; enabledModelIds?: string[] };
+type ChoiceOption = { id: string; disabled: boolean };
+type DialogKind = 'create' | 'balanceAdd' | 'balanceDeduct' | 'resolutions' | 'rights' | 'approve' | 'reject' | 'price' | 'groupOrder' | 'groupEdit' | 'channelEdit' | 'channelTest' | 'channelHealthTest' | 'productEdit' | 'planEdit' | 'refund' | 'reconcile' | 'userEdit' | 'paymentProviderEdit' | 'messageProviderEdit' | 'messageTemplateEdit';
+type DialogState = { kind: DialogKind; row: Row } | null;
+type TestOutput = { mimeType: string; data: string; metadata?: Record };
+type ViewToken = { identity: string; generation: number };
+type PluginConfirmOptions = NonNullable[0]>;
+type PluginAlertOptions = NonNullable[0]>;
+type PluginConfirmContext = Parameters>[0];
+type AutoCloseConfirmOptions = Omit & { onConfirm?: (context: PluginConfirmContext) => Promise | boolean | void; onError?: (cause: unknown) => void };
+
+const confirmWithAutoClose = (options: AutoCloseConfirmOptions) => {
+ let instance: ReturnType | undefined;
+ const hide = () => instance?.hide();
+ const { onConfirm, onError, ...dialogOptions } = options;
+ instance = DialogPlugin.confirm({
+ ...dialogOptions,
+ onCancel: (context) => {
+ options.onCancel?.(context);
+ hide();
+ },
+ onClose: (context) => {
+ options.onClose?.(context);
+ hide();
+ },
+ onConfirm: async (context) => {
+ instance?.setConfirmLoading(true);
+ try {
+ const result = await onConfirm?.(context);
+ if (result !== false) hide();
+ } catch (cause) {
+ if (onError) onError(cause);
+ else MessagePlugin.error(formatAdminError(cause, '管理操作失败，请稍后重试。'));
+ } finally {
+ instance?.setConfirmLoading(false);
+ }
+ },
+ });
+ return instance;
+};
+
+const alertWithAutoClose = (options: PluginAlertOptions) => {
+ let instance: ReturnType | undefined;
+ const hide = () => instance?.hide();
+ instance = DialogPlugin.alert({
+ ...options,
+ onClose: (context) => {
+ options.onClose?.(context);
+ hide();
+ },
+ onConfirm: async (context) => {
+ try {
+ await options.onConfirm?.(context);
+ } finally {
+ hide();
+ }
+ },
+ });
+ return instance;
+};
+const standardImageRatios = ['1:1', '16:9', '9:16', '3:4', '4:5', '3:2', '2:3', '4:3', '1.91:1', '2.35:1', '21:9'];
+const finiteNumber = (value: unknown) => {
+ if (value === null || value === undefined || value === '') return undefined;
+ const parsed = Number(value);
+ return Number.isFinite(parsed) ? parsed : undefined;
+};
+const numberOrDefault = (value: unknown, fallback: number) => {
+ if (value === null || value === undefined || (typeof value === 'string' && value.trim() === '')) return fallback;
+ return finiteNumber(value);
+};
+const safeIntegerOrDefault = (value: unknown, fallback: number) => {
+ const parsed = numberOrDefault(value, fallback);
+ return Number.isSafeInteger(parsed) ? parsed : undefined;
+};
+const statisticNumber = (value: unknown) => finiteNumber(value) ?? 0;
+const percentageNumber = (value: unknown) => {
+ const parsed = finiteNumber(value);
+ return parsed === undefined ? undefined : parsed * 100;
+};
+const isProviderUrl = (value: string) => {
+ try {
+ const url = new URL(value.trim());
+ return (url.protocol === 'https:' || url.protocol === 'http:') && Boolean(url.hostname) && !url.username && !url.password;
+ } catch {
+ return false;
+ }
+};
+const providerModelsPathFromInput = (value: string) => {
+ try {
+ const pathname = new URL(value.trim()).pathname.replace(/\/+$/, '');
+ const prefix = pathname === '/v1' || pathname.endsWith('/v1') ? pathname : `${pathname}/v1`;
+ return `${prefix}/models`.replace(/\/{2,}/g, '/');
+ } catch {
+ return '/v1/models';
+ }
+};
+const probeFailureText = (item?: ChannelProbeItem) => item?.error || (item?.requestAttempted ? '上游模型列表请求失败，请检查地址和 API 密钥。' : '未发起模型列表请求，请先完善地址和 API 密钥。');
+let channelMappingSeed = 0;
+const createChannelMapping = (displayModelId = '', requestModelId = '') => { channelMappingSeed += 1; return { id: `channel-mapping-${channelMappingSeed}`, displayModelId, requestModelId }; };
+
+function fileToBase64(file: File) {
+ return new Promise((resolve, reject) => {
+ const reader = new FileReader();
+ reader.onload = () => { const value = String(reader.result || ''); const comma = value.indexOf(','); resolve(comma >= 0 ? value.slice(comma + 1) : value); };
+ reader.onerror = () => reject(reader.error || new Error('文件读取失败'));
+ reader.readAsDataURL(file);
+ });
+}
+
+const sections: Record = {
+ users: { title: '用户管理', endpoint: 'users', description: '查看用户身份、账户状态、会话、套餐权益和余额。', write: 'user', fields: [{ key: 'username', label: '用户名' }, { key: 'email', label: '邮箱' }, { key: 'phone', label: '手机号' }, { key: 'password', label: '初始密码', type: 'password' }] },
+ 'auth-messages': { title: '认证消息', endpoint: 'message-outbox', description: '查看认证消息发送状态与失败记录。' },
+ 'message-providers': { title: '消息供应商', endpoint: 'message-providers', description: '配置邮件和短信适配器，敏感凭证仅显示配置状态。', write: 'messageProvider', fields: [{ key: 'id', label: '供应商 ID' }, { key: 'name', label: '供应商名称' }, { key: 'channel', label: '通道（邮件/短信）' }, { key: 'endpoint', label: 'HTTPS 接口地址' }, { key: 'priority', label: '优先级', type: 'number' }, { key: 'secret', label: '访问凭证', type: 'password' }] },
+ 'message-templates': { title: '消息模板', endpoint: 'message-templates', description: '配置注册、验证和通知消息模板。', write: 'messageTemplate', fields: [{ key: 'purpose', label: '用途' }, { key: 'channel', label: '通道（邮件/短信）' }, { key: 'content', label: '模板内容', type: 'textarea' }, { key: 'enabled', label: '启用模板', type: 'switch' }] },
+ channels: { title: '渠道管理', endpoint: 'channels', description: '配置 OpenAI 图片端点、可用模型和平台显示模型映射。', write: 'channel', fields: [{ key: 'label', label: '渠道名称' }, { key: 'baseUrl', label: '请求地址' }, { key: 'secretRef', label: 'API 密钥', type: 'password' }] },
+ 'channel-health': { title: '渠道健康', endpoint: 'channel-health', description: '查看渠道测试结果、健康状态、熔断和连续失败记录。' },
+ 'channel-groups': { title: '渠道分组', endpoint: 'channel-groups', description: '按适用模式关联模型产品，再选择实际承载请求的渠道和故障切换顺序。', write: 'channelGroup', fields: [{ key: 'name', label: '分组名称' }, { key: 'capabilities', label: '适用模式' }, { key: 'productIds', label: '关联模型产品' }, { key: 'channelIds', label: '渠道成员' }, { key: 'retryBudget', label: '失败重试次数', type: 'number' }, { key: 'enabled', label: '启用分组', type: 'switch' }] },
+ 'model-products': { title: '模型产品', endpoint: 'model-products', description: '发布公开模型、能力矩阵、分辨率和价格。', write: 'modelProduct', fields: [{ key: 'publicModelId', label: '公开模型 ID' }, { key: 'name', label: '产品名称' }, { key: 'basePrice', label: '基础价格', type: 'number' }, { key: 'maxCount', label: '数量上限', type: 'number' }, { key: 'maxConcurrent', label: '并发上限', type: 'number' }, { key: 'channelGroupId', label: '渠道组 ID' }, { key: 'enabled', label: '创建后上架', type: 'switch' }, { key: 'capabilities', label: '能力（逗号分隔）' }] },
+ pricing: { title: '价格规则', endpoint: 'pricing-rules', description: '每个模型产品自动对应一条价格记录；这里只调整价格，不单独创建规则。' },
+ plans: { title: '套餐管理', endpoint: 'membership-plans', description: '配置套餐时长、金币、并发、队列优先级、保留和可用渠道组。', write: 'plan', fields: [{ key: 'code', label: '套餐编码' }, { key: 'name', label: '套餐名称' }, { key: 'icon', label: '图标标识' }, { key: 'description', label: '基本介绍' }, { key: 'includedBalance', label: '包含金币', type: 'number' }, { key: 'purchaseAmount', label: '购买价格', type: 'number' }, { key: 'durationDays', label: '时长天数', type: 'number' }, { key: 'maxConcurrent', label: '并发上限', type: 'number' }, { key: 'queuePriority', label: '队列优先级', type: 'number' }, { key: 'retentionDays', label: '保留天数', type: 'number' }, { key: 'maxRetentionExtensionDays', label: '最大延长天数', type: 'number' }, { key: 'allowedModelProductIds', label: '可用模型 ID（逗号分隔）' }, { key: 'allowedChannelGroupIds', label: '可用渠道组 ID（逗号分隔）' }] },
+ tasks: { title: '任务中心', endpoint: 'tasks', description: '查看任务状态、调用尝试、生成结果和终态对账。' },
+ billing: { title: '余额与支付', endpoint: 'balance/ledger', description: '查看金币账本、人工充值申请和支付事件，并选择用户进行金币调账。', write: 'manualRecharge', fields: [{ key: 'userId', label: '用户 ID' }, { key: 'balanceAmount', label: '到账金币', type: 'number' }, { key: 'fiatAmount', label: '支付金额', type: 'number' }, { key: 'reason', label: '调整原因' }] },
+ 'billing/units': { title: '金币单位与换算', endpoint: 'billing/units', description: '在同一页面维护金币显示方式；换算倍率表示 1 个支付币种单位可兑换的金币数量。', write: 'unit', fields: [{ key: 'name', label: '单位名称' }, { key: 'shortCode', label: '短代码' }, { key: 'icon', label: '图标标识' }, { key: 'precision', label: '小数位数', type: 'number' }, { key: 'conversionRate', label: '换算倍率', type: 'number' }, { key: 'rounding', label: '舍入方式' }] },
+ recharges: { title: '充值订单', endpoint: 'recharge-orders', description: '查看人工充值申请和支付订单。' },
+ payments: { title: '支付事件', endpoint: 'payment-events', description: '查看支付适配器回调事件和幂等状态。' },
+ 'payment-providers': { title: '支付适配器', endpoint: 'payment-providers', description: '配置支付接口适配器，凭证只保存服务端密文。', write: 'paymentProvider', fields: [{ key: 'name', label: '适配器名称' }, { key: 'mode', label: '模式' }, { key: 'secret', label: '签名密钥', type: 'password' }] },
+ approvals: { title: '审批中心', endpoint: 'approvals', description: '审批人工充值、退款和高风险配置；审批通过后才会执行。' },
+ storage: { title: '存储策略', endpoint: 'storage-policies', description: '查看并配置暂存区、WebDAV 保留期、归档和延长上限。', write: 'storage', fields: [{ key: 'retentionDays', label: '保留天数', type: 'number' }, { key: 'maxRetentionExtensionDays', label: '最大延长天数', type: 'number' }, { key: 'archiveMode', label: '归档模式（优先 WebDAV/已禁用）' }] },
+ 'ws-metrics': { title: '实时指标', endpoint: 'ws/metrics', description: '查看实时连接（WebSocket）、订阅和任务事件积压。' },
+ audit: { title: '日志大板', endpoint: 'audit-logs', description: '按分类、状态和时间趋势查看系统日志概况。' },
+ 'audit-logs': { title: '详细日志', endpoint: 'audit-logs', description: '按业务分类查看管理行为、操作人和请求来源。' },
+ settings: { title: '系统设置', endpoint: 'settings', description: '配置用户与管理员认证增强、注册验证、默认限流、队列和审计保留策略。', write: 'systemSettings', fields: [{ key: 'adminMfaRequired', label: '要求管理员登录使用两步验证', type: 'switch' }, { key: 'adminCaptchaRequired', label: '管理员登录启用人机验证', type: 'switch' }, { key: 'userMfaRequired', label: '要求所有普通用户绑定两步验证', type: 'switch' }, { key: 'emailRegistrationVerificationRequired', label: '注册邮箱验证', type: 'switch' }, { key: 'phoneRegistrationVerificationRequired', label: '注册手机号验证', type: 'switch' }, { key: 'userVerificationRequired', label: '兼容全局用户验证开关', type: 'switch' }, { key: 'captchaRequired', label: '普通用户启用人机验证', type: 'switch' }, { key: 'rateLimitWindowMs', label: '限流窗口（毫秒）', type: 'number' }, { key: 'rateLimitMax', label: '窗口最大请求数', type: 'number' }, { key: 'queueMaxConcurrent', label: '队列最大并发', type: 'number' }, { key: 'auditRetentionDays', label: '审计保留天数', type: 'number' }, { key: 'auditMaxEntries', label: '审计最大记录数', type: 'number' }] },
+ 'security/mfa': { title: '管理员两步验证', endpoint: 'admin-me', description: '查看管理员多因素认证状态；启停操作均需要当前动态码并写入审计。', write: 'adminMfa', fields: [{ key: 'action', label: '操作（设置/验证/停用）' }, { key: 'code', label: '当前动态码', type: 'password' }, { key: 'recoveryCode', label: '恢复码（验证时可选）', type: 'password' }, { key: 'reason', label: '关闭原因' }] },
+};
+
+const createActionLabels: Record = {
+ user: '新增用户',
+ channel: '新增渠道',
+ channelGroup: '新增渠道分组',
+ modelProduct: '新增模型产品',
+ plan: '新增套餐',
+ manualRecharge: '申请人工充值',
+ unit: '配置金币单位',
+ storage: '配置存储策略',
+ paymentProvider: '新增支付适配器',
+ messageProvider: '新增消息供应商',
+ messageTemplate: '新增消息模板',
+ adminMfa: '配置管理员 MFA',
+ systemSettings: '配置系统设置',
+};
+
+const listColumnSpecs: Record = {
+ users: [{ key: 'id', width: 56 }, { key: 'userIdentity', title: '用户', width: 190 }, { key: 'status', width: 80 }, { key: 'mfaStatus', title: 'MFA', width: 90 }, { key: 'balance', width: 240 }],
+ 'auth-messages': [{ key: 'channel', width: 100 }, { key: 'purpose', width: 120 }, { key: 'status', width: 110 }, { key: 'attempts', width: 100 }, { key: 'lastError', width: 220 }, { key: 'updatedAt', width: 180 }],
+ 'message-providers': [{ key: 'name', width: 180 }, { key: 'channel', width: 100 }, { key: 'endpoint', width: 220 }, { key: 'priority', width: 90 }, { key: 'secretConfigured', width: 110 }, { key: 'enabled', width: 100 }],
+ 'message-templates': [{ key: 'purpose', width: 130 }, { key: 'channel', width: 100 }, { key: 'content', width: 260 }, { key: 'enabled', width: 100 }, { key: 'version', width: 90 }],
+ channels: [{ key: 'label', width: 170 }, { key: 'providerName', width: 120 }, { key: 'health', width: 110 }, { key: 'enabled', width: 90 }, { key: 'enabledModelIds', width: 210 }, { key: 'secretConfigured', width: 110 }],
+ 'channel-health': [{ key: 'label', width: 170 }, { key: 'health', width: 110 }, { key: 'successRate', width: 110 }, { key: 'latencyP95Ms', title: 'P95 延迟', width: 120 }, { key: 'consecutiveFailures', width: 100 }, { key: 'lastTestHealthy', title: '测试结果', width: 110 }, { key: 'lastTestRequestAttempted', title: '请求状态', width: 120 }, { key: 'lastTestRequestPath', title: '请求路径', width: 190 }, { key: 'lastTestError', title: '失败原因', width: 240 }, { key: 'lastCheckedAt', width: 180 }],
+ 'channel-groups': [{ key: 'name', title: '分组名称', width: 180 }, { key: 'capabilities', title: '任务模式', width: 135 }, { key: 'modelIds', title: '模型 ID', width: 220 }, { key: 'productNames', title: '产品名称', width: 180 }, { key: 'basePrices', title: '基础价格', width: 140 }, { key: 'resolutionRules', title: '分辨率配置', width: 330 }, { key: 'channels', title: '渠道池', width: 250 }, { key: 'retryBudget', title: '失败重试', width: 110 }, { key: 'enabled', title: '状态', width: 100 }],
+ 'model-products': [{ key: 'publicModelId', width: 180 }, { key: 'name', width: 160 }, { key: 'tier', width: 100 }, { key: 'capabilities', width: 190 }, { key: 'basePrice', width: 120 }, { key: 'availability', width: 130 }, { key: 'enabled', width: 100 }, { key: 'resolutions', width: 200 }],
+ pricing: [{ key: 'name', title: '模型产品', width: 170 }, { key: 'publicModelId', width: 180 }, { key: 'modelProductId', width: 180 }, { key: 'basePrice', width: 130 }, { key: 'currencyUnit', width: 120 }, { key: 'version', width: 90 }],
+ 'billing/units': [{ key: 'name', width: 150 }, { key: 'shortCode', width: 110 }, { key: 'icon', width: 110 }, { key: 'precision', width: 100 }, { key: 'currencyCode', width: 110 }, { key: 'conversionRate', width: 120 }, { key: 'rounding', width: 120 }],
+ billing: [{ key: 'createdAt', width: 180 }, { key: 'userId', width: 120 }, { key: 'type', width: 120 }, { key: 'amount', width: 130 }, { key: 'status', width: 110 }, { key: 'referenceId', width: 190 }],
+ plans: [{ key: 'code', width: 130 }, { key: 'name', width: 170 }, { key: 'published', width: 100 }, { key: 'purchaseAmount', width: 120 }, { key: 'includedBalance', width: 130 }, { key: 'durationDays', width: 110 }, { key: 'maxConcurrent', width: 110 }],
+ recharges: [{ key: 'id', width: 190 }, { key: 'userId', width: 120 }, { key: 'provider', width: 120 }, { key: 'status', width: 110 }, { key: 'balanceAmount', width: 130 }, { key: 'fiatAmount', width: 130 }, { key: 'createdAt', width: 180 }],
+ payments: [{ key: 'provider', width: 120 }, { key: 'externalEventId', width: 200 }, { key: 'orderId', width: 190 }, { key: 'status', width: 110 }, { key: 'createdAt', width: 180 }, { key: 'appliedAt', width: 180 }],
+ 'payment-providers': [{ key: 'name', width: 180 }, { key: 'mode', width: 120 }, { key: 'enabled', width: 100 }, { key: 'secretConfigured', width: 110 }, { key: 'version', width: 90 }],
+ approvals: [{ key: 'kind', width: 130 }, { key: 'status', width: 110 }, { key: 'requesterId', width: 170 }, { key: 'approverId', width: 170 }, { key: 'reason', width: 220 }, { key: 'createdAt', width: 180 }, { key: 'expiresAt', width: 180 }],
+ tasks: [{ key: 'id', width: 190 }, { key: 'taskType', width: 120 }, { key: 'modelProductId', width: 180 }, { key: 'status', width: 110 }, { key: 'estimatedCost', width: 120 }, { key: 'attemptCount', width: 100 }, { key: 'updatedAt', width: 180 }],
+ 'ws-metrics': [{ key: 'connections', width: 130 }, { key: 'subscriptions', width: 130 }, { key: 'taskQueues', width: 140 }, { key: 'eventBacklog', width: 150 }],
+ // Keep the audit table readable without forcing a desktop horizontal scroll.
+ // Narrow viewports still retain the table's intentional touch scrolling.
+ 'audit-logs': [{ key: 'createdAt', title: '时间', width: 145 }, { key: 'statusCode', title: '状态', width: 90 }, { key: 'category', title: '分类', width: 115 }, { key: 'actionLabel', title: '行为', width: 190 }, { key: 'actorName', title: '操作人', width: 155 }, { key: 'objectType', title: '对象', width: 130 }],
+};
+
+const summaryFieldSpecs: Record = {
+ storage: ['stagingAdapter', 'retentionDays', 'maxRetentionExtensionDays', 'archiveMode', 'updatedAt'],
+ settings: ['adminMfaRequired', 'adminCaptchaRequired', 'userMfaRequired', 'userVerificationRequired', 'emailRegistrationVerificationRequired', 'phoneRegistrationVerificationRequired', 'captchaRequired', 'rateLimitWindowMs', 'rateLimitMax', 'queueMaxConcurrent', 'auditRetentionDays', 'auditMaxEntries', 'updatedAt'],
+ 'security/mfa': ['email', 'mfaEnabled', 'mfaRequired', 'roles', 'scopes'],
+};
+
+const hiddenFields = new Set(['secretRef', 'secret', 'apiKey', 'password', 'providerRequestId', 'providerModelId', 'resolutionModelMap', 'platformIdempotencyKey', 'idempotencyKey', 'errorCode', 'targetHash', 'previousHash', 'hash', 'payloadDigest', 'providerMessageId', 'channelPriorities', 'channelIds', 'allowedModelProductIds', 'allowedChannelGroupIds', 'bucketId', 'outputId', 'action', 'actorId', 'actorType', 'leaseToken', 'requestFingerprint', 'routeSnapshot', 'modelSnapshot', 'pricingSnapshot']);
+const capabilityLabels: Record = { image: '图片', text: '文本', audio: '音频', utility: '工具', 'reverse-prompt': '反推提示词', 'multi-angle': '多角度', matting: '抠图', split: '切分', upscale: '放大', expand: '扩图', '3d': '3D' };
+const capabilityLabel = (value: unknown) => capabilityLabels[String(value)] || '其他能力';
+const channelGroupModeValues = ['image', 'text', 'audio', 'utility'];
+const channelGroupCapabilityOptions = channelGroupModeValues.map((value) => ({ label: capabilityLabels[value], value }));
+const statusLabels: Record = { true: '是', false: '否', healthy: '健康', degraded: '降级', open: '熔断', disabled: '已停用', active: '启用', enabled: '启用', available: '可用', ready: '就绪', unconfigured: '未配置', error: '错误', frozen: '已冻结', closing: '注销中', pending: '待处理', queued: '排队中', running: '运行中', processing: '处理中', started: '已开始', leased: '已分配', pending_verification: '待验证', sending: '发送中', sent: '已发送', failed: '失败', rejected: '已拒绝', dead: '死信', expired: '已过期', archived: '已归档', archiving: '归档中', scanning: '扫描中', syncing: '同步中', deleting: '删除中', deleted: '已删除', conflict: '冲突', posted: '已入账', voided: '已作废', unavailable: '未接入渠道', succeeded: '成功', canceled: '已取消', unknown: '未知待对账', partial: '部分成功', paid: '已到账', refunded: '已退款', executed: '已执行', approved: '已批准', received: '已接收', applied: '已应用', confirmed_success: '已确认成功', confirmed_failure: '已确认失败', manual_review: '人工复核', test: '测试', live: '正式' };
+const enumLabels: Record = { email: '邮件', sms: '短信', register: '注册验证', login: '登录验证', reset: '密码重置', notification: '通知', manual: '人工', mock: '模拟', adapter: '适配器', admin: '管理员', user: '用户', audit_log: '审计日志', generation_task: '生成任务', image_generation: '图片生成', text_generation: '文字生成', audio_generation: '音频生成', floor: '向下取整', ceil: '向上取整', round: '四舍五入', image: '图片', text: '文本', audio: '音频', utility: '工具', credit: '充值', debit: '扣费', adjustment: '余额调整', balance_adjustment: '用户金币调整', recharge: '充值入账', settle: '任务结算', refund: '退款', purchase: '套餐购买', reserve: '余额预留', release: '预留释放', charge: '任务消费', manual_recharge: '人工充值', refund_request: '退款申请', high_risk_change: '高风险变更', 'webdav-first': '优先使用 WebDAV', 'local-private': '本地私有存储', 'object-storage': '对象存储', disabled: '已禁用', active: '启用', frozen: '冻结', success: '成功', failure: '失败', warning: '警告', info: '提示', basic: '基础', advanced: '高级', flagship: '旗舰', coins: '金币图标', confirmed_failure: '已确认失败', manual_review: '人工复核', test: '测试', live: '正式', received: '已接收', pending: '待处理', processing: '处理中', queued: '排队中', generic: '通用供应商', 'openai-images': 'OpenAI 图片端点' };
+const actionLabels: Record = {
+ 'admin.login.succeeded': '管理员登录成功', 'admin.login.failed': '管理员登录失败', 'admin.mfa.setup': '设置管理员两步验证', 'admin.mfa.disable': '停用管理员两步验证', 'audit.read': '查看审计日志',
+ 'user.create': '创建用户', 'user.update': '更新用户资料', 'user.freeze': '冻结用户', 'user.unfreeze': '解冻用户', 'user.password.change': '用户修改密码', 'user.password.reset': '用户重置密码', 'user.password.reset_by_admin': '管理员重置用户密码', 'user.verification.resend_by_admin': '管理员重发用户认证消息', 'user.session.revoke': '撤销用户会话', 'user.close.request': '申请注销用户', 'user.close.completed': '完成用户注销', 'user.mfa.disable': '停用用户两步验证', 'user.balance_adjustment.request': '申请调整用户余额',
+ 'channel.create': '创建渠道', 'channel.update': '更新渠道', 'channel.test': '测试渠道', 'channel.test_generation': '测试渠道生成图片', 'channel_group.create': '创建渠道分组', 'channel_group.update': '更新渠道分组', 'channel_group.order': '调整渠道顺序',
+ 'model_product.create': '创建模型产品', 'model_product.update': '更新模型产品', 'model_product.resolutions.update': '更新模型分辨率', 'pricing.create': '创建价格规则', 'pricing.update': '更新价格规则', 'plan.create': '创建套餐', 'plan.update': '更新套餐', 'plan.publish': '发布套餐', 'plan.rollback': '回滚套餐',
+ 'task.cancel': '取消任务', 'task.cancel.pending': '提交任务取消并等待供应商确认', 'task.retry': '重试任务', 'task.reconcile': '完成任务对账', 'payment.mock.applied': '应用模拟支付回调', 'payment.adapter.applied': '应用支付适配器回调', 'manual_recharge.request': '申请人工充值', 'recharge_order.fail': '标记充值订单失败', 'recharge_order.refund.request': '申请充值退款', 'recharge_order.refund.execute': '执行充值退款', 'plan.purchase': '购买套餐', 'user.balance_adjustment.execute': '执行用户余额调整', 'approval.reject': '驳回审批', 'approval.execute': '批准并执行审批',
+ 'balance_unit.update': '更新金币单位', 'conversion_rule.update': '更新换算规则', 'payment_provider.create': '创建支付适配器', 'payment_provider.update': '更新支付适配器', 'storage_policy.update': '更新存储策略', 'system_settings.update': '更新系统设置', 'message_provider.create': '创建消息供应商', 'message_provider.update': '更新消息供应商', 'message_template.create': '创建消息模板', 'message_template.update': '更新消息模板', 'message.retry': '重试发送消息',
+ 'storage_policy.gc': '清理过期暂存文件',
+};
+const auditCategoryLabels: Record = { admin: '认证与安全', audit: '审计访问', user: '用户管理', channel: '渠道管理', channel_group: '渠道管理', model_product: '模型与价格', pricing: '模型与价格', plan: '套餐与权益', task: '任务处理', payment: '财务与支付', manual_recharge: '财务与支付', recharge_order: '财务与支付', approval: '审批管理', balance_unit: '财务与支付', conversion_rule: '财务与支付', payment_provider: '财务与支付', storage_policy: '系统设置', system_settings: '系统设置', message: '消息通知' };
+const auditObjectCategoryLabels: Record = { provider_channel: '渠道管理', channel_group: '渠道管理', model_product: '模型与价格', pricing_rule: '模型与价格', plan: '套餐与权益', generation_task: '任务处理', admin_approval: '审批管理', recharge_order: '财务与支付', payment_provider: '财务与支付', storage_policy: '系统设置', system_settings: '系统设置', message_provider: '消息通知', message_template: '消息通知', message_outbox: '消息通知' };
+const auditCategory = (action: string, objectType = '') => action === 'audit.read' ? '审计访问' : auditCategoryLabels[action.split('.')[0]] || auditObjectCategoryLabels[objectType] || '其他管理';
+const permissionLabels: Record = { super_admin: '超级管理员', 'admin:read': '查看后台', 'admin:write': '管理后台', 'admin:finance': '财务管理', 'admin:security': '安全管理', 'admin:audit': '审计查看' };
+const objectTypeLabels: Record = { admin: '管理员账号', user: '用户', session: '用户会话', provider_channel: '渠道', channel_group: '渠道分组', model_product: '模型产品', pricing_rule: '价格规则', plan: '套餐', generation_task: '生成任务', admin_approval: '审批单', recharge_order: '充值订单', plan_purchase: '套餐订单', balance_unit: '金币单位', payment_provider: '支付适配器', storage_policy: '存储策略', system_settings: '系统设置', message_provider: '消息供应商', message_template: '消息模板', message_outbox: '消息发送记录', audit_log: '审计日志' };
+const statusFields = new Set(['status', 'health', 'retentionState', 'reconciliationStatus', 'outcome', 'mode', 'archiveMode', 'type', 'taskType', 'kind', 'level']);
+const enumFieldFallbacks: Record = {
+ providerType: '其他供应方式',
+ provider: '其他支付方式',
+ rounding: '其他舍入方式',
+ tier: '其他产品等级',
+ availability: '其他可用性',
+ mfaStatus: '未知',
+ lastTestHealthy: '未知',
+ lastTestRequestAttempted: '未知',
+};
+const fieldLabels: Record = {
+ id: 'ID', userId: '用户 ID', ownerId: '用户 ID', planId: '套餐 ID', modelProductId: '模型产品 ID', publicModelId: '公开模型 ID', channelGroupId: '渠道组 ID', groupId: '分组 ID', channelId: '渠道 ID', channelIds: '渠道成员',
+ label: '名称', name: '名称', code: '编码', username: '用户名', displayName: '昵称', email: '邮箱', phone: '手机号', status: '状态', enabled: '状态', verified: '已验证', mfaEnabled: '多因素认证（MFA）', mfaStatus: 'MFA 状态', mfaEnrollmentRequired: '单独要求绑定 MFA', mfaSetupRequired: 'MFA 待绑定',
+ provider: '支付方式', providerType: '供应商方式', providerName: '供应商', providerModelId: '请求模型 ID', enabledModelIds: '渠道模型', modelMappings: '模型映射', displayModelId: '显示模型 ID', requestModelId: '请求模型 ID', resolutionModelMap: '分辨率模型映射', baseUrl: '服务地址', endpoint: '接口地址', secretConfigured: '凭证状态', priority: '优先级', retryBudget: '重试预算', health: '健康状态', availability: '渠道可用性', availableChannelCount: '可用渠道数', testedAt: '测试时间', stagingAdapter: '暂存适配器',
+ capabilities: '适用模式', capability: '能力', capabilitiesSchema: '能力配置', inputTypes: '输入类型', resultTypes: '结果类型', async: '异步处理', maxInputBytes: '最大输入大小', resolutions: '分辨率', maxCount: '数量上限', maxConcurrent: '并发上限', dailyTaskLimit: '每日任务上限', allowedModelProductIds: '可用模型', allowedModels: '可用模型', allowedChannelGroupIds: '可用渠道组', allowedChannelGroups: '可用渠道组',
+ balance: '余额', available: '可用余额', reserved: '预留余额', entitlementCount: '套餐权益数', includedBalance: '包含金币', remainingBalance: '剩余金币', purchaseAmount: '购买金额', fiatAmount: '支付金额', balanceAmount: '到账金币', basePrice: '基础价格', shortCode: '短代码', balanceUnit: '金币单位', currencyCode: '货币代码',
+ durationDays: '有效天数', retentionDays: '保留天数', maxRetentionExtensionDays: '最大延长天数', queuePriority: '队列优先级', conversionRate: '换算倍率', rounding: '舍入方式', precision: '小数位数', unitVersion: '单位版本', currencyUnit: '金币单位',
+ version: '版本', createdAt: '创建时间', updatedAt: '更新时间', paidAt: '到账时间', expiresAt: '到期时间', revokedAt: '撤销时间', lastCheckedAt: '最近测试时间', circuitResetAt: '熔断恢复时间', lastTestHealthy: '测试结果', lastTestRequestPath: '请求路径', lastTestRequestAttempted: '请求状态', lastTestError: '测试失败原因',
+ taskId: '任务 ID', taskType: '任务类型', type: '类型', attemptCount: '尝试次数', outputCount: '结果数量', attempts: '调用尝试', events: '事件记录', outputs: '生成结果', inputSnapshot: '输入信息', params: '参数', references: '参考素材', resolutionPresetId: '分辨率预设 ID', width: '宽度', height: '高度', priceMultiplier: '价格倍率', mimeType: '媒体类型', startedAt: '开始时间', finishedAt: '结束时间', reconciliationStatus: '对账状态', reconciliationRequired: '需要对账', outcome: '结果',
+ estimatedCost: '预计消耗', reservedCost: '预留消耗', amount: '金额', chargedAmount: '实际消耗', statusReason: '状态原因', publicErrorCode: '错误类型', lastError: '错误摘要', error: '错误信息', errorCode: '错误代码',
+ users: '用户总数', activeUsers: '活跃用户', tasks: '任务总数', balanceTotal: '余额总额', rechargeTotal: '累计充值金额', todayReceivedAmount: '今日到账', queuedTasks: '队列积压', availableChannels: '可用渠道', openChannels: '熔断渠道', messageOutboxPending: '待发送消息', paymentEvents: '支付事件数',
+ succeededTasks: '成功任务数', successRate: '成功率', latencyP95Ms: 'P95 延迟', p50LatencyMs: 'P50 延迟', p95LatencyMs: 'P95 延迟', channelSuccessRate: '来源渠道成功率', channelP95LatencyMs: '渠道 P95 延迟',
+ messageFailureCount: '消息失败数', messageSuccessRate: '消息成功率', paymentRejectedCount: '支付回调异常', paymentPendingCount: '待处理支付', modelErrorCount: '模型错误数', consecutiveFailures: '连续失败',
+ adminMfaRequired: '要求管理员使用两步验证', adminCaptchaRequired: '管理员启用人机验证', userMfaRequired: '要求所有普通用户绑定两步验证', userVerificationRequired: '普通用户验证', emailRegistrationVerificationRequired: '注册邮箱验证', phoneRegistrationVerificationRequired: '注册手机号验证', captchaRequired: '普通用户启用人机验证', rateLimitWindowMs: '限流窗口（毫秒）', rateLimitMax: '窗口最大请求数', queueMaxConcurrent: '队列最大并发', auditRetentionDays: '审计保留天数', auditMaxEntries: '审计最大记录数',
+ action: '行为编码', actionLabel: '行为', category: '分类', objectType: '对象类型', objectId: '对象 ID', requestId: '请求 ID', actorId: '操作人 ID', actorName: '操作人', actorType: '操作人类型', statusCode: '状态码', method: '请求方式', path: '请求路径', ip: '来源地址', reason: '原因', content: '内容', prompt: '提示词', orderId: '订单 ID', externalEventId: '外部事件 ID', appliedAt: '应用时间',
+ deviceId: '设备标识', expires: '过期时间', target: '接收目标', purpose: '用途', channel: '通道', nextAttemptAt: '下次尝试时间',
+ modelMetrics: '模型指标', trend: '趋势', alerts: '运行告警', channels: '渠道成员', channelDetails: '渠道详情', channelPriorities: '渠道顺序', products: '关联产品', productIds: '关联模型产品', productNames: '产品名称', basePrices: '基础价格', resolutionRules: '分辨率与倍率', published: '已上架', icon: '图标标识', description: '说明', date: '日期', level: '告警级别', message: '消息', succeeded: '成功数', failed: '失败数', connections: '连接数', subscriptions: '订阅数', taskQueues: '任务队列数', eventBacklog: '事件积压数',
+ balanceUnitVersion: '金币单位版本', idempotencyKey: '幂等标识', referenceId: '关联 ID', creditBucketId: '余额批次 ID', entitlementId: '权益 ID', planVersion: '套餐版本', archiveMode: '归档模式', mode: '运行模式', tier: '产品等级', mfaRequired: '多因素认证（MFA）要求', roles: '管理员角色', scopes: '权限范围', kind: '审批类型', requesterId: '申请人', approverId: '审批人', payload: '审批内容', before: '变更前', after: '变更后', parameters: '参数配置', reset: '是否重置', sessionsRevoked: '是否撤销会话', approvedAt: '审批时间', executedAt: '执行时间',
+};
+const referenceScopes: Record = { userId: 'users', ownerId: 'users', actorId: 'users', requesterId: 'users', approverId: 'users', planId: 'plans', modelProductId: 'model-products', publicModelId: 'model-products', channelGroupId: 'channel-groups', groupId: 'channel-groups', channelId: 'channels', channelIds: 'channels', allowedModelProductIds: 'model-products', allowedChannelGroupIds: 'channel-groups', taskId: 'tasks', objectId: 'objects', referenceId: 'references', entitlementId: 'entitlements', creditBucketId: 'balance-buckets', orderId: 'recharges', requestId: 'requests' };
+const displayIdRegistry = new Map>();
+const displayIdReverseRegistry = new Map>();
+const ensureDisplayRegistry = (scope: string) => {
+ let ids = displayIdRegistry.get(scope);
+ if (!ids) { ids = new Map(); displayIdRegistry.set(scope, ids); }
+ let reverse = displayIdReverseRegistry.get(scope);
+ if (!reverse) { reverse = new Map(); displayIdReverseRegistry.set(scope, reverse); }
+ return { ids, reverse };
+};
+const resetDisplayRegistry = (scope: string) => {
+ displayIdRegistry.delete(scope);
+ displayIdReverseRegistry.delete(scope);
+};
+const nextDisplayNumber = (ids: Map) => Math.max(0, ...ids.values()) + 1;
+const registerDisplayIds = (scope: string, values: unknown[]) => {
+ const { ids: registry, reverse } = ensureDisplayRegistry(scope);
+ values.forEach((value) => {
+ if (value === null || value === undefined || value === '') return;
+ const raw = String(value);
+ if (registry.has(raw)) return;
+ const number = nextDisplayNumber(registry);
+ registry.set(raw, number);
+ reverse.set(number, raw);
+ });
+};
+const registerRowDisplayIds = (scope: string, rows: Row[]) => {
+ rows.forEach((row) => {
+ if (scope !== 'model-products') {
+ registerDisplayIds(scope, [row.id]);
+ return;
+ }
+ const aliases = [row.id, row.publicModelId].filter((value) => value !== null && value !== undefined && value !== '').map(String);
+ if (!aliases.length) return;
+ const { ids: registry, reverse } = ensureDisplayRegistry(scope);
+ const existing = aliases.map((alias) => registry.get(alias)).find((value): value is number => value !== undefined);
+ const number = existing ?? nextDisplayNumber(registry);
+ aliases.forEach((alias) => { if (!registry.has(alias)) registry.set(alias, number); });
+ reverse.set(number, aliases[0]);
+ });
+};
+const displayId = (scope: string, value: unknown) => {
+ if (value === null || value === undefined || value === '') return '-';
+ const raw = String(value);
+ const { ids, reverse } = ensureDisplayRegistry(scope);
+ if (!ids.has(raw)) {
+ const number = nextDisplayNumber(ids);
+ ids.set(raw, number);
+ reverse.set(number, raw);
+ }
+ return String(ids.get(raw));
+};
+const resolveDisplayId = (scope: string, value: string) => {
+ const input = value.trim();
+ if (scope !== 'users') return input;
+ if (!/^\d+$/.test(input)) return input;
+ const { ids, reverse } = ensureDisplayRegistry(scope);
+ if (ids.has(input)) return input;
+ return reverse.get(Number(input)) || input;
+};
+const resolveDisplayIds = (scope: string, value: string) => value.split(',').map((item) => item.trim()).filter(Boolean).map((item) => resolveDisplayId(scope, item));
+const fieldLabel = (name: string) => fieldLabels[name] || '其他信息';
+const formatNumber = (value: unknown) => typeof value === 'number' && Number.isFinite(value) ? value.toLocaleString('zh-CN') : String(value ?? '-');
+const formatDate = (value: unknown) => {
+ if (typeof value !== 'string' || !value) return '-';
+ const date = new Date(value);
+ return Number.isNaN(date.getTime()) ? value : date.toLocaleString('zh-CN', { hour12: false });
+};
+const dateFilterValue = (value: unknown) => {
+ if (typeof value === 'string' && /^\d{4}-\d{2}-\d{2}/.test(value)) return value.slice(0, 10);
+ const date = value instanceof Date ? value : typeof value === 'number' ? new Date(value) : value ? new Date(String(value)) : undefined;
+ if (!date || Number.isNaN(date.getTime())) return '';
+ const year = date.getFullYear();
+ const month = String(date.getMonth() + 1).padStart(2, '0');
+ const day = String(date.getDate()).padStart(2, '0');
+ return `${year}-${month}-${day}`;
+};
+const verificationState = (row: Row) => row.verified === true ? 'verified' : row.status === 'pending_verification' ? 'pending' : 'unverified';
+const localizeTechnicalText = (value: string) => {
+ const replacements: Array<[RegExp, string]> = [
+ [/failed to fetch/gi, '网络连接失败'],
+ [/network request failed/gi, '网络请求失败'],
+ [/connection timed? ?out/gi, '连接超时'],
+ [/request timed? ?out/gi, '请求超时'],
+ [/unauthorized/gi, '身份验证失败'],
+ [/forbidden/gi, '没有操作权限'],
+ [/not found/gi, '数据不存在'],
+ [/internal server error/gi, '后台服务异常'],
+ ];
+ return replacements.reduce((text, [pattern, replacement]) => text.replace(pattern, replacement), value);
+};
+const BalanceValue = ({ value }: { value: Record }) =>
+ 可用{formatNumber(value.available)} 金币
+ 预留{formatNumber(value.reserved)} 金币
+
;
+const UserIdentityValue = ({ row }: { row: Row }) =>
+ {String(row.username || row.displayName || '未设置用户名')}
+ {String(row.email || row.phone || '-')}
+;
+const statusTone = (value: string) => {
+ if (['healthy', 'active', 'enabled', 'available', 'ready', 'succeeded', 'sent', 'paid', 'approved', 'normal'].includes(value)) return 'success';
+ if (['degraded', 'pending', 'queued', 'running', 'processing', 'received', 'warning', 'unknown'].includes(value)) return 'warning';
+ if (['open', 'disabled', 'unavailable', 'frozen', 'failed', 'dead', 'rejected', 'expired', 'error', 'canceled'].includes(value)) return 'danger';
+ return 'default';
+};
+const StatusBadge = ({ value, label }: { value: string; label?: string }) => char.toUpperCase())}`] || ''}`}>{label || statusLabels[value] || enumLabels[value] || '未知'};
+const referenceScope = (name: string, fallback = 'generic') => referenceScopes[name] || fallback;
+const formatFieldValue = (name: string, value: unknown, scope = 'generic'): string => {
+ if (value === null || value === undefined || value === '') return '-';
+ if ((name === 'id' || name === 'userId' || name === 'ownerId') && scope === 'users' && !Array.isArray(value) && typeof value !== 'object') return displayId('users', value);
+ if (name.endsWith('At') || ['createdAt', 'updatedAt', 'expiresAt', 'paidAt', 'revokedAt', 'lastCheckedAt', 'circuitResetAt'].includes(name)) return formatDate(value);
+ if (['successRate', 'channelSuccessRate', 'messageSuccessRate'].includes(name) && typeof value === 'number') return `${(value * 100).toFixed(1)}%`;
+ if (name === 'conversionRate' && typeof value === 'number') return `${formatNumber(value)} 倍`;
+ if (name.toLowerCase().includes('latency') || name.endsWith('Ms')) return typeof value === 'number' ? `${Math.round(value)} 毫秒` : String(value);
+ if (typeof value === 'boolean') return value ? '是' : '否';
+ if (typeof value === 'number' && ['fiatAmount', 'purchaseAmount'].includes(name)) return `${formatNumber(value)} 元`;
+ if (typeof value === 'number') return ['available', 'reserved', 'remainingBalance', 'includedBalance', 'balanceAmount', 'basePrice', 'estimatedCost', 'reservedCost', 'chargedAmount', 'amount'].includes(name) ? `${formatNumber(value)} 金币` : formatNumber(value);
+ if (typeof value === 'string') {
+ if (['id', 'actorName', 'requesterId', 'approverId'].includes(name) && value.startsWith('admin:')) return value.slice('admin:'.length) || '-';
+ if (name === 'name' && /^mock\s*支付适配器$/i.test(value)) return '模拟支付适配器';
+ if (name === 'label' && /^[0-9a-f]{8}-[0-9a-f-]{27,}$/i.test(value)) return '未命名渠道';
+ if (name === 'action') return actionLabels[value] || '其他管理操作';
+ if (['lastError', 'lastTestError', 'reason', 'message', 'error', 'statusReason'].includes(name)) return localizeTechnicalText(value);
+ if (name === 'channel') return enumLabels[value] || '其他通道';
+ if (name === 'purpose') return enumLabels[value] || '其他用途';
+ if (name === 'actorType') return ({ admin: '管理员', user: '用户', system: '系统', payment: '支付回调', unknown: '未知' } as Record)[value] || '未知';
+ if (name === 'category') return auditCategoryLabels[value] || (Object.values(auditCategoryLabels).includes(value) ? value : '其他管理');
+ if (name === 'roles' || name === 'scopes') return permissionLabels[value] || '其他权限';
+ if (name === 'objectType') return objectTypeLabels[value] || (Object.values(objectTypeLabels).includes(value) ? value : '其他对象');
+ const mapped = statusLabels[value] || enumLabels[value] || capabilityLabels[value];
+ if (!mapped && (name === 'capability' || name === 'capabilities')) return '其他能力';
+ return mapped || enumFieldFallbacks[name] || (statusFields.has(name) ? '未知' : value);
+ }
+ if (Array.isArray(value)) {
+ if (!value.length) return '-';
+ if (value.every((item) => item && typeof item === 'object')) {
+ if (name === 'resolutions') {
+ const first = value[0] as Record;
+ const label = typeof first.label === 'string' ? first.label : `${first.width || '?'}×${first.height || '?'}`;
+ return `${value.length} 个分辨率：${label}`;
+ }
+ return '已配置';
+ }
+ const values = value.slice(0, 3).map((item) => formatFieldValue(name === 'capabilities' ? 'capability' : name, item, scope));
+ return values.join('、') + (value.length > 3 ? ' 等' : '');
+ }
+ if (typeof value === 'object') {
+ const entries = Object.entries(value as Record);
+ if (!entries.length) return '-';
+ if (name === 'balance') return `可用 ${formatNumber((value as Record).available)} 金币，预留 ${formatNumber((value as Record).reserved)} 金币`;
+ if (name === 'payload' && (value as Record).type === 'balance_adjustment') {
+ const payload = value as Record;
+ const amount = Number(payload.amount);
+ return `用户 ID：${formatFieldValue('userId', payload.userId, 'users')}；${amount >= 0 ? '增加' : '扣减'} ${formatNumber(Math.abs(amount))} 金币`;
+ }
+ const visibleEntries = entries.filter(([key]) => !hiddenFields.has(key) && Boolean(fieldLabels[key]));
+ if (!visibleEntries.length) return '-';
+ const summary = visibleEntries.slice(0, 3).map(([key, item]) => `${fieldLabel(key)}：${formatFieldValue(key, item, referenceScope(key, scope))}`).join('；');
+ return summary + (visibleEntries.length > 3 ? '；等' : '');
+ }
+ return String(value);
+};
+const displayValue = (value: unknown, name = '', scope = 'generic') => formatFieldValue(name, value, scope);
+const displayFieldValue = (name: string, value: unknown, scope = 'generic') => displayValue(value, name, scope);
+
+const StructuredValue = ({ name, value, scope }: { name: string; value: unknown; scope: string }) => {
+ if (value === null || value === undefined || value === '') return -;
+ if (Array.isArray(value)) {
+ if (!value.length) return -;
+ if (value.every((item) => item && typeof item === 'object')) {
+ return {value.map((item, index) =>
{index + 1}
)}
{value.map((item, index) => {formatFieldValue(name, item, referenceScope(name, scope))})}
;
+ }
+ if (typeof value === 'object') {
+ if (name === 'balance') return } />;
+ const entries = Object.entries(value as Record);
+ if (!entries.length) return -;
+ const visibleEntries = entries.filter(([key]) => !hiddenFields.has(key) && Boolean(fieldLabels[key]));
+ if (!visibleEntries.length) return -;
+ return {visibleEntries.map(([key, item]) =>
{fieldLabel(key)}
)}
(null);
+ const [detailLoading, setDetailLoading] = useState(false);
+ const [detailError, setDetailError] = useState('');
+ const [attempts, setAttempts] = useState(null);
+ const [attemptsLoading, setAttemptsLoading] = useState(false);
+ const [attemptsError, setAttemptsError] = useState('');
+ const [metricsHistory, setMetricsHistory] = useState([]);
+ const listLoadSequenceRef = useRef(0);
+ const listAbortRef = useRef(null);
+ const detailRef = useRef(null);
+ const detailRetryRef = useRef<(() => void) | null>(null);
+ const detailSequenceRef = useRef(0);
+ const detailAbortRef = useRef(null);
+ const attemptsSequenceRef = useRef(0);
+ const attemptsAbortRef = useRef(null);
+ const attemptsRetryRef = useRef<(() => void) | null>(null);
+ const [dialog, setDialog] = useState(null);
+ const [dialogValue, setDialogValue] = useState>({});
+ const [resolutionDraft, setResolutionDraft] = useState([]);
+ const [channelMappings, setChannelMappings] = useState([]);
+ const [channelTab, setChannelTab] = useState<0 | 1 | 2>(0);
+ const [channelModels, setChannelModels] = useState([]);
+ const [manualModelId, setManualModelId] = useState('');
+ const [probeModels, setProbeModels] = useState([]);
+ const [selectedProbeModels, setSelectedProbeModels] = useState([]);
+ const [probeHealthy, setProbeHealthy] = useState();
+ const [probeRequestAttempted, setProbeRequestAttempted] = useState();
+ const [probeLoading, setProbeLoading] = useState(false);
+ const [probeError, setProbeError] = useState('');
+ const [probeRequestPath, setProbeRequestPath] = useState('/v1/models');
+ const probeSequenceRef = useRef(0);
+ const [testLoading, setTestLoading] = useState(false);
+ const [testOutputs, setTestOutputs] = useState([]);
+ const [testResult, setTestResult] = useState();
+ const [healthTestLoading, setHealthTestLoading] = useState(false);
+ const [healthTestResult, setHealthTestResult] = useState();
+ const healthTestSequenceRef = useRef(0);
+ const testSequenceRef = useRef(0);
+ const [settingsDraft, setSettingsDraft] = useState>({});
+ const [reconcileFile, setReconcileFile] = useState<{ mimeType: string; data: string; name: string } | null>(null);
+ const reconcileFileInputRef = useRef(null);
+ const [mutationPending, setMutationPending] = useState(false);
+ const [channelOrderDraft, setChannelOrderDraft] = useState([]);
+ const [userDetailTab, setUserDetailTab] = useState<'account' | 'sessions' | 'tasks' | 'ledger' | 'entitlements' | 'audit'>('account');
+ const admin = useAppSelector((state) => state.user.userInfo as { id?: string; name?: string; email?: string; roles?: string[]; scopes?: string[]; mfaRequired?: boolean; selfApprovalAllowed?: boolean });
+ const can = (scope: string) => Boolean(admin.roles?.includes('super_admin') || admin.scopes?.includes(scope));
+ const hiddenSection = false;
+ const channelGroupChannelMap = useMemo(() => new Map(channelGroupChannels.map((channel) => [String(channel.id), channel])), [channelGroupChannels]);
+ const channelGroupProductMap = useMemo(() => new Map(channelGroupProducts.map((product) => [String(product.productId || product.id || ''), product])), [channelGroupProducts]);
+ const requiredScope = key === 'audit' || key === 'audit-logs' ? 'admin:audit' : ['users', 'auth-messages', 'security/mfa', 'message-providers', 'message-templates', 'settings'].includes(key) ? 'admin:security' : ['billing', 'billing/units', 'recharges', 'payments', 'payment-providers', 'approvals'].includes(key) ? 'admin:finance' : 'admin:read';
+ const invalidateProbe = () => {
+ probeSequenceRef.current += 1;
+ healthTestSequenceRef.current += 1;
+ testSequenceRef.current += 1;
+ setProbeLoading(false);
+ setTestLoading(false);
+ setHealthTestLoading(false);
+ setHealthTestResult(undefined);
+ setTestResult(undefined);
+ };
+ const closeDialog = () => {
+ invalidateProbe();
+ setDialog(null);
+ };
+
+ const beginDetailRequest = (retry?: () => void) => {
+ detailSequenceRef.current += 1;
+ detailAbortRef.current?.abort();
+ const controller = new AbortController();
+ detailAbortRef.current = controller;
+ detailRetryRef.current = retry || null;
+ setDetailError('');
+ setDetail(null);
+ setDetailLoading(true);
+ return { sequence: detailSequenceRef.current, controller, token: viewToken };
+ };
+
+ const closeDetail = () => {
+ detailSequenceRef.current += 1;
+ detailAbortRef.current?.abort();
+ detailAbortRef.current = null;
+ detailRetryRef.current = null;
+ setDetailError('');
+ setDetailLoading(false);
+ setDetail(null);
+ };
+
+ const beginAttemptsRequest = (retry?: () => void) => {
+ attemptsSequenceRef.current += 1;
+ attemptsAbortRef.current?.abort();
+ const controller = new AbortController();
+ attemptsAbortRef.current = controller;
+ attemptsRetryRef.current = retry || null;
+ setAttempts(null);
+ setAttemptsError('');
+ setAttemptsLoading(true);
+ return { sequence: attemptsSequenceRef.current, controller, token: viewToken };
+ };
+
+ const closeAttempts = () => {
+ attemptsSequenceRef.current += 1;
+ attemptsAbortRef.current?.abort();
+ attemptsAbortRef.current = null;
+ attemptsRetryRef.current = null;
+ setAttemptsError('');
+ setAttemptsLoading(false);
+ setAttempts(null);
+ };
+
+ const runStorageGc = () => {
+ if (mutationPending) return;
+ const mutationView = viewToken;
+ confirmWithAutoClose({
+ header: '立即清理过期暂存文件',
+ body: '只会清理超过保留时间且未被有效对象引用的暂存文件，不会删除资产或任务结果。是否继续？',
+ confirmBtn: '确认清理',
+ cancelBtn: '取消',
+ onConfirm: async () => {
+ if (!isCurrentViewToken(mutationView)) return true;
+ setMutationPending(true);
+ try {
+ const result = await adminRequest<{ removed?: number }>('/api/v1/admin/storage-policies/gc', { method: 'POST', body: JSON.stringify({}) });
+ MessagePlugin.success(`已清理 ${Number(result.removed || 0)} 个过期暂存文件`);
+ return true;
+ } catch (cause) {
+ if (!isCurrentViewToken(mutationView)) return true;
+ MessagePlugin.error(formatAdminError(cause, '暂存文件清理失败，请稍后重试。'));
+ return false;
+ } finally {
+ if (isCurrentViewToken(mutationView)) setMutationPending(false);
+ }
+ },
+ });
+ };
+
+ const load = useCallback(async (expectedView: ViewToken = viewToken) => {
+ if (!isCurrentViewToken(expectedView)) return false;
+ listLoadSequenceRef.current += 1;
+ const requestSequence = listLoadSequenceRef.current;
+ listAbortRef.current?.abort();
+ const controller = new AbortController();
+ listAbortRef.current = controller;
+ const requestKey = key;
+ const requestScope = pageScope;
+ const isCurrentRequest = () => requestSequence === listLoadSequenceRef.current && listAbortRef.current === controller && key === requestKey && pageScope === requestScope && isCurrentViewToken(expectedView);
+ if (hiddenSection) {
+ if (isCurrentRequest()) {
+ setRows([]);
+ setError('');
+ setLoading(false);
+ listAbortRef.current = null;
+ }
+ return true;
+ }
+ setLoading(true); setError('');
+ try {
+ const payload = await adminRequest & Row>(section.endpoint === 'admin-me' ? '/api/v1/admin/me' : `/api/v1/admin/${section.endpoint}`, { signal: controller.signal });
+ if (!isCurrentRequest()) return false;
+ const nextRows = Array.isArray(payload.items) ? payload.items : section.endpoint === 'admin-me' ? [payload] : [];
+ const displayRows = isAuditPage
+ ? [...nextRows].sort((left, right) => {
+ const leftTime = Date.parse(String(left.createdAt || ''));
+ const rightTime = Date.parse(String(right.createdAt || ''));
+ if (Number.isFinite(leftTime) && Number.isFinite(rightTime)) return rightTime - leftTime;
+ if (Number.isFinite(rightTime)) return 1;
+ if (Number.isFinite(leftTime)) return -1;
+ return 0;
+ })
+ : nextRows;
+ resetDisplayRegistry(pageScope);
+ if (pageScope === 'channel-health' || pageScope === 'channel-groups') resetDisplayRegistry('channels');
+ registerRowDisplayIds(pageScope, displayRows);
+ if (pageScope === 'channel-health') registerRowDisplayIds('channels', displayRows);
+ if (pageScope === 'channel-groups') displayRows.forEach((row) => registerDisplayIds('channels', Array.isArray(row.channelIds) ? row.channelIds : []));
+ setRows(displayRows);
+ if (key === 'settings' && displayRows[0]) {
+ const nextSettings: Record = {};
+ Object.entries(displayRows[0]).forEach(([name, value]) => { nextSettings[name] = typeof value === 'boolean' ? String(value) : String(value ?? ''); });
+ setSettingsDraft(nextSettings);
+ }
+ if (key === 'ws-metrics' && displayRows[0]) setMetricsHistory((current) => [...current, { ...displayRows[0], recordedAt: new Date().toISOString() }].slice(-24));
+ return true;
+ } catch (cause) {
+ const requestError = cause instanceof AdminRequestError ? cause : undefined;
+ if (!isCurrentRequest() || controller.signal.aborted || requestError?.code === 'REQUEST_ABORTED') return false;
+ if (requestError?.status === 403) {
+ navigate('/403', { replace: true, state: { requiredScope, roles: admin.roles || [], requestId: requestError.requestId } });
+ return false;
+ }
+ const message = requestError?.status === 503 ? '服务暂时不可用，请稍后重试。' : formatAdminError(cause, '后台数据加载失败。');
+ setError(message); setRows([]);
+ return false;
+ } finally {
+ if (isCurrentRequest()) {
+ setLoading(false);
+ listAbortRef.current = null;
+ }
+ }
+ }, [admin.roles, hiddenSection, isAuditPage, isCurrentViewToken, key, navigate, pageScope, requiredScope, section.endpoint, viewToken]);
+
+ const loadChannelGroupRefs = useCallback(async (expectedView: ViewToken, signal?: AbortSignal) => {
+ if (signal?.aborted || !isCurrentViewToken(expectedView)) return false;
+ setChannelGroupRefsLoading(true);
+ setChannelGroupRefsError('');
+ try {
+ const [channelsPayload, productsPayload] = await Promise.all([
+ adminRequest<{ items?: ChannelGroupChannel[] }>('/api/v1/admin/channels', { signal }),
+ adminRequest<{ items?: ChannelGroupProduct[] }>('/api/v1/admin/model-products', { signal }),
+ ]);
+ if (signal?.aborted || !isCurrentViewToken(expectedView)) return false;
+ setChannelGroupChannels(Array.isArray(channelsPayload.items) ? channelsPayload.items : []);
+ setChannelGroupProducts(Array.isArray(productsPayload.items) ? productsPayload.items : []);
+ return true;
+ } catch (cause) {
+ if (signal?.aborted || !isCurrentViewToken(expectedView) || (cause instanceof AdminRequestError && cause.code === 'REQUEST_ABORTED')) return false;
+ setChannelGroupRefsError(formatAdminError(cause, '渠道和模型产品列表加载失败，请刷新后重试。'));
+ return false;
+ } finally {
+ if (!signal?.aborted && isCurrentViewToken(expectedView)) setChannelGroupRefsLoading(false);
+ }
+ }, [isCurrentViewToken]);
+
+ useEffect(() => {
+ detailRef.current = detail;
+ }, [detail]);
+ useEffect(() => {
+ void load();
+ setQuery(''); setStatusFilter(''); setFacetFilter(''); setVerificationFilter(''); setMfaFilter(''); setChannelFilter(''); setPurposeFilter(''); setDateFrom(''); setDateTo(''); setDateRange([]); setPage(1); closeDetail(); closeAttempts(); setUserDetailTab('account'); setResolutionDraft([]); setTestOutputs([]); setSettingsDraft({}); if (key !== 'ws-metrics') setMetricsHistory([]);
+ return () => {
+ listLoadSequenceRef.current += 1;
+ listAbortRef.current?.abort();
+ listAbortRef.current = null;
+ };
+ }, [load, key]);
+ useEffect(() => {
+ if (key !== 'billing') {
+ setBillingUsers([]);
+ setBillingTargetId('');
+ setBillingUsersLoading(false);
+ return undefined;
+ }
+ const controller = new AbortController();
+ let active = true;
+ setBillingUsersLoading(true);
+ void adminRequest<{ items?: Row[] }>('/api/v1/admin/billing/users', { signal: controller.signal })
+ .then((payload) => {
+ if (active) setBillingUsers(Array.isArray(payload.items) ? payload.items : []);
+ })
+ .catch((cause) => {
+ if (active && !(cause instanceof AdminRequestError && cause.code === 'REQUEST_ABORTED')) MessagePlugin.warning('用户列表加载失败，请刷新后重试。');
+ })
+ .finally(() => {
+ if (active) setBillingUsersLoading(false);
+ });
+ return () => {
+ active = false;
+ controller.abort();
+ };
+ }, [key]);
+ useEffect(() => {
+ if (key !== 'channel-groups') {
+ setChannelGroupChannels([]);
+ setChannelGroupProducts([]);
+ setChannelGroupRefsLoading(false);
+ setChannelGroupRefsError('');
+ return undefined;
+ }
+ const controller = new AbortController();
+ void loadChannelGroupRefs(viewToken, controller.signal);
+ return () => controller.abort();
+ }, [key, loadChannelGroupRefs, viewToken]);
+ useEffect(() => {
+ probeSequenceRef.current += 1;
+ healthTestSequenceRef.current += 1;
+ testSequenceRef.current += 1;
+ closeDetail();
+ closeAttempts();
+ setProbeLoading(false);
+ setTestLoading(false);
+ setHealthTestLoading(false);
+ setMutationPending(false);
+ setHealthTestResult(undefined);
+ setDialog(null);
+ }, [viewIdentity]);
+ useEffect(() => {
+ if (!dialog) return undefined;
+ const handleDialogOverlayClick = (event: Event) => {
+ const target = event.target as { closest?: (selector: string) => unknown } | null;
+ if (target?.closest?.('.t-dialog')) return;
+ if (target?.closest?.('.t-dialog__mask, .t-dialog__position')) closeDialog();
+ };
+ document.addEventListener('click', handleDialogOverlayClick, true);
+ return () => document.removeEventListener('click', handleDialogOverlayClick, true);
+ }, [dialog]);
+ useEffect(() => {
+ if (key !== 'ws-metrics') return undefined;
+ const timer = window.setInterval(() => { void load(); }, 10000);
+ return () => window.clearInterval(timer);
+ }, [key, load]);
+
+ const requestMutation = async (path: string, row: Row, method: 'POST' | 'PATCH', body: Record | FormData = {}, successMessage = '操作已完成') => {
+ if (mutationPending) return false;
+ const mutationView = viewToken;
+ setMutationPending(true);
+ try {
+ const headers: Record = {};
+ if (row.version !== undefined) headers['If-Match'] = String(row.version);
+ await adminRequest(path, { method, headers, body: body instanceof FormData ? body : JSON.stringify(body) });
+ MessagePlugin.success(successMessage);
+ if (!isCurrentViewToken(mutationView)) return true;
+ const refreshed = await load(mutationView);
+ if (!refreshed && isCurrentViewToken(mutationView)) MessagePlugin.warning('操作已完成，但列表刷新失败，请手动刷新');
+ if (isCurrentViewToken(mutationView) && key === 'channel-groups') {
+ const refsRefreshed = await loadChannelGroupRefs(mutationView);
+ if (!refsRefreshed && isCurrentViewToken(mutationView)) MessagePlugin.warning('操作已完成，但渠道和模型产品列表刷新失败，请手动刷新');
+ }
+ if (isCurrentViewToken(mutationView) && key === 'users' && detailRef.current?.id === row.id) {
+ try {
+ const payload = await adminRequest<{ item: Row }>(`/api/v1/admin/users/${row.id}`);
+ if (isCurrentViewToken(mutationView) && detailRef.current?.id === row.id) setDetail(payload.item);
+ } catch { if (isCurrentViewToken(mutationView)) MessagePlugin.warning('操作已完成，但用户详情刷新失败，请重新打开详情'); }
+ }
+ return true;
+ } catch (cause) {
+ if (!isCurrentViewToken(mutationView)) return true;
+ if (cause instanceof AdminRequestError && cause.status === 409) {
+ MessagePlugin.warning('数据版本已变化，已保留当前表单；请刷新后重试。');
+ } else if (cause instanceof AdminRequestError && cause.status === 503) {
+ MessagePlugin.error('服务暂时不可用，当前表单已保留，请稍后重试。');
+ } else if (cause instanceof AdminRequestError && cause.status === 422) {
+ MessagePlugin.warning(cause.message || '提交内容不符合要求，请检查字段。');
+ } else MessagePlugin.error(formatAdminError(cause));
+ return false;
+ }
+ finally { if (isCurrentViewToken(mutationView)) setMutationPending(false); }
+ };
+
+ const saveSettings = async () => {
+ if (key !== 'settings' || mutationPending || !rows[0]) return;
+ const mutationView = viewToken;
+ const numberRules: Record = { rateLimitWindowMs: [1_000, 3_600_000], rateLimitMax: [1, 10_000], queueMaxConcurrent: [1, 1_000], auditRetentionDays: [1, 3_650], auditMaxEntries: [100, 1_000_000] };
+ const invalidRule = Object.entries(numberRules).find(([field, [minimum, maximum]]) => {
+ const value = Number(settingsDraft[field]);
+ if (Number.isSafeInteger(value) && value >= minimum && value <= maximum) return false;
+ MessagePlugin.warning(`${fieldLabels[field] || field}必须是 ${minimum.toLocaleString('zh-CN')} 至 ${maximum.toLocaleString('zh-CN')} 的整数`);
+ return true;
+ });
+ if (invalidRule) return;
+ const payload: Record = {};
+ Object.keys(numberRules).forEach((field) => { payload[field] = Number(settingsDraft[field]); });
+ ['adminMfaRequired', 'adminCaptchaRequired', 'userMfaRequired', 'userVerificationRequired', 'emailRegistrationVerificationRequired', 'phoneRegistrationVerificationRequired', 'captchaRequired'].forEach((field) => { payload[field] = settingsDraft[field] === 'true'; });
+ setMutationPending(true);
+ try {
+ const headers: Record = {};
+ if (rows[0].version !== undefined) headers['If-Match'] = String(rows[0].version);
+ await adminRequest('/api/v1/admin/settings', { method: 'PATCH', headers, body: JSON.stringify(payload) });
+ MessagePlugin.success('系统设置已保存');
+ if (isCurrentViewToken(mutationView)) {
+ const refreshed = await load(mutationView);
+ if (!refreshed && isCurrentViewToken(mutationView)) MessagePlugin.warning('系统设置已保存，但列表刷新失败，请手动刷新确认。');
+ try {
+ await dispatch(getUserInfo()).unwrap();
+ } catch {
+ MessagePlugin.warning('系统设置已保存，但管理员状态刷新失败，请重新打开页面确认。');
+ }
+ }
+ } catch (cause) {
+ if (!isCurrentViewToken(mutationView)) return;
+ if (cause instanceof AdminRequestError && cause.status === 409) MessagePlugin.warning('系统设置已被其他管理员修改，当前填写内容已保留，请刷新后重试。');
+ else MessagePlugin.error(formatAdminError(cause, '系统设置保存失败，请稍后重试。'));
+ } finally { if (isCurrentViewToken(mutationView)) setMutationPending(false); }
+ };
+
+ const submitBalanceAdjustment = async (row: Row, amount: number, reason: string, mfaCode?: string) => {
+ if (!row.id || mutationPending) return false;
+ const mutationView = viewToken;
+ const action = amount > 0 ? '增加' : '扣减';
+ setMutationPending(true);
+ try {
+ const requested = await adminRequest<{ item: Row }>(`/api/v1/admin/users/${row.id}/balance-adjustments`, { method: 'POST', body: JSON.stringify({ amount, reason }) });
+ let executed = false;
+ if (admin.selfApprovalAllowed && requested.item?.id) {
+ try {
+ await adminRequest(`/api/v1/admin/approvals/${requested.item.id}/approve`, {
+ method: 'POST',
+ headers: { 'If-Match': String(requested.item?.version ?? 1) },
+ body: JSON.stringify(admin.mfaRequired ? { mfaCode } : {}),
+ });
+ executed = true;
+ } catch (cause) {
+ if (isCurrentViewToken(mutationView)) MessagePlugin.warning(`${action}金币申请已保存，但自动执行失败：${formatAdminError(cause, '请在审批中心继续处理。')}`);
+ if (isCurrentViewToken(mutationView)) {
+ try { await load(mutationView); } catch { /* 审批中心会重新加载最新申请。 */ }
+ navigate('/approvals');
+ }
+ return true;
+ }
+ }
+ if (executed) MessagePlugin.success(`已为用户${action}金币`);
+ else if (!admin.selfApprovalAllowed) MessagePlugin.success(`${action}金币申请已提交，需由另一名财务管理员审批后生效`);
+ if (isCurrentViewToken(mutationView)) {
+ const refreshed = await load(mutationView);
+ if (!refreshed && isCurrentViewToken(mutationView)) MessagePlugin.warning(`${action}金币操作已完成，但列表刷新失败，请手动刷新确认。`);
+ }
+ if (isCurrentViewToken(mutationView) && detail?.id === row.id && key === 'users') {
+ try {
+ const payload = await adminRequest<{ item: Row }>(`/api/v1/admin/users/${row.id}`);
+ if (isCurrentViewToken(mutationView) && detailRef.current?.id === row.id) setDetail(payload.item);
+ } catch { if (isCurrentViewToken(mutationView)) MessagePlugin.warning('金币操作已完成，但用户详情刷新失败，请重新打开详情'); }
+ }
+ return true;
+ } catch (cause) {
+ if (!isCurrentViewToken(mutationView)) return true;
+ if (cause instanceof AdminRequestError && cause.status === 409) MessagePlugin.warning('用户余额已变化，请刷新后重试。');
+ else if (cause instanceof AdminRequestError && cause.status === 422) MessagePlugin.warning(cause.message || '请检查金币数量和调整原因。');
+ else MessagePlugin.error(formatAdminError(cause, '金币调整失败。'));
+ return false;
+ } finally { if (isCurrentViewToken(mutationView)) setMutationPending(false); }
+ };
+
+ const confirmMutation = (path: string, row: Row, body: Record = {}) => {
+ confirmWithAutoClose({
+ header: '确认管理操作',
+ body: '此操作会写入审计日志，是否继续？',
+ confirmBtn: '继续',
+ cancelBtn: '取消',
+ onConfirm: () => requestMutation(path, row, 'POST', body),
+ onError: (cause) => MessagePlugin.error(formatAdminError(cause, '管理操作失败，请稍后重试。')),
+ });
+ };
+
+ const probeAllChannels = async () => {
+ if (mutationPending || !rows.length) return;
+ const mutationView = viewToken;
+ setMutationPending(true);
+ try {
+ const channels = rows.filter((row) => row.id);
+ const results = await Promise.all(channels.map(async (row) => {
+ try {
+ const payload = await adminRequest<{ item?: ChannelProbeItem }>(`/api/v1/admin/channels/${row.id}/test`, { method: 'POST' });
+ const { item } = payload;
+ const requestPath = item?.requestPath || '/v1/models';
+ const requestState = item?.requestAttempted === true ? `已发起 GET ${requestPath}` : item?.requestAttempted === false ? `未发起 GET ${requestPath}` : `请求状态未知（${requestPath}）`;
+ return { label: String(row.label || row.id), healthy: item?.healthy === true, requestPath, requestAttempted: item?.requestAttempted, testedAt: item?.testedAt, error: item?.error || (item?.requestAttempted ? '上游模型列表请求失败。' : '未发起模型列表请求。'), requestState };
+ } catch (cause) {
+ return { label: String(row.label || row.id), healthy: false, requestPath: '/v1/models', requestAttempted: undefined, testedAt: undefined, error: formatAdminError(cause, '渠道测试请求失败。'), requestState: '请求未完成' };
+ }
+ }));
+ const succeeded = results.filter((result) => result.healthy).length;
+ const failures = results.filter((result) => !result.healthy);
+ if (failures.length) {
+ const detail = failures.slice(0, 3).map((result) => `${result.label}：${result.requestState}；${result.error}`).join('；');
+ MessagePlugin.warning(`渠道测试完成：成功 ${succeeded} 个，失败 ${failures.length} 个。${detail}`);
+ }
+ else MessagePlugin.success(`已完成 ${succeeded} 个渠道测试`);
+ if (isCurrentViewToken(mutationView)) {
+ const refreshed = await load(mutationView);
+ if (!refreshed && isCurrentViewToken(mutationView)) MessagePlugin.warning('批量测试已完成，但列表刷新失败，请手动刷新确认。');
+ }
+ } catch (cause) {
+ if (!isCurrentViewToken(mutationView)) return;
+ MessagePlugin.error(formatAdminError(cause, '批量测试失败，请稍后重试。'));
+ } finally { if (isCurrentViewToken(mutationView)) setMutationPending(false); }
+ };
+
+ const runChannelHealthTest = async () => {
+ if (!dialog || dialog.kind !== 'channelHealthTest' || !dialog.row.id || healthTestLoading) return false;
+ const requestView = viewToken;
+ const sequence = healthTestSequenceRef.current + 1;
+ healthTestSequenceRef.current = sequence;
+ const requestPath = dialog.row.baseUrl ? providerModelsPathFromInput(String(dialog.row.baseUrl)) : '/v1/models';
+ setHealthTestLoading(true);
+ setHealthTestResult(undefined);
+ try {
+ const result = await adminRequest<{ item?: ChannelProbeItem }>(`/api/v1/admin/channels/${dialog.row.id}/test`, { method: 'POST' });
+ if (sequence !== healthTestSequenceRef.current || !isCurrentViewToken(requestView)) return false;
+ const item = result.item || { healthy: false, requestPath, requestAttempted: false, error: '测试接口未返回结果' };
+ setHealthTestResult(item);
+ const requestState = item.requestAttempted === true ? `已发起 GET ${item.requestPath || requestPath}` : item.requestAttempted === false ? `未发起 GET ${item.requestPath || requestPath}` : `请求状态未知（${item.requestPath || requestPath}）`;
+ if (item.healthy) MessagePlugin.success(`渠道测试成功：${requestState}`); else MessagePlugin.warning(`渠道测试失败：${requestState}；${item.error || '上游未返回可用模型'}`);
+ await load(requestView);
+ return true;
+ } catch (cause) {
+ if (sequence !== healthTestSequenceRef.current || !isCurrentViewToken(requestView)) return false;
+ setHealthTestResult({ healthy: false, requestPath, requestAttempted: undefined, error: formatAdminError(cause, '渠道测试请求失败。') });
+ return false;
+ } finally {
+ if (sequence === healthTestSequenceRef.current && isCurrentViewToken(requestView)) setHealthTestLoading(false);
+ }
+ };
+
+ const openDialog = (kind: DialogKind, row: Row) => {
+ invalidateProbe();
+ setProbeModels([]); setSelectedProbeModels([]); setProbeHealthy(undefined); setProbeRequestAttempted(undefined); setProbeLoading(false); setProbeError(''); setProbeRequestPath('/v1/models'); setReconcileFile(null); setChannelModels([]); setManualModelId(''); setChannelMappings([]); setChannelTab(0); setChannelOrderDraft([]); setTestOutputs([]); setTestResult(undefined);
+ const defaults: Record = {};
+ if (kind === 'rights') { defaults.modelIds = Array.isArray(row.allowedModelProductIds) ? row.allowedModelProductIds.join(', ') : ''; defaults.groupIds = Array.isArray(row.allowedChannelGroupIds) ? row.allowedChannelGroupIds.join(', ') : ''; }
+ if (kind === 'resolutions') setResolutionDraft(Array.isArray(row.resolutions) ? row.resolutions.map((item: Row, index: number) => ({ id: String(item.id || `resolution-${index + 1}`), label: String(item.label || ''), width: String(item.width || ''), height: String(item.height || ''), priceMultiplier: String(item.priceMultiplier || '1'), ratios: Array.isArray(item.ratios) && item.ratios.length ? item.ratios.map(String) : [...standardImageRatios] })) : []);
+ if (kind === 'price') defaults.basePrice = String(row.basePrice ?? '');
+ if (kind === 'balanceAdd' || kind === 'balanceDeduct') { defaults.amount = ''; defaults.reason = ''; defaults.mfaCode = ''; }
+ if (kind === 'refund' || kind === 'reject') defaults.reason = '';
+ if (kind === 'reconcile') { defaults.outcome = 'success'; defaults.chargedAmount = ''; }
+ if (kind === 'groupOrder') { const channelIds = Array.isArray(row.channelIds) ? row.channelIds.map(String) : []; defaults.channelIds = channelIds.join(', '); setChannelOrderDraft(channelIds); }
+ if (kind === 'channelEdit') { defaults.providerType = String(row.providerType || 'openai-images'); defaults.label = String(row.label || ''); defaults.baseUrl = String(row.baseUrl || ''); defaults.secretRef = ''; defaults.priority = String(row.priority ?? '0'); setChannelModels(Array.isArray(row.enabledModelIds) ? row.enabledModelIds.map(String) : []); setChannelMappings(Array.isArray(row.modelMappings) ? row.modelMappings.map((item: Row) => createChannelMapping(String(item.displayModelId || ''), String(item.requestModelId || ''))) : []); }
+ if (kind === 'channelTest') { defaults.model = String(row.modelMappings?.[0]?.displayModelId || row.enabledModelIds?.[0] || row.providerModelId || ''); defaults.prompt = '一幅简洁、明亮、适合产品演示的插画'; defaults.ratio = '1:1'; defaults.resolution = '1K'; defaults.quality = 'auto'; defaults.background = 'auto'; defaults.moderation = 'auto'; defaults.output_format = 'png'; }
+ if (kind === 'groupEdit') {
+ const products = Array.isArray(row.products) ? row.products as ChannelGroupProduct[] : channelGroupProducts.filter((product) => String(product.channelGroupId || '') === String(row.id || ''));
+ const capabilities = Array.isArray(row.capabilities) ? row.capabilities.map(String) : products.flatMap((product) => product.capabilities || []).map(String);
+ defaults.name = String(row.name || '');
+ defaults.capabilities = [...new Set(capabilities.filter((value) => channelGroupModeValues.includes(value)))].join(',');
+ defaults.productIds = (Array.isArray(row.productIds) ? row.productIds : products.map((product) => product.productId || product.id)).filter(Boolean).join(',');
+ defaults.channelIds = Array.isArray(row.channelIds) ? row.channelIds.join(',') : '';
+ defaults.retryBudget = String(row.retryBudget ?? '0');
+ defaults.enabled = row.enabled === false ? 'false' : 'true';
+ }
+ if (kind === 'productEdit') { defaults.name = String(row.name || ''); defaults.basePrice = String(row.basePrice ?? '0'); defaults.channelGroupId = row.channelGroupId ? String(row.channelGroupId) : ''; defaults.enabled = row.enabled === false ? 'false' : 'true'; }
+ if (kind === 'planEdit') { defaults.code = String(row.code || ''); defaults.icon = String(row.icon || 'coins'); defaults.name = String(row.name || ''); defaults.description = String(row.description || ''); defaults.includedBalance = String(row.includedBalance ?? ''); defaults.purchaseAmount = String(row.purchaseAmount ?? ''); defaults.durationDays = String(row.durationDays ?? ''); defaults.maxConcurrent = String(row.maxConcurrent ?? ''); defaults.queuePriority = String(row.queuePriority ?? ''); defaults.retentionDays = String(row.retentionDays ?? '30'); defaults.maxRetentionExtensionDays = String(row.maxRetentionExtensionDays ?? '30'); defaults.published = row.published === true ? 'true' : 'false'; }
+ if (kind === 'userEdit') { defaults.status = String(row.status || 'active'); defaults.mfaRequired = row.mfaEnrollmentRequired === true ? 'true' : 'false'; }
+ if (kind === 'paymentProviderEdit') { defaults.enabled = row.enabled === false ? 'false' : 'true'; defaults.secret = ''; }
+ if (kind === 'messageProviderEdit') { defaults.endpoint = String(row.endpoint || ''); defaults.priority = String(row.priority ?? '0'); defaults.enabled = row.enabled === false ? 'false' : 'true'; defaults.secret = ''; }
+ if (kind === 'messageTemplateEdit') { defaults.content = String(row.content || ''); defaults.enabled = row.enabled === false ? 'false' : 'true'; }
+ setDialogValue(defaults);
+ setDialog({ kind, row });
+ };
+
+ const openCreate = () => {
+ if (!section.write || !section.fields) return;
+ invalidateProbe();
+ const current = ['storage', 'systemSettings', 'unit'].includes(section.write) ? rows[0] || {} : {};
+ setResolutionDraft(section.write === 'modelProduct' ? [
+ { id: '1K', label: '1K', width: '1024', height: '1024', priceMultiplier: '1', ratios: [...standardImageRatios] },
+ { id: '2K', label: '2K', width: '2048', height: '2048', priceMultiplier: '1.5', ratios: [...standardImageRatios] },
+ { id: '4K', label: '4K', width: '3840', height: '2160', priceMultiplier: '2', ratios: [...standardImageRatios] },
+ ] : []);
+ setProbeModels([]); setSelectedProbeModels([]); setProbeHealthy(undefined); setProbeRequestAttempted(undefined); setProbeLoading(false); setProbeError(''); setProbeRequestPath('/v1/models'); setReconcileFile(null); setChannelModels([]); setManualModelId(''); setChannelMappings([]); setChannelTab(0); setChannelOrderDraft([]); setTestResult(undefined); setTestOutputs([]);
+ const defaults: Record = {};
+ section.fields.forEach((field) => {
+ const currentValue = current[field.key];
+ defaults[field.key] = currentValue !== undefined ? String(currentValue) : field.type === 'switch' ? 'false' : field.key === 'status' ? 'active' : field.key === 'capabilities' ? 'image' : '';
+ });
+ if (section.write === 'channel') { defaults.providerType = 'openai-images'; defaults.priority = '0'; }
+ if (section.write === 'channelGroup') { defaults.name = ''; defaults.capabilities = 'image'; defaults.productIds = ''; defaults.channelIds = ''; defaults.retryBudget = '0'; defaults.enabled = 'true'; }
+ setDialogValue(defaults);
+ setDialog({ kind: 'create', row: current });
+ };
+
+ const probeChannelModels = async () => {
+ if (probeLoading || mutationPending) return;
+ const requestView = viewToken;
+ const value = dialogValue;
+ const secret = value.secretRef?.trim() || '';
+ if (!isProviderUrl(value.baseUrl || '')) { setProbeHealthy(undefined); setProbeRequestAttempted(false); setProbeError('请填写完整请求地址（例如：https://example.com 或 https://example.com/v1）；未发起模型列表请求。'); MessagePlugin.warning('请填写完整请求地址（例如：https://example.com 或 https://example.com/v1）'); return; }
+ if (dialog?.kind !== 'channelEdit' && !secret) { setProbeHealthy(undefined); setProbeRequestAttempted(false); setProbeError('请填写 API 密钥；未发起模型列表请求。'); MessagePlugin.warning('请填写 API 密钥'); return; }
+ const startedAt = Date.now();
+ const probeSequence = probeSequenceRef.current + 1;
+ probeSequenceRef.current = probeSequence;
+ setProbeLoading(true); setProbeModels([]); setSelectedProbeModels([]); setProbeHealthy(undefined); setProbeRequestAttempted(undefined); setProbeError(''); setProbeRequestPath(providerModelsPathFromInput(value.baseUrl));
+ try {
+ const result = await adminRequest<{ item?: ChannelProbeItem }>('/api/v1/admin/channels/probe', { method: 'POST', body: JSON.stringify({ providerType: 'openai-images', channelId: dialog?.kind === 'channelEdit' ? dialog.row.id : undefined, baseUrl: value.baseUrl.trim(), ...(value.secretRef?.trim() ? { secretRef: value.secretRef.trim() } : {}) }) });
+ if (probeSequence !== probeSequenceRef.current || !isCurrentViewToken(requestView)) return;
+ const probeItem = result.item;
+ const models = probeItem && Array.isArray(probeItem.models) ? probeItem.models : [];
+ const requestPath = probeItem?.requestPath || providerModelsPathFromInput(value.baseUrl);
+ const failure = probeFailureText(probeItem);
+ setProbeRequestPath(requestPath); setProbeModels(models); setSelectedProbeModels([]); setProbeHealthy(probeItem?.healthy === true); setProbeRequestAttempted(probeItem?.requestAttempted); setProbeError(probeItem?.healthy === true ? '' : failure);
+ if (probeItem?.healthy === true) MessagePlugin.success(`拉取成功，发现 ${models.length} 个模型`); else MessagePlugin.warning(failure);
+ } catch (cause) {
+ if (probeSequence !== probeSequenceRef.current || !isCurrentViewToken(requestView)) return;
+ const message = cause instanceof AdminRequestError && /[\u3400-\u9fff]/.test(cause.message) ? cause.message : formatAdminError(cause, '模型列表拉取失败');
+ setProbeHealthy(false); setProbeRequestAttempted(undefined); setProbeError(message); MessagePlugin.error(message);
+ } finally {
+ const remaining = Math.max(0, 240 - (Date.now() - startedAt));
+ if (remaining) await new Promise((resolve) => { window.setTimeout(resolve, remaining); });
+ if (probeSequence === probeSequenceRef.current && isCurrentViewToken(requestView)) setProbeLoading(false);
+ }
+ };
+
+ const runChannelTestGeneration = async () => {
+ if (!dialog || dialog.kind !== 'channelTest' || !dialog.row.id || testLoading) return false;
+ const requestView = viewToken;
+ const testSequence = testSequenceRef.current + 1;
+ testSequenceRef.current = testSequence;
+ const value = dialogValue;
+ if (!value.model?.trim()) { MessagePlugin.warning('请先选择要测试的模型'); return false; }
+ if (!value.prompt?.trim()) { MessagePlugin.warning('请填写测试提示词'); return false; }
+ setTestLoading(true);
+ setTestOutputs([]);
+ setTestResult(undefined);
+ try {
+ const selectedModel = value.model.trim();
+ const mappedModel = Array.isArray(dialog.row.modelMappings)
+ ? dialog.row.modelMappings.find((item: Row) => String(item.displayModelId || '').trim() === selectedModel)?.requestModelId
+ : undefined;
+ const result = await adminRequest<{ item?: { outputs?: TestOutput[] } & ChannelGenerationTestResult }>(`/api/v1/admin/channels/${dialog.row.id}/test-generation`, {
+ method: 'POST',
+ body: JSON.stringify({
+ model: String(mappedModel || selectedModel).trim(),
+ prompt: value.prompt.trim(),
+ ratio: value.ratio || '1:1',
+ resolution: value.resolution || '1K',
+ quality: value.quality || 'auto',
+ background: value.background || 'auto',
+ moderation: value.moderation || 'auto',
+ output_format: value.output_format || 'png',
+ }),
+ });
+ if (testSequence !== testSequenceRef.current || !isCurrentViewToken(requestView)) return false;
+ const item = result.item || {};
+ const returnedOutputs = result.item?.outputs;
+ const outputs: TestOutput[] = Array.isArray(returnedOutputs) ? returnedOutputs : [];
+ setTestResult(item);
+ setTestOutputs(outputs);
+ const requestPath = item.requestPath || '/v1/images/generations';
+ const requestState = item.requestAttempted === true ? `已发起 POST ${requestPath}` : item.requestAttempted === false ? `未发起 POST ${requestPath}` : `请求状态未知（${requestPath}）`;
+ if (item.healthy && outputs.length) MessagePlugin.success(`测试生成完成，共 ${outputs.length} 张图片；${requestState}`);
+ else MessagePlugin.warning(`测试生成失败；${requestState}；${item.error || '上游没有返回图片结果。'}`);
+ return true;
+ } catch (cause) {
+ if (testSequence !== testSequenceRef.current || !isCurrentViewToken(requestView)) return false;
+ const error = formatAdminError(cause, '测试生成失败，请检查渠道配置和上游返回。');
+ setTestResult({ healthy: false, requestPath: '/v1/images/generations', requestAttempted: undefined, error, testedAt: new Date().toISOString() });
+ MessagePlugin.error(error);
+ return false;
+ } finally {
+ if (testSequence === testSequenceRef.current && isCurrentViewToken(requestView)) setTestLoading(false);
+ }
+ };
+
+ const submitCreate = async () => {
+ if (!section.write || mutationPending) return false;
+ const mutationView = viewToken;
+ setMutationPending(true);
+ try {
+ const value = dialogValue;
+ const split = (input: string) => input.split(',').map((item) => item.trim()).filter(Boolean);
+ let path = '';
+ let method: 'POST' | 'PATCH' = 'POST';
+ const headers: Record = {};
+ let body: Record = { ...value };
+ if (section.write === 'user') {
+ if (!value.email?.trim() && !value.phone?.trim()) { MessagePlugin.warning('邮箱和手机号至少填写一项'); return false; }
+ if (!value.password || value.password.length < 8) { MessagePlugin.warning('初始密码至少需要 8 个字符'); return false; }
+ path = '/api/v1/admin/users';
+ body = { username: value.username?.trim() || undefined, email: value.email?.trim() || undefined, phone: value.phone?.trim() || undefined, password: value.password };
+ }
+ else if (section.write === 'channel') {
+ const providerType = 'openai-images';
+ if (!value.label?.trim()) { MessagePlugin.warning('请填写渠道名称'); return false; }
+ const priority = Number(value.priority);
+ if (!Number.isSafeInteger(priority) || priority < 0) { MessagePlugin.warning('优先级必须是非负整数'); return false; }
+ const mappingDrafts = channelMappings.map((item) => ({ displayModelId: item.displayModelId.trim(), requestModelId: item.requestModelId.trim() }));
+ if (mappingDrafts.some((item) => Boolean(item.displayModelId) !== Boolean(item.requestModelId))) { MessagePlugin.warning('请完整填写模型映射，或删除未填写完整的映射'); return false; }
+ const mappings = mappingDrafts.filter((item) => item.displayModelId && item.requestModelId);
+ if (!isProviderUrl(value.baseUrl || '') || !channelModels.length || !(value.secretRef?.trim() || '')) { MessagePlugin.warning('请填写完整请求地址（例如：https://example.com 或 https://example.com/v1）、至少添加一个模型并配置 API 密钥'); return false; }
+ if (mappings.some((item) => !channelModels.includes(item.requestModelId))) { MessagePlugin.warning('映射中的请求模型必须先添加到模型列表'); return false; }
+ path = '/api/v1/admin/channels';
+ body = { label: value.label.trim(), providerType, providerName: 'OpenAI', enabledModelIds: channelModels, modelMappings: mappings, baseUrl: value.baseUrl.trim(), secretRef: value.secretRef?.trim(), priority };
+ }
+ else if (section.write === 'channelGroup') {
+ const channelIds = resolveDisplayIds('channels', String(value.channelIds || ''));
+ if (!channelIds.length) { MessagePlugin.warning('请至少选择一个渠道'); return false; }
+ const capabilities = split(String(value.capabilities || ''));
+ const productIds = split(String(value.productIds || ''));
+ const retryBudget = safeIntegerOrDefault(value.retryBudget, channelIds.length);
+ if (retryBudget === undefined || retryBudget < 0) { MessagePlugin.warning('失败重试次数必须是非负整数'); return false; }
+ if (!capabilities.length) { MessagePlugin.warning('请至少选择一种适用模式'); return false; }
+ if (capabilities.some((capability) => !channelGroupCapabilityOptions.some((option) => option.value === capability))) { MessagePlugin.warning('适用模式包含不支持的类型'); return false; }
+ const incompatibleProducts = productIds.filter((productId) => {
+ const product = channelGroupProductMap.get(productId);
+ return product && !(product.capabilities || []).some((capability) => capabilities.includes(String(capability)));
+ });
+ if (incompatibleProducts.length) { MessagePlugin.warning('已选模型产品与适用模式不匹配，请先移除不匹配的产品'); return false; }
+ const productsInOtherGroups = productIds.filter((productId) => {
+ const product = channelGroupProductMap.get(productId);
+ return Boolean(product?.channelGroupId);
+ });
+ if (productsInOtherGroups.length) { MessagePlugin.warning('已选模型产品已属于其他渠道分组，请先解除原分组关联'); return false; }
+ path = '/api/v1/admin/channel-groups'; body = { name: value.name?.trim() || undefined, capabilities, productIds, channelIds, retryBudget, enabled: value.enabled !== 'false' };
+ }
+ else if (section.write === 'modelProduct') {
+ path = '/api/v1/admin/model-products';
+ const resolutions = resolutionDraft.map((item) => ({ id: item.id.trim(), label: item.label.trim(), width: Number(item.width), height: Number(item.height), priceMultiplier: Number(item.priceMultiplier), ratios: item.ratios })).filter((item) => item.id && item.label && Number.isInteger(item.width) && item.width > 0 && Number.isInteger(item.height) && item.height > 0 && Number.isFinite(item.priceMultiplier) && item.priceMultiplier > 0 && item.ratios.length);
+ if (!resolutions.length) { MessagePlugin.warning('请至少配置一个有效分辨率'); return false; }
+ if (value.enabled !== 'false' && !value.channelGroupId?.trim()) { MessagePlugin.warning('模型上架前必须选择渠道组'); return false; }
+ if (!value.publicModelId?.trim() || !value.name?.trim()) { MessagePlugin.warning('请填写公开模型 ID 和产品名称'); return false; }
+ const basePrice = safeIntegerOrDefault(value.basePrice, 0);
+ const maxCount = safeIntegerOrDefault(value.maxCount, 1);
+ const maxConcurrent = safeIntegerOrDefault(value.maxConcurrent, 1);
+ if (basePrice === undefined || basePrice < 0 || maxCount === undefined || maxCount < 1 || maxConcurrent === undefined || maxConcurrent < 1) { MessagePlugin.warning('基础价格必须是非负整数，数量上限和并发上限必须是正整数'); return false; }
+ body = { ...body, publicModelId: value.publicModelId.trim(), channelGroupId: value.channelGroupId ? resolveDisplayId('channel-groups', value.channelGroupId) : undefined, basePrice, maxCount, maxConcurrent, capabilities: split(String(value.capabilities || 'image')), resolutions, enabled: value.enabled !== 'false' };
+ }
+ else if (section.write === 'plan') {
+ const includedBalance = safeIntegerOrDefault(value.includedBalance, 0);
+ const purchaseAmount = numberOrDefault(value.purchaseAmount, 0);
+ const durationDays = safeIntegerOrDefault(value.durationDays, 30);
+ const maxConcurrent = safeIntegerOrDefault(value.maxConcurrent, 1);
+ const queuePriority = safeIntegerOrDefault(value.queuePriority, 0);
+ const retentionDays = safeIntegerOrDefault(value.retentionDays, 30);
+ const maxRetentionExtensionDays = safeIntegerOrDefault(value.maxRetentionExtensionDays, 30);
+ if (!value.code?.trim() || !value.name?.trim() || includedBalance === undefined || includedBalance < 0 || purchaseAmount === undefined || purchaseAmount < 0 || durationDays === undefined || durationDays < 1 || maxConcurrent === undefined || maxConcurrent < 1 || queuePriority === undefined || queuePriority < 0 || retentionDays === undefined || retentionDays < 1 || maxRetentionExtensionDays === undefined || maxRetentionExtensionDays < 0) { MessagePlugin.warning('请填写套餐编码、名称，并确认金额和金币为非负数，时长与保留天数大于 0，其余策略为有效整数'); return false; }
+ path = '/api/v1/admin/membership-plans'; body = { ...body, code: value.code.trim(), name: value.name.trim(), published: false, includedBalance, purchaseAmount, durationDays, maxConcurrent, queuePriority, retentionDays, maxRetentionExtensionDays, allowedModelProductIds: resolveDisplayIds('model-products', String(value.allowedModelProductIds || '')), allowedChannelGroupIds: resolveDisplayIds('channel-groups', String(value.allowedChannelGroupIds || '')) };
+ }
+ else if (section.write === 'unit') {
+ const conversionRate = numberOrDefault(value.conversionRate, 1);
+ const precision = safeIntegerOrDefault(value.precision, 0);
+ if (conversionRate === undefined || conversionRate <= 0 || precision === undefined || precision < 0) { MessagePlugin.warning('换算倍率必须是正数，小数位数必须是非负整数'); return false; }
+ path = '/api/v1/admin/billing/units'; method = 'PATCH'; if (rows[0]?.version !== undefined) headers['If-Match'] = String(rows[0].version); body = { ...body, conversionRate, precision, rounding: value.rounding || undefined };
+ }
+ else if (section.write === 'manualRecharge') {
+ const userId = value.userId?.trim();
+ if (!userId) { MessagePlugin.warning('请选择充值用户'); return false; }
+ const balanceAmount = Number(value.balanceAmount || 0);
+ const fiatAmount = Number(value.fiatAmount || value.balanceAmount || 0);
+ if (!Number.isSafeInteger(balanceAmount) || balanceAmount <= 0) { MessagePlugin.warning('到账金币必须是正整数'); return false; }
+ if (!Number.isFinite(fiatAmount) || fiatAmount < 0) { MessagePlugin.warning('支付金额必须是有效的非负数'); return false; }
+ const reason = value.reason?.trim() || '';
+ if (!reason) { MessagePlugin.warning('请填写人工充值原因'); return false; }
+ path = '/api/v1/admin/recharge-orders'; body = { ...body, userId, balanceAmount, fiatAmount, reason };
+ }
+ else if (section.write === 'paymentProvider') { path = '/api/v1/admin/payment-providers'; body = { ...body, mode: value.mode === 'live' ? 'live' : 'test', secret: value.secret || undefined }; }
+ else if (section.write === 'storage') {
+ const retentionDays = safeIntegerOrDefault(value.retentionDays, 30);
+ const maxRetentionExtensionDays = safeIntegerOrDefault(value.maxRetentionExtensionDays, 30);
+ if (retentionDays === undefined || retentionDays < 1 || maxRetentionExtensionDays === undefined || maxRetentionExtensionDays < 0) { MessagePlugin.warning('保留天数必须是正整数，最大延长天数必须是非负整数'); return false; }
+ path = '/api/v1/admin/storage-policies'; method = 'PATCH'; if (rows[0]?.version !== undefined) headers['If-Match'] = String(rows[0].version); body = { ...body, retentionDays, maxRetentionExtensionDays, archiveMode: value.archiveMode || undefined };
+ }
+ else if (section.write === 'systemSettings') {
+ path = '/api/v1/admin/settings'; method = 'PATCH';
+ if (rows[0]?.version !== undefined) headers['If-Match'] = String(rows[0].version);
+ body = { adminMfaRequired: value.adminMfaRequired === 'true', adminCaptchaRequired: value.adminCaptchaRequired === 'true', userMfaRequired: value.userMfaRequired === 'true', userVerificationRequired: value.userVerificationRequired === 'true', emailRegistrationVerificationRequired: value.emailRegistrationVerificationRequired === 'true', phoneRegistrationVerificationRequired: value.phoneRegistrationVerificationRequired === 'true', captchaRequired: value.captchaRequired === 'true', rateLimitWindowMs: Number(value.rateLimitWindowMs), rateLimitMax: Number(value.rateLimitMax), queueMaxConcurrent: Number(value.queueMaxConcurrent), auditRetentionDays: Number(value.auditRetentionDays), auditMaxEntries: Number(value.auditMaxEntries) };
+ }
+ else if (section.write === 'messageProvider') {
+ const endpoint = value.endpoint?.trim() || '';
+ const priority = safeIntegerOrDefault(value.priority, 0);
+ const enabled = value.enabled !== 'false';
+ if (!value.name?.trim()) { MessagePlugin.warning('请填写供应商名称'); return false; }
+ if (enabled && !endpoint) { MessagePlugin.warning('启用消息供应商必须填写接口地址'); return false; }
+ if (endpoint && !isProviderUrl(endpoint)) { MessagePlugin.warning('接口地址必须是完整的 HTTP/HTTPS 地址，例如：https://example.com'); return false; }
+ if (priority === undefined || priority < 0) { MessagePlugin.warning('优先级必须是非负整数'); return false; }
+ path = '/api/v1/admin/message-providers'; body = { ...body, name: value.name.trim(), channel: value.channel === 'sms' ? 'sms' : 'email', ...(endpoint ? { endpoint } : {}), priority, enabled, secret: value.secret || undefined };
+ }
+ else if (section.write === 'messageTemplate') { path = '/api/v1/admin/message-templates'; body = { ...body, channel: value.channel === 'sms' ? 'sms' : 'email', content: value.content || '', enabled: value.enabled !== 'false' }; }
+ else if (section.write === 'adminMfa') {
+ const action = String(value.action || 'setup');
+ if ((action === 'setup' || action === 'verify') && !admin.mfaRequired) { MessagePlugin.warning('请先在系统设置中开启管理员两步验证'); return false; }
+ if (action === 'disable' && admin.mfaRequired) { MessagePlugin.warning('当前系统安全策略不允许停用管理员两步验证'); return false; }
+ path = action === 'disable' ? '/api/v1/admin/auth/mfa/disable' : action === 'verify' ? '/api/v1/admin/auth/mfa/verify' : '/api/v1/admin/auth/mfa/setup'; body = { code: value.code || undefined, recoveryCode: value.recoveryCode || undefined, reason: value.reason || undefined };
+ }
+ else return false;
+ const result = await adminRequest<{ initialPassword?: string; recoveryCodes?: string[]; provisioningUri?: string; item?: Row }>(path, { method, headers, body: JSON.stringify(body) });
+ if (section.write === 'user' && result.initialPassword) alertWithAutoClose({ header: '用户已创建', body: `初始密码仅显示本次：${result.initialPassword}\n请立即复制并通过安全渠道交付。` });
+ else if (section.write === 'adminMfa' && (result.recoveryCodes?.length || result.provisioningUri)) alertWithAutoClose({ header: '管理员两步验证信息（仅显示一次）', body: `绑定地址：${result.provisioningUri || '-'}\n恢复码：${(result.recoveryCodes || []).join('、') || '-'}\n请立即保存恢复码。` });
+ else MessagePlugin.success(section.write === 'adminMfa' ? '管理员安全策略已更新' : ['systemSettings', 'storage', 'unit'].includes(section.write) ? '配置已保存' : section.write === 'manualRecharge' ? '人工充值申请已提交，审批通过后到账' : '新增成功');
+ if (isCurrentViewToken(mutationView)) closeDialog();
+ if (section.write === 'manualRecharge') { if (isCurrentViewToken(mutationView)) navigate('/approvals'); return true; }
+ if (isCurrentViewToken(mutationView)) {
+ const refreshed = await load(mutationView);
+ if (!refreshed && isCurrentViewToken(mutationView)) MessagePlugin.warning('新增已完成，但列表刷新失败，请手动刷新确认。');
+ if (section.write === 'channelGroup') {
+ const refsRefreshed = await loadChannelGroupRefs(mutationView);
+ if (!refsRefreshed && isCurrentViewToken(mutationView)) MessagePlugin.warning('新增已完成，但渠道和模型产品列表刷新失败，请手动刷新确认。');
+ }
+ }
+ return true;
+ } finally { if (isCurrentViewToken(mutationView)) setMutationPending(false); }
+ };
+
+ const confirmDialog = async () => {
+ if (!dialog || mutationPending || probeLoading || testLoading || healthTestLoading) return;
+ const confirmView = viewToken;
+ const { kind, row } = dialog;
+ const value = dialogValue;
+ if (kind === 'channelTest') {
+ await runChannelTestGeneration();
+ return;
+ }
+ if (kind === 'channelHealthTest') {
+ await runChannelHealthTest();
+ return;
+ }
+ if (kind === 'create') {
+ try { await submitCreate(); } catch (cause) { if (isCurrentViewToken(confirmView)) MessagePlugin.error(formatAdminError(cause, '新增失败，请检查填写内容后重试。')); }
+ return;
+ }
+ let success = true;
+ try {
+ if ((kind === 'balanceAdd' || kind === 'balanceDeduct') && row.id) {
+ const amount = Number(value.amount); if (!Number.isSafeInteger(amount) || amount < 1 || amount > 1_000_000) { MessagePlugin.warning('金币数量必须是 1 至 1,000,000 的整数'); return; }
+ const available = Number(row.balance?.available || 0);
+ if (kind === 'balanceDeduct' && amount > available) { MessagePlugin.warning(`当前最多可扣减 ${available.toLocaleString('zh-CN')} 金币`); return; }
+ if (!value.reason?.trim()) { MessagePlugin.warning('请填写调整原因'); return; }
+ if (admin.selfApprovalAllowed && admin.mfaRequired && !value.mfaCode?.trim()) { MessagePlugin.warning('请输入管理员两步验证码'); return; }
+ success = await submitBalanceAdjustment(row, kind === 'balanceAdd' ? amount : -amount, value.reason.trim(), value.mfaCode?.trim());
+ } else if (kind === 'channelEdit' && row.id) {
+ const priority = Number(value.priority);
+ const providerType = 'openai-images';
+ if (!Number.isSafeInteger(priority) || priority < 0 || !value.label?.trim()) { MessagePlugin.warning('请填写渠道名称和有效优先级'); return; }
+ const mappingDrafts = channelMappings.map((item) => ({ displayModelId: item.displayModelId.trim(), requestModelId: item.requestModelId.trim() }));
+ if (mappingDrafts.some((item) => Boolean(item.displayModelId) !== Boolean(item.requestModelId))) { MessagePlugin.warning('请完整填写模型映射，或删除未填写完整的映射'); return; }
+ const mappings = mappingDrafts.filter((item) => item.displayModelId && item.requestModelId);
+ if (!isProviderUrl(value.baseUrl || '') || !channelModels.length) { MessagePlugin.warning('请填写完整请求地址并至少添加一个模型'); return; }
+ if (mappings.some((item) => !channelModels.includes(item.requestModelId))) { MessagePlugin.warning('映射中的请求模型必须先添加到模型列表'); return; }
+ success = await requestMutation(`/api/v1/admin/channels/${row.id}`, row, 'PATCH', { label: value.label.trim(), providerType, providerName: 'OpenAI', enabledModelIds: channelModels, modelMappings: mappings, baseUrl: value.baseUrl.trim(), priority, ...(value.secretRef?.trim() ? { secretRef: value.secretRef.trim() } : {}) });
+ } else if (kind === 'resolutions' && row.id) {
+ const resolutions = resolutionDraft.map((item) => ({ id: item.id.trim(), label: item.label.trim(), width: Number(item.width), height: Number(item.height), priceMultiplier: Number(item.priceMultiplier), ratios: item.ratios })).filter((item) => item.id && item.label && Number.isInteger(item.width) && item.width > 0 && Number.isInteger(item.height) && item.height > 0 && Number.isFinite(item.priceMultiplier) && item.priceMultiplier > 0 && item.ratios.length);
+ if (!resolutions.length) { MessagePlugin.error('请至少填写一个有效分辨率'); return; }
+ success = await requestMutation(`/api/v1/admin/model-products/${row.id}/resolutions`, row, 'PATCH', { resolutions });
+ } else if (kind === 'rights' && row.id) {
+ success = await requestMutation(`/api/v1/admin/membership-plans/${row.id}`, row, 'PATCH', { allowedModelProductIds: resolveDisplayIds('model-products', value.modelIds || ''), allowedChannelGroupIds: resolveDisplayIds('channel-groups', value.groupIds || '') });
+ } else if (kind === 'approve' && row.id) {
+ if (admin.mfaRequired && !value.mfaCode?.trim()) { MessagePlugin.warning('请输入管理员两步验证码'); return; }
+ success = await requestMutation(`/api/v1/admin/approvals/${row.id}/approve`, row, 'POST', admin.mfaRequired ? { mfaCode: value.mfaCode.trim() } : {});
+ } else if (kind === 'reject' && row.id) {
+ if (!value.reason?.trim()) { MessagePlugin.warning('请填写驳回原因'); return; }
+ success = await requestMutation(`/api/v1/admin/approvals/${row.id}/reject`, row, 'POST', { reason: value.reason.trim() });
+ } else if (kind === 'price' && row.id) {
+ const amount = Number(value.basePrice); if (!Number.isSafeInteger(amount) || amount < 0) { MessagePlugin.warning('价格必须是非负整数'); return; }
+ success = await requestMutation(`/api/v1/admin/pricing-rules/${row.id}`, row, 'PATCH', { basePrice: amount });
+ } else if (kind === 'groupOrder' && row.id) {
+ const channelIds = resolveDisplayIds('channels', value.channelIds || ''); if (!channelIds.length) { MessagePlugin.warning('请输入渠道 ID 顺序'); return; }
+ success = await requestMutation(`/api/v1/admin/channel-groups/${row.id}/order`, row, 'PATCH', { channelIds });
+ } else if (kind === 'groupEdit' && row.id) {
+ const channelIds = resolveDisplayIds('channels', value.channelIds || '');
+ const capabilities = (value.capabilities || '').split(',').map((item) => item.trim()).filter(Boolean);
+ const productIds = resolveDisplayIds('model-products', value.productIds || '');
+ const retryBudget = safeIntegerOrDefault(value.retryBudget, 0);
+ if (!capabilities.length || !channelIds.length || retryBudget === undefined || retryBudget < 0) { MessagePlugin.warning('请选择适用模式和渠道成员，并填写有效失败重试次数'); return; }
+ if (capabilities.some((capability) => !channelGroupCapabilityOptions.some((option) => option.value === capability))) { MessagePlugin.warning('适用模式包含不支持的类型'); return; }
+ const incompatibleProducts = productIds.filter((productId) => {
+ const product = channelGroupProductMap.get(productId);
+ return product && !(product.capabilities || []).some((capability) => capabilities.includes(String(capability)));
+ });
+ if (incompatibleProducts.length) { MessagePlugin.warning('已选模型产品与适用模式不匹配，请先移除不匹配的产品'); return; }
+ const productsInOtherGroups = productIds.filter((productId) => {
+ const product = channelGroupProductMap.get(productId);
+ return product?.channelGroupId && String(product.channelGroupId) !== String(row.id);
+ });
+ if (productsInOtherGroups.length) { MessagePlugin.warning('已选模型产品属于其他渠道分组，请先解除原分组关联'); return; }
+ success = await requestMutation(`/api/v1/admin/channel-groups/${row.id}`, row, 'PATCH', { name: value.name?.trim() || undefined, capabilities, productIds, channelIds, retryBudget, enabled: value.enabled === 'true' });
+ } else if (kind === 'productEdit' && row.id) {
+ const basePrice = Number(value.basePrice);
+ if (!value.name?.trim() || !Number.isSafeInteger(basePrice) || basePrice < 0) { MessagePlugin.warning('请填写产品名称和有效价格'); return; }
+ if (value.enabled === 'true' && !value.channelGroupId?.trim()) { MessagePlugin.warning('模型上架前必须选择渠道组'); return; }
+ success = await requestMutation(`/api/v1/admin/model-products/${row.id}`, row, 'PATCH', { name: value.name.trim(), basePrice, channelGroupId: value.channelGroupId?.trim() ? resolveDisplayId('channel-groups', value.channelGroupId) : '', enabled: value.enabled === 'true' });
+ } else if (kind === 'userEdit' && row.id) {
+ success = await requestMutation(`/api/v1/admin/users/${row.id}`, row, 'PATCH', { status: value.status === 'frozen' ? 'frozen' : 'active', mfaRequired: value.mfaRequired === 'true' });
+ } else if (kind === 'paymentProviderEdit' && row.id) {
+ const secret = value.secret?.trim();
+ success = await requestMutation(`/api/v1/admin/payment-providers/${row.id}`, row, 'PATCH', { enabled: value.enabled === 'true', ...(secret ? { secret } : {}) });
+ } else if (kind === 'messageProviderEdit' && row.id) {
+ const endpoint = value.endpoint?.trim() || '';
+ const priority = safeIntegerOrDefault(value.priority, 0);
+ if (endpoint && !isProviderUrl(endpoint)) { MessagePlugin.warning('接口地址必须是完整的 HTTP/HTTPS 地址，例如：https://example.com'); return; }
+ if (value.enabled === 'true' && !endpoint && !String(row.endpoint || '').trim()) { MessagePlugin.warning('启用消息供应商必须填写接口地址'); return; }
+ if (priority === undefined || priority < 0) { MessagePlugin.warning('优先级必须是非负整数'); return; }
+ const secret = value.secret?.trim();
+ success = await requestMutation(`/api/v1/admin/message-providers/${row.id}`, row, 'PATCH', { enabled: value.enabled === 'true', ...(endpoint ? { endpoint } : {}), priority, ...(secret ? { secret } : {}) });
+ } else if (kind === 'messageTemplateEdit' && row.id) {
+ if (!value.content?.trim()) { MessagePlugin.warning('模板内容不能为空'); return; }
+ success = await requestMutation(`/api/v1/admin/message-templates/${row.id}`, row, 'PATCH', { content: value.content, enabled: value.enabled === 'true' });
+ } else if (kind === 'planEdit' && row.id) {
+ const purchaseAmount = numberOrDefault(value.purchaseAmount, 0);
+ if (purchaseAmount === undefined || purchaseAmount < 0) { MessagePlugin.warning('套餐购买价格必须是有效的非负数'); return; }
+ const integerKeys = ['includedBalance', 'durationDays', 'maxConcurrent', 'queuePriority', 'retentionDays', 'maxRetentionExtensionDays']; const payload: Record = { code: value.code?.trim(), icon: value.icon, name: value.name, description: value.description, published: value.published === 'true', purchaseAmount };
+ const invalid = integerKeys.some((key) => { const amount = Number(value[key]); const minimum = key === 'durationDays' || key === 'retentionDays' || key === 'maxConcurrent' ? 1 : 0; if (!Number.isSafeInteger(amount) || amount < minimum) return true; payload[key] = amount; return false; });
+ if (invalid) { MessagePlugin.warning('套餐时长和保留天数必须大于 0，并发上限至少为 1，其余数值不能为负数'); return; }
+ success = await requestMutation(`/api/v1/admin/membership-plans/${row.id}`, row, 'PATCH', payload);
+ } else if (kind === 'refund' && row.id) {
+ if (!value.reason?.trim()) { MessagePlugin.warning('请填写退款原因'); return; }
+ success = await requestMutation(`/api/v1/admin/recharge-orders/${row.id}`, row, 'PATCH', { status: 'refunded', reason: value.reason.trim() });
+ } else if (kind === 'reconcile' && row.id) {
+ const outcome = value.outcome === 'failure' ? 'failure' : 'success';
+ const chargedAmount = value.chargedAmount?.trim();
+ if (chargedAmount && (!Number.isSafeInteger(Number(chargedAmount)) || Number(chargedAmount) < 0)) { MessagePlugin.warning('结算金币必须是非负整数'); return; }
+ if (outcome === 'success' && !reconcileFile && !Number(row.outputCount || 0)) { MessagePlugin.warning('没有已有结果时，成功对账必须上传真实图片'); return; }
+ if (outcome === 'success' && reconcileFile) {
+ const form = new FormData();
+ form.set('outcome', outcome);
+ if (chargedAmount) form.set('chargedAmount', String(Number(chargedAmount)));
+ const binary = Uint8Array.from(atob(reconcileFile.data), (value) => value.charCodeAt(0));
+ form.append('file', new Blob([binary], { type: reconcileFile.mimeType }), reconcileFile.name || 'reconciled-image');
+ success = await requestMutation(`/api/v1/admin/tasks/${row.id}/reconcile`, row, 'POST', form);
+ } else {
+ success = await requestMutation(`/api/v1/admin/tasks/${row.id}/reconcile`, row, 'POST', { outcome, ...(chargedAmount ? { chargedAmount: Number(chargedAmount) } : {}) });
+ }
+ }
+ if (success && isCurrentViewToken(confirmView)) closeDialog();
+ } catch (cause) {
+ if (isCurrentViewToken(confirmView)) MessagePlugin.error(formatAdminError(cause, '操作失败，请检查填写内容后重试。'));
+ }
+ };
+
+ const openUserDetail = async (row: Row) => {
+ if (!row.id) return;
+ const request = beginDetailRequest(() => { void openUserDetail(row); });
+ try {
+ const payload = await adminRequest<{ item: Row }>(`/api/v1/admin/users/${row.id}`, { signal: request.controller.signal });
+ if (request.sequence !== detailSequenceRef.current || detailAbortRef.current !== request.controller || !isCurrentViewToken(request.token)) return;
+ setUserDetailTab('account'); setDetail(payload.item); setDetailError(''); setDetailLoading(false);
+ } catch (cause) {
+ if (request.sequence !== detailSequenceRef.current || detailAbortRef.current !== request.controller || !isCurrentViewToken(request.token) || (cause instanceof AdminRequestError && cause.code === 'REQUEST_ABORTED')) return;
+ setDetailError(formatAdminError(cause, '用户详情加载失败，请稍后重试。'));
+ } finally {
+ if (request.sequence === detailSequenceRef.current && detailAbortRef.current === request.controller) { detailAbortRef.current = null; setDetailLoading(false); }
+ }
+ };
+
+ const openTaskDetail = async (row: Row) => {
+ if (!row.id) return;
+ const request = beginDetailRequest(() => { void openTaskDetail(row); });
+ try {
+ const payload = await adminRequest<{ item: Row }>(`/api/v1/admin/tasks/${row.id}`, { signal: request.controller.signal });
+ if (request.sequence !== detailSequenceRef.current || detailAbortRef.current !== request.controller || !isCurrentViewToken(request.token)) return;
+ setDetail(payload.item); setDetailError(''); setDetailLoading(false);
+ } catch (cause) {
+ if (request.sequence !== detailSequenceRef.current || detailAbortRef.current !== request.controller || !isCurrentViewToken(request.token) || (cause instanceof AdminRequestError && cause.code === 'REQUEST_ABORTED')) return;
+ setDetailError(formatAdminError(cause, '任务详情加载失败，请稍后重试。'));
+ } finally {
+ if (request.sequence === detailSequenceRef.current && detailAbortRef.current === request.controller) { detailAbortRef.current = null; setDetailLoading(false); }
+ }
+ };
+
+ const resetUserPassword = (row: Row) => {
+ if (!row.id) return;
+ const mutationView = viewToken;
+ confirmWithAutoClose({
+ header: '重置用户密码',
+ body: '将生成一次性初始密码并撤销用户的全部会话，是否继续？',
+ confirmBtn: '重置并撤销会话',
+ cancelBtn: '取消',
+ onConfirm: async () => {
+ try {
+ const result = await adminRequest<{ initialPassword?: string }>(`/api/v1/admin/users/${row.id}/reset-password`, { method: 'POST', body: '{}' });
+ if (result.initialPassword) alertWithAutoClose({ header: '密码已重置', body: `一次性初始密码：${result.initialPassword}\n仅显示本次，请通过安全渠道交付。` });
+ MessagePlugin.success('密码已重置，其他会话已退出');
+ if (isCurrentViewToken(mutationView)) await load(mutationView);
+ return true;
+ } catch (cause) { if (isCurrentViewToken(mutationView)) MessagePlugin.error(formatAdminError(cause, '密码重置失败，请稍后重试。')); return !isCurrentViewToken(mutationView); }
+ },
+ });
+ };
+
+ const resendUserVerification = (row: Row) => {
+ if (!row.id) return;
+ const mutationView = viewToken;
+ confirmWithAutoClose({
+ header: '重发认证消息',
+ body: '将向用户已登记的邮箱或手机号发送新的验证码，是否继续？',
+ confirmBtn: '发送',
+ cancelBtn: '取消',
+ onConfirm: async () => {
+ try {
+ const result = await adminRequest<{ devVerificationCode?: string }>(`/api/v1/admin/users/${row.id}/resend-verification`, { method: 'POST', body: '{}' });
+ MessagePlugin.success(result.devVerificationCode ? `已发送（本地验证码：${result.devVerificationCode}）` : '认证消息已进入发送队列');
+ if (isCurrentViewToken(mutationView)) await load(mutationView);
+ return true;
+ } catch (cause) { if (isCurrentViewToken(mutationView)) MessagePlugin.error(formatAdminError(cause, '认证消息发送失败，请稍后重试。')); return !isCurrentViewToken(mutationView); }
+ },
+ });
+ };
+
+ const openMessageDetail = async (row: Row) => {
+ if (!row.id) return;
+ const request = beginDetailRequest(() => { void openMessageDetail(row); });
+ try {
+ const payload = await adminRequest<{ item: Row }>(`/api/v1/admin/message-outbox/${row.id}`, { signal: request.controller.signal });
+ if (request.sequence !== detailSequenceRef.current || detailAbortRef.current !== request.controller || !isCurrentViewToken(request.token)) return;
+ setDetail(payload.item); setDetailError(''); setDetailLoading(false);
+ } catch (cause) {
+ if (request.sequence !== detailSequenceRef.current || detailAbortRef.current !== request.controller || !isCurrentViewToken(request.token) || (cause instanceof AdminRequestError && cause.code === 'REQUEST_ABORTED')) return;
+ setDetailError(formatAdminError(cause, '认证消息详情加载失败，请稍后重试。'));
+ } finally {
+ if (request.sequence === detailSequenceRef.current && detailAbortRef.current === request.controller) { detailAbortRef.current = null; setDetailLoading(false); }
+ }
+ };
+
+ const openAuditDetail = async (row: Row) => {
+ if (!row.id) return;
+ const request = beginDetailRequest(() => { void openAuditDetail(row); });
+ try {
+ const payload = await adminRequest<{ item: Row }>(`/api/v1/admin/audit-logs/${row.id}`, { signal: request.controller.signal });
+ if (request.sequence !== detailSequenceRef.current || detailAbortRef.current !== request.controller || !isCurrentViewToken(request.token)) return;
+ setDetail(payload.item); setDetailError(''); setDetailLoading(false);
+ } catch (cause) {
+ if (request.sequence !== detailSequenceRef.current || detailAbortRef.current !== request.controller || !isCurrentViewToken(request.token) || (cause instanceof AdminRequestError && cause.code === 'REQUEST_ABORTED')) return;
+ setDetailError(formatAdminError(cause, '日志详情加载失败，请稍后重试。'));
+ } finally {
+ if (request.sequence === detailSequenceRef.current && detailAbortRef.current === request.controller) { detailAbortRef.current = null; setDetailLoading(false); }
+ }
+ };
+
+ const openAttempts = async (row: Row) => {
+ if (!row.id) return;
+ const request = beginAttemptsRequest(() => { void openAttempts(row); });
+ try {
+ const payload = await adminRequest<{ items: Row[] }>(`/api/v1/admin/tasks/${row.id}/attempts`, { signal: request.controller.signal });
+ if (request.sequence !== attemptsSequenceRef.current || attemptsAbortRef.current !== request.controller || !isCurrentViewToken(request.token)) return;
+ setAttempts(payload.items || []); setAttemptsError(''); setAttemptsLoading(false);
+ } catch (cause) {
+ if (request.sequence !== attemptsSequenceRef.current || attemptsAbortRef.current !== request.controller || !isCurrentViewToken(request.token) || (cause instanceof AdminRequestError && cause.code === 'REQUEST_ABORTED')) return;
+ setAttemptsError(formatAdminError(cause, '调用记录加载失败，请稍后重试。'));
+ } finally {
+ if (request.sequence === attemptsSequenceRef.current && attemptsAbortRef.current === request.controller) { attemptsAbortRef.current = null; setAttemptsLoading(false); }
+ }
+ };
+
+ const actionToneClass = { default: Style.iconActionDefault, primary: Style.iconActionPrimary, success: Style.iconActionSuccess, warning: Style.iconActionWarning, danger: Style.iconActionDanger } as const;
+ const iconAction = (keyName: string, label: string, Icon: React.ComponentType, onClick: () => void, tone: keyof typeof actionToneClass = 'default', withTooltip = true) => {
+ const button = } onClick={onClick} />;
+ return withTooltip ? {button} : React.cloneElement(button, { key: keyName });
+ };
+
+ const renderActions = (row: Row) => {
+ const actions: React.ReactNode[] = [];
+ if (!['users', 'auth-messages', 'tasks', 'audit', 'audit-logs'].includes(key) && row.id) actions.push(iconAction('detail', '查看详情', FileSearchIcon, () => { setDetailError(''); detailRetryRef.current = null; setDetail(row); }, 'primary'));
+ if (key === 'users' && row.id && can('admin:security')) {
+ actions.push(iconAction('detail', '查看详情', FileSearchIcon, () => void openUserDetail(row), 'primary'));
+ actions.push(iconAction('edit-user', '编辑用户安全设置', EditIcon, () => openDialog('userEdit', row), 'primary'));
+ actions.push(iconAction('freeze', row.status === 'frozen' ? '解冻用户' : '冻结用户', row.status === 'frozen' ? LockCheckedIcon : LockOnIcon, () => confirmMutation(`/api/v1/admin/users/${row.id}/${row.status === 'frozen' ? 'unfreeze' : 'freeze'}`, row), 'warning'));
+ actions.push(iconAction('reset-password', '重置密码', RefreshIcon, () => resetUserPassword(row), 'warning'));
+ if (row.verified === false) actions.push(iconAction('resend-verification', '重发认证消息', MailIcon, () => void resendUserVerification(row), 'primary'));
+ }
+ if (key === 'auth-messages' && row.id && can('admin:security')) {
+ actions.push(iconAction('message-detail', '查看详情', FileSearchIcon, () => void openMessageDetail(row), 'primary'));
+ if (row.status === 'failed' || row.status === 'dead') actions.push(iconAction('message-retry', '重试发送', RefreshIcon, () => confirmMutation(`/api/v1/admin/message-outbox/${row.id}/retry`, row), 'warning'));
+ }
+ if (key === 'channel-health' && row.id && can('admin:write')) actions.push(iconAction('health-test', '测试渠道', PlayCircleIcon, () => openDialog('channelHealthTest', row), 'primary'));
+ if (key === 'channels' && row.id && can('admin:write')) {
+ actions.push(iconAction('edit', '编辑渠道', EditIcon, () => openDialog('channelEdit', row), 'primary'));
+ actions.push(iconAction('toggle', row.enabled ? '停用渠道' : '启用渠道', row.enabled ? CloseCircleIcon : CheckCircleIcon, () => void requestMutation(`/api/v1/admin/channels/${row.id}`, row, 'PATCH', { enabled: !row.enabled }), row.enabled ? 'danger' : 'success'));
+ actions.push(iconAction('test', '测试渠道并生成图片', PlayCircleIcon, () => openDialog('channelTest', row), 'success'));
+ }
+ if (key === 'message-providers' && row.id && can('admin:security')) {
+ actions.push(iconAction('edit-provider', '编辑消息供应商', EditIcon, () => openDialog('messageProviderEdit', row), 'primary'));
+ actions.push(iconAction('toggle-provider', row.enabled === false ? '启用供应商' : '停用供应商', row.enabled === false ? CheckCircleIcon : CloseCircleIcon, () => void requestMutation(`/api/v1/admin/message-providers/${row.id}`, row, 'PATCH', { enabled: !row.enabled }), row.enabled === false ? 'success' : 'danger'));
+ }
+ if (key === 'message-templates' && row.id && can('admin:security')) {
+ actions.push(iconAction('edit-template', '编辑消息模板', EditIcon, () => openDialog('messageTemplateEdit', row), 'primary'));
+ actions.push(iconAction('toggle-template', row.enabled === false ? '启用模板' : '停用模板', row.enabled === false ? CheckCircleIcon : CloseCircleIcon, () => void requestMutation(`/api/v1/admin/message-templates/${row.id}`, row, 'PATCH', { enabled: !row.enabled }), row.enabled === false ? 'success' : 'danger'));
+ }
+ if (key === 'billing/units' && can('admin:finance')) {
+ actions.push(iconAction('edit-unit', '编辑金币单位与换算', EditIcon, openCreate, 'primary'));
+ }
+ if (key === 'payment-providers' && row.id && can('admin:finance')) {
+ actions.push(iconAction('edit-payment', '编辑支付适配器', EditIcon, () => openDialog('paymentProviderEdit', row), 'primary'));
+ actions.push(iconAction('toggle-payment', row.enabled === false ? '启用支付适配器' : '停用支付适配器', row.enabled === false ? CheckCircleIcon : CloseCircleIcon, () => void requestMutation(`/api/v1/admin/payment-providers/${row.id}`, row, 'PATCH', { enabled: !row.enabled }), row.enabled === false ? 'success' : 'danger'));
+ }
+ if (key === 'model-products' && row.id && can('admin:write')) {
+ actions.push(iconAction('edit-product', '编辑模型产品', EditIcon, () => openDialog('productEdit', row), 'primary'));
+ actions.push(iconAction('publish', row.enabled ? '下架模型' : '上架模型', row.enabled ? CloseCircleIcon : CheckCircleIcon, () => void requestMutation(`/api/v1/admin/model-products/${row.id}`, row, 'PATCH', { enabled: !row.enabled }), row.enabled ? 'danger' : 'success'));
+ actions.push(iconAction('resolution', '配置分辨率', SettingIcon, () => openDialog('resolutions', row), 'primary'));
+ }
+ if (key === 'pricing' && row.id && can('admin:write')) actions.push(iconAction('price', '调整价格', MoneyIcon, () => openDialog('price', row), 'warning'));
+ if (key === 'channel-groups' && row.id && can('admin:write')) actions.push(iconAction('order', '设置故障切换顺序', OrderIcon, () => openDialog('groupOrder', row), 'primary'));
+ if (key === 'channel-groups' && row.id && can('admin:write')) actions.push(iconAction('edit-group', '编辑分组设置', EditIcon, () => openDialog('groupEdit', row), 'primary'));
+ if (key === 'plans' && row.id && can('admin:write')) {
+ actions.push(iconAction('publish', row.published ? '回滚套餐' : '发布套餐', row.published ? CloseCircleIcon : CheckCircleIcon, () => void requestMutation(`/api/v1/admin/membership-plans/${row.id}/${row.published ? 'rollback' : 'publish'}`, row, 'POST'), row.published ? 'warning' : 'success'));
+ actions.push(iconAction('rights', '配置套餐权益', SettingIcon, () => openDialog('rights', row), 'primary'));
+ actions.push(iconAction('edit-plan', '编辑套餐', EditIcon, () => openDialog('planEdit', row), 'primary'));
+ }
+ if (key === 'tasks' && row.id && can('admin:read')) {
+ actions.push(iconAction('task-detail', '查看任务详情', FileSearchIcon, () => void openTaskDetail(row), 'primary'));
+ actions.push(iconAction('attempts', '查看调用记录', TaskCheckedIcon, () => void openAttempts(row), 'primary'));
+ if (can('admin:write')) {
+ if (!['succeeded', 'failed', 'canceled', 'unknown'].includes(row.status || '')) actions.push(iconAction('cancel', '取消任务', StopCircleIcon, () => confirmMutation(`/api/v1/admin/tasks/${row.id}/cancel`, row), 'danger'));
+ if (row.status === 'unknown') actions.push(iconAction('reconcile', '完成任务对账', CheckCircleIcon, () => openDialog('reconcile', row), 'warning'));
+ if (row.status === 'failed' || row.status === 'canceled') actions.push(iconAction('retry', '重试任务', RefreshIcon, () => confirmMutation(`/api/v1/admin/tasks/${row.id}/retry`, row), 'success'));
+ }
+ }
+ const currentAdminIdentity = new Set([admin.id, admin.email, admin.name].filter(Boolean).map((value) => String(value).toLowerCase()));
+ const requesterIdentity = [row.requesterId, row.requesterEmail, row.requesterName].filter(Boolean).map((value) => String(value).toLowerCase());
+ const isSelfApproval = requesterIdentity.some((value) => currentAdminIdentity.has(value));
+ const canHandleSelfApproval = isSelfApproval && admin.selfApprovalAllowed === true && admin.roles?.includes('super_admin');
+ if (key === 'approvals' && row.id && row.status === 'pending' && can('admin:finance') && (!isSelfApproval || canHandleSelfApproval)) {
+ actions.push(iconAction('approve', isSelfApproval ? '执行自己的申请' : '审批并执行', CheckCircleIcon, () => openDialog('approve', row), 'success'));
+ actions.push(iconAction('reject', isSelfApproval ? '撤销自己的申请' : '驳回审批', CloseCircleIcon, () => openDialog('reject', row), 'danger'));
+ }
+ if (key === 'recharges' && row.id && can('admin:finance')) {
+ if (row.status === 'pending') actions.push(iconAction('fail-recharge', '标记充值失败', CloseCircleIcon, () => confirmWithAutoClose({ header: '标记充值失败', body: '只允许将待支付订单标记为失败，是否继续？', confirmBtn: '确认', cancelBtn: '取消', onConfirm: () => requestMutation(`/api/v1/admin/recharge-orders/${row.id}`, row, 'PATCH', { status: 'failed' }) }), 'danger'));
+ if (row.status === 'paid') actions.push(iconAction('refund-recharge', '申请退款', RotateIcon, () => openDialog('refund', row), 'warning'));
+ }
+ if (isAuditPage && row.id && can('admin:audit')) actions.push(iconAction('audit-detail', '查看日志详情', FileSearchIcon, () => void openAuditDetail(row), 'primary'));
+ return actions.length ? {actions} : null;
+ };
+
+
+
+ const filterField = rows.some((row) => row.status !== undefined) ? 'status' : rows.some((row) => row.health !== undefined) ? 'health' : rows.some((row) => row.enabled !== undefined) ? 'enabled' : '';
+ const filterOptions = [...new Set(rows.map((row) => filterField ? String(row[filterField]) : '').filter(Boolean))].map((value) => ({ label: displayFieldValue(filterField, value, pageScope), value }));
+ const facetField = key === 'channels' ? 'providerName' : key === 'channel-health' ? (rows.some((row) => row.groupId !== undefined) ? 'groupId' : '') : key === 'model-products' ? 'channelGroupId' : key === 'pricing' ? 'modelProductId' : key === 'tasks' ? (rows.some((row) => row.type !== undefined) ? 'type' : 'taskType') : isAuditPage ? 'category' : key === 'payments' ? 'provider' : '';
+ const facetTitle = key === 'channels' ? '供应商筛选' : key === 'channel-health' ? '分组筛选' : key === 'model-products' ? '渠道组筛选' : key === 'pricing' ? '产品筛选' : key === 'tasks' ? '任务类型筛选' : isAuditPage ? '分类筛选' : key === 'payments' ? '适配器筛选' : '高级筛选';
+ const facetOptions = facetField ? [...new Set(rows.map((row) => row[facetField]).filter((value) => value !== undefined && value !== null && value !== ''))].map((value) => ({ label: displayFieldValue(facetField, value, pageScope), value: String(value) })) : [];
+ const messageChannels = [...new Set(rows.map((row) => String(row.channel || '')).filter(Boolean))].map((value) => ({ label: enumLabels[value] || '其他通道', value }));
+ const messagePurposes = [...new Set(rows.map((row) => String(row.purpose || '')).filter(Boolean))].map((value) => ({ label: enumLabels[value] || '其他用途', value }));
+ const hasDateFilter = ['users', 'tasks', 'audit', 'audit-logs', 'auth-messages', 'billing', 'recharges', 'payments'].includes(key);
+ const filteredRows = rows.filter((row) => {
+ const timestamp = row.createdAt || row.updatedAt || row.lastCheckedAt;
+ const date = timestamp ? new Date(String(timestamp)).getTime() : NaN;
+ const from = dateFrom ? new Date(`${dateFrom}T00:00:00`).getTime() : undefined;
+ const to = dateTo ? new Date(`${dateTo}T23:59:59.999`).getTime() : undefined;
+ const mfaState = row.mfaEnabled ? 'enabled' : row.mfaSetupRequired ? 'setup' : 'none';
+ return (!statusFilter || String(row[filterField]) === statusFilter) && (!facetFilter || String(row[facetField]) === facetFilter) && (!verificationFilter || verificationState(row) === verificationFilter) && (!mfaFilter || mfaState === mfaFilter) && (!channelFilter || String(row.channel) === channelFilter) && (!purposeFilter || String(row.purpose) === purposeFilter) && (from === undefined || (Number.isFinite(date) && date >= from)) && (to === undefined || (Number.isFinite(date) && date <= to)) && (!query || Object.entries(row).some(([field, value]) => !hiddenFields.has(field) && displayFieldValue(field, value, pageScope).toLowerCase().includes(query.toLowerCase())));
+ });
+ const pageSize = 20;
+ const pagedRows = filteredRows.slice((page - 1) * pageSize, page * pageSize);
+ useEffect(() => {
+ const maxPage = Math.max(1, Math.ceil(filteredRows.length / pageSize));
+ setPage((current) => Math.min(current, maxPage));
+ }, [filteredRows.length, pageSize]);
+ // Keep the numeric user ID aligned with the reverse registry used by write forms.
+ // Filtering changes visibility, not the identity assigned to a loaded user.
+ const userDisplayNumbers = useMemo(() => new Map(rows.map((row, index) => [String(row.id || ''), String(displayIdRegistry.get('users')?.get(String(row.id || '')) || index + 1)])), [rows]);
+ const groupProducts = (row: Row): ChannelGroupProduct[] => {
+ if (Array.isArray(row.products)) return row.products as ChannelGroupProduct[];
+ return channelGroupProducts.filter((product) => String((product as Row).channelGroupId || '') === String(row.id || ''));
+ };
+ const groupCapabilities = (row: Row) => {
+ const values = Array.isArray(row.capabilities) ? row.capabilities.map(String) : groupProducts(row).flatMap((product) => Array.isArray(product.capabilities) ? product.capabilities.map(String) : []);
+ return [...new Set(values.filter((value) => channelGroupModeValues.includes(value)))];
+ };
+ const groupChannelDetails = (row: Row): ChannelGroupChannel[] => {
+ if (Array.isArray(row.channelDetails)) return row.channelDetails as ChannelGroupChannel[];
+ const ids = Array.isArray(row.channelIds) ? row.channelIds.map(String) : [];
+ return ids.map((id) => channelGroupChannelMap.get(id) || { id, label: id, enabled: false, health: 'unknown', enabledModelIds: [] });
+ };
+ const tableCell = (name: string, row: Row, scope = pageScope) => {
+ if (name === 'userIdentity') return ;
+ if (name === 'id' && key === 'users' && row.id) return {userDisplayNumbers.get(String(row.id)) || '-'};
+ if (key === 'channel-groups') {
+ if (name === 'name') {
+ const products = groupProducts(row);
+ const channels = groupChannelDetails(row);
+ return {String(row.name || '未命名分组')}{products.length} 个模型产品 · {channels.length} 个渠道;
+ }
+ if (name === 'capabilities') {
+ const values = groupCapabilities(row);
+ return values.length ? {values.map((value) => {capabilityLabel(value)})}
: 未指定模式;
+ }
+ if (name === 'modelIds') {
+ const products = groupProducts(row);
+ return products.length ? {products.map((product) => {product.publicModelId || '-'})}
: 未绑定模型;
+ }
+ if (name === 'productNames') {
+ const products = groupProducts(row);
+ return products.length ? {products.map((product) => {product.name || '-'})}
: 未绑定产品;
+ }
+ if (name === 'basePrices') {
+ const products = groupProducts(row);
+ return products.length ? {products.map((product) => {formatNumber(product.basePrice)} {product.currencyUnit || '金币'})}
: -;
+ }
+ if (name === 'resolutionRules') {
+ const products = groupProducts(row);
+ const resolutionRows = products.flatMap((product) => {
+ const productId = String(product.productId || product.id || product.publicModelId);
+ const productName = String(product.name || product.publicModelId || '未命名产品');
+ if (!product.resolutions?.length) return [{ key: productId, productName, label: '无需配置', width: '-', height: '-', price: '-' }];
+ return product.resolutions.map((resolution) => ({
+ key: `${productId}-${String(resolution.id || resolution.label)}`,
+ productName,
+ label: String(resolution.label || resolution.id || '规格'),
+ width: formatNumber(resolution.width),
+ height: formatNumber(resolution.height),
+ price: `${formatNumber(Number(product.basePrice || 0) * Number(resolution.priceMultiplier || 1))} ${product.currencyUnit || '金币'}`,
+ }));
+ });
+ return products.length ? 模型规格宽度高度价格{resolutionRows.map((resolution) => {resolution.productName}{resolution.label}{resolution.width}{resolution.height}{resolution.price})}
: -;
+ }
+ if (name === 'channels') {
+ const channels = groupChannelDetails(row);
+ return channels.length ? {channels.map((channel, index) => {index + 1}{channel.label || channel.id}{channel.providerName || (channel.providerType === 'openai-images' ? 'OpenAI 图片端点' : '未设置供应商')})}
: 未配置渠道;
+ }
+ if (name === 'retryBudget') return {formatNumber(row.retryBudget)} 次;
+ }
+ if (name === 'mfaStatus') {
+ const label = row.mfaEnabled ? '已启用' : row.mfaSetupRequired ? '待绑定' : '未要求';
+ return ;
+ }
+ const value = row[name];
+ const isBalance = name === 'balance' && value && typeof value === 'object' && !Array.isArray(value);
+ if (isBalance) return } />{key === 'users' && row.id && can('admin:finance') ? {iconAction('balance-add', '增加金币', AddIcon, () => openDialog('balanceAdd', row), 'success', false)}{iconAction('balance-deduct', '扣减金币', MinusCircleIcon, () => openDialog('balanceDeduct', row), 'danger', false)} : null}
;
+ if (name === 'lastTestHealthy') {
+ const raw = value === true ? 'healthy' : value === false ? 'failed' : 'unknown';
+ return ;
+ }
+ if (name === 'lastTestRequestAttempted') {
+ const raw = value === true ? 'sent' : value === false ? 'disabled' : 'unknown';
+ return ;
+ }
+ if (name === 'health' || name === 'status' || name === 'enabled' || name === 'availability') {
+ if (name === 'health' && key === 'channels' && !row.lastTestedAt && row.lastTestHealthy === undefined) return ;
+ const raw = name === 'enabled' ? (value === true ? 'enabled' : 'disabled') : name === 'health' && row.enabled === false ? 'disabled' : String(value ?? 'unknown');
+ return ;
+ }
+ return {displayFieldValue(name, value, scope)};
+ };
+ const auditColumns: any[] = (listColumnSpecs['audit-logs'] || []).map((column, index) => ({ colKey: column.key, title: column.title || fieldLabel(column.key), width: column.width, fixed: index === 0 ? 'left' : undefined, ellipsis: true, cell: ({ row }: { row: Row }) => {
+ const actorId = String(row.actorId || '').replace(/^admin:/i, '').trim();
+ const actorFallback = row.actorType === 'admin' && actorId.includes('@') ? actorId : ({ admin: '管理员', user: '用户', system: '系统', payment: '支付回调' } as Record)[String(row.actorType || '')] || '未知操作人';
+ const value = column.key === 'statusCode' ? `${row.statusCode || 200} ${Number(row.statusCode || 200) >= 400 ? '异常' : '正常'}` : column.key === 'actionLabel' ? row.actionLabel || actionLabels[String(row.action || '')] || '其他管理操作' : column.key === 'category' ? auditCategory(String(row.action || ''), String(row.objectType || '')) : column.key === 'actorName' ? row.actorName || actorFallback : row[column.key];
+ if (column.key === 'statusCode') {
+ const abnormal = Number(row.statusCode || 200) >= 400;
+ return {String(value)};
+ }
+ return tableCell(column.key, { ...row, [column.key]: value }, 'audit-logs');
+ } }));
+ const showActionColumn = rows.some((row) => renderActions(row) !== null);
+ const dynamicColumns = (listColumnSpecs[key] || []).map((column, index) => ({ colKey: column.key, title: column.title || fieldLabel(column.key), width: column.width || 150, fixed: index === 0 ? 'left' : undefined, ellipsis: column.key !== 'balance', cell: ({ row }: { row: Row }) => tableCell(column.key, row) }));
+ const actionWidths: Record = { users: 200, channels: 200, tasks: 200, plans: 160, 'model-products': 160, 'channel-groups': 220, recharges: 120, approvals: 120, 'billing/units': 150, audit: 152, 'audit-logs': 152 };
+ const actionColumn = showActionColumn ? [{ colKey: '__actions', title: '操作', width: actionWidths[key] || 152, fixed: 'right', cell: ({ row }: { row: Row }) => renderActions(row) }] : [];
+ const columns: any[] = isAuditPage ? [...auditColumns, ...actionColumn] : [...dynamicColumns, ...actionColumn];
+ const summaryFields = summaryFieldSpecs[key];
+ const summaryRow = summaryFields ? rows[0] : undefined;
+ // Keep the dashboard visible when an optional or newly added metric is
+ // absent. Each statistic/chart already has its own numeric or empty-state
+ // fallback, so one incomplete response must not hide the whole overview.
+ const dashboard = key === 'dashboard/base' && rows[0] && typeof rows[0] === 'object' ? rows[0] : undefined;
+ const dialogTitle = dialog?.kind === 'create' ? createActionLabels[section.write || ''] || '新增配置' : dialog?.kind === 'balanceAdd' ? '增加用户金币' : dialog?.kind === 'balanceDeduct' ? '扣减用户金币' : dialog?.kind === 'channelEdit' ? '编辑渠道' : dialog?.kind === 'channelTest' ? '测试渠道生成' : dialog?.kind === 'channelHealthTest' ? '测试渠道健康状态' : dialog?.kind === 'groupEdit' ? '编辑渠道分组' : dialog?.kind === 'productEdit' ? '编辑模型产品' : dialog?.kind === 'resolutions' ? '编辑分辨率' : dialog?.kind === 'rights' ? '配置套餐权益' : dialog?.kind === 'price' ? '调整价格' : dialog?.kind === 'groupOrder' ? '调整渠道顺序' : dialog?.kind === 'planEdit' ? '编辑套餐' : dialog?.kind === 'userEdit' ? '编辑用户安全设置' : dialog?.kind === 'paymentProviderEdit' ? '编辑支付适配器' : dialog?.kind === 'messageProviderEdit' ? '编辑消息供应商' : dialog?.kind === 'messageTemplateEdit' ? '编辑消息模板' : dialog?.kind === 'refund' ? '申请充值退款' : dialog?.kind === 'reconcile' ? '完成任务对账' : dialog?.kind === 'reject' ? '驳回审批' : '审批并执行';
+ const isBalanceDialog = dialog?.kind === 'balanceAdd' || dialog?.kind === 'balanceDeduct';
+ const balanceAvailable = statisticNumber(dialog?.row.balance?.available);
+ const balanceAmount = Number(dialogValue.amount);
+ const validBalanceAmount = Number.isSafeInteger(balanceAmount) && balanceAmount > 0 ? balanceAmount : undefined;
+ const projectedBalance = validBalanceAmount === undefined ? undefined : balanceAvailable + (dialog?.kind === 'balanceDeduct' ? -validBalanceAmount : validBalanceAmount);
+ const balanceInsufficient = dialog?.kind === 'balanceDeduct' && projectedBalance !== undefined && projectedBalance < 0;
+ const balanceUserName = String(dialog?.row.displayName || dialog?.row.username || dialog?.row.email || '未命名用户');
+ const canConfigure = section.write === 'manualRecharge' || section.write === 'unit' || section.write === 'paymentProvider' ? can('admin:finance') : section.write === 'systemSettings' || section.write === 'adminMfa' || section.write === 'user' || section.write === 'messageProvider' || section.write === 'messageTemplate' ? can('admin:security') : can('admin:write');
+ const channelLabel = (channelId: string) => {
+ const channel = channelGroupChannelMap.get(channelId);
+ if (channel?.label) return channel.label;
+ if (!dialog || dialog.kind !== 'groupOrder') return channelId;
+ const ids = Array.isArray(dialog.row.channelIds) ? dialog.row.channelIds : [];
+ const labels = Array.isArray(dialog.row.channels) ? dialog.row.channels : [];
+ const position = ids.indexOf(channelId);
+ return position >= 0 && typeof labels[position] === 'string' ? labels[position] : channelId;
+ };
+ const billingUserOptions = [{ label: '请选择用户', value: '' }, ...billingUsers.map((user, index) => ({ label: `${index + 1} · ${String(user.username || user.displayName || '未设置用户名')} · ${String(user.email || user.phone || '-')}`, value: String(user.id || '') }))];
+ const billingTarget = billingUsers.find((user) => String(user.id || '') === billingTargetId);
+ const userDetailTabs: Array<{ key: typeof userDetailTab; label: string }> = [
+ { key: 'account', label: '账户' },
+ { key: 'sessions', label: '会话' },
+ { key: 'tasks', label: '任务' },
+ { key: 'ledger', label: '账本' },
+ { key: 'entitlements', label: '权益' },
+ { key: 'audit', label: '审计' },
+ ];
+ const detailCollections = new Set(['sessions', 'tasks', 'ledger', 'entitlements', 'audit']);
+ const userDetailRows = detail && Array.isArray(detail[userDetailTab]) ? detail[userDetailTab] as Row[] : [];
+ const userDetailColumns = userDetailRows.length ? [...new Set(userDetailRows.flatMap((row) => Object.keys(row)))].filter((name) => !hiddenFields.has(name) && Boolean(fieldLabels[name])).map((name) => ({ colKey: name, title: fieldLabel(name), width: 190, ellipsis: name !== 'balance', cell: ({ row }: { row: Row }) => tableCell(name, row, `user-detail-${userDetailTab}`) })) : [];
+ const resolutionEditor = 分辨率配置 setResolutionDraft((items) => [...items, { id: `resolution-${items.length + 1}`, label: '', width: '', height: '', priceMultiplier: '1', ratios: [...standardImageRatios] }])}>添加分辨率
{resolutionDraft.length ? resolutionDraft.map((item, index) =>
{index + 1} setResolutionDraft((items) => items.map((current, currentIndex) => currentIndex === index ? { ...current, label: value } : current))} label='名称' />
setResolutionDraft((items) => items.map((current, currentIndex) => currentIndex === index ? { ...current, width: String(value ?? '') } : current))} label='宽度' /> setResolutionDraft((items) => items.map((current, currentIndex) => currentIndex === index ? { ...current, height: String(value ?? '') } : current))} label='高度' /> setResolutionDraft((items) => items.map((current, currentIndex) => currentIndex === index ? { ...current, priceMultiplier: String(value ?? '') } : current))} label='价格倍率' />支持比例{standardImageRatios.map((ratio) => setResolutionDraft((items) => items.map((current, currentIndex) => currentIndex === index ? { ...current, ratios: current.ratios.includes(ratio) ? current.ratios.filter((value) => value !== ratio) : [...current.ratios, ratio] } : current))}>{ratio})}
setResolutionDraft((items) => items.filter((_, currentIndex) => currentIndex !== index))}>删除 ) :
暂未配置分辨率，可点击上方按钮添加。
}
{label} updateDialogField(name, value)} />
;
+ const control = options?.length ?