api โครงสร้างอัตรากำลัง

src/modules/02_organizationalNew/views/main.vue

@@ -1,5 +1,8 @@
 <script setup lang="ts">
-import { ref } from "vue";
+import { ref, onMounted } from "vue";
+import { useQuasar } from "quasar";
+import http from "@/plugins/http";
+import config from "@/app.config";
 
 /** importComponents*/
 import ListView from "@/modules/02_organizationalNew/components/listView.vue";
@@ -10,6 +13,10 @@ import DialogHistory from "@/modules/02_organizationalNew/components/DialogHisto
 
 /** importStore*/
 import { useOrganizational } from "@/modules/02_organizationalNew/store/organizational";
+import { useCounterMixin } from "@/stores/mixin";
+
+const $q = useQuasar();
+const { showLoader, hideLoader, messageError } = useCounterMixin();
 
 const modalNewStructure = ref<boolean>(false);
 const stroe = useOrganizational();
@@ -34,6 +41,22 @@ const itemStructure = ref<any>([
   },
 ]);
 
+async function fetchOrganizationActive() {
+  // showLoader();
+  // await http
+  //   .get(config.API.activeOrganization)
+  //   .then((res) => {
+  //     console.log(res);
+  //   })
+  //   .catch((err) => {
+  //     messageError($q, err);
+  //     console.log(err);
+  //   })
+  //   .finally(() => {
+  //     hideLoader();
+  //   });
+}
+
 const modalDateTime = ref<boolean>(false);
 function onClickDateTime() {
   modalDateTime.value = !modalDateTime.value;
@@ -43,6 +66,10 @@ const modalHistory = ref<boolean>(false);
 function onClickHistory() {
   modalHistory.value = !modalHistory.value;
 }
+
+onMounted(async () => {
+  await fetchOrganizationActive();
+});
 </script>
 <template>
   <div class="row">
@@ -167,7 +194,12 @@ function onClickHistory() {
     </div>
   </q-card>
 
-  <DialogFormNewStructure v-model:new-structure="modalNewStructure" v-model:status="isStatusData"/>
+  <!-- เพิ่มโครงสร้าง -->
+  <DialogFormNewStructure
+    v-model:new-structure="modalNewStructure"
+    v-model:status="isStatusData"
+  />
+
   <DialogDateTime :modal="modalDateTime" :close="onClickDateTime" />
 
   <DialogHistory :modal="modalHistory" :close="onClickHistory" />