GTsoft/ruoyi-plus-soybean
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(styles): 用户管理页面布局自适应屏幕高度 (fixed #253)

Browse Source
This commit is contained in:
Soybean 2023-07-19 23:14:33 +08:00
parent 8a3f66db7b
commit 0f7b9d5e2b
1 changed files with 35 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/views/management/user/index.vue
View File

@ -1,6 +1,7 @@
<template> <template>
<div class="h-full overflow-hidden"> <div class="overflow-hidden">
<n-card title="用户管理" :bordered="false" class="rounded-8px shadow-sm"> <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 class="pb-12px" justify="space-between">
<n-space> <n-space>
<n-button type="primary" @click="handleAddTable"> <n-button type="primary" @click="handleAddTable">
@ -24,8 +25,16 @@
<column-setting v-model:columns="columns" /> <column-setting v-model:columns="columns" />
</n-space> </n-space>
</n-space> </n-space>
<n-data-table :columns="columns" :data="tableData" :loading="loading" :pagination="pagination" /> <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" /> <table-action-modal v-model:visible="visible" :type="modalType" :edit-data="editData" />
</div>
</n-card> </n-card>
</div> </div>
</template> </template>