ทะเบียนประวัติ

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

@@ -4,6 +4,10 @@ import { ref } from "vue";
 import { useRegistryDetailNewDataStore } from "@/modules/04_registryNew/stores/DetailMain";
 
 import PersonalInformationMain from "@/modules/04_registryNew/components/detail/PersonalInformation/Main.vue";
+import GovernmentInformationMain from "@/modules/04_registryNew/components/detail/GovernmentInformation/Main.vue";
+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";
 
 const store = useRegistryDetailNewDataStore();
 
@@ -26,12 +30,12 @@ const itemsTab = ref<any>([
   {
     name: "4",
     icon: "mdi-cash",
-    label: "ข้อมูลเครื่องราช",
+    label: "ข้อมูลผลงานและเครื่องราชฯ",
   },
   {
     name: "5",
     icon: "mdi-bookmark",
-    label: "ข้อมูลอื่นๆ",
+    label: "เอกสารหลักฐานและอื่นๆ",
   },
 ]);
 
@@ -66,7 +70,10 @@ const splitterModel = ref<number>(12);
           :name="tab.name"
         >
           <PersonalInformationMain v-if="store.tabMain === '1'" />
-          <!-- <div class="text-h4 q-mb-md">{{ tab.label }}</div> -->
+          <GovernmentInformationMain v-if="store.tabMain === '2'" />
+          <salaryMain v-if="store.tabMain === '3'" />
+          <AchievementMain v-if="store.tabMain === '4'" />
+          <OtherMaim v-if="store.tabMain === '5'" />
         </q-tab-panel>
       </q-tab-panels>
     </template>