แก้ไข loader

src/modules/03_recruiting/views/02_qualify/DisablePeriodAdd.vue

@@ -669,15 +669,20 @@ import type {
 } from "@/modules/02_organizational/interface/index/Main";
 import http from "@/plugins/http";
 import config from "@/app.config";
-import { useDataStore } from "@/stores/data";
 
-const dataStore = useDataStore();
-const { loaderPage } = dataStore;
 const $q = useQuasar(); // show dialog
 const mixin = useCounterMixin();
 const router = useRouter();
 const route = useRoute();
-const { date2Thai, success, dateToISO, notifyError, messageError } = mixin;
+const {
+  date2Thai,
+  success,
+  dateToISO,
+  notifyError,
+  messageError,
+  showLoader,
+  hideLoader,
+} = mixin;
 const myForm = ref<QForm | null>(null); //form data input
 const name = ref<string>("");
 const note = ref<string>("");
@@ -725,7 +730,7 @@ onMounted(async () => {
   if (route.params.id != undefined) {
     edit.value = true;
     id.value = route.params.id.toString();
-    loaderPage(false);
+    hideLoader();
     await fetchData();
   } else {
     edit.value = false;
@@ -737,7 +742,7 @@ const clickBack = () => {
 };
 
 const fetchData = async () => {
-  loaderPage(true);
+  showLoader();
   await http
     .get(config.API.getDisablePeriodById(id.value))
     .then((res) => {
@@ -774,7 +779,7 @@ const fetchData = async () => {
       messageError($q, e);
     })
     .finally(() => {
-      loaderPage(false);
+      hideLoader();
     });
 };
 
@@ -829,7 +834,7 @@ const sendData = () => {
 };
 
 const addData = async () => {
-  loaderPage(true);
+  showLoader();
   await http
     .post(config.API.saveDisablePeriod, sendData())
     .then(async (res) => {
@@ -844,12 +849,12 @@ const addData = async () => {
       messageError($q, e);
     })
     .finally(async () => {
-      loaderPage(false);
+      hideLoader();
     });
 };
 
 const editData = async (id: string) => {
-  loaderPage(true);
+  showLoader();
   await http
     .put(config.API.editDisablePeriod(id), sendData())
     .then(async () => {
@@ -862,7 +867,7 @@ const editData = async (id: string) => {
       messageError($q, e);
     })
     .finally(async () => {
-      loaderPage(false);
+      hideLoader();
     });
 };
 
@@ -889,7 +894,7 @@ const uploadImgData = async () => {
     fileImgDataUpload.value.forEach((file: any) => {
       formData.append("", file);
     });
-    loaderPage(true);
+    showLoader();
     await http
       .put(config.API.periodExamImg(id.value), formData)
       .then((res) => {})
@@ -897,7 +902,7 @@ const uploadImgData = async () => {
         messageError($q, e);
       })
       .finally(async () => {
-        loaderPage(false);
+        hideLoader();
       });
   }
 };
@@ -906,7 +911,7 @@ const deleteDocData = async (docId: string) => {
   const params = {
     documentId: docId,
   };
-  loaderPage(true);
+  showLoader();
   await http
     .delete(config.API.periodExamDoc(id.value.toString()), {
       params,
@@ -919,7 +924,7 @@ const deleteDocData = async (docId: string) => {
     })
     .finally(async () => {
       await fetchData();
-      loaderPage(false);
+      hideLoader();
     });
 };
 
@@ -950,7 +955,7 @@ const uploadDocData = async () => {
     fileDocDataUpload.value.forEach((file: any) => {
       formData.append("", file);
     });
-    loaderPage(true);
+    showLoader();
     await http
       .put(config.API.periodExamDoc(id.value), formData)
       .then((res) => {})
@@ -958,7 +963,7 @@ const uploadDocData = async () => {
         messageError($q, e);
       })
       .finally(async () => {
-        loaderPage(false);
+        hideLoader();
       });
   } else {
     clickBack();