ปรับเเก้

src/modules/05_placement/components/PersonalDetail/Qualification.vue

@@ -77,29 +77,30 @@ const onCancel = async () => {
 };
 </script>
 <template>
-  <div class="row col-12 q-px-lg q-pt-lg q-pb-sm no-border">
-    <HeaderTop
-      v-model:edit="edit"
-      header="การคัดกรองคุณสมบัติ"
-      icon="mdi-account-search"
-      :save="saveData"
-      :history="false"
-      :changeBtn="changeBtn"
-      :disable="statusEdit"
-      :cancel="onCancel"
-    />
-  </div>
-  <div class="row q-px-lg">
-    <div v-for="item of props.data" :key="item.name" class="col-12 q-pt-sm">
-      <q-checkbox
-        size="xs"
-        v-model="item.value"
-        :label="item.name"
-        keep-color
-        color="gray-5"
-        :disable="!statusEdit"
+  <q-form ref="myform" greedy @submit.prevent @validation-success="saveData">
+    <div class="row col-12 q-px-lg q-pt-lg q-pb-sm no-border">
+      <HeaderTop
+        v-model:edit="edit"
+        header="การคัดกรองคุณสมบัติ"
+        icon="mdi-account-search"
+        :history="false"
+        :changeBtn="changeBtn"
+        :disable="statusEdit"
+        :cancel="onCancel"
       />
-      <q-separator />
     </div>
-  </div>
+    <div class="row q-px-lg">
+      <div v-for="item of props.data" :key="item.name" class="col-12 q-pt-sm">
+        <q-checkbox
+          size="xs"
+          v-model="item.value"
+          :label="item.name"
+          keep-color
+          color="gray-5"
+          :disable="!statusEdit"
+        />
+        <q-separator />
+      </div>
+    </div>
+  </q-form>
 </template>