import React, { useState, useEffect } from 'react'; import { Form, Select, Modal, Input, TreeSelect } from 'antd'; import { connect } from 'dva'; const { Option } = Select; const { TreeNode } = TreeSelect; function ExecutionModal(props) { const { visible, onOk, onClose, currentItem, loading, depUserTree, dispatch } = props; const [form] = Form.useForm(); const handleOk = () => { form.validateFields().then(({ managerID, contractStatus }) => { const [exe_manager_id, dep_id] = managerID.split('||'); dispatch({ type: 'approval/startExecution', payload: { project_code_id: currentItem.id, with_contract: Number(contractStatus), dep_id: Number(dep_id), exe_manager_id: Number(exe_manager_id), }, callback: () => onOk(), }); }); }; const onChangeManager = (id, e) => { console.log(id); }; const renderUserSelectTreeNodes = data => { return data.map(item => { if (item.children) { return ( {renderUserSelectTreeNodes(item.children)} ); } return ( ); }); }; return (
{ return option.props.title === input; }} onChange={onChangeManager} > {renderUserSelectTreeNodes(depUserTree)}
); } export default connect()(ExecutionModal);