fix: 页面适配

modules/User/views/user/components/department.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="w-[28rem] min-h-[30rem] bg-white">
+  <div class="w-full sm:w-[28rem] min-h-[30rem] bg-white">
     <el-tree :data="departments" :props="{ label: 'department_name', value: 'id'}" @node-click="clickDepartment" class="p-5" :expand-on-click-node="false" :highlight-current="true"/>
   </div>
 </template>
@@ -40,4 +40,4 @@ const clickDepartment = (node) => {
 :deep(.el-tree .el-tree-node .el-tree-node__content) {
   @apply h-8 rounded
 }
-</style>
+</style>

modules/User/views/user/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="flex flex-col sm:flex-row w-full justify-between">
     <Department v-model="query.department_id" @searchDepartmentUsers="search" v-if="hasRoles" class="dark:bg-regal-dark" />
-    <div :class="hasRoles ? 'w-full ml-5' : 'w-full'">
+    <div :class="hasRoles ? 'w-full ml-0 sm:ml-2 mt-2 sm:mt-0' : 'w-full'">
       <Search :search="search" :reset="reset">
         <template v-slot:body>
           <el-form-item label="用户名">