refactor(PageSearch): ♻️ 改用card作为容器

src/components/PageContent/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-card shadow="never" class="table-container">
+  <el-card shadow="never">
     <!-- 表格工具栏 -->
     <div class="flex-x-between mb-[10px]">
       <!-- 左侧工具栏 -->

src/components/PageSearch/index.vue

@@ -1,6 +1,7 @@
 <template>
-  <div
-    class="search-container"
+  <el-card
+    shadow="never"
+    style="margin-bottom: 10px"
     v-show="visible"
     v-hasPerm="[`${searchConfig.pageName}:query`]"
   >
@@ -61,7 +62,7 @@
         </el-link>
       </el-form-item>
     </el-form>
-  </div>
+  </el-card>
 </template>
 
 <script setup lang="ts">
@@ -152,13 +153,4 @@ function toggleVisible() {
 defineExpose({ getQueryParams, toggleVisible });
 </script>
 
-<style lang="scss" scoped>
-.search-container {
-  padding: 18px 0 0 10px;
-  margin-bottom: 10px;
-  background-color: var(--el-bg-color-overlay);
-  border: 1px solid var(--el-border-color-light);
-  border-radius: 4px;
-  box-shadow: none;
-}
-</style>
+<style lang="scss" scoped></style>