feat: 树结构点击传值

src/pages/Staff/RoleMenu/index.jsx

@@ -7,7 +7,7 @@ import { connect } from 'dva'
 import { ModalForm, ProFormText, ProFormSelect } from '@ant-design/pro-form'
 
 const RoleMenu = props => {
-  const { dispatch, departments = [] } = props
+  const { dispatch, departments = [], onSelect } = props
   const { DirectoryTree } = Tree
 
   const initData = () => {
@@ -30,11 +30,12 @@ const RoleMenu = props => {
     }
   }, [])
 
-  const saveActiveId = keys => {
+  const saveActiveId = id => {
     // console.log(keys)
-    if (saveActiveId) {
-      saveActiveId(keys)
+    if (onSelect) {
+      onSelect(id)
     }
+    console.log(id)
   }
 
   const onExpand = () => {}
@@ -72,7 +73,7 @@ const RoleMenu = props => {
           <DirectoryTree
             multiple
             defaultExpandAll
-            onSelect={saveActiveId}
+            onSelect={keys => saveActiveId(keys[0])}
             onExpand={onExpand}
             showIcon={false}
             treeData={departments}

src/pages/Staff/Employee/index.jsx

@@ -1,7 +1,7 @@
 import React, { useState, useEffect } from 'react'
 import consts from '@/consts'
 import ProTable from '@ant-design/pro-table'
-import RoleMenu from '@/pages/Staff/RoleMenu'
+import RoleMenu from '@/pages/Staff/Employee/components/RoleMenu'
 import { queryStaff } from '@/services/staff'
 import { useTableScroll } from '@/hooks/useAutoTable'