ทำเบียนประวัติลูกจ้างชั่วคราว

src/modules/04_registryNew/components/detail/TabMain.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { ref } from "vue";
+import { useRoute } from "vue-router";
 
 import { useRegistryDetailNewDataStore } from "@/modules/04_registryNew/stores/DetailMain";
 
@@ -8,6 +9,9 @@ import GovernmentInformationMain from "@/modules/04_registryNew/components/detai
 import salaryMain from "@/modules/04_registryNew/components/detail/Salary/Main.vue";
 import AchievementMain from "@/modules/04_registryNew/components/detail/Achievement/Main.vue";
 import OtherMaim from "@/modules/04_registryNew/components/detail/Other/Main.vue";
+import EmployeeMain from "@/modules/04_registryNew/components/detail/Employee/Main.vue";
+
+const route = useRoute();
 
 const store = useRegistryDetailNewDataStore();
 const props = defineProps({
@@ -23,7 +27,10 @@ const itemsTab = ref<any>([
   {
     name: "2",
     icon: "mdi-account-tie",
-    label: "ข้อมูลราชการ",
+    label:
+      route.name === "registry-employeeId"
+        ? "ข้อมูลลูกจ้างชั่วคราว"
+        : "ข้อมูลราชการ",
   },
   {
     name: "3",
@@ -88,7 +95,11 @@ const splitterModel = ref<number>(12);
             v-if="store.tabMain === '1'"
             :fetchDataPersonal="props.fetchDataPersonal"
           />
-          <GovernmentInformationMain v-if="store.tabMain === '2'" />
+          <EmployeeMain
+            v-if="store.tabMain === '2' && route.name === 'registry-employeeId'"
+          />
+          <GovernmentInformationMain v-else-if="store.tabMain === '2'" />
+
           <salaryMain v-if="store.tabMain === '3'" />
           <AchievementMain v-if="store.tabMain === '4'" />
           <OtherMaim v-if="store.tabMain === '5'" />