ข้อมูลบุคคล: APIระดับการศึกษา

src/modules/01_metadataNew/components/personal/07ListEducationLevel.vue

@@ -71,7 +71,7 @@ const columns = [
 ] as const satisfies QTableProps["columns"];
 
 const $q = useQuasar();
-
+const editId = ref<string>("");
 const filterKeyword = ref<string>("");
 const dialog = ref<boolean>(false);
 const educationLevel = ref<string>("");
@@ -139,6 +139,8 @@ onMounted(async () => {
         () => {
           dialogStatus = 'create';
           dialog = true;
+          educationLevel = '';
+          educationRank = undefined;
         }
       "
     >
@@ -211,6 +213,9 @@ onMounted(async () => {
                     () => {
                       dialogStatus = 'edit';
                       dialog = true;
+                      editId = props.row.id;
+                      educationLevel = props.row.name;
+                      educationRank = props.row.rank;
                     }
                   "
                 >
@@ -223,7 +228,12 @@ onMounted(async () => {
                 </q-item>
                 <q-item clickable>
                   <q-item-section
-                    @click="dialogRemove($q, async () => {})"
+                    @click="
+                      dialogRemove(
+                        $q,
+                        async () => await deleteData(props.row.id)
+                      )
+                    "
                     v-close-popup
                   >
                     <div class="row items-center white">
@@ -241,7 +251,7 @@ onMounted(async () => {
   </d-table>
 
   <DialogForm
-    v-model:educationRank:="educationRank"
+    v-model:educationRank="educationRank"
     v-model:dialog="dialog"
     v-model:data="educationLevel"
     v-model:personalName="personalName"

src/modules/01_metadataNew/components/personal/DialogForm.vue

@@ -17,7 +17,7 @@ const personalName = defineModel<string>("personalName");
 const dialogStatus = defineModel<string>("dialogStatus");
 const editId = defineModel<string>("editId");
 const dialog = defineModel<boolean>("dialog");
-const educationRank = defineModel<number>("rank");
+const educationRank = defineModel<number>("educationRank");
 const props = defineProps({
   fetchData: {
     type: Function,
@@ -52,6 +52,7 @@ async function onSubmit() {
           : props.editData(editId.value);
         closeDialog();
         data.value = "";
+        educationRank.value = undefined;
       },
       "ยืนยันการบันทึกข้อมูล",
       "ต้องการยืนยันการบันทึกข้อมูลนี้หรือไม่ ?"