From 51e50ad321f5c6b51f7814a545e71e38b5a3d7b9 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Tue, 29 Apr 2025 14:39:18 +0700
Subject: [PATCH] =?UTF-8?q?fix=20=E0=B8=88=E0=B8=B3=E0=B8=99=E0=B8=A7?=
 =?UTF-8?q?=E0=B8=99=E0=B8=AA=E0=B8=B4=E0=B8=97=E0=B8=98=E0=B8=B4=E0=B9=8C?=
 =?UTF-8?q?=E0=B9=81=E0=B8=A5=E0=B8=B0=E0=B8=A7=E0=B8=B1=E0=B8=99=E0=B8=A5?=
 =?UTF-8?q?=E0=B8=B2=E0=B8=97=E0=B8=B5=E0=B9=88=E0=B9=83=E0=B8=8A=E0=B9=89?=
 =?UTF-8?q?=E0=B9=84=E0=B8=9B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/07_LeaveHistory/DialogForm.vue  | 18 ++++++------------
 .../09_leave/stores/LeaveHistoryStore.ts       | 12 ++++++++++++
 .../09_leave/views/07_LeaveHistoryMain.vue     |  3 ++-
 3 files changed, 20 insertions(+), 13 deletions(-)

diff --git a/src/modules/09_leave/components/07_LeaveHistory/DialogForm.vue b/src/modules/09_leave/components/07_LeaveHistory/DialogForm.vue
index 14222235b..a9035a70a 100644
--- a/src/modules/09_leave/components/07_LeaveHistory/DialogForm.vue
+++ b/src/modules/09_leave/components/07_LeaveHistory/DialogForm.vue
@@ -23,6 +23,7 @@ import DialogHeader from "@/components/DialogHeader.vue";
 /** useStore*/
 const $q = useQuasar();
 const { leaveTypeData } = storeToRefs(useLeaveHistoryDataStore());
+const { findYear } = useLeaveHistoryDataStore();
 const { dialogConfirm, showLoader, success, messageError, hideLoader } =
   useCounterMixin();
 const modal = defineModel<boolean>("modal", { required: true });
@@ -77,7 +78,7 @@ const profileId = ref<string>("");
 const rowId = ref<string>("");
 const formData = reactive({
   leaveTypeId: "", //ประเภทการลา
-  leaveYear: new Date().getFullYear(), //ปี
+  leaveYear: findYear(new Date()), //ปี
   leaveDays: "", //วันลาที่ยกมา
   leaveDaysUsed: "", //วันลาที่ใช้ไป
 });
@@ -148,12 +149,13 @@ async function fetchDataPerson() {
 async function defineDataLeaveBeginning(data: DataLeaveBeginning) {
   profileId.value = data.profileId;
   rowId.value = data.id;
+  filterCodeLeaveTypeData(data.leaveTypeId);
   formData.leaveTypeId = data.leaveTypeId;
   formData.leaveYear = data.leaveYear;
-  formData.leaveDays = data.leaveDays ? data.leaveDays.toString() : "";
+  formData.leaveDays = data.leaveDays ? data.leaveDays.toString() : "0";
   formData.leaveDaysUsed = data.leaveDaysUsed
     ? data.leaveDaysUsed.toString()
-    : "";
+    : "0";
 }
 
 /**
@@ -388,12 +390,6 @@ watch(modal, async (val) => {
 
             <!-- input -->
             <div class="q-pa-md col">
-              <!-- <q-card bordered style="border: 1px solid #d6dee1">
-                <div class="text-weight-medium bg-grey-1 q-py-sm q-px-md" >
-                  ข้อมูลวันลาย้อนหลัง
-                </div>
-                <div class="col-12"><q-separator /></div> -->
-
               <div class="row q-col-gutter-sm">
                 <div class="col-12">
                   <datepicker
@@ -417,6 +413,7 @@ watch(modal, async (val) => {
                         outlined
                         :model-value="Number(formData.leaveYear) + 543"
                         bg-color="white"
+                        label="ปีงบประมาณ"
                       >
                         <template v-slot:prepend>
                           <q-icon
@@ -430,7 +427,6 @@ watch(modal, async (val) => {
                     </template>
                   </datepicker>
                 </div>
-
                 <div class="col-12">
                   <q-select
                     :class="classInput(true)"
@@ -462,7 +458,6 @@ watch(modal, async (val) => {
                     </template>
                   </q-select>
                 </div>
-
                 <div class="col-12">
                   <q-input
                     :class="classInput(leaveTypeCode == 'LV-005')"
@@ -487,7 +482,6 @@ watch(modal, async (val) => {
                   />
                 </div>
               </div>
-              <!-- </q-card> -->
             </div>
           </div>
         </q-card-section>
diff --git a/src/modules/09_leave/stores/LeaveHistoryStore.ts b/src/modules/09_leave/stores/LeaveHistoryStore.ts
index bafe489a7..ddd8e3caa 100644
--- a/src/modules/09_leave/stores/LeaveHistoryStore.ts
+++ b/src/modules/09_leave/stores/LeaveHistoryStore.ts
@@ -10,7 +10,19 @@ export const useLeaveHistoryDataStore = defineStore("leaveHistory", () => {
       name: "ทั้งหมด",
     },
   ]);
+
+  /**
+   *
+   * @param date
+   * @returns
+   */
+  function findYear(date: Date) {
+    const month = date.getMonth() + 1;
+    return month >= 10 ? date.getFullYear() + 1 : date.getFullYear();
+  }
+
   return {
     leaveTypeData,
+    findYear,
   };
 });
diff --git a/src/modules/09_leave/views/07_LeaveHistoryMain.vue b/src/modules/09_leave/views/07_LeaveHistoryMain.vue
index 5e946b04c..3a7257a9c 100644
--- a/src/modules/09_leave/views/07_LeaveHistoryMain.vue
+++ b/src/modules/09_leave/views/07_LeaveHistoryMain.vue
@@ -20,11 +20,12 @@ import DialogForm from "@/modules/09_leave/components/07_LeaveHistory/DialogForm
 
 const $q = useQuasar();
 const { leaveTypeData } = storeToRefs(useLeaveHistoryDataStore());
+const { findYear } = useLeaveHistoryDataStore();
 const { showLoader, hideLoader, messageError, dialogRemove, success } =
   useCounterMixin();
 
 const formFilter = reactive({
-  year: new Date().getFullYear(),
+  year: findYear(new Date()),
   type: "00000000-0000-0000-0000-000000000000",
   page: 1,
   pageSize: 10,