mirror of
https://github.com/fawney19/Aether.git
synced 2026-01-03 08:12:26 +08:00
62 lines
2.4 KiB
Vue
62 lines
2.4 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 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 { EnhancedModelStatsItem } from '../types'
|
||
|
|
|
||
|
|
defineProps<{
|
||
|
|
data: EnhancedModelStatsItem[]
|
||
|
|
isAdmin: boolean
|
||
|
|
}>()
|
||
|
|
</script>
|