ปรับ ui

src/modules/11_discipline/components/2_InvestigateFacts/MainPage.vue

@@ -24,7 +24,7 @@ const resetFilter = () => {
     filterRef.value.focus();
   }
 };
-
+const statusFilter = ref<string>('ALL')
 const currentPage = ref<number>(1);
 const maxPage = ref<number>(1);
 const page = ref<number>(1);
@@ -90,6 +90,10 @@ async function editPage(id: string) {
   router.push(`/discipline/investigatefacts/${id}`);
 }
 
+function dataUpdate(){
+console.log(statusFilter.value)
+}
+
 /**เมื่อเริ่มโหลดหน้า
  * ส่งข้อมูลจำลองไปยัง store
  */
@@ -103,6 +107,20 @@ onMounted(async () => {
   </div>
   <q-card flat bordered class="col-12 q-mt-sm q-pa-md">
     <div class="row col-12 q-col-gutter-sm q-mb-sm">
+      <div class="col-2">
+        <q-select
+          v-model="statusFilter"
+          label="สถานะ"
+          dense
+          outlined
+          emit-value
+          map-options
+          option-label="name"
+          option-value="id"
+          :options="dataInvestigate.statusOptions"
+          @update:model-value="dataUpdate"
+        />
+      </div>
       <q-space />
 
       <q-input