后端 - BatchUserUsageStats / UserDashboardStats 新增 ByPlatform 字段 复用 ops 路径 COALESCE(g.platform, a.platform) 语义,不冗余 DB 字段 - 抽出 usageLogEffectivePlatformExpr 常量供管理员与用户两路径共用 - GetBatchUsersUsage cacheKey 加 v=2 + 当日日期,修复跨午夜旧缓存兼容新字段 前端 - 新建 PlatformUsageBreakdown:管理员用量列 hover tooltip 展示各平台 today/total - 新建 PlatformCostCell:单平台 today/total 紧凑单元格 - UsersView 列设置新增 Claude/OpenAI/Gemini/Antigravity 四个平台子列,默认隐藏可手动启用 - 普通用户 Dashboard 新增 Row 3 平台拆分卡片,受 isSimple 控制 - 平台之和 < 总值时显式展示"其他"行,避免数字对不齐 - last_active_at 从 FORCED_VISIBLE_COLUMNS 移除,允许用户隐藏并持久化 - 列设置加 schema 版本号 + 迁移机制,老用户升级时新增默认隐藏列自动应用 - UsersView 用量列(汇总 + 4 平台子列)加入前端单页排序:列头单按钮 + 弹出菜单 切换"今日 / 近30天",三态循环 desc → asc → off;菜单底部备注"仅对本页数据排序" - sortedUsers computed 在 server-side-sort 结果之上叠加本地排序,缺失值按 0 处理; usageSort 状态独立 localStorage 持久化,互不干扰后端 sort_by - i18n 新增 admin.users.sortBy / sortCurrentPageOnly Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
286 lines
6.8 KiB
TypeScript
286 lines
6.8 KiB
TypeScript
/**
|
|
* Usage tracking API endpoints
|
|
* Handles usage logs and statistics retrieval
|
|
*/
|
|
|
|
import { apiClient } from './client'
|
|
import type {
|
|
UsageLog,
|
|
UsageQueryParams,
|
|
UsageStatsResponse,
|
|
PaginatedResponse,
|
|
TrendDataPoint,
|
|
ModelStat
|
|
} from '@/types'
|
|
|
|
// ==================== Dashboard Types ====================
|
|
|
|
export interface PlatformDashboardStats {
|
|
platform: string
|
|
total_requests: number
|
|
total_tokens: number
|
|
total_actual_cost: number
|
|
today_requests: number
|
|
today_tokens: number
|
|
today_actual_cost: number
|
|
}
|
|
|
|
export interface UserDashboardStats {
|
|
total_api_keys: number
|
|
active_api_keys: number
|
|
total_requests: number
|
|
total_input_tokens: number
|
|
total_output_tokens: number
|
|
total_cache_creation_tokens: number
|
|
total_cache_read_tokens: number
|
|
total_tokens: number
|
|
total_cost: number // 标准计费
|
|
total_actual_cost: number // 实际扣除
|
|
today_requests: number
|
|
today_input_tokens: number
|
|
today_output_tokens: number
|
|
today_cache_creation_tokens: number
|
|
today_cache_read_tokens: number
|
|
today_tokens: number
|
|
today_cost: number // 今日标准计费
|
|
today_actual_cost: number // 今日实际扣除
|
|
average_duration_ms: number
|
|
rpm: number // 近5分钟平均每分钟请求数
|
|
tpm: number // 近5分钟平均每分钟Token数
|
|
by_platform?: PlatformDashboardStats[]
|
|
}
|
|
|
|
export interface TrendParams {
|
|
start_date?: string
|
|
end_date?: string
|
|
granularity?: 'day' | 'hour'
|
|
}
|
|
|
|
export interface TrendResponse {
|
|
trend: TrendDataPoint[]
|
|
start_date: string
|
|
end_date: string
|
|
granularity: string
|
|
}
|
|
|
|
export interface ModelStatsResponse {
|
|
models: ModelStat[]
|
|
start_date: string
|
|
end_date: string
|
|
}
|
|
|
|
/**
|
|
* List usage logs with optional filters
|
|
* @param page - Page number (default: 1)
|
|
* @param pageSize - Items per page (default: 20)
|
|
* @param apiKeyId - Filter by API key ID
|
|
* @returns Paginated list of usage logs
|
|
*/
|
|
export async function list(
|
|
page: number = 1,
|
|
pageSize: number = 20,
|
|
apiKeyId?: number
|
|
): Promise<PaginatedResponse<UsageLog>> {
|
|
const params: UsageQueryParams = {
|
|
page,
|
|
page_size: pageSize
|
|
}
|
|
|
|
if (apiKeyId !== undefined) {
|
|
params.api_key_id = apiKeyId
|
|
}
|
|
|
|
const { data } = await apiClient.get<PaginatedResponse<UsageLog>>('/usage', {
|
|
params
|
|
})
|
|
return data
|
|
}
|
|
|
|
/**
|
|
* Get usage logs with advanced query parameters
|
|
* @param params - Query parameters for filtering and pagination
|
|
* @returns Paginated list of usage logs
|
|
*/
|
|
export async function query(
|
|
params: UsageQueryParams & { sort_by?: string; sort_order?: 'asc' | 'desc' },
|
|
config: { signal?: AbortSignal } = {}
|
|
): Promise<PaginatedResponse<UsageLog>> {
|
|
const { data } = await apiClient.get<PaginatedResponse<UsageLog>>('/usage', {
|
|
...config,
|
|
params
|
|
})
|
|
return data
|
|
}
|
|
|
|
/**
|
|
* Get usage statistics for a specific period
|
|
* @param period - Time period ('today', 'week', 'month', 'year')
|
|
* @param apiKeyId - Optional API key ID filter
|
|
* @returns Usage statistics
|
|
*/
|
|
export async function getStats(
|
|
period: string = 'today',
|
|
apiKeyId?: number
|
|
): Promise<UsageStatsResponse> {
|
|
const params: Record<string, unknown> = { period }
|
|
|
|
if (apiKeyId !== undefined) {
|
|
params.api_key_id = apiKeyId
|
|
}
|
|
|
|
const { data } = await apiClient.get<UsageStatsResponse>('/usage/stats', {
|
|
params
|
|
})
|
|
return data
|
|
}
|
|
|
|
/**
|
|
* Get usage statistics for a date range
|
|
* @param startDate - Start date (YYYY-MM-DD format)
|
|
* @param endDate - End date (YYYY-MM-DD format)
|
|
* @param apiKeyId - Optional API key ID filter
|
|
* @returns Usage statistics
|
|
*/
|
|
export async function getStatsByDateRange(
|
|
startDate: string,
|
|
endDate: string,
|
|
apiKeyId?: number
|
|
): Promise<UsageStatsResponse> {
|
|
const params: Record<string, unknown> = {
|
|
start_date: startDate,
|
|
end_date: endDate
|
|
}
|
|
|
|
if (apiKeyId !== undefined) {
|
|
params.api_key_id = apiKeyId
|
|
}
|
|
|
|
const { data } = await apiClient.get<UsageStatsResponse>('/usage/stats', {
|
|
params
|
|
})
|
|
return data
|
|
}
|
|
|
|
/**
|
|
* Get usage by date range
|
|
* @param startDate - Start date (YYYY-MM-DD format)
|
|
* @param endDate - End date (YYYY-MM-DD format)
|
|
* @param apiKeyId - Optional API key ID filter
|
|
* @returns Usage logs within date range
|
|
*/
|
|
export async function getByDateRange(
|
|
startDate: string,
|
|
endDate: string,
|
|
apiKeyId?: number
|
|
): Promise<PaginatedResponse<UsageLog>> {
|
|
const params: UsageQueryParams = {
|
|
start_date: startDate,
|
|
end_date: endDate,
|
|
page: 1,
|
|
page_size: 100
|
|
}
|
|
|
|
if (apiKeyId !== undefined) {
|
|
params.api_key_id = apiKeyId
|
|
}
|
|
|
|
const { data } = await apiClient.get<PaginatedResponse<UsageLog>>('/usage', {
|
|
params
|
|
})
|
|
return data
|
|
}
|
|
|
|
/**
|
|
* Get detailed usage log by ID
|
|
* @param id - Usage log ID
|
|
* @returns Usage log details
|
|
*/
|
|
export async function getById(id: number): Promise<UsageLog> {
|
|
const { data } = await apiClient.get<UsageLog>(`/usage/${id}`)
|
|
return data
|
|
}
|
|
|
|
// ==================== Dashboard API ====================
|
|
|
|
/**
|
|
* Get user dashboard statistics
|
|
* @returns Dashboard statistics for current user
|
|
*/
|
|
export async function getDashboardStats(): Promise<UserDashboardStats> {
|
|
const { data } = await apiClient.get<UserDashboardStats>('/usage/dashboard/stats')
|
|
return data
|
|
}
|
|
|
|
/**
|
|
* Get user usage trend data
|
|
* @param params - Query parameters for filtering
|
|
* @returns Usage trend data for current user
|
|
*/
|
|
export async function getDashboardTrend(params?: TrendParams): Promise<TrendResponse> {
|
|
const { data } = await apiClient.get<TrendResponse>('/usage/dashboard/trend', { params })
|
|
return data
|
|
}
|
|
|
|
/**
|
|
* Get user model usage statistics
|
|
* @param params - Query parameters for filtering
|
|
* @returns Model usage statistics for current user
|
|
*/
|
|
export async function getDashboardModels(params?: {
|
|
start_date?: string
|
|
end_date?: string
|
|
}): Promise<ModelStatsResponse> {
|
|
const { data } = await apiClient.get<ModelStatsResponse>('/usage/dashboard/models', { params })
|
|
return data
|
|
}
|
|
|
|
export interface BatchApiKeyUsageStats {
|
|
api_key_id: number
|
|
today_actual_cost: number
|
|
total_actual_cost: number
|
|
}
|
|
|
|
export interface BatchApiKeysUsageResponse {
|
|
stats: Record<string, BatchApiKeyUsageStats>
|
|
}
|
|
|
|
/**
|
|
* Get batch usage stats for user's own API keys
|
|
* @param apiKeyIds - Array of API key IDs
|
|
* @param options - Optional request options
|
|
* @returns Usage stats map keyed by API key ID
|
|
*/
|
|
export async function getDashboardApiKeysUsage(
|
|
apiKeyIds: number[],
|
|
options?: {
|
|
signal?: AbortSignal
|
|
}
|
|
): Promise<BatchApiKeysUsageResponse> {
|
|
const { data } = await apiClient.post<BatchApiKeysUsageResponse>(
|
|
'/usage/dashboard/api-keys-usage',
|
|
{
|
|
api_key_ids: apiKeyIds
|
|
},
|
|
{
|
|
signal: options?.signal
|
|
}
|
|
)
|
|
return data
|
|
}
|
|
|
|
export const usageAPI = {
|
|
list,
|
|
query,
|
|
getStats,
|
|
getStatsByDateRange,
|
|
getByDateRange,
|
|
getById,
|
|
// Dashboard
|
|
getDashboardStats,
|
|
getDashboardTrend,
|
|
getDashboardModels,
|
|
getDashboardApiKeysUsage
|
|
}
|
|
|
|
export default usageAPI
|