perf: 优化用户管理左侧部门树的布局

src/views/system/user/tree.vue

@@ -96,7 +96,7 @@ defineExpose({ onTreeReset });
 <template>
   <div
     v-loading="treeLoading"
-    class="h-full bg-bg_color overflow-auto"
+    class="h-full bg-bg_color overflow-hidden relative"
     :style="{ minHeight: `calc(100vh - 141px)` }"
   >
     <div class="flex items-center h-[34px]">
@@ -151,6 +151,7 @@ defineExpose({ onTreeReset });
       </el-dropdown>
     </div>
     <el-divider />
+    <el-scrollbar height="calc(90vh - 88px)">
       <el-tree
         ref="treeRef"
         :data="treeData"
@@ -163,10 +164,8 @@ defineExpose({ onTreeReset });
         @node-click="nodeClick"
       >
         <template #default="{ node, data }">
-        <span
+          <div
             :class="[
-            'pl-1',
-            'pr-1',
               'rounded',
               'flex',
               'items-center',
@@ -195,10 +194,13 @@ defineExpose({ onTreeReset });
                     : Dept
               "
             />
+            <span class="!w-[120px] !truncate" :title="node.label">
               {{ node.label }}
             </span>
+          </div>
         </template>
       </el-tree>
+    </el-scrollbar>
   </div>
 </template>