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/pages/Worker/WorkerList.vue

@@ -189,7 +189,7 @@ async function autofillBic(worker) {
     <VnSection
         :data-key="dataKey"
         :columns="columns"
-        prefix="worker"
+        prefix="workerSearch"
         :array-data-props="{
             url: 'Workers/filter',
             order: ['id DESC'],

src/pages/Worker/locale/en.yml

@@ -1,4 +1,4 @@
-worker:
+workerSearch:
     search: Search worker
     searchInfo: Search worker by id or name
 passwordRequirements: 'The password must have at least { length } length characters, {nAlpha} alphabetic characters, {nUpper} capital letters, {nDigits} digits and {nPunct} symbols (Ex: $%&.)\n'

src/pages/Worker/locale/es.yml

@@ -1,4 +1,4 @@
-worker:
+workerSearch:
     search: Buscar trabajador
     searchInfo: Buscar trabajador por id o nombre
 Locker: Taquilla

src/router/modules/department.js

@@ -1,47 +1,55 @@
 import { RouterView } from 'vue-router';
 
-export default {
-    path: '/department',
-    name: 'Department',
-    meta: {
-        title: 'department',
-        icon: 'vn:greuge',
-        moduleName: 'Department',
-    },
-    component: RouterView,
-    redirect: { name: 'WorkerDepartment' },
-    menus: {
-        main: [],
-        card: ['DepartmentBasicData'],
-    },
-    children: [
-        {
+const departmentCard = {
     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: () =>
-                        import('src/pages/Department/Card/DepartmentSummary.vue'),
+            component: () => import('src/pages/Department/Card/DepartmentSummary.vue'),
         },
         {
-                    name: 'DepartmentBasicData',
             path: 'basic-data',
+            name: 'DepartmentBasicData',
             meta: {
                 title: 'basicData',
                 icon: 'vn:settings',
             },
-                    component: () =>
-                        import('src/pages/Department/Card/DepartmentBasicData.vue'),
-                },
-            ],
+            component: () => import('src/pages/Department/Card/DepartmentBasicData.vue'),
+        },
+    ],
+};
+
+export default {
+    name: 'Department',
+    path: '/worker/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],
         },
     ],
 };