รายละเอียดทะเบียนประวัติลูกจ้าง

src/modules/08_registryEmployee/router.ts

@@ -1,10 +1,16 @@
 /**
  * Router ระบบทะเบียนประวัติลูกจ้าง (registryEmployee)
  */
+import { defineAsyncComponent } from "vue";
 
-const Main = () => import("@/modules/08_registryEmployee/views/Main.vue");
-// const Detail = () =>
-//   import("@/modules/08_registryEmployee/components/Profile.vue");
+// const Main = () => import("@/modules/08_registryEmployee/views/Main.vue");
+// const Detail = () => import("@/modules/08_registryEmployee/views/Detail.vue");
+const Main = defineAsyncComponent(
+  () => import("@/modules/08_registryEmployee/views/Main.vue")
+);
+const Detail = defineAsyncComponent(
+  () => import("@/modules/08_registryEmployee/views/Detail.vue")
+);
 
 export default [
   {
@@ -23,8 +29,18 @@ export default [
   //     component: Detail,
   //     meta: {
   //       Auth: true,
-  //       Key: [9],
+  //       Key: [10],
   //       Role: "registryEmployeeDetails",
   //     },
   //   },
+  {
+    path: "/registryEmployee/add",
+    name: "registryEmployeeAdd",
+    component: Detail,
+    meta: {
+      Auth: true,
+      Key: [11],
+      Role: "registryEmployee",
+    },
+  },
 ];

src/modules/08_registryEmployee/views/Main.vue

@@ -169,6 +169,7 @@ import { ref, onMounted } from "vue";
 import { useQuasar } from "quasar";
 import { useCounterMixin } from "@/stores/mixin";
 import type { QInput, QForm } from "quasar";
+import { useRouter } from "vue-router";
 import http from "@/plugins/http";
 import config from "@/app.config";
 
@@ -187,6 +188,7 @@ const $q = useQuasar();
 const mixin = useCounterMixin(); //เรียกฟังก์ชันกลาง
 const { dialogMessage, messageError, showLoader, hideLoader } = mixin;
 
+const router = useRouter();
 const myForm = ref<QForm>();
 const filterRef = ref<QInput>();
 const filter = ref<string>("");
@@ -488,6 +490,10 @@ onMounted(async () => {
   await nodeTree();
 });
 
+const next = (id: string) => {
+  router.push(`/registryEmployee/${id}`);
+};
+
 const paginationLabel = (start: number, end: number, total: number) => {
   //   if (props.paging == true)
   //     return " " + start + " ใน " + end + " จากจำนวน " + total + " รายการ";
@@ -528,7 +534,10 @@ const clickClose = async () => {
 };
 
 const clickAdd = () => {
-  modal.value = true;
+  //   modal.value = true;
+
+  router.push(`/registryEmployee/add`);
+  //   router.push(`/placement/detail`);
 };
 
 const clickDelete = (id: string) => {