แก้ไข filterYear

src/modules/05_leave/views/Main.vue

@@ -24,9 +24,28 @@
 										</q-input>
 									</template>
 								</datepicker>
-
+								<q-select
+									v-if="currentTab === 'list'"
+									outlined
+									dense
+									lazy-rules
+									v-model="LeaveData.fiscalYearyear"
+									:label="`${'ปี พ.ศ.'}`"
+									emit-value
+									map-options
+									option-label="name"
+									:options="LeaveData.fiscalyearOP"
+									option-value="id"
+									hide-bottom-space
+									style="min-width: 150px"
+									class="col-xs-12 col-sm-auto"
+									@update:model-value="searchFilterTable"
+									@filter="(inputValue:any,
+                    doneFn:Function) => filterSelector(inputValue, doneFn,'fiscalyearOP'
+                    ) "
+								/>
 								<!-- filter เลือกปี -->
-								<datepicker v-model="dateYear" :locale="'th'" autoApply year-picker :enableTimePicker="false" v-if="currentTab === 'list'">
+								<!-- <datepicker v-model="dateYear" :locale="'th'" autoApply year-picker :enableTimePicker="false" v-if="currentTab === 'list'">
 									<template #year="{ year }">{{ year + 543 }}</template>
 									<template #year-overlay-value="{ value }">{{ parseInt(value + 543) }}</template>
 									<template #trigger>
@@ -36,7 +55,7 @@
 											</template>
 										</q-input>
 									</template>
-								</datepicker>
+								</datepicker> -->
 								<div class="q-ml-sm">
 									<!-- icon เพิ่มวันหยุด -->
 									<q-btn round dense flat size="13px" class="q-px-sm" @click="addAbsence">
@@ -150,7 +169,10 @@ import subCalendarComponent from "@/modules/05_leave/componenst/Calendar.vue"
 import subListCalendarComponent from "@/modules/05_leave/componenst/ListCalendar.vue"
 import { useCounterMixin } from "@/stores/mixin"
 import type { DataDateMonthObject } from "@/modules/05_leave/interface/request/Calendar.ts"
+import { useLeaveStore } from "@/modules/05_leave/store"
 
+const LeaveData = useLeaveStore()
+const { filterSelector, searchFilterTable } = LeaveData
 const router = useRouter()
 const currentTab = ref<string>("calendar") //ระบุ tab ใช้งานอยู่ calendar=รายการ list=รายการ
 const dateMonth = ref<DataDateMonthObject>({