| | |
| | | |
| | | import React, { useState, useRef, useEffect } from 'react'; |
| | | import { Button, message, Modal } from 'antd'; |
| | | import { Button, message, Modal, Tag } from 'antd'; |
| | | import { |
| | | FooterToolbar, |
| | | PageContainer, |
| | |
| | | import Edit from './components/edit' |
| | | import { TextFilter, SelectFilter, DatetimeRangeFilter, LinkFilter } from '@/components/TableSearch' |
| | | import { buildTreeData } from '@/utils/tree-util' |
| | | |
| | | const statusMap = { |
| | | 1: { |
| | | color: 'green', |
| | | text: '正常', |
| | | }, |
| | | 0: { |
| | | color: 'red', |
| | | text: '禁用', |
| | | }, |
| | | }; |
| | | |
| | | const typeMap = { |
| | | 0: { |
| | | color: 'blue', |
| | | text: '菜单', |
| | | }, |
| | | 1: { |
| | | color: '', |
| | | text: '按钮', |
| | | }, |
| | | }; |
| | | |
| | | const handleSave = async (val) => { |
| | | const hide = message.loading('正在添加'); |
| | |
| | | |
| | | const columns = [ |
| | | { |
| | | title: '名称', |
| | | title: '菜单名称', |
| | | dataIndex: 'name', |
| | | valueType: 'text', |
| | | hidden: false, |
| | | width: 140, |
| | | copyable: true, |
| | | width: 240, |
| | | filterDropdown: (props) => <TextFilter |
| | | name='name' |
| | | {...props} |
| | |
| | | title: '上级菜单', |
| | | dataIndex: 'parentId', |
| | | valueType: 'text', |
| | | hidden: false, |
| | | hidden: true, |
| | | width: 140, |
| | | filterDropdown: (props) => <TextFilter |
| | | name='parentId' |
| | |
| | | title: '上级菜单名', |
| | | dataIndex: 'parentName', |
| | | valueType: 'text', |
| | | hidden: false, |
| | | hidden: true, |
| | | width: 140, |
| | | filterDropdown: (props) => <TextFilter |
| | | name='parentName' |
| | |
| | | title: '关联路径', |
| | | dataIndex: 'path', |
| | | valueType: 'text', |
| | | hidden: false, |
| | | hidden: true, |
| | | width: 140, |
| | | filterDropdown: (props) => <TextFilter |
| | | name='path' |
| | |
| | | title: '关联路径名', |
| | | dataIndex: 'pathName', |
| | | valueType: 'text', |
| | | hidden: false, |
| | | hidden: true, |
| | | width: 140, |
| | | filterDropdown: (props) => <TextFilter |
| | | name='pathName' |
| | |
| | | dataIndex: 'route', |
| | | valueType: 'text', |
| | | hidden: false, |
| | | width: 140, |
| | | width: 200, |
| | | filterDropdown: (props) => <TextFilter |
| | | name='route' |
| | | {...props} |
| | |
| | | title: '页面组件', |
| | | dataIndex: 'component', |
| | | valueType: 'text', |
| | | hidden: false, |
| | | hidden: true, |
| | | width: 140, |
| | | filterDropdown: (props) => <TextFilter |
| | | name='component' |
| | |
| | | title: '简述', |
| | | dataIndex: 'brief', |
| | | valueType: 'text', |
| | | hidden: false, |
| | | hidden: true, |
| | | width: 140, |
| | | filterDropdown: (props) => <TextFilter |
| | | name='brief' |
| | |
| | | title: '标识', |
| | | dataIndex: 'code', |
| | | valueType: 'text', |
| | | hidden: false, |
| | | hidden: true, |
| | | width: 140, |
| | | filterDropdown: (props) => <TextFilter |
| | | name='code' |
| | |
| | | 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} |
| | |
| | | valueType: 'text', |
| | | hidden: false, |
| | | width: 140, |
| | | filterDropdown: (props) => <TextFilter |
| | | name='icon' |
| | | {...props} |
| | | actionRef={actionRef} |
| | | setSearchParam={setSearchParam} |
| | | />, |
| | | }, |
| | | { |
| | | title: '排序', |
| | | dataIndex: 'sort', |
| | | valueType: 'text', |
| | | hidden: false, |
| | | width: 140, |
| | | filterDropdown: (props) => <TextFilter |
| | | name='sort' |
| | | {...props} |
| | | actionRef={actionRef} |
| | | setSearchParam={setSearchParam} |
| | | />, |
| | | width: 100, |
| | | render: (_, record) => { |
| | | console.log(_); |
| | | return <span style={{ fontWeight: "bold" }}>{_}</span> |
| | | } |
| | | }, |
| | | { |
| | | title: '元信息', |
| | | dataIndex: 'meta', |
| | | valueType: 'text', |
| | | hidden: false, |
| | | hidden: true, |
| | | width: 140, |
| | | filterDropdown: (props) => <TextFilter |
| | | name='meta' |
| | |
| | | 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} |
| | |
| | | title: '添加时间', |
| | | dataIndex: 'createTime$', |
| | | valueType: 'text', |
| | | hidden: false, |
| | | hidden: true, |
| | | width: 140, |
| | | filterDropdown: (props) => <DatetimeRangeFilter |
| | | name='createTime' |
| | |
| | | title: '添加人员', |
| | | dataIndex: 'createBy$', |
| | | valueType: 'text', |
| | | hidden: false, |
| | | hidden: true, |
| | | width: 140, |
| | | filterDropdown: (props) => <LinkFilter |
| | | name='createBy' |
| | |
| | | title: '备注', |
| | | dataIndex: 'memo', |
| | | valueType: 'text', |
| | | hidden: false, |
| | | hidden: true, |
| | | width: 140, |
| | | filterDropdown: (props) => <TextFilter |
| | | name='memo' |
| | |
| | | cardBordered |
| | | scroll={{ x: 1300 }} |
| | | dateFormatter="string" |
| | | pagination={{ pageSize: 20 }} |
| | | pagination={{ pageSize: 100 }} |
| | | search={false} |
| | | toolbar={{ |
| | | search: { |
| | |
| | | ], |
| | | }} |
| | | request={(params, sorter, filter) => |
| | | Http.doPostPromise('/api/menu/page', { ...params, ...searchParam }, (res) => { |
| | | const records = res.data.records; |
| | | console.log(records); |
| | | Http.doPostPromise('/api/menu/tree', { ...params, ...searchParam }, (res) => { |
| | | console.log(res.data); |
| | | // console.log(res); return; |
| | | // const records = res.data.records; |
| | | // console.log(records); |
| | | |
| | | const rootMenu = { id: 0, label: '主类目', children: [], value: 0 }; |
| | | const memuData = buildTreeData(records, 'menuId', 'menuName', '', '', ''); |
| | | rootMenu.children = memuData; |
| | | const treeData = []; |
| | | treeData.push(rootMenu); |
| | | setTreeData(treeData); |
| | | // const rootMenu = { id: 0, label: '主类目', children: [], value: 0 }; |
| | | // const memuData = buildTreeData(records, 'menuId', 'menuName', '', '', ''); |
| | | // rootMenu.children = memuData; |
| | | // const treeData = []; |
| | | // treeData.push(rootMenu); |
| | | // setTreeData(treeData); |
| | | |
| | | return { |
| | | data: treeData, |
| | | total: res.data.total, |
| | | data: res.data, |
| | | success: true, |
| | | } |
| | | }) |
| | |
| | | import com.zy.asrs.wcs.system.entity.Menu; |
| | | import com.zy.asrs.wcs.system.service.MenuService; |
| | | import com.zy.asrs.wcs.utils.ExcelUtil; |
| | | import com.zy.asrs.wcs.utils.Utils; |
| | | import org.springframework.beans.factory.annotation.Autowired; |
| | | import org.springframework.security.access.prepost.PreAuthorize; |
| | | import org.springframework.web.bind.annotation.*; |
| | |
| | | } |
| | | |
| | | @PreAuthorize("hasAuthority('system:menu:list')") |
| | | @PostMapping("/menu/tree") |
| | | public R tree(@RequestBody Map<String, Object> map) { |
| | | List<Menu> menus = menuService.list(); |
| | | return R.ok().add(Utils.toTreeData(menus, 0L, Menu::getParentId, Menu::getId, Menu::setChildren)); |
| | | } |
| | | |
| | | @PreAuthorize("hasAuthority('system:menu:list')") |
| | | @GetMapping("/menu/{id}") |
| | | public R get(@PathVariable("id") Long id) { |
| | | return R.ok().add(menuService.getById(id)); |
| | |
| | | if (parentId.equals(dParentId)) { |
| | | R dId = idMapper.apply(d); |
| | | List<T> children = toTreeData(data, dId, parentIdMapper, idMapper, consumer); |
| | | consumer.accept(d, children); |
| | | if(children.size() > 0) { |
| | | consumer.accept(d, children); |
| | | } |
| | | result.add(d); |
| | | } |
| | | } |