添加模块文件

src/utils/componentStyle.less

@@ -48,6 +48,11 @@
 
   .filter-form {
     flex: 1;
+    display: flex;
+    flex-wrap: wrap;
+    gap: 10px;
+    max-width: 100%;
+
     .filter-btns {
       button {
         margin-right: 8px;
@@ -71,3 +76,34 @@
     }
   }
 }
+
+// 按钮行样式 - 用于搜索按钮和操作按钮的两端对齐
+.button-row {
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: 15px;
+
+  .left-buttons {
+    display: flex;
+    gap: 8px;
+  }
+
+  .right-buttons {
+    display: flex;
+    gap: 8px;
+    align-items: center;
+  }
+}
+
+// 响应式调整
+@media screen and (max-width: 768px) {
+  .button-row {
+    flex-direction: column;
+    gap: 16px;
+
+    .left-buttons, .right-buttons {
+      width: 100%;
+      justify-content: flex-start;
+    }
+  }
+}