fix: 数据过多不能滚动查看

gongchunyi

7 天以前 580d0e546a898cfed84e79570f9fc2edc6f34eb8

fix: 数据过多不能滚动查看

 src/views/system/user/index.vue

@@ -15,7 +15,7 @@
                </pane>

                <!--用户数据-->

                <pane size="84">

                    <el-col style="padding: 10px">

                    <el-col style="padding: 10px; height: 100%; display: flex; flex-direction: column;">

                        <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="68px">

                            <el-form-item label="登录账号" prop="userName">

                                <el-input v-model="queryParams.userName" placeholder="请输入登录账号" clearable style="width: 240px" @keyup.enter="handleQuery" />

@@ -56,7 +56,8 @@
                            <right-toolbar v-model:showSearch="showSearch" @queryTable="getList" :columns="columns"></right-toolbar>

                        </el-row>

                        

                        <el-table v-loading="loading" :data="userList" @selection-change="handleSelectionChange">

                        <div style="flex: 1; overflow: hidden;">

                            <el-table v-loading="loading" :data="userList" height="100%" @selection-change="handleSelectionChange">

                            <el-table-column type="selection" width="50" align="center" />

                            <el-table-column label="用户编号" align="center" key="userId" prop="userId" v-if="columns[0].visible" />

                            <el-table-column label="登录账号" align="center" key="userName" prop="userName" v-if="columns[1].visible" :show-overflow-tooltip="true" />

@@ -95,6 +96,7 @@
                                </template>

                            </el-table-column>

                        </el-table>

                        </div>

                        <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" @pagination="getList" />

                    </el-col>

                </pane>