搜索页面调整

src/components/SearchTable/src/SearchTable.vue

@@ -1,24 +1,20 @@
 <template>
-  <Dialog :title="dialogTitle" v-model="searchDialogVisible" style="height: 70%;width: 80%;">
+  <Dialog :title="dialogTitle" v-model="searchDialogVisible" :width="'80%'">
-      <div class="searchHeardClass">
+      <!-- 搜索工作栏 -->
-         <!-- 搜索工作栏 -->
+    <Search :schema="searchSchema" @search="setSearchParamsRef" @reset="setSearchParamsRef" />
-        <Search :schema="searchSchema" @search="setSearchParamsRef" @reset="setSearchParamsRef" />
+    <Table
-      </div>
+      ref="searchTableRef"
-      <div class="searchTableClass">
+      :columns="tableColumns"
-        <Table
+      :data="tableObjectRef.tableList"
-          ref="searchTableRef"
+      :loading="tableObjectRef.loading"
-          :columns="tableColumns"
+      :pagination="{
-          :data="tableObjectRef.tableList"
+        total: tableObjectRef.total
-          :loading="tableObjectRef.loading"
+      }"
-          :pagination="{
+      v-model:pageSize="tableObjectRef.pageSize"
-            total: tableObjectRef.total
+      v-model:currentPage="tableObjectRef.currentPage"
-          }"
+      v-model:sort="tableObjectRef.sort"
-          v-model:pageSize="tableObjectRef.pageSize"
+      :selection="true"
-          v-model:currentPage="tableObjectRef.currentPage"
+    />
-          v-model:sort="tableObjectRef.sort"
-          :selection="true"
-        />
-      </div>
     <template #footer>
       <div class="flex items-center">
         <el-button @click="submitForm" type="primary" :disabled="formLoading">确 定</el-button>
@@ -89,15 +85,4 @@ const submitForm = async () => {
 }
 </script>
 <style scoped lang="scss">
-.searchDialogClass{
-  height: 60% !important;
-  width: 80% !important;
-}
-.searchHeardClass{
-  height: 50px;
-}
-.searchTableClass{
-  height: 450px;
-  overflow-y: auto;
-}
 </style>