feat: 添加独立搜索按钮，移除输入框内搜索图标

ruoyi-ui/src/views/ccdiProject/components/SearchBar.vue

@@ -1,20 +1,17 @@
 <template>
   <div class="search-filter-bar">
-    <el-input
+    <div class="search-input-wrapper">
-      v-model="searchKeyword"
+      <el-input
-      placeholder="请输入关键词搜索项目"
+        v-model="searchKeyword"
-      clearable
+        placeholder="请输入关键词搜索项目"
-      size="small"
+        clearable
-      class="search-input"
+        size="small"
-      @keyup.enter.native="handleSearch"
+        class="search-input"
-      @clear="handleSearch"
+        @keyup.enter.native="handleSearch"
-    >
+        @clear="handleSearch"
-      <i
-        slot="suffix"
-        class="el-icon-search search-icon"
-        @click="handleSearch"
       />
-    </el-input>
+      <el-button type="primary" size="small" @click="handleSearch">搜索</el-button>
+    </div>
     <div class="tab-filters">
       <div
         v-for="tab in tabs"
@@ -102,20 +99,15 @@ export default {
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
 }
 
-.search-input {
+.search-input-wrapper {
-  width: 240px;
+  display: flex;
-  height: 40px;
+  align-items: center;
+  gap: 8px;
 }
 
-.search-icon {
+.search-input {
-  cursor: pointer;
+  width: 240px;
-  color: #909399;
+  // Let Element UI's size="small" control the height naturally
-  transition: color 0.2s;
-  margin-right: 8px;
-
-  &:hover {
-    color: #3B82F6;
-  }
 }
 
 .tab-filters {