เพิ่ม API รายการลา และ รายการขอยกเลิกการลา

src/modules/09_leave/components/2_Leave/Tab2.vue

@@ -1,5 +1,8 @@
 <script setup lang="ts">
 import { ref, reactive, onMounted } from "vue";
+import { useQuasar } from "quasar";
+import http from "@/plugins/http";
+import config from "@/app.config";
 
 /**importType*/
 import type {
@@ -11,15 +14,20 @@ import TableList from "@/modules/09_leave/components/2_Leave/TableList.vue";
 import ToolBar from "@/modules/09_leave/components/2_Leave/ToolBarLeave.vue";
 
 /**importStroe*/
+import { useCounterMixin } from "@/stores/mixin";
 import { useLeavelistDataStore } from "@/modules/09_leave/stores/LeaveStore";
 import { useLeavelistDataStoreTest } from "@/modules/09_leave/stores/ListLeave";
 
+const mixin = useCounterMixin();
 const leaveStore = useLeavelistDataStore();
 const APIDATA = useLeavelistDataStoreTest();
+const { date2Thai, dateToISO, showLoader, hideLoader, messageError } = mixin;
 const { fetchListLeaveReject } = leaveStore;
 
+const $q = useQuasar(); //ใช้ noti quasar
+
 const querySting = reactive<QuerySting>({
-  year: 0, //*ปีในการยื่นขอใบลา(ใช้เป็น คศ.)
+  year: new Date().getFullYear(), //*ปีในการยื่นขอใบลา(ใช้เป็น คศ.)
   type: "00000000-0000-0000-0000-000000000000", //*Id ประเภทการลา
   status: "ALL", //*สถานะการของลา
   page: 1, //*หน้า
@@ -29,9 +37,23 @@ const querySting = reactive<QuerySting>({
 const maxPage = ref<number>(1);
 
 //** เรียกข้อมูลจาก API*/
-function fecthLeaveList() {
+async function fecthLeaveList() {
+  // showLoader();
+  // await http
+  //   .post(config.API.leaveListDelete(), querySting)
+  //   .then((res) => {
+  //     console.log(res);
+
+  //     maxPage.value = Math.ceil(data.length / querySting.pageSize);
+  //   })
+  //   .catch((err) => {
+  //     messageError($q, err);
+  //   })
+  //   .finally(() => {
+  //     hideLoader();
+  //   });
   const data = APIDATA.data;
-  maxPage.value = Math.ceil(data.length / querySting.pageSize);
+
   fetchListLeaveReject(data); /** ส่งข้อมูลไป stores*/
 }
 
@@ -41,7 +63,7 @@ function fecthLeaveList() {
  * @param pageSize จำนวนต่อแถว
  * @param dateFilter ข้อมูลค้นหา
  */
-function updatePaging(
+async function updatePaging(
   newPage: number,
   pageSize: number,
   dateFilter: DateFilter
@@ -54,6 +76,7 @@ function updatePaging(
   querySting.keyword = dateFilter ? dateFilter.keyword : querySting.keyword;
 
   console.log(querySting);
+  await fecthLeaveList();
 }
 
 onMounted(async () => {