mirror of https://github.com/longtai-cn/hippo4j
perfect the user log tenant and project modules (#1478)
* Add user log item Manage * edit Item Management * merge from develop * add router * add router * edit logmanage * edit tenant * update item * update user tenant log user * edit userNamepull/1480/head
baiJinjin
1 year ago
committed by
GitHub
parent
d543979a0c
commit
159fd9cbad
@ -0,0 +1,96 @@
|
||||
import { useRequest } from 'ahooks';
|
||||
import { Form, Modal, Input, notification } from 'antd';
|
||||
import React, { useEffect } from 'react';
|
||||
import { fetchAddTenant, fetchUpdateTenant } from './service';
|
||||
|
||||
interface IProps {
|
||||
type: string;
|
||||
data: any;
|
||||
visible: boolean;
|
||||
onClose: () => void;
|
||||
reset: () => void;
|
||||
}
|
||||
|
||||
const TenantCreate: React.FC<IProps> = props => {
|
||||
const { visible, onClose, data, type, reset } = props;
|
||||
const [form] = Form.useForm();
|
||||
const updateRequest = useRequest(fetchUpdateTenant, {
|
||||
manual: true,
|
||||
onSuccess: () => {
|
||||
notification.success({ message: '更新成功' });
|
||||
form.resetFields();
|
||||
onClose();
|
||||
reset();
|
||||
},
|
||||
onError: err => {
|
||||
notification.error({ message: err.message });
|
||||
},
|
||||
});
|
||||
const addRequest = useRequest(fetchAddTenant, {
|
||||
manual: true,
|
||||
onSuccess: () => {
|
||||
notification.success({ message: '创建成功' });
|
||||
form.resetFields();
|
||||
onClose();
|
||||
reset();
|
||||
},
|
||||
onError: err => {
|
||||
notification.error({ message: err.message });
|
||||
},
|
||||
});
|
||||
const onSave = () => {
|
||||
form
|
||||
.validateFields()
|
||||
.then(values => {
|
||||
addRequest.run({ ...values });
|
||||
})
|
||||
.catch(info => {
|
||||
console.log('Validate Failed:', info);
|
||||
});
|
||||
};
|
||||
const onUpdate = () => {
|
||||
form
|
||||
.validateFields()
|
||||
.then(values => {
|
||||
updateRequest.run({ id: data.id, ...values });
|
||||
})
|
||||
.catch(info => {
|
||||
console.log('Validate Failed:', info);
|
||||
});
|
||||
};
|
||||
useEffect(() => {
|
||||
if (type === 'edit') {
|
||||
form.setFieldsValue({
|
||||
...data,
|
||||
});
|
||||
}
|
||||
}, [type, data, form]);
|
||||
|
||||
return (
|
||||
<Modal
|
||||
open={visible}
|
||||
onCancel={onClose}
|
||||
width={600}
|
||||
title={type === 'edit' ? '编辑' : '创建'}
|
||||
onOk={type === 'edit' ? onUpdate : onSave}
|
||||
confirmLoading={addRequest.loading || updateRequest.loading}
|
||||
>
|
||||
<Form labelAlign="right" labelCol={{ span: 6 }} wrapperCol={{ span: 15 }} form={form}>
|
||||
<Form.Item label="租户" name="tenantId" rules={[{ required: true }]}>
|
||||
<Input placeholder="请输入" disabled={type === 'edit'} />
|
||||
</Form.Item>
|
||||
<Form.Item label="租户名称" name="tenantName" rules={[{ required: true }]}>
|
||||
<Input placeholder="请输入" />
|
||||
</Form.Item>
|
||||
<Form.Item label="负责人" name="owner" rules={[{ required: true }]}>
|
||||
<Input placeholder="请输入" />
|
||||
</Form.Item>
|
||||
<Form.Item label="租户简介" name="tenantDesc" rules={[{ required: true }]}>
|
||||
<Input.TextArea placeholder="请输入" />
|
||||
</Form.Item>
|
||||
</Form>
|
||||
</Modal>
|
||||
);
|
||||
};
|
||||
|
||||
export default TenantCreate;
|
||||
@ -0,0 +1,115 @@
|
||||
import { useRequest } from 'ahooks';
|
||||
import { Form, Modal, Input, notification, Select, Checkbox, message } from 'antd';
|
||||
import React, { useEffect } from 'react';
|
||||
import { fetchAddUser, fetchUpdateUser } from './service';
|
||||
import { fetchTenantOptions } from '../tenant/service';
|
||||
|
||||
interface IProps {
|
||||
type: string;
|
||||
data: any;
|
||||
visible: boolean;
|
||||
onClose: () => void;
|
||||
reset: () => void;
|
||||
}
|
||||
|
||||
const ROLE_OPTIONS = [
|
||||
{
|
||||
label: 'ROLE_USER',
|
||||
value: 'ROLE_USER',
|
||||
},
|
||||
{
|
||||
label: 'ROLE_ADMIN',
|
||||
value: 'ROLE_ADMIN',
|
||||
},
|
||||
{
|
||||
label: 'ROLE_MANAGE',
|
||||
value: 'ROLE_MANAGE',
|
||||
},
|
||||
];
|
||||
|
||||
const UserCreate: React.FC<IProps> = props => {
|
||||
const { visible, onClose, data, type, reset } = props;
|
||||
const [form] = Form.useForm();
|
||||
const tenantRequest = useRequest(fetchTenantOptions, {
|
||||
ready: !!type,
|
||||
});
|
||||
const updateRequest = useRequest(fetchUpdateUser, {
|
||||
manual: true,
|
||||
onSuccess: () => {
|
||||
notification.success({ message: '更新成功' });
|
||||
form.resetFields();
|
||||
onClose();
|
||||
reset();
|
||||
},
|
||||
onError: err => {
|
||||
message.error(err.message);
|
||||
},
|
||||
});
|
||||
const addRequest = useRequest(fetchAddUser, {
|
||||
manual: true,
|
||||
onSuccess: () => {
|
||||
notification.success({ message: '创建成功' });
|
||||
form.resetFields();
|
||||
onClose();
|
||||
reset();
|
||||
},
|
||||
onError: err => {
|
||||
message.error(err.message);
|
||||
},
|
||||
});
|
||||
const onSave = () => {
|
||||
form
|
||||
.validateFields()
|
||||
.then(values => {
|
||||
addRequest.run({ ...values });
|
||||
})
|
||||
.catch(info => {
|
||||
console.log('Validate Failed:', info);
|
||||
});
|
||||
};
|
||||
const onUpdate = () => {
|
||||
form
|
||||
.validateFields()
|
||||
.then(values => {
|
||||
updateRequest.run({ id: data.id, ...values });
|
||||
})
|
||||
.catch(info => {
|
||||
console.log('Validate Failed:', info);
|
||||
});
|
||||
};
|
||||
useEffect(() => {
|
||||
if (type === 'edit') {
|
||||
form.setFieldsValue({
|
||||
...data,
|
||||
});
|
||||
}
|
||||
}, [type, data, form]);
|
||||
|
||||
return (
|
||||
<Modal
|
||||
open={visible}
|
||||
onCancel={onClose}
|
||||
width={600}
|
||||
title={type === 'edit' ? '编辑' : '创建'}
|
||||
onOk={type === 'edit' ? onUpdate : onSave}
|
||||
confirmLoading={addRequest.loading || updateRequest.loading}
|
||||
>
|
||||
<Form labelAlign="right" labelCol={{ span: 6 }} wrapperCol={{ span: 15 }} form={form}>
|
||||
<Form.Item label="用户名" name="userName" rules={[{ required: true }]}>
|
||||
<Input placeholder="请输入" disabled={type === 'edit'} />
|
||||
</Form.Item>
|
||||
<Form.Item label="密码" name="password" rules={[{ required: true }]}>
|
||||
<Input placeholder="请输入" />
|
||||
</Form.Item>
|
||||
<Form.Item label="角色" name="role" rules={[{ required: true }]}>
|
||||
<Select options={ROLE_OPTIONS} placeholder="请选择" disabled={type === 'edit'} />
|
||||
</Form.Item>
|
||||
<Form.Item label="租户" name="tempResources">
|
||||
<Checkbox.Group options={tenantRequest.data} />
|
||||
</Form.Item>
|
||||
</Form>
|
||||
</Modal>
|
||||
);
|
||||
};
|
||||
|
||||
export default UserCreate;
|
||||
Loading…
Reference in new issue