From 9886cfa315f87a8153acd9316e2692179f4e8147 Mon Sep 17 00:00:00 2001
From: Odboy <tianjun@odboy.cn>
Date: Wed, 25 Feb 2026 20:47:58 +0800
Subject: [PATCH] =?UTF-8?q?refactor(layout):=20=E8=B0=83=E6=95=B4=E9=83=A8?=
 =?UTF-8?q?=E9=97=A8=E6=A0=91=E7=BB=84=E4=BB=B6=E5=B8=83=E5=B1=80=E7=BB=93?=
 =?UTF-8?q?=E6=9E=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 将 CuteDeptTree 组件从固定宽度改为响应式栅格布局
- 使用 el-col 替代 div 容器实现更好的响应式效果
- 优化用户管理页面的左右布局比例为 4:20
---
 .../src/views/components/business/CuteDeptTree.vue     |  4 ++--
 cutejava-front/src/views/system/user/index.vue         | 10 ++++++----
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/cutejava-front/src/views/components/business/CuteDeptTree.vue b/cutejava-front/src/views/components/business/CuteDeptTree.vue
index 3c5b7f0e..8afb2a02 100644
--- a/cutejava-front/src/views/components/business/CuteDeptTree.vue
+++ b/cutejava-front/src/views/components/business/CuteDeptTree.vue
@@ -5,7 +5,7 @@
  * @created 2025-07-29
  -->
 <template>
-  <el-col :span="6">
+  <div>
     <div class="head-container">
       <el-input
         v-model="deptName"
@@ -26,7 +26,7 @@
       lazy
       @node-click="handleNodeClick"
     />
-  </el-col>
+  </div>
 </template>
 
 <script>
diff --git a/cutejava-front/src/views/system/user/index.vue b/cutejava-front/src/views/system/user/index.vue
index 2e6327b6..a8346703 100644
--- a/cutejava-front/src/views/system/user/index.vue
+++ b/cutejava-front/src/views/system/user/index.vue
@@ -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">