feat: 添加角色管理详情页面

Author: Ohh-889

src/locales/langs/en-us/route.ts

@@ -14,6 +14,7 @@ const route: App.I18n.Schema['translation']['route'] = {
   '(base)_home': 'Home',
   '(base)_manage': 'System Manage',
   '(base)_manage_role': 'Role Manage',
+  '(base)_manage_role_[...slug]': 'Role Manage Details',
   '(base)_manage_user': 'User Manage',
   '(base)_manage_user_[id]': 'User Detail',
   '(base)_multi-menu': 'Multi Menu',
@@ -46,7 +47,9 @@ const route: App.I18n.Schema['translation']['route'] = {
   exception_403: '403',
   exception_404: '404',
   exception_500: '500',
-  'iframe-page': 'Iframe'
+  'iframe-page': 'Iframe',
+  notFound: 'Page Not Found',
+  root: 'Home'
 };
 
 export default route;

src/locales/langs/zh-cn/route.ts

@@ -14,6 +14,7 @@ const route: App.I18n.Schema['translation']['route'] = {
   '(base)_home': '首页',
   '(base)_manage': '系统管理',
   '(base)_manage_role': '角色管理',
+  '(base)_manage_role_[...slug]': '角色管理详情',
   '(base)_manage_user': '用户管理',
   '(base)_manage_user_[id]': '用户详情',
   '(base)_multi-menu': '多级菜单',
@@ -46,7 +47,9 @@ const route: App.I18n.Schema['translation']['route'] = {
   exception_403: '403',
   exception_404: '404',
   exception_500: '500',
-  'iframe-page': '外链页面'
+  'iframe-page': '外链页面',
+  notFound: '页面不存在',
+  root: '首页'
 };
 
 export default route;

src/pages/(base)/manage/role/[...slug].tsx

@@ -0,0 +1,14 @@
+import { useRoute } from '@/features/router';
+
+const Component = () => {
+  const { params } = useRoute<null, null, { slug: string[] }>();
+
+  console.log(
+    params.slug,
+    params.slug.find(item => item === '123')
+  );
+
+  return <div>Index</div>;
+};
+
+export default Component;

src/router/elegant/imports.ts

@@ -31,6 +31,7 @@ export const pages: Record<string, () => Promise<any>> = {
 "(base)_function_toggle-auth": () => import("@/pages/(base)/function/toggle-auth/index.tsx"),
 "(base)_home": () => import("@/pages/(base)/home/index.tsx"),
 "(base)_manage": () => import("@/pages/(base)/manage/index.tsx"),
+"(base)_manage_role_[...slug]": () => import("@/pages/(base)/manage/role/[...slug].tsx"),
 "(base)_manage_role": () => import("@/pages/(base)/manage/role/index.tsx"),
 "(base)_manage_user_[id]": () => import("@/pages/(base)/manage/user/[id].tsx"),
 "(base)_manage_user": () => import("@/pages/(base)/manage/user/index.tsx"),

src/router/elegant/routeMap.ts

@@ -42,6 +42,7 @@ export const routeMap: RouteMap = {
  "(base)_home": "/home",
  "(base)_manage": "/manage",
  "(base)_manage_role": "/manage/role",
+ "(base)_manage_role_[...slug]": "/manage/role/*",
  "(base)_manage_user": "/manage/user",
  "(base)_manage_user_[id]": "/manage/user/:id",
  "(base)_multi-menu": "/multi-menu",

src/router/elegant/routes.ts

@@ -189,7 +189,19 @@ export const generatedRoutes: ElegantConstRoute[] = [
                   order: 2,
                   roles: ['R_SUPER'],
                   title: 'manage_role'
-                }
+                },
+                children: [
+                  {
+                    matchedFiles: [null, '/src/pages/(base)/manage/role/[...slug].tsx', null, null],
+                    name: '(base)_manage_role_[...slug]',
+                    path: '/manage/role/*',
+                    handle: {
+                      i18nKey: 'route.(base)_manage_role_[...slug]',
+                      hideInMenu: true,
+                      title: '(base)_manage_role_[...slug]'
+                    }
+                  }
+                ]
               },
               {
                 matchedFiles: [null, '/src/pages/(base)/manage/user/index.tsx', null, null],