From e603b67bdb959dd32089cb7a733cdf9eca0a533f Mon Sep 17 00:00:00 2001
From: erio <asakifeng@gmail.com>
Date: Sun, 8 Mar 2026 21:21:28 +0800
Subject: [PATCH] fix(frontend): restore quota badges to capacity column and
 rename usage label to total

- Restore QuotaBadge (D/W/total) back to the capacity column
- Rename usage window total label from "$" to "total"
---
 .../components/account/AccountCapacityCell.vue  | 17 +++++++++++++++++
 .../src/components/account/AccountUsageCell.vue |  2 +-
 2 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/account/AccountCapacityCell.vue b/frontend/src/components/account/AccountCapacityCell.vue
index d3042f98ca..3792e3a7a9 100644
--- a/frontend/src/components/account/AccountCapacityCell.vue
+++ b/frontend/src/components/account/AccountCapacityCell.vue
@@ -30,6 +30,11 @@
 
     <!-- 客户端亲和 -->
     <AffinityBadge v-if="showAffinity" :account-id="account.id" :count="affinityClientCount" :base="affinityBase" :buffer="affinityBuffer" />
+
+    <!-- 配额限制 -->
+    <QuotaBadge v-if="showDailyQuota" label="D" :used="account.quota_daily_used ?? 0" :limit="account.quota_daily_limit!" />
+    <QuotaBadge v-if="showWeeklyQuota" label="W" :used="account.quota_weekly_used ?? 0" :limit="account.quota_weekly_limit!" />
+    <QuotaBadge v-if="showTotalQuota" :used="account.quota_used ?? 0" :limit="account.quota_limit!" />
   </div>
 </template>
 
@@ -39,6 +44,7 @@ import { useI18n } from 'vue-i18n'
 import type { Account } from '@/types'
 import CapacityBadge from '@/components/account/CapacityBadge.vue'
 import AffinityBadge from '@/components/account/AffinityBadge.vue'
+import QuotaBadge from '@/components/account/QuotaBadge.vue'
 
 const props = defineProps<{
   account: Account
@@ -195,4 +201,15 @@ const formatCost = (value: number | null | undefined) => {
   if (value === null || value === undefined) return '0'
   return value.toFixed(2)
 }
+
+// ====== 配额 ======
+const showDailyQuota = computed(() =>
+  props.account.type === 'apikey' && props.account.quota_daily_limit != null && props.account.quota_daily_limit > 0
+)
+const showWeeklyQuota = computed(() =>
+  props.account.type === 'apikey' && props.account.quota_weekly_limit != null && props.account.quota_weekly_limit > 0
+)
+const showTotalQuota = computed(() =>
+  props.account.type === 'apikey' && props.account.quota_limit != null && props.account.quota_limit > 0
+)
 </script>
diff --git a/frontend/src/components/account/AccountUsageCell.vue b/frontend/src/components/account/AccountUsageCell.vue
index a696383990..c354a0bcef 100644
--- a/frontend/src/components/account/AccountUsageCell.vue
+++ b/frontend/src/components/account/AccountUsageCell.vue
@@ -354,7 +354,7 @@
       />
       <UsageProgressBar
         v-if="quotaTotalBar"
-        label="$"
+        label="total"
         :utilization="quotaTotalBar.utilization"
         :display-value="quotaTotalBar.displayValue"
         color="purple"