github/claude-relay-service
1
0
Fork 0
mirror of https://github.com/Wei-Shaw/claude-relay-service.git synced 2026-01-23 09:38:02 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: 适配codex用量数据-前端格式问题

Browse Source
This commit is contained in:
shaw
2025-09-25 17:28:45 +08:00
parent c15ef0b6ae
commit 4ceaa80cbe
2 changed files with 27 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
web/admin-spa/src/views/AccountsView.vue
View File

@@ -673,7 +673,9 @@
'h-2 rounded-full transition-all duration-300', 'h-2 rounded-full transition-all duration-300',
getCodexUsageBarClass(account.codexUsage.primary.usedPercent) getCodexUsageBarClass(account.codexUsage.primary.usedPercent)
]" ]"
:style="{ width: getCodexUsageWidth(account.codexUsage.primary.usedPercent) }" :style="{
width: getCodexUsageWidth(account.codexUsage.primary.usedPercent)
}"
/> />
</div> </div>
<span class="text-[11px] text-gray-500 dark:text-gray-400"> <span class="text-[11px] text-gray-500 dark:text-gray-400">
@@ -701,7 +703,9 @@
'h-2 rounded-full transition-all duration-300', 'h-2 rounded-full transition-all duration-300',
getCodexUsageBarClass(account.codexUsage.secondary.usedPercent) getCodexUsageBarClass(account.codexUsage.secondary.usedPercent)
]" ]"
:style="{ width: getCodexUsageWidth(account.codexUsage.secondary.usedPercent) }" :style="{
width: getCodexUsageWidth(account.codexUsage.secondary.usedPercent)
}"
/> />
</div> </div>
<span class="text-[11px] text-gray-500 dark:text-gray-400"> <span class="text-[11px] text-gray-500 dark:text-gray-400">
@@ -713,7 +717,10 @@
</div> </div>
</div> </div>
<div <div
v-if="account.codexUsage.primaryOverSecondaryPercent !== null && account.codexUsage.primaryOverSecondaryPercent !== undefined" v-if="
account.codexUsage.primaryOverSecondaryPercent !== null &&
account.codexUsage.primaryOverSecondaryPercent !== undefined
"
class="text-[11px] text-gray-500 dark:text-gray-400" class="text-[11px] text-gray-500 dark:text-gray-400"
> >
短期/长期占比 短期/长期占比
@@ -975,7 +982,10 @@
</div> </div>
</div> </div>
<div v-else-if="account.platform === 'openai'" class="space-y-2"> <div v-else-if="account.platform === 'openai'" class="space-y-2">
<div v-if="account.codexUsage" class="space-y-2 rounded-lg bg-gray-50 p-2 dark:bg-gray-700"> <div
v-if="account.codexUsage"
class="space-y-2 rounded-lg bg-gray-50 p-2 dark:bg-gray-700"
>
<div class="flex items-center justify-between text-xs"> <div class="flex items-center justify-between text-xs">
<div class="flex items-center gap-1 text-gray-600 dark:text-gray-300"> <div class="flex items-center gap-1 text-gray-600 dark:text-gray-300">
<i class="fas fa-hourglass-half text-indigo-500" /> <i class="fas fa-hourglass-half text-indigo-500" />
@@ -1003,7 +1013,10 @@
重置剩余 {{ formatCodexRemaining(account.codexUsage.primary) }} 重置剩余 {{ formatCodexRemaining(account.codexUsage.primary) }}
</div> </div>
</div> </div>
<div v-if="account.codexUsage" class="space-y-2 rounded-lg bg-gray-50 p-2 dark:bg-gray-700"> <div
v-if="account.codexUsage"
class="space-y-2 rounded-lg bg-gray-50 p-2 dark:bg-gray-700"
>
<div class="flex items-center justify-between text-xs"> <div class="flex items-center justify-between text-xs">
<div class="flex items-center gap-1 text-gray-600 dark:text-gray-300"> <div class="flex items-center gap-1 text-gray-600 dark:text-gray-300">
<i class="fas fa-calendar-week text-blue-500" /> <i class="fas fa-calendar-week text-blue-500" />
@@ -1020,7 +1033,9 @@
'h-2 rounded-full transition-all duration-300', 'h-2 rounded-full transition-all duration-300',
getCodexUsageBarClass(account.codexUsage.secondary.usedPercent) getCodexUsageBarClass(account.codexUsage.secondary.usedPercent)
]" ]"
:style="{ width: getCodexUsageWidth(account.codexUsage.secondary.usedPercent) }" :style="{
width: getCodexUsageWidth(account.codexUsage.secondary.usedPercent)
}"
/> />
</div> </div>
<span class="text-[11px] text-gray-500 dark:text-gray-400"> <span class="text-[11px] text-gray-500 dark:text-gray-400">
@@ -1032,7 +1047,11 @@
</div> </div>
</div> </div>
<div <div
v-if="account.codexUsage && account.codexUsage.primaryOverSecondaryPercent !== null && account.codexUsage.primaryOverSecondaryPercent !== undefined" v-if="
account.codexUsage &&
account.codexUsage.primaryOverSecondaryPercent !== null &&
account.codexUsage.primaryOverSecondaryPercent !== undefined
"
class="text-[11px] text-gray-500 dark:text-gray-400" class="text-[11px] text-gray-500 dark:text-gray-400"
> >
短期/长期占比 短期/长期占比

2
web/admin-spa/src/views/ApiStatsView.vue
View File

@@ -205,7 +205,7 @@ const handleKeyDown = (event) => {
// 初始化 // 初始化
onMounted(() => { onMounted(() => {
console.log('API Stats Page loaded') // API Stats Page loaded
// 初始化主题（因为该页面不在 MainLayout 内） // 初始化主题（因为该页面不在 MainLayout 内）
themeStore.initTheme() themeStore.initTheme()