#

luxiaotao1123

2024-02-24 d86db78f18c03d97b7b856fd37cd10d6297eecc7

 zy-asrs-flow/src/pages/system/menu/index.jsx

@@ -11,18 +11,12 @@
import Http from '@/utils/http';
import Edit from './components/edit'
import { TextFilter, SelectFilter, DatetimeRangeFilter, LinkFilter } from '@/components/TableSearch'
import { buildTreeData } from '@/utils/tree-util'
import { transformTreeData } from '@/utils/tree-util'
import { createIcon } from '@/utils/icon-util'
import { statusMap } from '@/utils/enum-util'
import { repairBug } from '@/utils/common-util';

const statusMap = {
    1: {
        color: 'green',
        text: '正常',
    },
    0: {
        color: 'red',
        text: '禁用',
    },
};
const TABLE_KEY = "pro-table-menu";

const typeMap = {
    0: {
@@ -131,12 +125,12 @@
            valueType: 'text',
            hidden: false,
            width: 240,
            filterDropdown: (props) => <TextFilter
                name='name'
                {...props}
                actionRef={actionRef}
                setSearchParam={setSearchParam}
            />,
            // filterDropdown: (props) => <TextFilter
            //     name='name'
            //     {...props}
            //     actionRef={actionRef}
            //     setSearchParam={setSearchParam}
            // />,
        },
        {
            title: '上级菜单',
@@ -152,36 +146,10 @@
            />,
        },
        {
            title: '上级菜单名',
            dataIndex: 'parentName',
            valueType: 'text',
            hidden: true,
            width: 140,
            filterDropdown: (props) => <TextFilter
                name='parentName'
                {...props}
                actionRef={actionRef}
                setSearchParam={setSearchParam}
            />,
        },
        {
            title: '关联路径',
            dataIndex: 'path',
            valueType: 'text',
            hidden: true,
            width: 140,
            filterDropdown: (props) => <TextFilter
                name='path'
                {...props}
                actionRef={actionRef}
                setSearchParam={setSearchParam}
            />,
        },
        {
            title: '关联路径名',
            dataIndex: 'pathName',
            valueType: 'text',
            hidden: true,
            hidden: false,
            width: 140,
            filterDropdown: (props) => <TextFilter
                name='pathName'
@@ -196,18 +164,18 @@
            valueType: 'text',
            hidden: false,
            width: 200,
            filterDropdown: (props) => <TextFilter
                name='route'
                {...props}
                actionRef={actionRef}
                setSearchParam={setSearchParam}
            />,
            // filterDropdown: (props) => <TextFilter
            //     name='route'
            //     {...props}
            //     actionRef={actionRef}
            //     setSearchParam={setSearchParam}
            // />,
        },
        {
            title: '页面组件',
            dataIndex: 'component',
            valueType: 'text',
            hidden: true,
            hidden: false,
            width: 140,
            filterDropdown: (props) => <TextFilter
                name='component'
@@ -220,7 +188,7 @@
            title: '简述',
            dataIndex: 'brief',
            valueType: 'text',
            hidden: true,
            hidden: false,
            width: 140,
            filterDropdown: (props) => <TextFilter
                name='brief'
@@ -233,7 +201,7 @@
            title: '标识',
            dataIndex: 'code',
            valueType: 'text',
            hidden: true,
            hidden: false,
            width: 140,
            filterDropdown: (props) => <TextFilter
                name='code'
@@ -252,16 +220,16 @@
                const type = typeMap[record.type]
                return <Tag color={type.color}>{type.text}</Tag>
            },
            filterDropdown: (props) => <SelectFilter
                name='type'
                {...props}
                actionRef={actionRef}
                setSearchParam={setSearchParam}
                data={[
                    { label: '菜单', value: 0 },
                    { label: '按钮', value: 1 },
                ]}
            />,
            // filterDropdown: (props) => <SelectFilter
            //     name='type'
            //     {...props}
            //     actionRef={actionRef}
            //     setSearchParam={setSearchParam}
            //     data={[
            //         { label: '菜单', value: 0 },
            //         { label: '按钮', value: 1 },
            //     ]}
            // />,
        },
        {
            title: '权限标识',
@@ -269,12 +237,12 @@
            valueType: 'text',
            hidden: false,
            width: 140,
            filterDropdown: (props) => <TextFilter
                name='authority'
                {...props}
                actionRef={actionRef}
                setSearchParam={setSearchParam}
            />,
            // filterDropdown: (props) => <TextFilter
            //     name='authority'
            //     {...props}
            //     actionRef={actionRef}
            //     setSearchParam={setSearchParam}
            // />,
        },
        {
            title: '菜单图标',
@@ -282,6 +250,9 @@
            valueType: 'text',
            hidden: false,
            width: 140,
            render: (_, record) => {
                return createIcon(_);
            }
        },
        {
            title: '排序',
@@ -290,14 +261,14 @@
            hidden: false,
            width: 100,
            render: (_, record) => {
                return <span st yle={{ fontWeight: "bold" }}>{_}</span>
                return <span style={{ fontWeight: "bold" }}>{_}</span>
            }
        },
        {
            title: '元信息',
            dataIndex: 'meta',
            valueType: 'text',
            hidden: true,
            hidden: false,
            width: 140,
            filterDropdown: (props) => <TextFilter
                name='meta'
@@ -316,22 +287,22 @@
                const status = statusMap[record.status]
                return <Tag color={status.color}>{status.text}</Tag>
            },
            filterDropdown: (props) => <SelectFilter
                name='status'
                {...props}
                actionRef={actionRef}
                setSearchParam={setSearchParam}
                data={[
                    { label: '正常', value: 1 },
                    { label: '禁用', value: 0 },
                ]}
            />,
            // filterDropdown: (props) => <SelectFilter
            //     name='status'
            //     {...props}
            //     actionRef={actionRef}
            //     setSearchParam={setSearchParam}
            //     data={[
            //         { label: '正常', value: 1 },
            //         { label: '禁用', value: 0 },
            //     ]}
            // />,
        },
        {
            title: '添加时间',
            dataIndex: 'createTime$',
            valueType: 'text',
            hidden: true,
            hidden: false,
            width: 140,
            filterDropdown: (props) => <DatetimeRangeFilter
                name='createTime'
@@ -344,7 +315,7 @@
            title: '添加人员',
            dataIndex: 'createBy$',
            valueType: 'text',
            hidden: true,
            hidden: false,
            width: 140,
            filterDropdown: (props) => <LinkFilter
                name='createBy'
@@ -360,12 +331,12 @@
            valueType: 'text',
            hidden: false,
            width: 140,
            filterDropdown: (props) => <DatetimeRangeFilter
                name='updateTime'
                {...props}
                actionRef={actionRef}
                setSearchParam={setSearchParam}
            />,
            // filterDropdown: (props) => <DatetimeRangeFilter
            //     name='updateTime'
            //     {...props}
            //     actionRef={actionRef}
            //     setSearchParam={setSearchParam}
            // />,
        },
        {
            title: '修改人员',
@@ -373,19 +344,19 @@
            valueType: 'text',
            hidden: false,
            width: 140,
            filterDropdown: (props) => <LinkFilter
                name='updateBy'
                major='user'
                {...props}
                actionRef={actionRef}
                setSearchParam={setSearchParam}
            />,
            // filterDropdown: (props) => <LinkFilter
            //     name='updateBy'
            //     major='user'
            //     {...props}
            //     actionRef={actionRef}
            //     setSearchParam={setSearchParam}
            // />,
        },
        {
            title: '备注',
            dataIndex: 'memo',
            valueType: 'text',
            hidden: true,
            hidden: false,
            width: 140,
            filterDropdown: (props) => <TextFilter
                name='memo'
@@ -437,7 +408,11 @@
    ];

    return (
        <PageContainer>
        <PageContainer
            header={{
                breadcrumb: {},
            }}
        >
            <div style={{ width: '100%', float: 'right' }}>
                <ProTable
                    key="menu"
@@ -491,15 +466,10 @@
                    }}
                    request={(params, sorter, filter) =>
                        Http.doPostPromise('/api/menu/tree', { ...params, ...searchParam }, (res) => {

                            // const rootMenu = { id: 0, label: '主类目', children: [], value: 0 };
                            // const memuData = buildTreeData(res.data, 'menuId', 'menuName', '', '', '');
                            // rootMenu.children = memuData;
                            // const treeData = [];
                            // treeData.push(rootMenu);
                            // setMenuTree(treeData);

                            setTreeData(res.data);
                            const rootMenu = { id: 0, name: '根目录', value: 0, children: [] };
                            rootMenu.children = res.data;
                            const treeData = transformTreeData([rootMenu]);
                            setTreeData(treeData);
                            return {
                                data: res.data,
                                success: true,
@@ -512,9 +482,17 @@
                        }
                    }}
                    columnsState={{
                        persistenceKey: 'pro-table-menu',
                        persistenceKey: TABLE_KEY,
                        persistenceType: 'localStorage',
                        defaultValue: {
                            pathName: { show: repairBug(TABLE_KEY, 'pathName', false) },
                            component: { show: repairBug(TABLE_KEY, 'component', false) },
                            brief: { show: repairBug(TABLE_KEY, 'brief', false) },
                            code: { show: repairBug(TABLE_KEY, 'code', false) },
                            meta: { show: repairBug(TABLE_KEY, 'meta', false) },
                            createTime$: { show: repairBug(TABLE_KEY, 'createTime$', false) },
                            createBy$: { show: repairBug(TABLE_KEY, 'createBy$', false) },
                            memo: { show: repairBug(TABLE_KEY, 'memo', false) },
                            option: { fixed: 'right', disable: true },
                        },
                        onChange(value) {