From 0a0f23ab0c1d30b9d6365cd198487c2630b05e5b Mon Sep 17 00:00:00 2001
From: admin <admin@viaeon.com>
Date: Sat, 9 May 2026 19:58:38 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BD=BF=E7=94=A8shadcn=20NumberField?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=E5=B9=B6=E9=99=90=E5=88=B6=E5=AE=BD=E5=BA=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 使用NumberField组件替代Input
- 限制宽度为w-32
- 配置货币格式显示

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
---
 frontend/src/pages/admin/agent-apps/[id].vue  | 28 ++++++++++---------
 .../src/pages/admin/agent-apps/create.vue     | 28 ++++++++++---------
 2 files changed, 30 insertions(+), 26 deletions(-)

diff --git a/frontend/src/pages/admin/agent-apps/[id].vue b/frontend/src/pages/admin/agent-apps/[id].vue
index cbc534e..35ad6a4 100644
--- a/frontend/src/pages/admin/agent-apps/[id].vue
+++ b/frontend/src/pages/admin/agent-apps/[id].vue
@@ -6,7 +6,7 @@ import { useRoute, useRouter } from 'vue-router'
 import { toast } from 'vue-sonner'
 
 import { BasicPage } from '@/components/global-layout'
-import { Input } from '@/components/ui/input'
+import { NumberField, NumberFieldContent, NumberFieldDecrement, NumberFieldIncrement, NumberFieldInput } from '@/components/ui/number-field'
 import api from '@/services/api'
 
 const router = useRouter()
@@ -246,18 +246,20 @@ onMounted(() => {
               </div>
 
               <div class="space-y-2">
-                <UiLabel for="price">{{ t('admin.agentApps.createForm.price') }} <span class="text-destructive">*</span></UiLabel>
-                <div class="relative">
-                  <span class="absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground">¥</span>
-                  <Input
-                    id="price"
-                    v-model="formData.price"
-                    type="number"
-                    class="pl-7"
-                    :placeholder="t('admin.agentApps.createForm.pricePlaceholder')"
-                    :disabled="saving"
-                  />
-                </div>
+                <UiLabel>{{ t('admin.agentApps.createForm.price') }} <span class="text-destructive">*</span></UiLabel>
+                <NumberField
+                  v-model="formData.price"
+                  :min="0"
+                  :format-options="{ style: 'currency', currency: 'CNY', currencyDisplay: 'symbol' }"
+                  :disabled="saving"
+                  class="w-32"
+                >
+                  <NumberFieldContent>
+                    <NumberFieldDecrement />
+                    <NumberFieldInput />
+                    <NumberFieldIncrement />
+                  </NumberFieldContent>
+                </NumberField>
               </div>
             </UiCardContent>
           </UiCard>
diff --git a/frontend/src/pages/admin/agent-apps/create.vue b/frontend/src/pages/admin/agent-apps/create.vue
index dc3cd07..625bb6f 100644
--- a/frontend/src/pages/admin/agent-apps/create.vue
+++ b/frontend/src/pages/admin/agent-apps/create.vue
@@ -6,7 +6,7 @@ import { useRouter } from 'vue-router'
 import { toast } from 'vue-sonner'
 
 import { BasicPage } from '@/components/global-layout'
-import { Input } from '@/components/ui/input'
+import { NumberField, NumberFieldContent, NumberFieldDecrement, NumberFieldIncrement, NumberFieldInput } from '@/components/ui/number-field'
 import api from '@/services/api'
 
 const router = useRouter()
@@ -232,18 +232,20 @@ onMounted(() => {
               </div>
 
               <div class="space-y-2">
-                <UiLabel for="price">{{ t('admin.agentApps.createForm.price') }} <span class="text-destructive">*</span></UiLabel>
-                <div class="relative">
-                  <span class="absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground">¥</span>
-                  <Input
-                    id="price"
-                    v-model="formData.price"
-                    type="number"
-                    class="pl-7"
-                    :placeholder="t('admin.agentApps.createForm.pricePlaceholder')"
-                    :disabled="saving"
-                  />
-                </div>
+                <UiLabel>{{ t('admin.agentApps.createForm.price') }} <span class="text-destructive">*</span></UiLabel>
+                <NumberField
+                  v-model="formData.price"
+                  :min="0"
+                  :format-options="{ style: 'currency', currency: 'CNY', currencyDisplay: 'symbol' }"
+                  :disabled="saving"
+                  class="w-32"
+                >
+                  <NumberFieldContent>
+                    <NumberFieldDecrement />
+                    <NumberFieldInput />
+                    <NumberFieldIncrement />
+                  </NumberFieldContent>
+                </NumberField>
               </div>
 
               <div class="space-y-2">