fix：权限初始化修改

src/views/PermissionAccount.vue

@@ -1,14 +0,0 @@
-<template>
-  <LayoutPermission>
-    <ContentContainer>
-      <BreadCrumbMenu :current_label="'账号'" />
-      <div class="permission-account">权限管理: 账号</div>
-    </ContentContainer>
-  </LayoutPermission>
-</template>
-
-<script setup>
-import LayoutPermission from './layout/LayoutPermission.vue';
-import ContentContainer from './layout/ContentContainer.vue';
-import BreadCrumbMenu from './common/BreadCrumbMenu.vue';
-</script>

src/views/PermissionOrganization.vue

@@ -1,14 +0,0 @@
-<template>
-  <LayoutPermission>
-    <ContentContainer>
-      <BreadCrumbMenu :current_label="'机构'" />
-      <div class="permission-organization">权限管理: 机构</div>
-    </ContentContainer>
-  </LayoutPermission>
-</template>
-
-<script setup>
-import LayoutPermission from './layout/LayoutPermission.vue';
-import ContentContainer from './layout/ContentContainer.vue';
-import BreadCrumbMenu from './common/BreadCrumbMenu.vue';
-</script>

src/views/PermissionResource.vue

@@ -1,14 +0,0 @@
-<template>
-  <LayoutPermission>
-    <ContentContainer>
-      <BreadCrumbMenu :current_label="'资源'" />
-      <div class="permission-resource">权限管理: 资源</div>
-    </ContentContainer>
-  </LayoutPermission>
-</template>
-
-<script setup>
-import LayoutPermission from './layout/LayoutPermission.vue';
-import ContentContainer from './layout/ContentContainer.vue';
-import BreadCrumbMenu from './common/BreadCrumbMenu.vue';
-</script>

src/views/PermissionRole.vue

@@ -1,18 +0,0 @@
-<template>
-  <LayoutPermission>
-    <ContentContainer>
-      <BreadCrumbMenu :current_label="'角色'" />
-      <div class="permission-role">权限管理: 角色</div>
-    </ContentContainer>
-  </LayoutPermission>
-</template>
-
-<script setup>
-import LayoutPermission from './layout/LayoutPermission.vue';
-import ContentContainer from './layout/ContentContainer.vue';
-import BreadCrumbMenu from './common/BreadCrumbMenu.vue';
-
-const props = defineProps({
-  label: String
-});
-</script>

src/views/Permissions.vue

@@ -1,12 +0,0 @@
-<template>
-  <LayoutPermission>
-    <ContentContainer>
-      <div class="permissions">权限管理: 角色、资源、机构、账号</div>
-    </ContentContainer>
-  </LayoutPermission>
-</template>
-
-<script setup>
-import LayoutPermission from './layout/LayoutPermission.vue';
-import ContentContainer from './layout/ContentContainer.vue';
-</script>

src/views/layout/LayoutPermission.vue

@@ -1,8 +1,7 @@
 <template>
   <div class="layout-permission">
     <Header />
-
-    <slot></slot>
+    <router-view />
   </div>
 </template>
 

src/views/permission/PermissionAccount.vue

@@ -0,0 +1,11 @@
+<template>
+  <ContentContainer>
+    <BreadCrumbMenu :current_label="'账号'" />
+    <div class="permission-account">权限管理: 账号</div>
+  </ContentContainer>
+</template>
+
+<script setup>
+import ContentContainer from '../layout/ContentContainer.vue';
+import BreadCrumbMenu from '../common/BreadCrumbMenu.vue';
+</script>

src/views/permission/PermissionGroup.vue

@@ -0,0 +1,15 @@
+<template>
+  <ContentContainer>
+    <BreadCrumbMenu :current_label="'用户组'" />
+    <div class="permission-role">权限管理: 角色</div>
+  </ContentContainer>
+</template>
+
+<script setup>
+import ContentContainer from '../layout/ContentContainer.vue';
+import BreadCrumbMenu from '../common/BreadCrumbMenu.vue';
+
+const props = defineProps({
+  label: String
+});
+</script>

src/views/permission/PermissionOrganization.vue

@@ -0,0 +1,11 @@
+<template>
+  <ContentContainer>
+    <BreadCrumbMenu :current_label="'机构'" />
+    <div class="permission-organization">权限管理: 机构</div>
+  </ContentContainer>
+</template>
+
+<script setup>
+import ContentContainer from '../layout/ContentContainer.vue';
+import BreadCrumbMenu from '../common/BreadCrumbMenu.vue';
+</script>

src/views/permission/PermissionResource.vue

@@ -0,0 +1,11 @@
+<template>
+  <ContentContainer>
+    <BreadCrumbMenu :current_label="'资源'" />
+    <div class="permission-resource">权限管理: 资源</div>
+  </ContentContainer>
+</template>
+
+<script setup>
+import ContentContainer from '../layout/ContentContainer.vue';
+import BreadCrumbMenu from '../common/BreadCrumbMenu.vue';
+</script>

src/views/permission/PermissionRole.vue

@@ -0,0 +1,15 @@
+<template>
+  <ContentContainer>
+    <BreadCrumbMenu :current_label="'角色'" />
+    <div class="permission-role">权限管理: 角色</div>
+  </ContentContainer>
+</template>
+
+<script setup>
+import ContentContainer from '../layout/ContentContainer.vue';
+import BreadCrumbMenu from '../common/BreadCrumbMenu.vue';
+
+const props = defineProps({
+  label: String
+});
+</script>

src/views/routes.js

@@ -22,11 +22,18 @@ const routes = [
   { path: '/intelligent', component: () => import('./Intelligent.vue') },
 
   // 权限管理
-  { path: '/permission', component: () => import('./Permissions.vue') },
-  { path: '/permission/org', component: () => import('./PermissionOrganization.vue') },
-  { path: '/permission/account', component: () => import('./PermissionAccount.vue') },
-  { path: '/permission/role', component: () => import('./PermissionRole.vue') },
-  { path: '/permission/resource', component: () => import('./PermissionResource.vue') },
+  {
+    path: '/permission',
+    component: () => import('./layout/LayoutPermission.vue'),
+    children: [
+      { path: '/permission/account', component: () => import('./permission/PermissionAccount.vue') },
+      { path: '/permission/org', component: () => import('./permission/PermissionOrganization.vue') },
+      { path: '/permission/resource', component: () => import('./permission/PermissionResource.vue') },
+      { path: '/permission/role', component: () => import('./permission/PermissionRole.vue') },
+      { path: '/permission/group', component: () => import('./permission/PermissionGroup.vue') },
+    ]
+  },
+
 
   // 个人中心
   { path: '/profile', component: () => import('./Profiles.vue') },