hide bottom space rule

src/modules/01_exam/components/Form/Career.vue

@@ -64,7 +64,6 @@
             <div class="col-xs-6 col-sm-6 col-md-6">
               <q-input
                 :class="getClass(edit)"
-                hide-bottom-space
                 :outlined="edit"
                 dense
                 lazy-rules
@@ -79,7 +78,6 @@
             <div class="col-xs-6 col-sm-6 col-md-6">
               <q-input
                 :class="getClass(edit)"
-                hide-bottom-space
                 :outlined="edit"
                 dense
                 lazy-rules
@@ -94,7 +92,6 @@
             <div class="col-xs-6 col-sm-6 col-md-6">
               <q-input
                 :class="getClass(edit)"
-                hide-bottom-space
                 :outlined="edit"
                 dense
                 lazy-rules
@@ -127,7 +124,6 @@
                   <q-input
                     :class="getClass(edit)"
                     class="datepicker"
-                    hide-bottom-space
                     :outlined="edit"
                     dense
                     lazy-rules
@@ -145,7 +141,6 @@
             <div class="col-xs-12 col-sm-12 col-md-12">
               <q-input
                 :class="getClass(edit)"
-                hide-bottom-space
                 :outlined="edit"
                 dense
                 lazy-rules
@@ -177,11 +172,11 @@
       </q-form>
     </q-card>
   </q-dialog>
-  <q-dialog :model-value="modalConsend" persistent>
+  <!-- <q-dialog :model-value="modalConsend" persistent>
     <q-card style="min-width: 800px">
       <Conference :ok="consendOk" :close="consenClose" />
     </q-card>
-  </q-dialog>
+  </q-dialog> -->
 </template>
 <script setup lang="ts">
 import { onMounted, ref, watch } from 'vue'
@@ -230,7 +225,7 @@ const salary = ref<number | null>()
 const duration = ref<[Date, Date]>([new Date(), new Date()])
 const reason = ref<string>()
 const myForm = ref<any>() //form data input
-const edit = ref<boolean>(false) //เช็คการกดปุ่มแก้ไขใน dialog
+const edit = ref<boolean>(true) //เช็คการกดปุ่มแก้ไขใน dialog
 const modal = ref<boolean>(false) //modal add detail
 const modalEdit = ref<boolean>(false) //modal ที่แสดงใช้สำหรับแก้ไขหรือไม่
 const rawItem = ref<RequestItemsObject>() //ข้อมูลเดิมที่เลือกใน row นั้น
@@ -240,7 +235,7 @@ const next = ref<boolean>() //แสดงปุ่มดูข้อมูล
 const editRow = ref<boolean>(false) //เช็คมีการแก้ไขข้อมูล
 const statusCode = ref<number>()
 const checkValidate = ref<boolean>(false) //validate data ผ่านหรือไม่
-const modalConsend = ref<boolean>(false)
+// const modalConsend = ref<boolean>(false)
 const candidateId = ref<string>('2223ba53-2fb2-470b-8dc1-27e5471b0331')
 const rows = ref<RequestItemsObject[]>([])
 const filter = ref<string>('') //search data table
@@ -387,7 +382,7 @@ const checkRowPage = () => {
  * กดปุ่มแก้ไขใน dialog
  */
 const clickEdit = () => {
-  edit.value = true
+  //   edit.value = true
   next.value = false
   previous.value = false
 }
@@ -424,11 +419,11 @@ const clickDeleteRow = async () => {
       .finally(async () => {
         loader.value = false
         await fetchData()
-        edit.value = false
+        // edit.value = false
       })
   } else {
     await fetchData()
-    edit.value = false
+    // edit.value = false
   }
 }
 
@@ -438,15 +433,15 @@ const clickDeleteRow = async () => {
 const clickSave = async () => {
   myForm.value.validate().then(async (result: boolean) => {
     if (result) {
-      if (store.consend == true) {
-        if (modalEdit.value) {
-          await editData()
-        } else {
-          await saveData()
-        }
+      //   if (store.consend == true) {
+      if (modalEdit.value) {
+        await editData()
       } else {
-        modalConsend.value = true
+        await saveData()
       }
+      //   } else {
+      //     modalConsend.value = true
+      //   }
     }
   })
 }
@@ -476,7 +471,7 @@ const saveData = async () => {
     })
     .finally(async () => {
       loader.value = false
-      edit.value = false
+      //   edit.value = false
       modal.value = false
       await fetchData()
     })
@@ -507,7 +502,7 @@ const editData = async () => {
     })
     .finally(async () => {
       loader.value = false
-      edit.value = false
+      //   edit.value = false
       modal.value = false
       await fetchData()
     })
@@ -548,12 +543,12 @@ const selectData = (props: DataProps) => {
   duration.value = props.row.duration
   reason.value = props.row.reason
   id.value = props.row.id
-  if (edit.value == true) {
-    next.value = false
-    previous.value = false
-  } else {
-    checkRowPage()
-  }
+  //   if (edit.value == true) {
+  next.value = false
+  previous.value = false
+  //   } else {
+  //     checkRowPage()
+  //   }
 }
 
 /**
@@ -569,21 +564,21 @@ const addRow = () => {
   reason.value = ''
 }
 
-const consenClose = () => {
-  modalConsend.value = false
-}
+// const consenClose = () => {
+//   modalConsend.value = false
+// }
 
-const consendOk = () => {
-  modalConsend.value = false
-  store.consend = true
-  clickSave()
-}
+// const consendOk = () => {
+//   modalConsend.value = false
+//   store.consend = true
+//   clickSave()
+// }
 
 /**
  * ฟังก์ชันปุ่มยกเลิกการแก้ไขข้อมูล
  */
 const clickCancel = async () => {
-  edit.value = false
+  //   edit.value = false
 }
 
 /**