| | |
| | | const [deptExpandedKeys, setDeptExpandedKeys] = useState([]); |
| | | const [pwdModalVisible, setPwdModalVisible] = useState(false); |
| | | |
| | | useEffect(() => { |
| | | const handleResize = () => setBoxHeight(window.innerHeight - 368); |
| | | window.addEventListener('resize', handleResize); |
| | | handleResize(); |
| | | |
| | | Http.doPostPromise('/api/dept/tree', {}, (res) => { |
| | | const loadDeptTreeData = (param) => { |
| | | Http.doPostPromise('/api/dept/tree', param, (res) => { |
| | | const rootMenu = { id: 0, name: '全部', value: 0, children: [] }; |
| | | rootMenu.children = res.data; |
| | | // const treeData = transformTreeData([rootMenu]); |
| | |
| | | const treeAllKeys = getTreeAllKeys(treeData); |
| | | setDeptExpandedKeys(treeAllKeys); |
| | | }) |
| | | } |
| | | |
| | | useEffect(() => { |
| | | const handleResize = () => setBoxHeight(window.innerHeight - 368); |
| | | window.addEventListener('resize', handleResize); |
| | | handleResize(); |
| | | |
| | | loadDeptTreeData(); |
| | | |
| | | return () => window.removeEventListener('resize', handleResize); |
| | | }, []); |
| | |
| | | placeholder="Search" |
| | | onChange={(e) => { |
| | | const { value } = e.target; |
| | | console.log(value); |
| | | loadDeptTreeData({ |
| | | condition: value |
| | | }) |
| | | }} |
| | | /> |
| | | <Tree |
| | | showLine |
| | | blockNode |
| | | defaultExpandAll // 异步加载失效 |
| | | expandedKeys={deptExpandedKeys} |
| | | onExpand={setDeptExpandedKeys} |
| | | treeData={deptTreeData} |
| | | switcherIcon={<DownOutlined />} |
| | | onSelect={(selectedKeys, info) => { |
| | | const deptId = selectedKeys[0]; |
| | | setSearchParam(prevState => ({ |
| | | ...prevState, |
| | | deptId: deptId |
| | | })); |
| | | actionRef.current?.reload(); |
| | | }} |
| | | /> |
| | | <div style={{height: 'calc(100vh - 350px)', overflowY: 'auto' }}> |
| | | <Tree |
| | | showLine |
| | | blockNode |
| | | defaultExpandAll // 异步加载失效 |
| | | expandedKeys={deptExpandedKeys} |
| | | onExpand={setDeptExpandedKeys} |
| | | treeData={deptTreeData} |
| | | switcherIcon={<DownOutlined />} |
| | | onSelect={(selectedKeys, info) => { |
| | | const deptId = selectedKeys[0]; |
| | | setSearchParam(prevState => ({ |
| | | ...prevState, |
| | | deptId: deptId |
| | | })); |
| | | actionRef.current?.reload(); |
| | | }} |
| | | /> |
| | | </div> |
| | | </Card> |
| | | </Col> |
| | | <Col lg={18} md={24}> |