| | |
| | | const { } = props; |
| | | const [menuTreeLoading, setMenuTreeLoading] = useState(false); |
| | | const [menuTreeData, setMenuTreeData] = useState([]); |
| | | const [menuExpandedKeys, setMenuExpandedKeys] = useState([]); |
| | | const [menuIds, setMenuIds] = useState([]); |
| | | |
| | | const [menuTreeAllKeys, setMenuTreeAllKeys] = useState([]); |
| | | |
| | | const loadMenuTree = (param) => { |
| | | setMenuTreeLoading(true); |
| | |
| | | // const treeData = transformTreeData([rootMenu]); |
| | | const treeData = transformTreeData(res.data); |
| | | setMenuTreeData(treeData); |
| | | // const treeAllKeys = getTreeAllKeys(treeData); |
| | | // setDeptExpandedKeys(treeAllKeys); |
| | | const treeAllKeys = getTreeAllKeys(treeData); |
| | | setMenuTreeAllKeys(treeAllKeys); |
| | | }).catch((err) => { |
| | | console.error(err); |
| | | setMenuTreeLoading(false); |
| | |
| | | <Col md={24}> |
| | | <Checkbox.Group |
| | | options={[ |
| | | { label: '展开/折叠', value: 'deptExpand' }, |
| | | { label: '全选/全不选', value: 'deptNodeAll' }, |
| | | { label: '展开/折叠', value: 'expandAll' }, |
| | | { label: '全选/全不选', value: 'checkAll' }, |
| | | ]} |
| | | onChange={(checkedValue) => { |
| | | console.log(checkedValue); |
| | | onChange={(values) => { |
| | | if(values.includes('expandAll')) { |
| | | setMenuExpandedKeys(menuTreeAllKeys); |
| | | } else { |
| | | setMenuExpandedKeys([]); |
| | | } |
| | | if(values.includes('checkAll')) { |
| | | |
| | | } else { |
| | | |
| | | } |
| | | }} /> |
| | | </Col> |
| | | <Col md={24}> |
| | |
| | | ) : ( |
| | | <Tree |
| | | checkable |
| | | onExpand={(expandedKeys, { expanded, node }) => { |
| | | |
| | | }} |
| | | // expandedKeys={expandedKeys} |
| | | // autoExpandParent={autoExpandParent} |
| | | // onCheck={onCheck} |
| | | // checkedKeys={checkedKeys} |
| | | // onSelect={onSelect} |
| | | // selectedKeys={selectedKeys} |
| | | treeData={menuTreeData} |
| | | expandedKeys={menuExpandedKeys} |
| | | onExpand={(expandedKeys) => { |
| | | setMenuExpandedKeys(expandedKeys) |
| | | }} |
| | | // checkedKeys={menuIds} |
| | | |
| | | |
| | | // onCheck={(checkedKeys, checkInfo) => { |
| | | // console.log(checkedKeys, checkInfo); |
| | | // }} |
| | | // defaultCheckedKeys={onSelect} |
| | | /> |
| | | )} |
| | | </Col> |