mirror of
https://github.com/fawney19/Aether.git
synced 2026-01-03 00:02:28 +08:00
06c0a47b21
- 更新 api-keys 模块: StandaloneKeyFormDialog - 改进 auth 模块: LoginDialog - 优化 models 模块: AliasDialog, GlobalModelFormDialog, ModelDetailDrawer, TieredPricingEditor - 重构 providers 模块: 多个表单和对话框组件 - 更新 usage 模块: 时间线、表格和详情组件 - 调整 users 模块: UserFormDialog
101 lines
3.1 KiB
Vue
101 lines
3.1 KiB
Vue
<template>
|
|
<Card class="overflow-hidden">
|
|
<div class="px-3 py-2 border-b">
|
|
<h3 class="text-sm font-medium">
|
|
按API格式分析
|
|
</h3>
|
|
</div>
|
|
<Table class="text-sm">
|
|
<TableHeader>
|
|
<TableRow>
|
|
<TableHead class="h-8 px-2">
|
|
API格式
|
|
</TableHead>
|
|
<TableHead class="h-8 px-2 text-right">
|
|
请求数
|
|
</TableHead>
|
|
<TableHead class="h-8 px-2 text-right">
|
|
Tokens
|
|
</TableHead>
|
|
<TableHead class="h-8 px-2 text-right">
|
|
费用
|
|
</TableHead>
|
|
<TableHead class="h-8 px-2 text-right">
|
|
平均响应
|
|
</TableHead>
|
|
</TableRow>
|
|
</TableHeader>
|
|
<TableBody>
|
|
<TableRow v-if="data.length === 0">
|
|
<TableCell
|
|
:colspan="5"
|
|
class="text-center py-6 text-muted-foreground px-2"
|
|
>
|
|
暂无API格式统计数据
|
|
</TableCell>
|
|
</TableRow>
|
|
<TableRow
|
|
v-for="item in data"
|
|
:key="item.api_format"
|
|
>
|
|
<TableCell class="font-medium py-2 px-2">
|
|
{{ formatApiFormat(item.api_format) }}
|
|
</TableCell>
|
|
<TableCell class="text-right py-2 px-2">
|
|
{{ item.request_count }}
|
|
</TableCell>
|
|
<TableCell class="text-right py-2 px-2">
|
|
<span>{{ formatTokens(item.total_tokens) }}</span>
|
|
</TableCell>
|
|
<TableCell class="text-right py-2 px-2">
|
|
<div class="flex flex-col items-end text-xs gap-0.5">
|
|
<span class="text-primary font-medium">{{ formatCurrency(item.total_cost) }}</span>
|
|
<span
|
|
v-if="isAdmin && item.actual_cost !== undefined"
|
|
class="text-muted-foreground text-[10px]"
|
|
>
|
|
{{ formatCurrency(item.actual_cost) }}
|
|
</span>
|
|
</div>
|
|
</TableCell>
|
|
<TableCell class="text-right text-muted-foreground py-2 px-2">
|
|
{{ item.avgResponseTime }}
|
|
</TableCell>
|
|
</TableRow>
|
|
</TableBody>
|
|
</Table>
|
|
</Card>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import Card from '@/components/ui/card.vue'
|
|
import Badge from '@/components/ui/badge.vue'
|
|
import Table from '@/components/ui/table.vue'
|
|
import TableHeader from '@/components/ui/table-header.vue'
|
|
import TableBody from '@/components/ui/table-body.vue'
|
|
import TableRow from '@/components/ui/table-row.vue'
|
|
import TableHead from '@/components/ui/table-head.vue'
|
|
import TableCell from '@/components/ui/table-cell.vue'
|
|
import { formatTokens, formatCurrency } from '@/utils/format'
|
|
import type { ApiFormatStatsItem } from '../types'
|
|
|
|
defineProps<{
|
|
data: ApiFormatStatsItem[]
|
|
isAdmin: boolean
|
|
}>()
|
|
|
|
// 格式化 API 格式显示名称
|
|
function formatApiFormat(format: string): string {
|
|
const formatMap: Record<string, string> = {
|
|
'CLAUDE': 'Claude',
|
|
'CLAUDE_CLI': 'Claude CLI',
|
|
'OPENAI': 'OpenAI',
|
|
'OPENAI_CLI': 'OpenAI CLI',
|
|
'GEMINI': 'Gemini',
|
|
'GEMINI_CLI': 'Gemini CLI',
|
|
}
|
|
return formatMap[format.toUpperCase()] || format
|
|
}
|
|
|
|
</script>
|