ปรับวินัย

src/modules/11_discipline/components/3_InvestigateDisciplinary/Table.vue

@@ -9,7 +9,7 @@ const filterRef = ref<any>(null);
 const attrs = ref<any>(useAttrs());
 const paging = ref<boolean>(true);
 const currentPage = ref<number>(1);
-  const statusFilter = ref<string>('ALL')
+const statusFilter = ref<string>("ALL");
 
 /** รับ props มาจากหน้าหลัก */
 const props = defineProps({
@@ -29,6 +29,10 @@ const props = defineProps({
     type: Function,
     default: () => console.log("not function"),
   },
+  fetchListDisciplinary: {
+    type: Function,
+    default: () => console.log("not function"),
+  },
   nornmalData: {
     type: Boolean,
     defualt: true,
@@ -86,6 +90,7 @@ function resetFilter() {
   // reset ค่าที่ค้นหาเมื่อกดปุ่ม X ในกล่องค้นหา
   emit("update:inputfilter", "");
   filterRef.value.focus();
+  props.fetchListDisciplinary?.();
 }
 
 function updateProp(newPagination: any, page: number) {
@@ -108,28 +113,31 @@ watch(
   }
 );
 
-function dataUpdate(){
-console.log(statusFilter.value)
+function dataUpdate() {
+  console.log(statusFilter.value);
 }
 
+function filterFn() {
+  props.fetchListDisciplinary?.();
+}
 </script>
 
 <template>
   <div class="q-pb-sm row q-col-gutter-sm">
     <div class="col-2">
-        <q-select
-          v-model="statusFilter"
-          label="สถานะ"
-          dense
-          outlined
-          emit-value
-          map-options
-          option-label="name"
-          option-value="id"
-          :options="dataInvestigateDis.statusOptions"
-          @update:model-value="dataUpdate"
-        />
-      </div>
+      <q-select
+        v-model="statusFilter"
+        label="สถานะ"
+        dense
+        outlined
+        emit-value
+        map-options
+        option-label="name"
+        option-value="id"
+        :options="dataInvestigateDis.statusOptions"
+        @update:model-value="dataUpdate"
+      />
+    </div>
     <q-space />
     <!-- ค้นหาข้อความใน table -->
     <q-input
@@ -143,6 +151,7 @@ console.log(statusFilter.value)
       placeholder="ค้นหา"
       style="max-width: 200px"
       class="col-xs-12 col-sm-3 col-md-2"
+      @keydown.enter.prevent="filterFn"
     >
       <template v-slot:append>
         <q-icon v-if="inputfilter == ''" name="search" />