liuchang/fe_service_ebtp_frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

角色管理

Browse Source
This commit is contained in:
jlzhangyx5
2025-05-13 10:15:36 +08:00
parent a1122897f8
commit 4a4a51bc77
3 changed files with 302 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
config/proxy.ts
View File

@ -33,6 +33,11 @@ export default {
changeOrigin: true,
pathRewrite: { '/api/biz-service-ebtp-project': '' },
},
'/api/sys-manager-ebtp-project': {
target: 'http://localhost:18012',
changeOrigin: true,
pathRewrite: { '/api/sys-manager-ebtp-project': '' },
},
// '/api/wfap/v1/audit/bill/find/by/procid': {
// target: 'http://10.242.31.158:8891/',//审批单 uat环境自动审批，暂时用不到
// changeOrigin: true,

266
src/pages/System/SysRole/index.tsx Normal file
View File

@ -0,0 +1,266 @@
import React, { useState, useRef } from 'react';
import { message, Modal, Input, Form, PageHeader, Button, Spin, Select, Tree } from 'antd';
import ProTable, { ProColumns, ActionType } from '@ant-design/pro-table';
import { getPage, getDataById, deleteRole, addRole, updateRole } from './service';
// import './styles.less';
import { getDicData } from '@/utils/session';
import TextArea from 'antd/lib/input/TextArea';
const entrust: React.FC<{}> = () => {
//获取字典
const getDict: any = getDicData();
const [form] = Form.useForm();
const [title, setTitle] = useState<string>('');
const [open, setOpen] = useState<boolean>(false);
const [checkedKeys, setCheckedKeys] = useState<React.Key[]>([]);
const [currentRoleId, setCurrentRoleId] = useState<number | null>(null);
const dictData = JSON.parse(getDict);
const actionRef = useRef<ActionType>();
const [spin, spinSet] = useState<boolean>(false);
//查询分页数据
const [pageData, pageDataSet] = useState<any>({
pageNo: 1,
pageSize: 10
});
const layout = {
labelCol: { span: 6 },
wrapperCol: { span: 13 },
};
interface DictType {
value: string;
label: string;
}
const sys_normal_scope: DictType[] = [
{ value: 'EBTP', label: '招标采购中心' },
];
//委托列表
const columns: ProColumns<any>[] = [
{ title: '序号', valueType: 'index', width: 50, },
{ title: '角色名称', dataIndex: 'roleName', },//, ellipsis: true
{ title: '权限字符', dataIndex: 'roleCode', width: '10%' },
{
title: '角色范围', dataIndex: 'roleScope',
valueEnum: { 'EBTP': { text: '招标采购中心', status: 'EBTP' }, },
render: (_, record) => {
if (record.roleScope === 'EBTP') {
return (<>招标采购中心</>)
} else {
return (<></>)
}
}
},
{ title: '创建时间', dataIndex: 'createDate', width: '10%', valueType: 'dateTime', search: false },
{
title: '操作', width: '9%',
valueType: 'option',
render: (_, record) => [
<Button type='text' onClick={() => { handleUpdate(record) }}>修改</Button>,
<Button type='text' onClick={() => { handleDelete(record.roleId) }}>删除</Button>
]
},
];
// 删除操作
const handleDelete = (id: string) => {
Modal.confirm({
title: '确认删除该角色？',
onOk: async () => {
await deleteRole(id).then((r: any) => {
if (r.code == 200) {
message.success('删除成功');
}
})
.finally(() => actionRef.current?.reload());
},
});
};
const handleAdd = async () => {
form.resetFields();
// const menus = await menuTreeselect();
// setMenuOptions(menus.data || []);
// setMenuOptions(menu || []);
// 使用时转换
setMenuOptions(formatMenuOptions(menu) || []);
setOpen(true);
setTitle('添加角色');
};
const [menuOptions, setMenuOptions] = useState<any[]>([]);
let menu = [{
"id": '1', "parentId": '0', "label": "系统管理", "weight": 1,
"children": [{
"id": '101', "parentId": '1', "label": "角色管理", "weight": 2,
"children": [{ "id": '1008', "parentId": '101', "label": "角色查询", "weight": 1 },
{ "id": '1009', "parentId": '101', "label": "角色新增", "weight": 2 },
{ "id": '1010', "parentId": '101', "label": "角色修改", "weight": 3 },
{ "id": '1011', "parentId": '101', "label": "角色删除", "weight": 4 },
{ "id": '1012', "parentId": '101', "label": "角色导出", "weight": 5 }]
},
{
"id": '105', "parentId": '1', "label": "字典管理", "weight": 6,
"children": [{ "id": '1026', "parentId": '105', "label": "字典查询", "weight": 1 },
{ "id": '1027', "parentId": '105', "label": "字典新增", "weight": 2 },
{ "id": '1028', "parentId": '105', "label": "字典修改", "weight": 3 },
{ "id": '1029', "parentId": '105', "label": "字典删除", "weight": 4 },
{ "id": '1030', "parentId": '105', "label": "字典导出", "weight": 5 }]
}]
},
{ "id": '4', "parentId": '0', "label": "PLUS官网", "weight": 4 },
{
"id": "1494925781048545281", "parentId": '0', "label": "个人待办", "weight": 18,
"children": [{ "id": "1494926258733633538", "parentId": "1494925781048545281", "label": "待办任务", "weight": 1 },
{ "id": "1494926586677874690", "parentId": "1494925781048545281", "label": "已办任务", "weight": 2 }]
}];
const formatMenuOptions = (data: any[]) => {
return data.map(item => ({
title: item.label,
key: item.id,
children: item.children ? formatMenuOptions(item.children) : undefined,
}));
};
const handleUpdate = async (record: any) => {
form.resetFields();
const role = await getDataById(record.roleId);
// const menus = await roleMenuTreeselect(record.roleId);
// setMenuOptions(menus.data.menus || []);
setMenuOptions(formatMenuOptions(menu) || []);
console.log("role.data.menuIds",role.data.menuIds);
setCheckedKeys(role.data.menuIds || []);
form.setFieldsValue({
...role.data,
menuIds: role.data.menuIds || [],
});
// form.setFieldsValue(role.data);
setCurrentRoleId(record.roleId);
setOpen(true);
setTitle('修改角色');
};
const closeModal = async () => {
actionRef.current?.reload();
form.resetFields();
setCheckedKeys([]);
setOpen(false);
};
const handleSubmit = async () => {
try {
const values = await form.validateFields();
if (values.roleId) {
await updateRole(values).then((r: any) => {
if (r.code == 200) {
message.success('修改成功');
}
});
} else {
await addRole(values).then((r: any) => {
if (r.code == 200) {
message.success('新增成功');
}
});
}
closeModal();
} catch (error) {
console.error(error);
}
};
const checkSupModal = (
<Modal
title={title}
visible={open}
width="70%"
centered
destroyOnClose={true}
bodyStyle={{ maxHeight: window.innerHeight * 0.96 - 108, overflowY: 'auto', paddingTop: 0 }}
// footer={<Button onClick={() => setOpen(false)}>关闭</Button>}
onOk={handleSubmit}
onCancel={() => closeModal()}
>
<Form form={form} {...layout}>
<Form.Item label="角色id" name="roleId" hidden>
<Input />
</Form.Item>
<Form.Item label="角色名称" name="roleName" rules={[{ required: true }]}>
<Input />
</Form.Item>
<Form.Item label="角色编码" name="roleCode" rules={[{ required: true }]}>
<Input />
</Form.Item>
<Form.Item label="角色范围" name="roleScope" rules={[{ required: true }]}>
<Select>
{sys_normal_scope.map((item) => (
<Option key={item.value} value={item.value}>
{item.label}
</Option>
))}
</Select>
</Form.Item>
<Form.Item label="角色描述" name="roleDesc" rules={[{ required: true }]}>
<TextArea />
</Form.Item>
<Form.Item label="菜单权限" name="menuIds" >
<Tree
defaultExpandAll
checkable
checkedKeys={checkedKeys}
onCheck={(checkedKeys) => {
setCheckedKeys(checkedKeys as React.Key[]);
form.setFieldsValue({ menuIds: checkedKeys });
}}
treeData={menuOptions}
/>
</Form.Item>
</Form>
</Modal>
);
return (
<Spin spinning={spin}>
<PageHeader title="角色管理" />
<div style={{ maxHeight: innerHeight - 130, height: innerHeight - 130 }} className='xsy-entrust bgCWhite'>
<ProTable<any>
actionRef={actionRef}//action触发后更新表格
columns={columns}//表格
options={false}
bordered={false}
className='tableSearch'
size='small'
search={{ labelWidth: 'auto', span: 6 }}
request={(params) =>
getPage({
...params,
basePageRequest: { pageNo: pageData.pageNo, pageSize: pageData.pageSize },
}).then((res) => {
const result = {
data: res.data.records,
total: res.data.total,
success: res.success,
pageSize: res.data.size,
current: res.data.current
}
return result;
})
}
toolBarRender={() => [
<Button onClick={() => { console.log("点击新增"); handleAdd() }} type="primary">
新增
</Button>,
]
}
pagination={{
defaultPageSize: 10,
showSizeChanger: false,
onChange: (page, pageSize) => pageDataSet({ pageNo: page, pageSize: pageSize }),
onShowSizeChange: (current, size) => pageDataSet({ pageNo: current, pageSize: size }),
}}
onReset={() => { pageDataSet({ pageNo: 1, pageSize: 10 }) }}
/>
{checkSupModal}
</div>
{/* 查看 */}
</Spin >
)
};
export default entrust;

31
src/pages/System/SysRole/service.ts Normal file
View File

@ -0,0 +1,31 @@
import request from '@/utils/request';
// 分页查询角色
export async function getPage(params: any) {
return request('/api/sys-manager-ebtp-project/v1/sysrole/getPage', {
method: 'post',
data: params,
});
}
export async function getDataById(id: any) {
return request(`/api/sys-manager-ebtp-project/v1/sysrole/${id}`, {
method: 'get',
});
}
export async function deleteRole(id: any) {
return request(`/api/sys-manager-ebtp-project/v1/sysrole/del/${id}`, {
method: 'get',
});
}
export async function addRole(params: any) {
return request('/api/sys-manager-ebtp-project/v1/sysrole/insert', {
method: 'post',
data: params,
});
}
export async function updateRole(params: any) {
return request('/api/sys-manager-ebtp-project/v1/sysrole/update', {
method: 'post',
data: params,
});
}