refactor(layout): 调整部门树组件布局结构

- 将 CuteDeptTree 组件从固定宽度改为响应式栅格布局 - 使用 el-col 替代 div 容器实现更好的响应式效果 - 优化用户管理页面的左右布局比例为 4:20
2026-02-26 15:02:52 +08:00
parent aa4f062026
commit 9886cfa315
2 changed files with 8 additions and 6 deletions
@@ -1,10 +1,12 @@
 <template>
  <div class="app-container">
    <el-row :gutter="20">
-      <!--侧边部门数据-->
-      <cute-dept-tree @node-click="handleNodeClick" />
-      <!--用户数据-->
-      <el-col :xs="15" :sm="18" :md="19" :lg="20" :xl="20">
+      <!-- 侧边部门数据 -->
+      <el-col :span="4">
+        <cute-dept-tree @node-click="handleNodeClick" />
+      </el-col>
+      <!-- 用户数据 -->
+      <el-col :span="20">
        <!--工具栏-->
        <div class="head-container">
          <div v-if="crud.props.searchToggle">