| | |
| | | ) |
| | | } |
| | | |
| | | const treeData = [ |
| | | { |
| | | key: '0-0', |
| | | title: '0-0', |
| | | checkable: false, |
| | | children: [{ key: '0-0-0', title: '0-0-0' }, { key: '0-0-1', title: '0-0-1' }] |
| | | }, |
| | | { |
| | | key: '0-1', |
| | | title: '0-1', |
| | | checkable: false, |
| | | children: [{ key: '0-1-0', title: '0-1-0' }, { key: '0-1-1', title: '0-1-1' }], |
| | | }, |
| | | { key: '0-2', title: '0-3' }, |
| | | ] |
| | | |
| | | class MemberForm extends Component { |
| | | static propTpyes = { |
| | | node: PropTypes.any, |
| | | data: PropTypes.any, |
| | | rolelist: PropTypes.array |
| | | orgs: PropTypes.array |
| | | } |
| | | |
| | | state = { |
| | | visible: false, |
| | | targetKeys: [] |
| | | targetKeys: ['sifuweoifuweifuo'] |
| | | } |
| | | |
| | | onChange = targetKeys => { |
| | |
| | | } |
| | | |
| | | render() { |
| | | const { orgs } = this.props |
| | | const { visible, targetKeys } = this.state |
| | | |
| | | return ( |
| | | <> |
| | | <div className="member-input">0人<FormOutlined onClick={() => this.setState({visible: true})} /></div> |
| | | <Modal |
| | | wrapClassName="member-modal" |
| | | title="选择人员" |
| | | visible={visible} |
| | | closable={false} |
| | | maskClosable={false} |
| | | width={800} |
| | | width={1000} |
| | | onOk={this.confirm} |
| | | onCancel={() => this.setState({visible: false})} |
| | | destroyOnClose |
| | | > |
| | | <TreeTransfer dataSource={treeData} targetKeys={targetKeys} onChange={this.onChange} /> |
| | | <TreeTransfer dataSource={orgs} targetKeys={targetKeys} onChange={this.onChange} /> |
| | | </Modal> |
| | | </> |
| | | ) |