แก้ไข loader

src/modules/03_recruiting/components/TableCandidate.vue

@@ -149,7 +149,7 @@
 <script setup lang="ts">
 import { ref, useAttrs } from "vue";
 import { useRoute, useRouter } from "vue-router";
-import { useDataStore } from "@/stores/data";
+
 import { useCounterMixin } from "@/stores/mixin";
 import http from "@/plugins/http";
 import config from "@/app.config";
@@ -157,8 +157,7 @@ import { useQuasar } from "quasar";
 
 const route = useRoute();
 const router = useRouter();
-const dataStore = useDataStore();
-const { loaderPage } = dataStore;
+
 const mixin = useCounterMixin();
 const { dateToISO, success, modalError, dialogMessage } = mixin;
 const $q = useQuasar(); // show dialog
@@ -167,7 +166,7 @@ const table = ref<any>(null);
 const files = ref<File[]>([]);
 const filterRef = ref<any>(null);
 const examId = ref<string>(route.params.examId.toString());
-const { messageError } = mixin;
+const { messageError, showLoader, hideLoader } = mixin;
 const props = defineProps({
   inputfilter: String,
   inputvisible: Array,
@@ -309,7 +308,7 @@ const candidateToPlacement = async () => {
           messageError($q, e);
         })
         .finally(async () => {
-          loaderPage(false);
+          hideLoader();
           router.go(-1);
         });
     })
@@ -318,7 +317,7 @@ const candidateToPlacement = async () => {
 };
 
 const uploadDataSeat = async () => {
-  loaderPage(true);
+  showLoader();
   const formData = new FormData();
   formData.append("", files.value[0]);
   await http
@@ -330,14 +329,14 @@ const uploadDataSeat = async () => {
       messageError($q, e);
     })
     .finally(async () => {
-      loaderPage(false);
+      hideLoader();
       files.value = [];
       props.fetchData();
     });
 };
 
 const uploadDataPoint = async () => {
-  loaderPage(true);
+  showLoader();
   const formData = new FormData();
   formData.append("", files.value[0]);
   await http
@@ -350,14 +349,14 @@ const uploadDataPoint = async () => {
       messageError($q, e);
     })
     .finally(async () => {
-      loaderPage(false);
+      hideLoader();
       files.value = [];
       props.fetchData();
     });
 };
 
 const downloadFile = async () => {
-  loaderPage(true);
+  showLoader();
   await http
     .get(config.API.periodExamDownload(examId.value), {
       responseType: "blob",
@@ -370,12 +369,12 @@ const downloadFile = async () => {
       messageError($q, e);
     })
     .finally(() => {
-      loaderPage(false);
+      hideLoader();
     });
 };
 
 const downloadFileDetail = async () => {
-  loaderPage(true);
+  showLoader();
   await http
     .get(config.API.periodExamDownloadDetail(examId.value), {
       responseType: "blob",
@@ -388,7 +387,7 @@ const downloadFileDetail = async () => {
       messageError($q, e);
     })
     .finally(() => {
-      loaderPage(false);
+      hideLoader();
     });
 };