- 添加菜单管理页面,包括菜单列表、搜索、重置、新建、编辑和删除功能 - 实现菜单数据的获取、创建、更新和删除接口 - 添加菜单编辑组件,用于新建和编辑菜单 - 在系统路由中添加菜单管理路由
40 lines
846 B
TypeScript
40 lines
846 B
TypeScript
import axios from 'axios';
|
|
|
|
export interface MenuRecord {
|
|
id?: number;
|
|
pid?: number;
|
|
name: string;
|
|
path: string;
|
|
meta: {
|
|
locale: string;
|
|
title?: string;
|
|
icon: string;
|
|
requiresAuth: boolean;
|
|
hideInMenu: boolean;
|
|
order: number;
|
|
permissions: string[];
|
|
showInMenu: boolean;
|
|
menuOrder: number;
|
|
};
|
|
children?: MenuRecord[] ;
|
|
};
|
|
|
|
export interface MenuCreateRecord extends MenuRecord{
|
|
type: string;
|
|
}
|
|
|
|
export const queryMenuList = () => {
|
|
return axios.get('/api/rest/menu');
|
|
};
|
|
|
|
export const createMenu = (data: MenuCreateRecord) => {
|
|
return axios.post('/api/rest/menu', data);
|
|
};
|
|
|
|
export const updateMenu = (data: MenuCreateRecord) => {
|
|
return axios.put(`/api/rest/menu/${data.id}`, data);
|
|
};
|
|
|
|
export const removeMenu = (id: string | number) => {
|
|
return axios.delete(`/api/rest/menu/${id}`);
|
|
}; |