index.js 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. import { TreeSelect } from 'antd';
  2. import React, { useState, useEffect } from 'react';
  3. import { connect } from 'dva';
  4. // import { queryDDdepList } from '@/services/boom';
  5. // import { queryDDdepList } from '@/services/boom';
  6. function DepartmentField(props) {
  7. const { value = [], onChange, depUserTree } = props;
  8. // const [treeData, setTreeData] = useState([]);
  9. // const genTreeNode = dep => {
  10. // return {
  11. // id: dep.dept_id,
  12. // pId: dep.parent_id,
  13. // value: dep.dept_id,
  14. // title: dep.name,
  15. // isLeaf: false,
  16. // };
  17. // };
  18. // const onLoadData = async ({ id }) => {
  19. // let depList = await queryDDdepList({ dept_id: id });
  20. // console.log(depList);
  21. // if (depList.length > 0) {
  22. // let nodes = depList.map(genTreeNode);
  23. // setTreeData([...treeData, ...nodes]);
  24. // }
  25. // };
  26. const onChangeValue = newValue => {
  27. onChange(`${newValue}`);
  28. };
  29. return (
  30. <TreeSelect
  31. showSearch
  32. // // multiple
  33. allowClear
  34. defaultValue={value}
  35. dropdownStyle={{
  36. maxHeight: 400,
  37. overflow: 'auto',
  38. }}
  39. style={{ width: '100%' }}
  40. placeholder="请选择部门"
  41. treeData={depUserTree}
  42. onChange={onChangeValue}
  43. />
  44. );
  45. }
  46. export default connect(({ user }) => ({ depUserTree: user.depUserTree }))(DepartmentField);