import React, { PureComponent } from 'react';
import { Form, Input, Card, Row, Col, Button, TreeSelect, Select, DatePicker, message } from 'antd';
import { connect } from 'dva';
import moment from 'moment';
import Panel from '../../../components/Panel';
import styles from '../../../layouts/Sword.less';
import { USER_INIT, USER_CHANGE_INIT, USER_SUBMIT } from '../../../actions/user';
import func from '../../../utils/Func';
import { tenantMode } from '../../../defaultSettings';
const FormItem = Form.Item;
@connect(({ user, loading }) => ({
user,
submitting: loading.effects['user/submit'],
}))
@Form.create()
class UserAdd extends PureComponent {
componentWillMount() {
const { dispatch } = this.props;
dispatch(USER_INIT());
}
handleSubmit = e => {
e.preventDefault();
const { dispatch, form } = this.props;
form.validateFieldsAndScroll((err, values) => {
if (!err) {
const password = form.getFieldValue('password');
const password2 = form.getFieldValue('password2');
if (password !== password2) {
message.warning('两次密码输入不一致');
} else {
const params = {
...values,
roleId: func.join(values.roleId),
deptId: func.join(values.deptId),
postId: func.join(values.postId),
birthday: func.format(values.birthday),
};
dispatch(USER_SUBMIT(params));
}
}
});
};
handleChange = value => {
const { dispatch, form } = this.props;
form.resetFields(['roleId', 'deptId', 'postId']);
dispatch(USER_CHANGE_INIT({ tenantId: value }));
};
render() {
const {
form: { getFieldDecorator },
user: {
init: { roleTree, deptTree, postList, tenantList },
},
submitting,
} = this.props;
const formItemLayout = {
labelCol: {
span: 8,
},
wrapperCol: {
span: 16,
},
};
const formAllItemLayout = {
labelCol: {
span: 4,
},
wrapperCol: {
span: 20,
},
};
const action = (
);
return (
);
}
}
export default UserAdd;