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

- 将 CuteDeptTree 组件从固定宽度改为响应式栅格布局
- 使用 el-col 替代 div 容器实现更好的响应式效果
- 优化用户管理页面的左右布局比例为 4:20

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>

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 :span="4">
-      <!--用户数据-->
+        <cute-dept-tree @node-click="handleNodeClick" />
-      <el-col :xs="15" :sm="18" :md="19" :lg="20" :xl="20">
+      </el-col>
+      <!-- 用户数据 -->
+      <el-col :span="20">
         <!--工具栏-->
         <div class="head-container">
           <div v-if="crud.props.searchToggle">