#

luxiaotao1123

2024-02-21 dca78d5fd0c67fd841d6841ef2cd94a10669c356

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

@@ -1,6 +1,6 @@

import React, { useState, useRef, useEffect } from 'react';
import { Button, message, Modal } from 'antd';
import { Button, message, Modal, Tag } from 'antd';
import {
    FooterToolbar,
    PageContainer,
@@ -11,6 +11,20 @@
import Http from '@/utils/http';
import Edit from './components/edit'
import { TextFilter, SelectFilter, DatetimeRangeFilter, LinkFilter } from '@/components/TableSearch'
import { transformTreeData } from '@/utils/tree-util'
import { createIcon } from '@/utils/icon-util'
import { statusMap } from '@/utils/enum-util'

const typeMap = {
    0: {
        color: 'blue',
        text: '菜单',
    },
    1: {
        color: '',
        text: '按钮',
    },
};

const handleSave = async (val) => {
    const hide = message.loading('正在添加');
@@ -95,24 +109,19 @@
    const [currentRow, setCurrentRow] = useState();
    const [searchParam, setSearchParam] = useState({});

    const [treeData, setTreeData] = useState([]);

    useEffect(() => {

    }, []);

    const columns = [
        {
            title: 'No',
            dataIndex: 'index',
            valueType: 'indexBorder',
            width: 48,
        },
        {
            title: '名称',
            title: '菜单名称',
            dataIndex: 'name',
            valueType: 'text',
            hidden: false,
            width: 140,
            copyable: true,
            width: 240,
            filterDropdown: (props) => <TextFilter
                name='name'
                {...props}
@@ -124,7 +133,7 @@
            title: '上级菜单',
            dataIndex: 'parentId',
            valueType: 'text',
            hidden: false,
            hidden: true,
            width: 140,
            filterDropdown: (props) => <TextFilter
                name='parentId'
@@ -137,7 +146,7 @@
            title: '上级菜单名',
            dataIndex: 'parentName',
            valueType: 'text',
            hidden: false,
            hidden: true,
            width: 140,
            filterDropdown: (props) => <TextFilter
                name='parentName'
@@ -150,7 +159,7 @@
            title: '关联路径',
            dataIndex: 'path',
            valueType: 'text',
            hidden: false,
            hidden: true,
            width: 140,
            filterDropdown: (props) => <TextFilter
                name='path'
@@ -163,7 +172,7 @@
            title: '关联路径名',
            dataIndex: 'pathName',
            valueType: 'text',
            hidden: false,
            hidden: true,
            width: 140,
            filterDropdown: (props) => <TextFilter
                name='pathName'
@@ -177,7 +186,7 @@
            dataIndex: 'route',
            valueType: 'text',
            hidden: false,
            width: 140,
            width: 200,
            filterDropdown: (props) => <TextFilter
                name='route'
                {...props}
@@ -189,7 +198,7 @@
            title: '页面组件',
            dataIndex: 'component',
            valueType: 'text',
            hidden: false,
            hidden: true,
            width: 140,
            filterDropdown: (props) => <TextFilter
                name='component'
@@ -202,7 +211,7 @@
            title: '简述',
            dataIndex: 'brief',
            valueType: 'text',
            hidden: false,
            hidden: true,
            width: 140,
            filterDropdown: (props) => <TextFilter
                name='brief'
@@ -215,7 +224,7 @@
            title: '标识',
            dataIndex: 'code',
            valueType: 'text',
            hidden: false,
            hidden: true,
            width: 140,
            filterDropdown: (props) => <TextFilter
                name='code'
@@ -229,7 +238,11 @@
            dataIndex: 'type$',
            valueType: 'text',
            hidden: false,
            width: 140,
            width: 100,
            render: (_, record) => {
                const type = typeMap[record.type]
                return <Tag color={type.color}>{type.text}</Tag>
            },
            filterDropdown: (props) => <SelectFilter
                name='type'
                {...props}
@@ -260,31 +273,25 @@
            valueType: 'text',
            hidden: false,
            width: 140,
            filterDropdown: (props) => <TextFilter
                name='icon'
                {...props}
                actionRef={actionRef}
                setSearchParam={setSearchParam}
            />,
            render: (_, record) => {
                return createIcon(_);
            }
        },
        {
            title: '排序',
            dataIndex: 'sort',
            valueType: 'text',
            hidden: false,
            width: 140,
            filterDropdown: (props) => <TextFilter
                name='sort'
                {...props}
                actionRef={actionRef}
                setSearchParam={setSearchParam}
            />,
            width: 100,
            render: (_, record) => {
                return <span style={{ fontWeight: "bold" }}>{_}</span>
            }
        },
        {
            title: '元信息',
            dataIndex: 'meta',
            valueType: 'text',
            hidden: false,
            hidden: true,
            width: 140,
            filterDropdown: (props) => <TextFilter
                name='meta'
@@ -299,6 +306,10 @@
            valueType: 'text',
            hidden: false,
            width: 140,
            render: (_, record) => {
                const status = statusMap[record.status]
                return <Tag color={status.color}>{status.text}</Tag>
            },
            filterDropdown: (props) => <SelectFilter
                name='status'
                {...props}
@@ -314,7 +325,7 @@
            title: '添加时间',
            dataIndex: 'createTime$',
            valueType: 'text',
            hidden: false,
            hidden: true,
            width: 140,
            filterDropdown: (props) => <DatetimeRangeFilter
                name='createTime'
@@ -327,7 +338,7 @@
            title: '添加人员',
            dataIndex: 'createBy$',
            valueType: 'text',
            hidden: false,
            hidden: true,
            width: 140,
            filterDropdown: (props) => <LinkFilter
                name='createBy'
@@ -368,7 +379,7 @@
            title: '备注',
            dataIndex: 'memo',
            valueType: 'text',
            hidden: false,
            hidden: true,
            width: 140,
            filterDropdown: (props) => <TextFilter
                name='memo'
@@ -431,7 +442,7 @@
                    cardBordered
                    scroll={{ x: 1300 }}
                    dateFormatter="string"
                    pagination={{ pageSize: 20 }}
                    pagination={{ pageSize: 100 }}
                    search={false}
                    toolbar={{
                        search: {
@@ -473,10 +484,13 @@
                        ],
                    }}
                    request={(params, sorter, filter) =>
                        Http.doPostPromise('/api/menu/page', { ...params, ...searchParam }, (res) => {
                        Http.doPostPromise('/api/menu/tree', { ...params, ...searchParam }, (res) => {
                            const rootMenu = { id: 0, name: '根目录', value: 0, children: [] };
                            rootMenu.children = res.data;
                            const treeData = transformTreeData([rootMenu]);
                            setTreeData(treeData);
                            return {
                                data: res.data.records,
                                total: res.data.total,
                                data: res.data,
                                success: true,
                            }
                        })
@@ -533,6 +547,7 @@
            <Edit
                open={modalVisible}
                values={currentRow || {}}
                treeData={treeData}
                onCancel={
                    () => {
                        setModalVisible(false);
@@ -553,8 +568,7 @@
                            actionRef.current.reload();
                        }
                    }
                }
                }
                }}
            />
        </PageContainer>
    );