提交

web-admin/src/views/system/menu/index.vue

@@ -690,8 +690,33 @@ import { usePersistedListColumns } from '@/composables/usePersistedListColumns'
 
     > .cell {
       display: flex;
+      flex-wrap: nowrap;
+      align-items: center;
       justify-content: flex-start !important;
       text-align: left !important;
+      line-height: 1.4;
     }
   }
+
+  :deep(.col-menu-name .el-table__expand-icon) {
+    flex-shrink: 0;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    height: 1em;
+    line-height: 1;
+    vertical-align: middle;
+  }
+
+  :deep(.col-menu-name .el-table__indent),
+  :deep(.col-menu-name .el-table__placeholder) {
+    flex-shrink: 0;
+  }
+
+  :deep(.col-menu-name .el-link) {
+    display: inline-flex;
+    align-items: center;
+    line-height: 1.4;
+    vertical-align: middle;
+  }
 </style>

web-admin/src/views/system/user/index.vue

@@ -3,9 +3,11 @@
 <template>
   <div class="page-container">
     <section class="panel">
-      <div class="flex gap-4">
-        <!-- 左侧：组织树 -->
-        <div class="w-[280px] shrink-0 border-r border-[var(--mint-border)] pr-4">
+      <div class="flex gap-4 user-mgmt-layout">
+        <!-- 左侧：组织树（高度占满内容区可用高度，树体内部滚动） -->
+        <div
+          class="user-dept-aside w-[280px] shrink-0 border-r border-b border-[var(--mint-border)] pr-4"
+        >
           <!-- 标题与搜索同处 panel-top：避免标题栏底边与独立输入框之间出现不可控的视觉断层 -->
           <div class="panel-top user-dept-aside__head">
             <h2 class="title-bar-heading">组织</h2>
@@ -785,8 +787,28 @@ const dictStore = useDictStore()
 </script>
 
 <style scoped lang="scss">
+  /* 左树右表：侧栏高度对齐内容区可用高度（--art-full-height） */
+  .user-mgmt-layout {
+    align-items: stretch;
+  }
+
+  .user-dept-aside {
+    --user-dept-aside-bottom-gap: 24px;
+    display: flex;
+    flex-direction: column;
+    /* 比内容区满高低一截，避免贴死视口/界面底边 */
+    height: calc(var(--art-full-height) - var(--user-dept-aside-bottom-gap));
+    max-height: calc(var(--art-full-height) - var(--user-dept-aside-bottom-gap));
+    min-height: 0;
+    margin-bottom: var(--user-dept-aside-bottom-gap);
+    position: sticky;
+    top: 0;
+    box-sizing: border-box;
+  }
+
   /* 侧栏标题区纵向排布：与全局 panel-top 横排工具栏区分，收紧标题与搜索的间距节奏 */
   .user-dept-aside__head {
+    flex-shrink: 0;
     flex-direction: column;
     align-items: stretch;
     justify-content: flex-start;
@@ -795,7 +817,11 @@ const dictStore = useDictStore()
   }
 
   .user-dept-aside__tree {
+    flex: 1;
+    min-height: 0;
     margin-top: 12px;
+    overflow-x: hidden;
+    overflow-y: auto;
   }
 
   .user-dialog-form {