c-zhangr1/zhgh_squ
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

教代会管理-代表团管理： 表格分页大小超出表格高度后限制高度并加滑动条；

Browse Source
This commit is contained in:
dd3s_206
2026-05-16 14:46:38 +08:00
parent 26d74ec9e3
commit 95b66887d7
3 changed files with 39 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/main/resources/views/platform/zhgh/democratic/teachercongress/delegation/headTable.js
+2 -2
View File
@@ -1,10 +1,10 @@
const HEAD_TABLE_TEMPLATE = {
template: `
<div>
<div style="height: 100%; display: flex; flex-direction: column; min-height: 0;">
<table-tool>
<el-button size="small" type="primary" icon="el-icon-edit" @click="open">添加团长</el-button>
</table-tool>
<el-table :data="tableData" border>
<el-table :data="tableData" border max-height="528" style="width: 100%;">
<el-table-column type="index" label="序号" width="100px"></el-table-column>
<el-table-column prop="loginName" label="工号"></el-table-column>
<el-table-column prop="userName" label="姓名"></el-table-column>
src/main/resources/views/platform/zhgh/democratic/teachercongress/delegation/index.html
+35 -3
View File
@@ -2,6 +2,38 @@
layout("/layouts/platform.html"){
#-->
<style>
.delegation-detail-tabs {
height: 100%;
display: flex;
flex-direction: column;
min-height: 0;
}
.delegation-detail-tabs > .el-tabs__content {
flex: 1;
min-height: 0;
overflow: hidden;
}
.delegation-detail-tabs > .el-tabs__content > .el-tab-pane {
height: 100%;
min-height: 0;
}
.delegation-tab-card {
height: calc(100% - 10px);
}
.delegation-tab-card > .el-card__body {
height: 100%;
box-sizing: border-box;
display: flex;
flex-direction: column;
min-height: 0;
}
</style>
<div id="app" v-cloak>
<el-row :gutter="10" style="height: calc(100vh - 84px)" type="flex">
<el-col :span="5">
@@ -45,9 +77,9 @@ layout("/layouts/platform.html"){
</el-card>
</template>
<template v-else>
<el-tabs v-model="secondLevelTabActive">
<el-tabs class="delegation-detail-tabs" v-model="secondLevelTabActive">
<el-tab-pane label="组成单位" name="partUnitTable">
<el-card class="mt10" shadow="never" style="border: 1px solid var(--border-color-lighter)">
<el-card class="mt10 delegation-tab-card" shadow="never" style="border: 1px solid var(--border-color-lighter)">
<part-unit-table
:delegation_id="currentTreeData.id"
:session_id="pageForm.sessionId"
@@ -57,7 +89,7 @@ layout("/layouts/platform.html"){
</el-card>
</el-tab-pane>
<el-tab-pane label="设置团长" name="head">
<el-card class="mt10" shadow="never" style="border: 1px solid var(--border-color-lighter)">
<el-card class="mt10 delegation-tab-card" shadow="never" style="border: 1px solid var(--border-color-lighter)">
<head-table
:delegation_id="currentTreeData.id"
:session_id="pageForm.sessionId"
src/main/resources/views/platform/zhgh/democratic/teachercongress/delegation/partUnitTable.js
+2 -2
View File
@@ -1,10 +1,10 @@
const PART_UNIT_TABLE_TEMPLATE = {
template: `
<div>
<div style="height: 100%; display: flex; flex-direction: column; min-height: 0;">
<table-tool>
<el-button size="small" type="primary" icon="el-icon-edit" @click="open">设置组成单位</el-button>
</table-tool>
<el-table :data="tableData" border>
<el-table :data="tableData" border max-height="528" style="width: 100%;">
<el-table-column type="index" label="序号" width="100px"></el-table-column>
<el-table-column prop="name" label="名称"></el-table-column>
</el-table>