ปรับ ui

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

@@ -1,12 +1,15 @@
 <script setup lang="ts">
 import { ref, useAttrs, watch } from "vue";
 import type { Pagination } from "@/modules/04_registry/interface/index/Main";
+import { useInvestigateDisStore } from "@/modules/11_discipline/store/InvestigateDisStore";
 
+const dataInvestigateDis = useInvestigateDisStore();
 const table = ref<any>(null);
 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')
 
 /** รับ props มาจากหน้าหลัก */
 const props = defineProps({
@@ -104,10 +107,29 @@ watch(
     updateProp(pagination.value.rowsPerPage, currentPage.value);
   }
 );
+
+function dataUpdate(){
+console.log(statusFilter.value)
+}
+
 </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-space />
     <!-- ค้นหาข้อความใน table -->
     <q-input