เพิ่มแสดงหมายเหตุในหน้า ลงเวลา

src/components/TableHistory.vue

@@ -17,10 +17,10 @@ const props = defineProps({
     type: Boolean,
     defualt: false,
   },
-  selected: {
+  // selected: {
-    type: Array,
+  //   type: Array,
-    defualt: [],
+  //   defualt: [],
-  },
+  // },
   pageSize: {
     type: Number,
     defualt: 10,
@@ -281,6 +281,7 @@ const checkRequestEdit = (checkInStatus: string, checkOutStatus: string) => {
     v-model:selected="selected"
     :virtual-scroll-sticky-size-start="48"
     :style="$q.screen.gt.xs ? 'max-height: 64vh' : ''"
+    :rows-per-page-options="[10, 25, 50, 100]"
     :grid="$q.screen.gt.xs ? false : true"
     :pagination="initialPagination"
     @update:pagination="updatePagination"

src/components/ToolBar.vue

@@ -35,7 +35,7 @@ function onClickClose() {
       <datepicker
         menu-class-name="modalfix"
         v-model="filterYear"
-        class="col-2"
+        class="col-xs-5 col-sm-3 col-md-2"
         :locale="'th'"
         autoApply
         year-picker

src/views/HistoryView.vue

@@ -52,7 +52,9 @@ async function fetchlistHistory(loading = true) {
   await http
     .get(
       config.API.history() +
-        `?year=${year.value}&page=${page.value}&pageSize=${pageSize.value}&keyword=${filter.value}`
+        `?year=${year.value}&page=${page.value}&pageSize=${
+          pageSize.value
+        }&keyword=${filter.value ? filter.value : ''}`
     )
     .then(async (res) => {
       const data = res.data.result.data

src/views/HomeView.vue

@@ -489,6 +489,18 @@ onMounted(async () => {
                   </div>
                 </q-card>
 
+                <q-card bordered flat class="q-pa-sm">
+                  <div class="col-12">
+                    <q-input
+                      outlined
+                      v-model="remark"
+                      label="หมายเหตุ"
+                      lazy-rules
+                      dense
+                    />
+                  </div>
+                </q-card>
+
                 <div class="col-12 text-right">
                   <q-separator />
                   <div class="col-12 q-pa-md">