wanwu/sub2api
1
0
Fork 0
mirror of https://gitee.com/wanwujie/sub2api synced 2026-04-18 22:04:45 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: simplify AI Credits display logic and enhance UI presentation

Browse Source
This commit is contained in:
SilentFlower
2026-03-16 00:35:43 +08:00
committed by erio
parent f3f19d35aa
commit e14c87597a
2 changed files with 9 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
frontend/src/components/account/AccountUsageCell.vue
View File

@@ -290,36 +290,12 @@
color="amber" color="amber"
/> />
<div v-if="antigravityAICreditsDisplay.length > 0" class="mt-1 flex flex-wrap gap-1"> <div v-if="aiCreditsDisplay" class="mt-1 text-[10px] text-gray-500 dark:text-gray-400">
<div 💳 {{ t('admin.accounts.aiCreditsBalance') }}: {{ aiCreditsDisplay }}
v-for="credit in antigravityAICreditsDisplay"
:key="credit.creditType"
class="inline-flex items-center gap-1 rounded-full border border-amber-200 bg-amber-50 px-2 py-0.5 text-[10px] font-medium text-amber-700 dark:border-amber-800/50 dark:bg-amber-950/40 dark:text-amber-300"
>
<span>⚡</span>
<span>{{ t('admin.accounts.aiCreditsBalance') }}</span>
<span>{{ credit.label }}</span>
<span class="font-mono">{{ credit.amount }}</span>
<span v-if="credit.minimumBalance !== null" class="text-[9px] opacity-75">
min {{ credit.minimumBalance }}
</span>
</div>
</div> </div>
</div> </div>
<div v-else-if="antigravityAICreditsDisplay.length > 0" class="flex flex-wrap gap-1"> <div v-else-if="aiCreditsDisplay" class="text-[10px] text-gray-500 dark:text-gray-400">
<div 💳 {{ t('admin.accounts.aiCreditsBalance') }}: {{ aiCreditsDisplay }}
v-for="credit in antigravityAICreditsDisplay"
:key="credit.creditType"
class="inline-flex items-center gap-1 rounded-full border border-amber-200 bg-amber-50 px-2 py-0.5 text-[10px] font-medium text-amber-700 dark:border-amber-800/50 dark:bg-amber-950/40 dark:text-amber-300"
>
<span>⚡</span>
<span>{{ t('admin.accounts.aiCreditsBalance') }}</span>
<span>{{ credit.label }}</span>
<span class="font-mono">{{ credit.amount }}</span>
<span v-if="credit.minimumBalance !== null" class="text-[9px] opacity-75">
min {{ credit.minimumBalance }}
</span>
</div>
</div> </div>
<div v-else class="text-xs text-gray-400">-</div> <div v-else class="text-xs text-gray-400">-</div>
</template> </template>
@@ -612,26 +588,14 @@ const antigravityClaudeUsageFromAPI = computed(() =>
]) ])
) )
const antigravityAICreditsDisplay = computed(() => { const aiCreditsDisplay = computed(() => {
const credits = usageInfo.value?.ai_credits const credits = usageInfo.value?.ai_credits
if (!credits || credits.length === 0) return [] if (!credits || credits.length === 0) return null
return credits const total = credits.reduce((sum, credit) => sum + (credit.amount ?? 0), 0)
.filter((credit) => (credit.amount ?? 0) > 0) if (total <= 0) return null
.map((credit) => ({ return total.toFixed(0)
creditType: credit.credit_type || 'UNKNOWN',
label: formatAICreditTypeLabel(credit.credit_type || 'UNKNOWN'),
amount: Number(credit.amount ?? 0).toFixed(0),
minimumBalance: typeof credit.minimum_balance === 'number'
? Number(credit.minimum_balance).toFixed(0)
: null,
}))
}) })
function formatAICreditTypeLabel(creditType: string): string {
if (creditType === 'GOOGLE_ONE_AI') return 'Google One AI'
return creditType
}
// Antigravity 账户类型（从 load_code_assist 响应中提取） // Antigravity 账户类型（从 load_code_assist 响应中提取）
const antigravityTier = computed(() => { const antigravityTier = computed(() => {
const extra = props.account.extra as Record<string, unknown> | undefined const extra = props.account.extra as Record<string, unknown> | undefined

2
frontend/src/components/account/__tests__/AccountUsageCell.spec.ts
View File

@@ -133,9 +133,7 @@ describe('AccountUsageCell', () => {
await flushPromises() await flushPromises()
expect(wrapper.text()).toContain('admin.accounts.aiCreditsBalance') expect(wrapper.text()).toContain('admin.accounts.aiCreditsBalance')
expect(wrapper.text()).toContain('Google One AI')
expect(wrapper.text()).toContain('25') expect(wrapper.text()).toContain('25')
expect(wrapper.text()).toContain('min 5')
}) })