新增目录和权限(新)

1. 创建页面文件
TIGSHOP-ADMIN -> src -> views目录下新建一个test文件夹, 在test文件夹下新增List.vueInfo.vue两个页面文件, 其中List.vue代表主页面, Info.vue代表页面的 新增/编辑/详情 的弹窗。

List.vue(主页面)
image.png

Info.vue(新增/编辑/详情弹窗)

image.png

2. 配置路由
2.1 在TIGSHOP-ADMIN -> src -> router -> asyncRoutes -> admin文件夹内添加test.ts文件

image.png
2.2 在TIGSHOP-ADMIN -> src -> router -> asyncRoutes -> admin -> index.ts文件夹内引入新增的路由文件

image.png

3. 配置菜单权限
打开权限目录, 新增test权限, 添加成功之后刷新页面,菜单栏就会自动新增一个测试总目录和一个测试一级目录跟一个测试二级目录。

image.png

image.png

4. 如何打开测试页面的详情
image.png

image.png

这样就新增了一个已定义菜单和权限

新增目录和权限(新)