new loader

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

@@ -288,7 +288,7 @@ const fee = ref<number>();
 const $q = useQuasar();
 const router = useRouter();
 const mixin = useCounterMixin(); //เรียกฟังก์ชันกลาง
-const { success, messageError } = mixin;
+const { success, messageError, showLoader, hideLoader } = mixin;
 const route = useRoute();
 const examId = ref<string>(route.params.examId.toString());
 const candidateId = ref<string>(route.params.candidateId.toString());
@@ -308,13 +308,13 @@ const props = defineProps({
 });
 
 onMounted(async () => {
-  loaderPage(false);
+  hideLoader();
   await fetchPaymentExam();
   await fetchData();
 });
 
 const fetchData = async () => {
-  loaderPage(true);
+  showLoader();
   await http
     .get(config.API.candidatePayment(candidateId.value))
     .then((res) => {
@@ -325,12 +325,12 @@ const fetchData = async () => {
       messageError($q, e);
     })
     .finally(() => {
-      loaderPage(false);
+      hideLoader();
     });
 };
 
 const fetchPaymentExam = async () => {
-  loaderPage(true);
+  showLoader();
   await http
     .get(config.API.periodExamPayment(examId.value))
     .then((res) => {
@@ -342,12 +342,12 @@ const fetchPaymentExam = async () => {
       messageError($q, e);
     })
     .finally(async () => {
-      loaderPage(false);
+      hideLoader();
     });
 };
 
 const confirm = async (status: boolean, reason: string) => {
-  loaderPage(true);
+  showLoader();
   await http
     .put(config.API.candidateCheckPayment(candidateId.value), {
       status: status,
@@ -358,7 +358,7 @@ const confirm = async (status: boolean, reason: string) => {
       messageError($q, e);
     })
     .finally(async () => {
-      loaderPage(false);
+      hideLoader();
       success($q, "ตรวจสอบข้อมูลชำระเงินสำเร็จ");
       router.push(`/qualify/manage/${examId.value}`);
     });