code for example form leave ลาป่วย ลาคลอดบุตร และลากิจส่วนตัว

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

@@ -13,10 +13,14 @@ const typeOption = reactive([
   { id: 4, name: "ลาไปช่วยเหลือภริยาที่คลอดบุตร" },
 ]);
 
+async function onSubmit() {
+
+}
+
 watch(
   () => type.value,
   () => {
-	// save store
+    // save store
     console.log("ประเภทการลา===>", type.value);
   }
 );
@@ -39,9 +43,9 @@ watch(
       </div>
 
       <q-card bordered>
-        <div class="col-12 row q-col-gutter-md q-pa-md">
-          <div class="col-xs-12 col-sm-12">
-            <form class="col-12">
+        <form>
+          <div class="col-12 row q-col-gutter-md q-pa-md">
+            <div class="col-xs-12 col-sm-12">
               <q-select
                 filled
                 v-model="type"
@@ -50,14 +54,27 @@ watch(
                 option-value="id"
                 option-label="name"
                 map-options
-				emit-value
+                emit-value
               />
 
               <SickForm v-if="type == 1 || type == 2 || type == 3" />
               <HelpWifeBirthForm v-if="type == 4" />
-            </form>
+            </div>
           </div>
-        </div>
+
+          <q-separator />
+          <div class="row col-12 q-pa-md">
+            <q-space />
+            <q-btn
+              id="submitForm"
+              unelevated
+              dense
+              class="q-px-md items-center btnBlue"
+              label="บันทึก"
+              @click="onSubmit"
+            />
+          </div>
+        </form>
       </q-card>
     </div>
   </div>