diff --git a/src/api/system/dept/types.ts b/src/api/system/dept/types.ts
index 867dbdedda09943896a8dc33838464fe0fa94244..4849631329d8bc50bf3b7ea21e84af7582f3a31b 100644
--- a/src/api/system/dept/types.ts
+++ b/src/api/system/dept/types.ts
@@ -17,7 +17,7 @@ export interface DeptVO extends BaseEntity {
   deptId: number | string;
   deptName: string;
   orderNum: number;
-  leader: string;
+  leaderId: string;
   phone: string;
   email: string;
   status: string;
@@ -36,7 +36,7 @@ export interface DeptForm {
   deptId?: number | string;
   deptName?: string;
   orderNum?: number;
-  leader?: string;
+  leaderId?: string;
   phone?: string;
   email?: string;
   status?: string;
diff --git a/src/api/system/user/index.ts b/src/api/system/user/index.ts
index cb448f51460d66679cf1800a4b924b6a7257200d..4ebd47fdd46ae81f0150471f1f942a0ca17f0464 100644
--- a/src/api/system/user/index.ts
+++ b/src/api/system/user/index.ts
@@ -175,17 +175,6 @@ export const updateAuthRole = (data: { userId: string; roleIds: string }) => {
   });
 };
 
-/**
- * 查询当前部门的所有用户信息
- * @param deptId
- */
-export const listUserByDeptId = (deptId: string | number): AxiosPromise<UserVO[]> => {
-  return request({
-    url: '/system/user/list/dept/' + deptId,
-    method: 'get'
-  });
-};
-
 /**
  * 查询部门下拉树结构
  */
@@ -210,6 +199,5 @@ export default {
   uploadAvatar,
   getAuthRole,
   updateAuthRole,
-  deptTreeSelect,
-  listUserByDeptId
+  deptTreeSelect
 };
diff --git a/src/views/system/dept/index.vue b/src/views/system/dept/index.vue
index ab7ecbba1a34579752da89e0d4602400185fef8e..264a55e0946dd44109f701bebd09fdd9ffd35ec1 100644
--- a/src/views/system/dept/index.vue
+++ b/src/views/system/dept/index.vue
@@ -96,9 +96,23 @@
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item label="负责人" prop="leader">
-              <el-select v-model="form.leader" placeholder="请选择负责人">
-                <el-option v-for="item in deptUserList" :key="item.userId" :label="item.userName" :value="item.userId" />
+            <el-form-item label="负责人" prop="leaderId">
+              <el-select
+                v-model="form.leaderId"
+                clearable
+                filterable
+                remote
+                placeholder="请选择负责人"
+                :remote-method="getAllUser"
+                :loading="userLoading"
+                style="width: 100%;"
+              >
+                <el-option
+                  v-for="item in userList"
+                  :key="item.userId"
+                  :label="item.userName + '(' + item.nickName +')'"
+                  :value="item.userId"
+                />
               </el-select>
             </el-form-item>
           </el-col>
@@ -135,14 +149,13 @@
 <script setup name="Dept" lang="ts">
 import { listDept, getDept, delDept, addDept, updateDept, listDeptExcludeChild } from "@/api/system/dept"
 import { DeptForm, DeptQuery, DeptVO } from "@/api/system/dept/types";
-import {UserVO} from "@/api/system/user/types";
-import {listUserByDeptId} from "@/api/system/user";
+import {UserQuery, UserVO} from "@/api/system/user/types";
+import {listUser} from "@/api/system/user";
 
 interface DeptOptionsType {
   deptId: number | string;
   deptName: string;
   children: DeptOptionsType[];
-
 }
 
 const { proxy } = getCurrentInstance() as ComponentInternalInstance
@@ -150,10 +163,11 @@ const { sys_normal_disable } = toRefs<any>(proxy?.useDict("sys_normal_disable"))
 
 const deptList = ref<DeptVO[]>([])
 const loading = ref(true)
+const userLoading = ref(true)
 const showSearch = ref(true)
 const deptOptions = ref<DeptOptionsType[]>([])
 const isExpandAll = ref(true)
-const deptUserList = ref<UserVO[]>([]);
+const userList = ref<UserVO[]>([]);
 
 const dialog = reactive<DialogOption>({
   visible: false,
@@ -169,7 +183,7 @@ const initFormData: DeptForm = {
   parentId: undefined,
   deptName: undefined,
   orderNum: 0,
-  leader: undefined,
+  leaderId: undefined,
   phone: undefined,
   email: undefined,
   status: "0"
@@ -203,13 +217,16 @@ const getList = async () => {
   }
   loading.value = false
 }
-
-/** 查询当前部门的所有用户 */
-async function getDeptAllUser(deptId: any) {
-  if (deptId !== null && deptId !== "" && deptId !== undefined) {
-    const res = await listUserByDeptId(deptId);
-    deptUserList.value = res.data;
-  }
+/** 查询当前部门可选的所有用户 */
+const getAllUser = async (query?: string) => {
+  userLoading.value = true;
+  const res = await listUser({
+    userName: query,
+    pageNum: 1,
+    pageSize: 50
+  });
+  userList.value = res.rows;
+  userLoading.value = false
 }
 
 /** 取消按钮 */
@@ -264,8 +281,8 @@ const handleAdd = async (row?: DeptVO) => {
 /** 修改按钮操作 */
 const handleUpdate = async (row: DeptVO) => {
   reset();
-  //查询当前部门所有用户
-  getDeptAllUser(row.deptId);
+  // 查询当前部门可选所有用户
+  await getAllUser();
   const res = await getDept(row.deptId);
   form.value = res.data
   const response = await listDeptExcludeChild(row.deptId);