From 0f7b9d5e2b8bb8092f5e9397eae7edcad43e3346 Mon Sep 17 00:00:00 2001
From: Soybean <soybeanjs@outlook.com>
Date: Wed, 19 Jul 2023 23:14:33 +0800
Subject: [PATCH] =?UTF-8?q?fix(styles):=20=E7=94=A8=E6=88=B7=E7=AE=A1?=
 =?UTF-8?q?=E7=90=86=E9=A1=B5=E9=9D=A2=E5=B8=83=E5=B1=80=E8=87=AA=E9=80=82?=
 =?UTF-8?q?=E5=BA=94=E5=B1=8F=E5=B9=95=E9=AB=98=E5=BA=A6=20(fixed=20#253)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/management/user/index.vue | 61 +++++++++++++++++------------
 1 file changed, 35 insertions(+), 26 deletions(-)

diff --git a/src/views/management/user/index.vue b/src/views/management/user/index.vue
index 09054ce9..5eda8baf 100644
--- a/src/views/management/user/index.vue
+++ b/src/views/management/user/index.vue
@@ -1,31 +1,40 @@
 <template>
-  <div class="h-full overflow-hidden">
-    <n-card title="用户管理" :bordered="false" class="rounded-8px shadow-sm">
-      <n-space class="pb-12px" justify="space-between">
-        <n-space>
-          <n-button type="primary" @click="handleAddTable">
-            <icon-ic-round-plus class="mr-4px text-20px" />
-            新增
-          </n-button>
-          <n-button type="error">
-            <icon-ic-round-delete class="mr-4px text-20px" />
-            删除
-          </n-button>
-          <n-button type="success">
-            <icon-uil:export class="mr-4px text-20px" />
-            导出Excel
-          </n-button>
+  <div class="overflow-hidden">
+    <n-card title="用户管理" :bordered="false" class="h-full rounded-8px shadow-sm">
+      <div class="flex-col h-full">
+        <n-space class="pb-12px" justify="space-between">
+          <n-space>
+            <n-button type="primary" @click="handleAddTable">
+              <icon-ic-round-plus class="mr-4px text-20px" />
+              新增
+            </n-button>
+            <n-button type="error">
+              <icon-ic-round-delete class="mr-4px text-20px" />
+              删除
+            </n-button>
+            <n-button type="success">
+              <icon-uil:export class="mr-4px text-20px" />
+              导出Excel
+            </n-button>
+          </n-space>
+          <n-space align="center" :size="18">
+            <n-button size="small" type="primary" @click="getTableData">
+              <icon-mdi-refresh class="mr-4px text-16px" :class="{ 'animate-spin': loading }" />
+              刷新表格
+            </n-button>
+            <column-setting v-model:columns="columns" />
+          </n-space>
         </n-space>
-        <n-space align="center" :size="18">
-          <n-button size="small" type="primary" @click="getTableData">
-            <icon-mdi-refresh class="mr-4px text-16px" :class="{ 'animate-spin': loading }" />
-            刷新表格
-          </n-button>
-          <column-setting v-model:columns="columns" />
-        </n-space>
-      </n-space>
-      <n-data-table :columns="columns" :data="tableData" :loading="loading" :pagination="pagination" />
-      <table-action-modal v-model:visible="visible" :type="modalType" :edit-data="editData" />
+        <n-data-table
+          :columns="columns"
+          :data="tableData"
+          :loading="loading"
+          :pagination="pagination"
+          flex-height
+          class="flex-1-hidden"
+        />
+        <table-action-modal v-model:visible="visible" :type="modalType" :edit-data="editData" />
+      </div>
     </n-card>
   </div>
 </template>