简单菜单表单

src/messages/menu_cn.js

@@ -4,6 +4,8 @@ export const menu = baseMessages()
 menu.label.systemManagement = '系统管理'
 menu.label.userManagement = '用户管理'
 menu.label.roleManagement = '角色管理'
+menu.label.groupManagement = '用户组管理'
+menu.label.tenantManagement = '租户管理'
 menu.label.authorityManagement = '权限管理'
 menu.label.menuManagement = '菜单管理'
 menu.label.menuEdit = '菜单编辑'

src/messages/menu_en.js

@@ -4,6 +4,8 @@ export const menu = baseMessages()
 menu.label.systemManagement = 'System Management'
 menu.label.userManagement = 'User Management'
 menu.label.roleManagement = 'Role Management'
+menu.label.groupManagement = 'Group Management'
+menu.label.tenantManagement = 'Tenant Management'
 menu.label.authorityManagement = 'Authority Management'
 menu.label.menuEdit = 'Edit Menu'
 menu.label.menuOperation = 'Menu {0}'

src/route/AdminRoutes.js

@@ -8,6 +8,14 @@ export default [{
   path: `${BASE_PATH}/roles`,
   name: 'Roles',
   component: () => import('@/views/admin/Roles.vue')
+}, {
+  path: `${BASE_PATH}/groups`,
+  name: 'Groups',
+  component: () => import('@/views/admin/Groups.vue')
+}, {
+  path: `${BASE_PATH}/tenants`,
+  name: 'Tenants',
+  component: () => import('@/views/admin/Tenants.vue')
 }, {
   path: `${BASE_PATH}/authority`,
   name: 'Authority',

src/views/admin/Groups.vue

@@ -0,0 +1,19 @@
+<script setup>
+import { onMounted } from 'vue'
+import { useRoute } from 'vue-router'
+onMounted(() => {
+  console.info('=========mounted', useRoute().path)
+})
+</script>
+
+<template>
+  <div>
+    <strong>
+      {{ $t('menu.label.groupManagement') }}
+    </strong>
+  </div>
+</template>
+
+<style scoped>
+
+</style>

src/views/admin/Menus.vue

@@ -6,7 +6,7 @@ import { searchMenusResult } from '@/services/menu/MenuService'
 
 const router = useRouter()
 
-const page = ref(useDefaultPage(8))
+const page = ref(useDefaultPage())
 
 const tableData = ref([])
 const loading = ref(true)

src/views/admin/Tenants.vue

@@ -0,0 +1,19 @@
+<script setup>
+import { onMounted } from 'vue'
+import { useRoute } from 'vue-router'
+onMounted(() => {
+  console.info('=========mounted', useRoute().path)
+})
+</script>
+
+<template>
+  <div>
+    <strong>
+      {{ $t('menu.label.tenantManagement') }}
+    </strong>
+  </div>
+</template>
+
+<style scoped>
+
+</style>