init

web/src/style/main.scss

@@ -961,10 +961,8 @@ $mainHight: 100vh;
 }
 
 .topfix {
-    position: fixed;
-    top: 0;
-    box-sizing: border-box;
-    z-index: 999;
+   width: 100%;
+    flex-shrink: 0;
     >.el-row {
         padding: 0;
         .el-col-lg-14 {

web/src/view/layout/index.vue

@@ -13,7 +13,6 @@
       <el-main class="main-cont main-right">
         <transition :duration="{ enter: 800, leave: 100 }" mode="out-in" name="el-fade-in-linear">
           <div
-            :style="{width: `calc(100% - ${isMobile?'0px':isCollapse?'54px':'220px'})`}"
             class="topfix"
           >
             <el-row>

web/src/view/superAdmin/authority/authority.vue

 <template>
-  <div class="authority">
+  <div class="authority" style="flex: 1;display: flex;flex-direction: column;">
     <warning-bar title="注：右上角头像下拉可切换角色" />
     <div class="gva-table-box">
       <div class="gva-btn-list">
@@ -9,7 +9,8 @@
         :data="tableData"
         :tree-props="{children: 'children', hasChildren: 'hasChildren'}"
         row-key="authorityId"
-        style="width: 100%"
+        style="flex: 1;"
+        height="100%"
       >
         <el-table-column label="角色ID" min-width="180" prop="authorityId" />
         <el-table-column align="left" label="角色名称" min-width="180" prop="authorityName" />

web/src/view/superAdmin/menu/menu.vue

@@ -6,7 +6,8 @@
       </div>
 
       <!-- 由于此处菜单跟左侧列表一一对应所以不需要分页 pageSize默认999 -->
-      <el-table :data="tableData" row-key="ID">
+      <el-table style="flex: 1;"
+                height="100%" :data="tableData" row-key="ID">
         <el-table-column align="left" label="ID" min-width="100" prop="ID" />
         <el-table-column align="left" label="路由Name" show-overflow-tooltip min-width="160" prop="name" />
         <el-table-column align="left" label="路由Path" show-overflow-tooltip min-width="160" prop="path" />