From 7a3686002153dafbc9ab156ad4aa654092d04a96 Mon Sep 17 00:00:00 2001
From: wkc <978997012@qq.com>
Date: Fri, 27 Feb 2026 09:38:27 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20SearchBar=20=E7=BB=84=E4=BB=B6=E6=B7=BB?=
 =?UTF-8?q?=E5=8A=A0=E9=87=8D=E7=BD=AE=E6=8C=89=E9=92=AE=E5=B9=B6=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ccdiProject/components/SearchBar.vue      | 52 +++++++++----------
 1 file changed, 26 insertions(+), 26 deletions(-)

diff --git a/ruoyi-ui/src/views/ccdiProject/components/SearchBar.vue b/ruoyi-ui/src/views/ccdiProject/components/SearchBar.vue
index 11fc81e..d207565 100644
--- a/ruoyi-ui/src/views/ccdiProject/components/SearchBar.vue
+++ b/ruoyi-ui/src/views/ccdiProject/components/SearchBar.vue
@@ -10,13 +10,7 @@
             clearable
             size="medium"
             @keyup.enter.native="handleSearch"
-          >
-            <el-button
-              slot="append"
-              icon="el-icon-search"
-              @click="handleSearch"
-            >搜索</el-button>
-          </el-input>
+          />
         </el-col>
         <el-col :span="5">
           <el-select
@@ -35,7 +29,20 @@
             />
           </el-select>
         </el-col>
-        <el-col :span="11" style="text-align: right">
+        <el-col :span="4">
+          <el-button
+            type="primary"
+            icon="el-icon-search"
+            size="medium"
+            @click="handleSearch"
+          >搜索</el-button>
+          <el-button
+            icon="el-icon-refresh"
+            size="medium"
+            @click="handleReset"
+          >重置</el-button>
+        </el-col>
+        <el-col :span="7" style="text-align: right">
           <el-button
             type="primary"
             icon="el-icon-plus"
@@ -82,6 +89,12 @@ export default {
     handleStatusChange() {
       this.emitQuery()
     },
+    /** 重置 */
+    handleReset() {
+      this.searchKeyword = ''
+      this.selectedStatus = ''
+      this.emitQuery()
+    },
     /** 发送查询 */
     emitQuery() {
       this.$emit('query', {
@@ -97,13 +110,6 @@ export default {
     handleImport() {
       this.$emit('import')
     }
-  },
-  watch: {
-    searchKeyword(newVal) {
-      if (newVal === '') {
-        this.emitQuery()
-      }
-    }
   }
 }
 </script>
@@ -123,18 +129,12 @@ export default {
   }
 }
 
-:deep(.el-input-group__append) {
-  background-color: #409EFF;
-  color: white;
-  border-color: #409EFF;
-  cursor: pointer;
-
-  &:hover {
-    background-color: #66b1ff;
-  }
-}
-
 :deep(.el-button--medium) {
   padding: 10px 16px;
+  margin-left: 8px;
+
+  &:first-child {
+    margin-left: 0;
+  }
 }
 </style>