เพิ่มลงเวลากรณีพิเศษ (USER) #32

src/components/ToolBar.vue

@@ -1,16 +1,24 @@
 <script setup lang="ts">
 import { ref } from 'vue'
-// import type { DataOption } from '@/interface/index/Main'
+
 import Popup from '@/components/PopUp.vue'
 // import HeaderPopup from "@/components/HeaderPopup.vue";
 // import FormTime from "@/components/FormTime.vue";
 
+const props = defineProps({
+  fetchData: {
+    type: Function,
+    require: true,
+  },
+})
+const emit = defineEmits(['update:year'])
+
 const filterYear = ref<number>(new Date().getFullYear())
 // const yearOption = ref<DataOption[]>([{ id: '2566', name: '2566' }])
 const titleName = ref<string>('เพิ่มรายการลงเวลากรณีพิเศษ')
 
 function filterYearFn() {
-  console.log('test')
+  emit('update:year', filterYear.value)
 }
 
 const modalPopup = ref<boolean>(false)
@@ -57,16 +65,7 @@ function onClickClose() {
           </q-input>
         </template>
       </datepicker>
-      <!-- <q-select
-        dense
-        outlined
-        style="width: 180px"
-        label="ปีงบประมาณ"
-        v-model="filterYear"
-        :options="yearOption"
-        option-label="name"
-        option-value="id"
-      /> -->
+
       <q-space />
       <q-btn
         unelevated
@@ -80,7 +79,12 @@ function onClickClose() {
     </div>
   </div>
 
-  <Popup :modal="modalPopup" :title="titleName" :clickClose="onClickClose" />
+  <Popup
+    :modal="modalPopup"
+    :title="titleName"
+    :clickClose="onClickClose"
+    :fetcthDataTable="props.fetchData"
+  />
 </template>
 
 <style scoped></style>