完善表格高度问题

web/src/layouts/MainLayout.vue

@@ -29,7 +29,11 @@
       ></div>
     </n-layout-sider>
 
-    <n-layout class="app-main" :class="{ 'app-main-fullscreen': isFullscreen }">
+    <n-layout
+      class="app-main"
+      :class="{ 'app-main-fullscreen': isFullscreen }"
+      content-style="display:flex;flex-direction:column;height:100%;min-height:0;"
+    >
       <header v-if="!isFullscreen" class="app-header">
         <div class="header-main">
           <n-button
@@ -264,9 +268,16 @@ async function handleLogout() {
 .content-scroll {
   height: 100%;
   min-height: 0;
+  display: flex;
+  flex-direction: column;
   overflow: hidden;
 }
 
+.content-scroll > * {
+  flex: 1 1 auto;
+  min-height: 0;
+}
+
 .app-backdrop {
   background: #f5f7fb;
 }

web/src/style.css

@@ -198,6 +198,19 @@ body {
   padding: 12px 2px 0;
 }
 
+.app-vxe-table-body {
+  flex: 1;
+  min-height: 0;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+
+.app-vxe-table-body > .vxe-table {
+  flex: 1;
+  min-height: 0;
+}
+
 .page-card .n-data-table {
   background: transparent;
 }