mirror of
https://github.com/fawney19/Aether.git
synced 2026-01-03 00:02:28 +08:00
86 lines
2.7 KiB
Vue
86 lines
2.7 KiB
Vue
<template>
|
|
<Card class="overflow-hidden">
|
|
<div class="px-3 py-2 border-b">
|
|
<h3 class="text-sm font-medium">
|
|
按模型分析
|
|
</h3>
|
|
</div>
|
|
<Table class="text-sm">
|
|
<TableHeader>
|
|
<TableRow>
|
|
<TableHead class="h-8 px-2">
|
|
模型
|
|
</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"
|
|
>
|
|
暂无模型统计数据
|
|
</TableCell>
|
|
</TableRow>
|
|
<TableRow
|
|
v-for="model in data"
|
|
:key="model.model"
|
|
>
|
|
<TableCell class="font-medium py-2 px-2">
|
|
{{ model.model.replace('claude-', '') }}
|
|
</TableCell>
|
|
<TableCell class="text-right py-2 px-2">
|
|
{{ model.request_count }}
|
|
</TableCell>
|
|
<TableCell class="text-right py-2 px-2">
|
|
<span>{{ formatTokens(model.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(model.total_cost) }}</span>
|
|
<span
|
|
v-if="isAdmin && model.actual_cost !== undefined"
|
|
class="text-muted-foreground text-[10px]"
|
|
>
|
|
{{ formatCurrency(model.actual_cost) }}
|
|
</span>
|
|
</div>
|
|
</TableCell>
|
|
<TableCell class="text-right text-muted-foreground py-2 px-2">
|
|
{{ model.costPerToken }}
|
|
</TableCell>
|
|
</TableRow>
|
|
</TableBody>
|
|
</Table>
|
|
</Card>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import Card from '@/components/ui/card.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 { EnhancedModelStatsItem } from '../types'
|
|
|
|
defineProps<{
|
|
data: EnhancedModelStatsItem[]
|
|
isAdmin: boolean
|
|
}>()
|
|
</script>
|