From 5561587cde0e4532b1bc2661c6487bb05b2d9c02 Mon Sep 17 00:00:00 2001
From: admin <admin@viaeon.com>
Date: Sun, 10 May 2026 17:00:19 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D:=201.=E4=BB=A3=E7=90=86?=
 =?UTF-8?q?=E5=8D=A1=E5=AF=86=E7=AD=9B=E9=80=89status=E6=98=BE=E7=A4=BA(JS?=
 =?UTF-8?q?ON=20key=E5=86=B2=E7=AA=81)=202.=E8=B4=A2=E5=8A=A1=E7=AE=A1?=
 =?UTF-8?q?=E7=90=86SelectItem=E7=A9=BA=E5=AD=97=E7=AC=A6=E4=B8=B2value?=
 =?UTF-8?q?=E6=8A=A5=E9=94=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/pages/agent/cards/index.vue          |  2 +-
 .../finance/components/data-table-toolbar.vue     | 15 +++++++++++----
 frontend/src/plugins/i18n/en.json                 |  2 +-
 frontend/src/plugins/i18n/zh.json                 |  2 +-
 4 files changed, 14 insertions(+), 7 deletions(-)

diff --git a/frontend/src/pages/agent/cards/index.vue b/frontend/src/pages/agent/cards/index.vue
index f9613ff..7dfe39f 100644
--- a/frontend/src/pages/agent/cards/index.vue
+++ b/frontend/src/pages/agent/cards/index.vue
@@ -339,7 +339,7 @@ onMounted(async () => {
               />
               <SingleFilter
                 v-model="statusFilter"
-                :title="t('agent.cards.status')"
+                :title="t('agent.cards.statusFilter')"
                 :options="statusOptions"
               />
               <DateRangeFilter
diff --git a/frontend/src/pages/agent/finance/components/data-table-toolbar.vue b/frontend/src/pages/agent/finance/components/data-table-toolbar.vue
index 09b2985..dd2cd57 100644
--- a/frontend/src/pages/agent/finance/components/data-table-toolbar.vue
+++ b/frontend/src/pages/agent/finance/components/data-table-toolbar.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import type { Table } from '@tanstack/vue-table'
 
+import { X } from 'lucide-vue-next'
 import { computed } from 'vue'
 import { useI18n } from 'vue-i18n'
 
@@ -18,12 +19,11 @@ const emit = defineEmits<{
 const { t } = useI18n()
 
 const typeModel = computed({
-  get: () => props.typeFilter,
-  set: (value: string) => emit('update:typeFilter', value),
+  get: () => props.typeFilter || undefined,
+  set: (value: string) => emit('update:typeFilter', value || ''),
 })
 
 const typeOptions = computed(() => [
-  { label: t('agent.finance.allTypes'), value: '' },
   { label: t('agent.finance.types.recharge'), value: 'recharge' },
   { label: t('agent.finance.types.consume'), value: 'consume' },
   { label: t('agent.finance.types.refund'), value: 'refund' },
@@ -34,7 +34,7 @@ const typeOptions = computed(() => [
   <div class="flex items-center gap-2">
     <UiSelect v-model="typeModel" class="w-[120px]">
       <UiSelectTrigger>
-        <UiSelectValue :placeholder="t('agent.finance.selectType')" />
+        <UiSelectValue :placeholder="t('agent.finance.allTypes')" />
       </UiSelectTrigger>
       <UiSelectContent>
         <UiSelectItem v-for="opt in typeOptions" :key="opt.value" :value="opt.value">
@@ -42,5 +42,12 @@ const typeOptions = computed(() => [
         </UiSelectItem>
       </UiSelectContent>
     </UiSelect>
+    <button
+      v-if="typeFilter"
+      class="inline-flex items-center justify-center rounded-md size-6 text-muted-foreground hover:text-foreground transition-colors"
+      @click="emit('update:typeFilter', '')"
+    >
+      <X class="size-3.5" />
+    </button>
   </div>
 </template>
diff --git a/frontend/src/plugins/i18n/en.json b/frontend/src/plugins/i18n/en.json
index 4ff4dc1..c463c92 100644
--- a/frontend/src/plugins/i18n/en.json
+++ b/frontend/src/plugins/i18n/en.json
@@ -2813,7 +2813,7 @@
       "cardCode": "Card Code",
       "app": "Application",
       "cardType": "Card Type",
-      "status": "Status",
+      "statusFilter": "Status",
       "createTime": "Create Time",
       "useTime": "Use Time",
       "unused": "Unused",
diff --git a/frontend/src/plugins/i18n/zh.json b/frontend/src/plugins/i18n/zh.json
index c2ce4a8..f3e6384 100644
--- a/frontend/src/plugins/i18n/zh.json
+++ b/frontend/src/plugins/i18n/zh.json
@@ -2814,7 +2814,7 @@
       "cardCode": "卡密",
       "app": "应用",
       "cardType": "卡类",
-      "status": "状态",
+      "statusFilter": "状态",
       "createTime": "创建时间",
       "useTime": "使用时间",
       "unused": "未使用",