添加页面

src/router/routes/routes-file-two.ts

@@ -1,24 +1,44 @@
 import Layout from '@/layout'
 
 const HomeRoutes = {
-  path: '/permission',
+  path: '/userManagement',
   component: Layout,
+  name: 'UserManagement',
+  redirect: '/userManagement/role',
+  //using el svg icon, the elSvgIcon first when at the same time using elSvgIcon and icon
+  meta: { title: '用户管理', elSvgIcon: 'Fold' },
   children: [
     {
-      path: '/permission',
+      path: 'permission',
       name: 'Permission',
-      component: () => import('@/views/permissionItem/index.vue'),
-      //using el svg icon, the elSvgIcon first when at the same time using elSvgIcon and icon
-      meta: { title: '权限项', elSvgIcon: 'Fold' },
-      children: [
-        {
-          path: '/permission',
-          name: 'Permission',
-          component: () => import('@/views/permissionItem/components/home.vue')
-        }
-      ]
-    }
-  ]
+      meta: { title: '权限项管理', elSvgIcon: 'Fold', icon: 'table' },
+      component: () => import('@/views/userManagement/permission/index.vue'),
+    },
+    {
+      path: 'role',
+      name: 'Role',
+      meta: { title: '角色管理', elSvgIcon: 'Fold', icon: 'table' },
+      component: () => import('@/views/userManagement/role/index.vue'),
+    },
+    {
+      path: 'account',
+      name: 'Account',
+      meta: { title: '账号管理', elSvgIcon: 'Fold', icon: 'table' },
+      component: () => import('@/views/userManagement/account/index.vue'),
+    },
+    {
+      path: 'accountGroup',
+      name: 'AccountGroup',
+      meta: { title: '账号组管理', elSvgIcon: 'Fold', icon: 'table' },
+      component: () => import('@/views/userManagement/accountGroup/index.vue'),
+    },
+    {
+      path: 'application',
+      name: 'Application',
+      meta: { title: '应用管理', elSvgIcon: 'Fold', icon: 'table' },
+      component: () => import('@/views/userManagement/application/index.vue'),
+    },
+  ],
 }
 
 export default [HomeRoutes]

src/views/permissionItem/index.vue

@@ -1,5 +0,0 @@
-<template>
-  <div>
-    <router-view />
-  </div>
-</template>

src/views/userManagement/account/index.vue

@@ -0,0 +1,9 @@
+<template>
+  <div>账号管理</div>
+</template>
+
+<script setup lang="ts">
+</script>
+
+<style lang="scss" scoped>
+</style>

src/views/userManagement/accountGroup/index.vue

@@ -0,0 +1,9 @@
+<template>
+  <div>账号组</div>
+</template>
+
+<script setup lang="ts">
+</script>
+
+<style lang="scss" scoped>
+</style>

src/views/userManagement/application/index.vue

@@ -0,0 +1,9 @@
+<template>
+  <div>应用管理</div>
+</template>
+
+<script setup lang="ts">
+</script>
+
+<style lang="scss" scoped>
+</style>

src/views/userManagement/permission/index.vue

@@ -0,0 +1,9 @@
+<template>
+  <div>权限项</div>
+</template>
+
+<script setup lang="ts">
+</script>
+
+<style lang="scss" scoped>
+</style>

src/views/userManagement/role/index.vue

@@ -0,0 +1,9 @@
+<template>
+  <div>角色</div>
+</template>
+
+<script setup lang="ts">
+</script>
+
+<style lang="scss" scoped>
+</style>