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

src/main/resources/views/platform/zhgh/democratic/teachercongress/delegation/headTable.js

@@ -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

@@ -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

@@ -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>