From 21969b9a330d336022aa485f967f4495462e070f Mon Sep 17 00:00:00 2001
From: zhongzm <zhongzm@agt.com>
Date: Wed, 12 Mar 2025 16:21:06 +0800
Subject: [PATCH] =?UTF-8?q?fix=EF=BC=9A=E6=8C=89=E9=92=AE=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../device/apdevice/modules/device-search.vue   | 16 +++++++++-------
 .../device/terminal/modules/terminal-search.vue | 16 +++++++++-------
 .../user-center/bill/modules/bill-search.vue    | 17 +++++++++--------
 .../user-center/cdr/modules/cdr-search.vue      | 14 ++++++++------
 .../user-center/kyc/modules/kyc-search.vue      | 14 ++++++++------
 .../user-center/user/modules/user-search.vue    | 16 +++++++++-------
 6 files changed, 52 insertions(+), 41 deletions(-)

diff --git a/src/views/device/apdevice/modules/device-search.vue b/src/views/device/apdevice/modules/device-search.vue
index 2a5d640..73c9b46 100644
--- a/src/views/device/apdevice/modules/device-search.vue
+++ b/src/views/device/apdevice/modules/device-search.vue
@@ -12,18 +12,20 @@
       </AFormItem>
       <AFormItem>
         <ASpace>
-          <AButton type="primary" ghost :loading="loading" @click="search">
-            <template #icon>
-              <icon-mdi-search />
-            </template>
+          <div class="w-full flex-y-center justify-end gap-12px">
+          <AButton type="primary" ghost  @click="search">
+            <div class="flex-y-center gap-8px">
+              <icon-mdi-search class="text-icon"/>
             {{ t('page.apdevice.search') }}
+            </div>
           </AButton>
           <AButton @click="reset">
-            <template #icon>
-              <icon-mdi-refresh />
-            </template>
+            <div class="flex-y-center gap-8px">
+              <icon-mdi-refresh class="text-icon"/>
             {{ t('page.apdevice.reset') }}
+            </div>
           </AButton>
+          </div>
         </ASpace>
       </AFormItem>
     </AForm>
diff --git a/src/views/device/terminal/modules/terminal-search.vue b/src/views/device/terminal/modules/terminal-search.vue
index 28513e1..931b082 100644
--- a/src/views/device/terminal/modules/terminal-search.vue
+++ b/src/views/device/terminal/modules/terminal-search.vue
@@ -30,18 +30,20 @@
       </AFormItem>
       <AFormItem>
         <ASpace>
-          <AButton type="primary" ghost :loading="loading" @click="search">
-            <template #icon>
-              <icon-mdi-search />
-            </template>
+          <div class="w-full flex-y-center justify-end gap-12px">
+          <AButton type="primary" ghost  @click="search">
+            <div class="flex-y-center gap-8px">
+              <icon-mdi-search class="text-icon"/>
             {{ t('page.terminal.search') }}
+            </div>
           </AButton>
           <AButton @click="reset">
-            <template #icon>
-              <icon-mdi-refresh />
-            </template>
+            <div class="flex-y-center gap-8px">
+              <icon-mdi-refresh class="text-icon"/>
             {{ t('page.terminal.reset') }}
+            </div>
           </AButton>
+          </div>
         </ASpace>
       </AFormItem>
     </AForm>
diff --git a/src/views/user-center/bill/modules/bill-search.vue b/src/views/user-center/bill/modules/bill-search.vue
index 6fc6730..545d540 100644
--- a/src/views/user-center/bill/modules/bill-search.vue
+++ b/src/views/user-center/bill/modules/bill-search.vue
@@ -1,4 +1,4 @@
-<script setup lang="ts">
+<script setup lang="ts" xmlns="http://www.w3.org/1999/html">
 import { ref, computed } from 'vue';
 import { Form } from 'ant-design-vue';
 import type { FormInstance } from 'ant-design-vue';
@@ -94,15 +94,16 @@ const orderStatusOptions =computed(()=> [
       </AFormItem>
       <AFormItem class="flex-1 justify-end">
         <ASpace>
+          <div class="w-full flex-y-center justify-end gap-12px">
           <AButton type="primary" ghost @click="handleSearch">
-            <template #icon>
-            <icon-mdi-search />
-          </template>
-            {{ t('page.bill.search') }}</AButton>
+            <div class="flex-y-center gap-8px">
+            <icon-mdi-search class="text-icon"/>
+              {{ t('page.bill.search') }}</div></AButton>
           <AButton @click="handleReset">
-            <template #icon>
-              <icon-mdi-refresh />
-            </template>{{ t('page.bill.reset') }}</AButton>
+            <div class="flex-y-center gap-8px">
+              <icon-mdi-refresh class="text-icon"/>
+              {{ t('page.bill.reset') }}</div></AButton>
+          </div>
         </ASpace>
       </AFormItem>
     </AForm>
diff --git a/src/views/user-center/cdr/modules/cdr-search.vue b/src/views/user-center/cdr/modules/cdr-search.vue
index 56f3fc0..dd2c0a9 100644
--- a/src/views/user-center/cdr/modules/cdr-search.vue
+++ b/src/views/user-center/cdr/modules/cdr-search.vue
@@ -96,18 +96,20 @@ const reset = () => {
       </AFormItem>
       <AFormItem>
         <ASpace>
+          <div class="w-full flex-y-center justify-end gap-12px">
           <AButton type="primary" ghost @click="search">
-            <template #icon>
-              <icon-mdi-search />
-            </template>
+            <div class="flex-y-center gap-8px">
+              <icon-mdi-search class="text-icon"/>
             {{ t('page.cdr.search') }}
+            </div>
           </AButton>
           <AButton @click="reset">
-            <template #icon>
-              <icon-mdi-refresh />
-            </template>
+            <div class="flex-y-center gap-8px">
+              <icon-mdi-refresh class="text-icon"/>
             {{ t('page.cdr.reset') }}
+            </div>
           </AButton>
+          </div>
         </ASpace>
       </AFormItem>
     </AForm>
diff --git a/src/views/user-center/kyc/modules/kyc-search.vue b/src/views/user-center/kyc/modules/kyc-search.vue
index e1381bc..074dde4 100644
--- a/src/views/user-center/kyc/modules/kyc-search.vue
+++ b/src/views/user-center/kyc/modules/kyc-search.vue
@@ -31,14 +31,16 @@
       </AFormItem>
       <AFormItem class="flex-1 justify-end">
         <ASpace>
+          <div class="w-full flex-y-center justify-end gap-12px">
           <AButton type="primary" ghost @click="handleSearch">
-            <template #icon>
-              <icon-mdi-search />
-            </template>{{ t('page.kyc.search') }}</AButton>
+            <div class="flex-y-center gap-8px">
+              <icon-mdi-search class="text-icon"/>
+              {{ t('page.kyc.search') }}</div></AButton>
           <AButton @click="handleReset">
-            <template #icon>
-            <icon-mdi-refresh />
-          </template>{{ t('page.kyc.reset') }}</AButton>
+            <div class="flex-y-center gap-8px">
+            <icon-mdi-refresh class="text-icon"/>
+              {{ t('page.kyc.reset') }}</div></AButton>
+          </div>
         </ASpace>
       </AFormItem>
     </AForm>
diff --git a/src/views/user-center/user/modules/user-search.vue b/src/views/user-center/user/modules/user-search.vue
index c0d1e0b..a860907 100644
--- a/src/views/user-center/user/modules/user-search.vue
+++ b/src/views/user-center/user/modules/user-search.vue
@@ -60,18 +60,20 @@ const reset = () => {
       </AFormItem>
       <AFormItem>
         <ASpace>
-          <AButton type="primary" ghost :loading="loading" @click="search">
-            <template #icon>
-              <icon-mdi-search />
-            </template>
+          <div class="w-full flex-y-center justify-end gap-12px">
+          <AButton type="primary" ghost  @click="search">
+            <div class="flex-y-center gap-8px">
+              <icon-mdi-search class="text-icon"/>
             {{ t('page.user.search') }}
+            </div>
           </AButton>
           <AButton @click="reset">
-            <template #icon>
-              <icon-mdi-refresh />
-            </template>
+            <div class="flex-y-center gap-8px">
+              <icon-mdi-refresh class="text-icon"/>
             {{ t('page.user.reset') }}
+            </div>
           </AButton>
+          </div>
         </ASpace>
       </AFormItem>
     </AForm>