src/pages/Department/Card/DepartmentCard.vue

@@ -1,9 +1,9 @@
 <script setup>
-import VnCard from 'components/common/VnCard.vue';
+import VnCardBeta from 'components/common/VnCardBeta.vue';
 import DepartmentDescriptor from 'pages/Department/Card/DepartmentDescriptor.vue';
 </script>
 <template>
-    <VnCard
+    <VnCardBeta
         class="q-pa-md column items-center"
         v-bind="{ ...$attrs }"
         data-key="Department"

src/router/modules/department.js

@@ -1,47 +1,56 @@
+
 import { RouterView } from 'vue-router';
 
-export default {
+const departmentCard = {
-    path: '/department',
-    name: 'Department',
-    meta: {
-        title: 'department',
-        icon: 'vn:greuge',
-        moduleName: 'Department',
-    },
-    component: RouterView,
-    redirect: { name: 'WorkerDepartment' },
-    menus: {
-        main: [],
-        card: ['DepartmentBasicData'],
-    },
-    children: [
-        {
     name: 'DepartmentCard',
-            path: 'department/:id',
+    path: ':id',
     component: () => import('src/pages/Department/Card/DepartmentCard.vue'),
     redirect: { name: 'DepartmentSummary' },
+    meta: {
+        menu: [
+            'DepartmentBasicData',
+        ]
+    },
     children: [
         {
-                    name: 'DepartmentSummary',
             path: 'summary',
+            name: 'DepartmentSummary',
             meta: {
                 title: 'summary',
                 icon: 'launch',
             },
-                    component: () =>
+            component: () => import('src/pages/Department/Card/DepartmentSummary.vue'),
-                        import('src/pages/Department/Card/DepartmentSummary.vue'),
         },
         {
-                    name: 'DepartmentBasicData',
             path: 'basic-data',
+            name: 'DepartmentBasicData',
             meta: {
                 title: 'basicData',
                 icon: 'vn:settings',
             },
-                    component: () =>
+            component: () => import('src/pages/Department/Card/DepartmentBasicData.vue'),
-                        import('src/pages/Department/Card/DepartmentBasicData.vue'),
+        },
-                },
+    ],
-            ],
+};
+
+export default {
+    name: 'Department',
+    path: '/department',
+    meta: {
+        title: 'department',
+        icon: 'vn:greuge',
+        moduleName: 'Department',
+        menu: [],
+    },
+    component: RouterView,
+    redirect: { name: 'DepartmentMain' },
+    children: [
+        {
+            name: 'DepartmentMain',
+            path: '',
+            component: () => import('src/components/common/VnModule.vue'),
+            redirect: { name: 'DepartmentIndexMain' },
+            children: [departmentCard],
         },
     ],
 };