Pre Merge pull request !36 from David Wei/ts

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;

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,
+  deptTreeSelect
-  listUserByDeptId
 };

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-form-item label="负责人" prop="leaderId">
-              <el-select v-model="form.leader" placeholder="请选择负责人">
+              <el-select
-                <el-option v-for="item in deptUserList" :key="item.userId" :label="item.userName" :value="item.userId" />
+                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 {UserQuery, UserVO} from "@/api/system/user/types";
-import {listUserByDeptId} from "@/api/system/user";
+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
 }
-
+/** 查询当前部门可选的所有用户 */
-/** 查询当前部门的所有用户 */
+const getAllUser = async (query?: string) => {
-async function getDeptAllUser(deptId: any) {
+  userLoading.value = true;
-  if (deptId !== null && deptId !== "" && deptId !== undefined) {
+  const res = await listUser({
-    const res = await listUserByDeptId(deptId);
+    userName: query,
-    deptUserList.value = res.data;
+    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);