From ac6f8ea34178cdf3c6f4881c7bb998d784cc987a Mon Sep 17 00:00:00 2001
From: zhangyh <zhangyahui@haier.com>
Date: Fri, 26 Sep 2025 13:08:18 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E5=8E=86=E5=8F=B2=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/component/common/TableSearchBar.vue | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

diff --git a/src/component/common/TableSearchBar.vue b/src/component/common/TableSearchBar.vue
index 00fc3884..5cae4c2f 100644
--- a/src/component/common/TableSearchBar.vue
+++ b/src/component/common/TableSearchBar.vue
@@ -1,6 +1,6 @@
 <template>
-  <div class="table_search_bar flex flex-justify-between flex-align-center">
-    <div class="search_preset flex flex-1">
+  <div class="table_search_bar flex  flex-align-center flex-justify-between">
+    <div class="search_preset flex ">
       <div
         class="preset_item gallery_btn white"
         v-for="item in buttonList"
@@ -11,15 +11,15 @@
         {{ item.label }}
       </div>
     </div>
-    <div class="search_input flex flex-align-center">
+    <div class="search_input flex flex-align-center" :style="{ width: inputWidth }">
       <input
-        class="search_input_inner flex-1"
+        class="search_input_inner"
         v-model="searchParams.searchText"
         :bordered="false"
         @keydown.enter="handleSearch"
         :placeholder="placeholder"
       />
-      <SearchOutlined @click="handleSearch" />
+      <SearchOutlined class="search_input_icon" @click="handleSearch" />
     </div>
   </div>
 </template>
@@ -36,6 +36,7 @@ interface ButtonItem {
 interface Props {
   buttonList: ButtonItem[]
   placeholder?: string
+  inputWidth?: string
 }
 
 interface SearchParams {
@@ -91,11 +92,13 @@ const handleSearch = () => {
       line-height: 4rem;
       min-width: 10rem;
       font-weight: normal;
+      border-width: 0.1rem;
     }
   }
 
   .search_input {
     height: 4rem;
+    width: 23rem; // 默认宽度
     background-color: #fff;
     border: 0.1rem solid #000;
     border-radius: 43rem;
@@ -106,6 +109,10 @@ const handleSearch = () => {
       height: 100%;
       padding-left: 3rem;
       border-radius: 4rem;
+      width: calc(100% - 2rem);
+    }
+    .search_input_icon {
+      font-size: 2rem;
     }
   }
 }