为部分页面添加部门树组件

src/views/admin/system/user/index.vue

@@ -4,11 +4,8 @@
 			<DraggableDepTree
 				ref="draggableDepTreeRef"
 				placeholder="请输入部门名称"
-				:query="deptData.queryList"
 				:show-expand="true"
-				@node-click="handleNodeClick"
-				@treeNodeCheckChange="treeNodeCheckChange"
-				@treeDeepSearch="treeDeepSearch"
+				@getSelectNode="handleGetSelectNode"
 				switch-inactive-text="当前部门"
 				switch-active-text="当前部门及子部门"
 				:defaultTreeWidth="20"
@@ -227,40 +224,20 @@ const state: BasicTableProps = reactive<BasicTableProps>({
 })
 const { getDataList, currentChangeHandle, sizeChangeHandle, downBlobFile, tableStyle } = useTable(state)
 
-// 部门树使用的数据
-const deptData = reactive({
-	queryList: (name: string) => {
-		return deptTree({
-			deptName: name,
-		})
-	},
-})
-
 // 清空搜索条件
 const resetQuery = () => {
 	queryRef.value?.resetFields()
 	state.queryForm.deptId = ""
+	state.queryForm.deptIds = []
 	draggableDepTreeRef.value.resetData()
 	getDataList()
 }
 
-// 点击树
-const handleNodeClick = (clickedNode: any) => {
-	state.queryForm.deptId = clickedNode.id
-	getDataList()
-}
-
-// 树节点勾选改变
-const treeNodeCheckChange = (checkedNodes: any) => {
-	state.queryForm.deptIds = checkedNodes.map((item: any) => item.id)
-	state.queryForm.deptId = ""
-	state.queryForm.isDeepDept = false
-	getDataList()
-}
-
-// 是否深度搜索
-const treeDeepSearch = (isDeep: boolean) => {
-	state.queryForm.isDeepDept = isDeep
+// 树节点选择时
+const handleGetSelectNode = (curClickedNode: any, checkedTreeNodes: any, isDeepTree: any) => {
+	state.queryForm.deptId = curClickedNode.id
+	state.queryForm.deptIds = checkedTreeNodes.map((item: any) => item.id)
+	state.queryForm.isDeepDept = isDeepTree
 	getDataList()
 }