样式修改

src/views/backOfficeSystem/MeetingRoom/index.vue

@@ -9,10 +9,14 @@
     </div>
     <!-- 表格 -->
     <div class="tabBox">
-      <div class="btns">
-        <el-button type="primary">新增</el-button>
-        <el-button type="danger">删除</el-button>
+      <div class="flexcb">
+        <div class="btns">
+          <el-button type="primary">新增</el-button>
+          <el-button type="danger">删除</el-button>
+        </div>
+        <Search :searchArr="searchArrMeet" @submit="onSearch" :key="pageData.keyCount + 1" class="search" />
       </div>
+
       <div class="list noScollLine">
         <div class="list-item" v-for="(item, index) in pageData.tableData" :key="`tableData${index}`" @onmouseover="">
           <div class="top">
@@ -96,6 +100,14 @@
       showType: "input"
     }
   ]);
+  const searchArrMeet = ref([
+    {
+      label: "",
+      prop: "title",
+      placeholder: "请输入关键字",
+      showType: "input"
+    }
+  ]);
 
   const queryFrom = ref({});
   const pageData = reactive({
@@ -252,6 +264,17 @@
   .el-loading-mask {
     background: rgba(0, 0, 0, 0.5) !important;
   }
+  .tabBox {
+    .pageSearch {
+      margin-bottom: 0 !important;
+      .box {
+        align-items: center !important;
+      }
+    }
+    :deep(.pageSearch .box .item) {
+      margin-bottom: 0 !important;
+    }
+  }
   .btns {
     padding: 10px 20px;
   }