|
@ -3,14 +3,30 @@ import { connect } from 'react-redux'; |
|
|
import { Spin } from 'antd'; |
|
|
import { Spin } from 'antd'; |
|
|
import ProForm, { ProFormText, ModalForm, ProFormSwitch, ProFormTreeSelect } from '@ant-design/pro-form'; |
|
|
import ProForm, { ProFormText, ModalForm, ProFormSwitch, ProFormTreeSelect } from '@ant-design/pro-form'; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const UserModal = (props) => { |
|
|
const UserModal = (props) => { |
|
|
const { visible, modalType, depData, onVisibleChange, onConfirm, editData } = props |
|
|
const { visible, modalType, depData, onVisibleChange, onConfirm, editData, depMessagedata } = props |
|
|
|
|
|
const pakData = (dep) => { |
|
|
|
|
|
// console.log(dep);
|
|
|
|
|
|
return dep.map((d) => { |
|
|
|
|
|
return { |
|
|
|
|
|
title: d.name, |
|
|
|
|
|
value: d.id, |
|
|
|
|
|
// key: d.id,
|
|
|
|
|
|
children: pakData(d.subordinate) |
|
|
|
|
|
} |
|
|
|
|
|
}) |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
let depDatas = pakData(depMessagedata || []) |
|
|
const onFinish = (values) => { |
|
|
const onFinish = (values) => { |
|
|
if (onConfirm) { |
|
|
if (onConfirm) { |
|
|
onConfirm(values); |
|
|
onConfirm(values); |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const checkName = (rule, value, callback) => { |
|
|
const checkName = (rule, value, callback) => { |
|
|
if (value && value.replace(/[^\u4E00-\u9FA5]/g).includes('undefined')) { |
|
|
if (value && value.replace(/[^\u4E00-\u9FA5]/g).includes('undefined')) { |
|
|
callback(new Error('请输入中文!')); |
|
|
callback(new Error('请输入中文!')); |
|
@ -98,7 +114,7 @@ const UserModal = (props) => { |
|
|
}} |
|
|
}} |
|
|
rules={[{ required: true, message: '请选择所属部门' }]} |
|
|
rules={[{ required: true, message: '请选择所属部门' }]} |
|
|
request={async () => { |
|
|
request={async () => { |
|
|
return depData |
|
|
return depDatas |
|
|
}} |
|
|
}} |
|
|
expandedKeys={["title"]} |
|
|
expandedKeys={["title"]} |
|
|
/> |
|
|
/> |
|
|