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

src/components/TableHistory.vue

@@ -17,10 +17,10 @@ const props = defineProps({
     type: Boolean,
     defualt: false,
   },
-  selected: {
-    type: Array,
-    defualt: [],
-  },
+  // selected: {
+  //   type: Array,
+  //   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