From d0f062e78306b3bdf5518b8c79194747ecf3b52e Mon Sep 17 00:00:00 2001
From: smallwei <1634566606@qq.com>
Date: Thu, 30 Mar 2023 21:37:31 +0800
Subject: [PATCH] feat:table height auto

---
 src/views/system/param.vue | 29 ++++++++++++++++++-----------
 1 file changed, 18 insertions(+), 11 deletions(-)

diff --git a/src/views/system/param.vue b/src/views/system/param.vue
index ee55f06..e929281 100644
--- a/src/views/system/param.vue
+++ b/src/views/system/param.vue
@@ -50,6 +50,7 @@
                   v-loading="loading"
                   @selection-change="selectionChange"
                   :data="data"
+                  :height="height"
                   style="width: 100%"
                   :border="option.border">
           <el-table-column type="selection"
@@ -94,17 +95,21 @@
         </el-table>
       </el-row>
       <el-row>
-        <!-- 分页模块 -->
-        <el-pagination align="right"
-                       background
-                       @size-change="sizeChange"
-                       @current-change="currentChange"
-                       :current-page="page.currentPage"
-                       :page-sizes="[10, 20, 30, 40, 50, 100]"
-                       :page-size="page.pageSize"
-                       layout="total, sizes, prev, pager, next, jumper"
-                       :total="page.total">
-        </el-pagination>
+        <div class="avue-crud__pagination"
+             style="width:100%">
+          <!-- 分页模块 -->
+          <el-pagination class="avue-crud__pagination"
+                         align="right"
+                         background
+                         @size-change="sizeChange"
+                         @current-change="currentChange"
+                         :current-page="page.currentPage"
+                         :page-sizes="[10, 20, 30, 40, 50, 100]"
+                         :page-size="page.pageSize"
+                         layout="total, sizes, prev, pager, next, jumper"
+                         :total="page.total">
+          </el-pagination>
+        </div>
       </el-row>
       <!-- 表单模块 -->
       <el-dialog :title="title"
@@ -165,6 +170,7 @@ import { mapGetters } from "vuex";
 export default {
   data () {
     return {
+      height: 0,
       // 弹框标题
       title: '',
       // 是否展示弹框
@@ -265,6 +271,7 @@ export default {
     }
   },
   mounted () {
+    this.height = this.setPx(document.body.clientHeight - 400)
     this.init();
     this.onLoad(this.page);
   },