fix bug

src/modules/14_KPI/views/round.vue

@@ -137,7 +137,6 @@ const formQuery = reactive<FormQueryRound>({
   keyword: "",
 });
 const totalList = ref<number>(1);
-const year = ref<number | null>(null);
 const formData = reactive<FormRound>({
   durationKPI: "",
   year: null,
@@ -154,7 +153,7 @@ function fetchList() {
   http
     .get(
       config.API.kpiPeriod +
-        `?page=${formQuery.page}&pageSize=${formQuery.pageSize}&keyword=${formQuery.keyword}&year=${year.value}`
+        `?page=${formQuery.page}&pageSize=${formQuery.pageSize}&keyword=${formQuery.keyword}&year=${formQuery.year}`
     )
     .then((res) => {
       const data: ResRound[] = res.data.result.data;
@@ -366,7 +365,8 @@ onMounted(() => {
     <q-toolbar style="padding: 0px">
       <div class="row q-gutter-sm">
         <datepicker
-          v-model="year"
+          menu-class-name="modalfix"
+          v-model="formQuery.year"
           :locale="'th'"
           autoApply
           year-picker
@@ -381,7 +381,9 @@ onMounted(() => {
             <q-input
               dense
               outlined
-              :model-value="year === 0 ? 'ทั้งหมด' : Number(year) + 543"
+              :model-value="
+                formQuery.year === 0 ? 'ทั้งหมด' : Number(formQuery.year) + 543
+              "
               :label="`${'ปีงบประมาณ'}`"
             >
               <template v-slot:prepend>
@@ -392,11 +394,11 @@ onMounted(() => {
                 >
                 </q-icon>
               </template>
-              <template v-if="year" v-slot:append>
+              <template v-if="formQuery.year" v-slot:append>
                 <q-icon
                   name="cancel"
                   @click.stop.prevent="
-                    (year = 0), (formQuery.page = 1), fetchList()
+                    (formQuery.year = 0), (formQuery.page = 1), fetchList()
                   "
                   class="cursor-pointer"
                 />