基于 React + Vite + Ant Design Pro 搭建登录、动态菜单、布局主题与数据总览,并补充按菜单整理的 UI 设计稿。 Co-authored-by: Cursor <cursoragent@cursor.com>
91 lines
2.1 KiB
TypeScript
91 lines
2.1 KiB
TypeScript
export interface OverviewStat {
|
||
key: string;
|
||
title: string;
|
||
value: string;
|
||
trend: number;
|
||
icon: 'message' | 'token' | 'user' | 'api';
|
||
}
|
||
|
||
export interface TrendPoint {
|
||
date: string;
|
||
value: number;
|
||
}
|
||
|
||
export interface ModelShare {
|
||
type: string;
|
||
value: number;
|
||
}
|
||
|
||
export interface AlertItem {
|
||
id: string;
|
||
type: string;
|
||
content: string;
|
||
level: '高' | '中' | '低';
|
||
time: string;
|
||
status: '未恢复' | '已恢复';
|
||
}
|
||
|
||
export interface TopModel {
|
||
name: string;
|
||
percent: number;
|
||
}
|
||
|
||
export const overviewStats: OverviewStat[] = [
|
||
{ key: 'messages', title: '今日消息', value: '128,560', trend: 12.5, icon: 'message' },
|
||
{ key: 'tokens', title: 'Token消耗', value: '2.46亿', trend: 8.7, icon: 'token' },
|
||
{ key: 'users', title: '活跃用户', value: '18,320', trend: 5.2, icon: 'user' },
|
||
{ key: 'success', title: '接口成功率', value: '99.23%', trend: 0.1, icon: 'api' },
|
||
];
|
||
|
||
export const conversationTrend: TrendPoint[] = [
|
||
{ date: '05-10', value: 98000 },
|
||
{ date: '05-11', value: 112000 },
|
||
{ date: '05-12', value: 105000 },
|
||
{ date: '05-13', value: 128000 },
|
||
{ date: '05-14', value: 141000 },
|
||
{ date: '05-15', value: 136000 },
|
||
{ date: '05-16', value: 152000 },
|
||
];
|
||
|
||
export const modelShare: ModelShare[] = [
|
||
{ type: 'GPT', value: 42 },
|
||
{ type: 'Claude', value: 27 },
|
||
{ type: '通义', value: 19 },
|
||
{ type: '其他', value: 12 },
|
||
];
|
||
|
||
export const alertList: AlertItem[] = [
|
||
{
|
||
id: '1',
|
||
type: '接口错误',
|
||
content: '模型服务超时:GPT-4o',
|
||
level: '高',
|
||
time: '2024-05-16 10:21:35',
|
||
status: '未恢复',
|
||
},
|
||
{
|
||
id: '2',
|
||
type: '限流告警',
|
||
content: 'Claude-3.5 请求限流',
|
||
level: '中',
|
||
time: '2024-05-16 09:47:12',
|
||
status: '未恢复',
|
||
},
|
||
{
|
||
id: '3',
|
||
type: '服务降级',
|
||
content: '向量库服务降级运行',
|
||
level: '中',
|
||
time: '2024-05-16 08:33:09',
|
||
status: '已恢复',
|
||
},
|
||
];
|
||
|
||
export const topModels: TopModel[] = [
|
||
{ name: 'GPT-4o', percent: 42.35 },
|
||
{ name: 'Claude-3.5-Sonnet', percent: 27.46 },
|
||
{ name: '通义千问-Max', percent: 18.91 },
|
||
{ name: 'GPT-4 Turbo', percent: 7.65 },
|
||
{ name: '其他', percent: 3.63 },
|
||
];
|