เพิ่ม scroll-area

src/modules/05_leave/components/Calendar.vue

@@ -267,27 +267,29 @@ onMounted(async () => {
 <template>
   <div class="row">
     <div class="col-xs-12 col-md-3 q-mt-sm q-pr-sm row">
-      <q-card class="col-12" flat bordered>
-        <div class="q-gutter-sm col-12">
-          <q-list class="rounded-borders q-pt-sm" dense>
-            <q-item
-              v-for="(item, i) in filterLists"
-              :key="i"
-              tag="label"
-              v-ripple
-            >
-              <q-checkbox
-                size="sm"
-                v-model="filterVal"
-                :val="item.id"
-                :color="item.color"
-              />
-              <q-item-section>
-                <q-item-label>{{ item.name }}</q-item-label>
-              </q-item-section>
-            </q-item>
-          </q-list>
-        </div>
+      <q-card class="col-12" flat bordered >
+        <q-scroll-area style="height: 38vw">
+          <div class="q-gutter-sm col-12">
+            <q-list class="rounded-borders q-pt-sm" dense>
+              <q-item
+                v-for="(item, i) in filterLists"
+                :key="i"
+                tag="label"
+                v-ripple
+              >
+                <q-checkbox
+                  size="sm"
+                  v-model="filterVal"
+                  :val="item.id"
+                  :color="item.color"
+                />
+                <q-item-section>
+                  <q-item-label>{{ item.name }}</q-item-label>
+                </q-item-section>
+              </q-item>
+            </q-list>
+          </div>
+        </q-scroll-area>
       </q-card>
     </div>
 

src/modules/05_leave/views/Main.vue

@@ -175,7 +175,7 @@ function onClickOpenStat() {
 
 /** function redirectTo  ยื่นใบลา*/
 async function addAbsence() {
-  await leaveStore.resetForm2();
+  leaveStore.resetForm2();
   router.push(`/leave/add`);
 }