左侧有树时，右侧列表高度展示问题修复

dibo-software · Apr 7, 2023 · 1cc04ad · 1cc04ad
1 parent b0406d5
commit 1cc04ad
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 4 deletions.
diff --git a/src/styles/index.scss b/src/styles/index.scss
@@ -183,3 +183,8 @@ div:focus {
 .pagination-container {
   padding: 16px !important;
 }
+
+// 页面左侧是树时，右侧列表的高度
+.right-table {
+  height: calc(100vh - 124px);
+}
diff --git a/src/views/orgStructure/org/Index.vue b/src/views/orgStructure/org/Index.vue
@@ -12,7 +12,7 @@
       <el-col :span="16">
         <current-detail :current-node-id="currentNodeId" />
         <el-tabs :value="'1'">
-          <el-tab-pane :label="orgTabTitle" name="1">
+          <el-tab-pane :label="orgTabTitle" name="1" class="right-table">
             <org-list ref="orgList" :current-node-id="currentNodeId" @formComplete="$refs.orgTree.loadTree()" />
           </el-tab-pane>
         </el-tabs>

diff --git a/src/views/orgStructure/orgUser/Index.vue b/src/views/orgStructure/orgUser/Index.vue
@@ -6,7 +6,7 @@
       </el-col>
       <el-col :span="16">
         <el-tabs :value="'1'">
-          <el-tab-pane :label="tabTitle" name="1">
+          <el-tab-pane :label="tabTitle" name="1" class="right-table">
             <user-list ref="userList" :current-node-id="currentNodeId" />
           </el-tab-pane>
         </el-tabs>

diff --git a/src/views/system/iamUser/Index.vue b/src/views/system/iamUser/Index.vue
@@ -7,7 +7,7 @@
           @changeCurrentNode="node => currentNodeId = `${node.value ? node.value : '0'}`"
         />
       </el-col>
-      <el-col :span="18">
+      <el-col :span="18" class="right-table">
         <user-list ref="userList" :current-node-id="currentNodeId" />
       </el-col>
     </el-row>
@@ -42,5 +42,8 @@ export default {
 
 }
 </script>
-<style lang="less" scoped>
+<style lang="scss" scoped>
+.right-table {
+  height: calc(100vh - 84px);
+}
 </style>