ปรับ ui

src/modules/11_discipline/components/4_Result/Table.vue

@@ -1,11 +1,13 @@
 <script setup lang="ts">
 import { ref, useAttrs, watch } from "vue";
+import { useDisciplineResultStore } from "@/modules/11_discipline/store/ResultStore";
 
+const store = useDisciplineResultStore();
 const table = ref<any>(null);
 const filterRef = ref<any>(null);
 const attrs = ref<any>(useAttrs());
 const paging = ref<boolean>(true);
-
+const statusFilter = ref<string>("ALL");
 /** รับ props มาจากหน้าหลัก */
 const props = defineProps({
   count: Number,
@@ -89,11 +91,28 @@ watch([() => currentPage.value, () => pagination.value.rowsPerPage], () => {
     filter.value
   );
 });
+
+function dataUpdate() {
+  console.log(statusFilter.value);
+}
 </script>
 
 <template>
   <div class="q-pb-sm row q-col-gutter-sm">
-    <div class="q-gutter-sm" v-if="nornmalData == true">
+    <div class="q-gutter-sm" v-if="nornmalData == true"></div>
+    <div class="col-2">
+      <q-select
+        v-model="statusFilter"
+        label="สถานะ"
+        dense
+        outlined
+        emit-value
+        map-options
+        option-label="name"
+        option-value="id"
+        :options="store.statusOptions"
+        @update:model-value="dataUpdate"
+      />
     </div>
     <q-space />
     <q-input
@@ -143,7 +162,6 @@ watch([() => currentPage.value, () => pagination.value.rowsPerPage], () => {
     :rows-per-page-options="[10, 25, 50, 100]"
     :pagination="pagination"
     @update:pagination="updateRowsPerPage"
-
   >
     <template v-slot:header="props">
       <q-tr :props="props">
@@ -184,7 +202,6 @@ watch([() => currentPage.value, () => pagination.value.rowsPerPage], () => {
         direction-links
       ></q-pagination>
     </template>
-    
   </d-table>
 </template>