แก้ไขหน้าที่ประธานสืบสวน สอบสวน

src/modules/11_discipline/components/2_InvestigateFacts/Form.vue

@@ -280,6 +280,7 @@ watch(props.data, async () => {
 
     const dataMap = props.data.directors.map((item: any) => ({
       id: item.id,
+      directorId: item.directorId,
       name: `${item.prefix}${item.firstName} ${item.lastName}`,
       prefix: item.prefix,
       firstName: item.firstName,
@@ -287,6 +288,7 @@ watch(props.data, async () => {
       position: item.position,
       email: item.email,
       phone: item.phone,
+      duty: item.duty,
     }));
 
     rows.value = dataMap;
@@ -552,30 +554,34 @@ function emitPerson(data: FormData[]) {
 }
 
 const modalEditDirector = ref<boolean>(false);
-function openEditDirector(id: string) {
+const editDirectorId = ref<string>();
+const dutyVal = ref<string>();
+function openEditDirector(id: string, duty: string) {
+  editDirectorId.value = id;
   modalEditDirector.value = true;
+  dutyVal.value = duty;
 }
 
-function closeEditDirector(id: string) {
+function closeEditDirector() {
   modalEditDirector.value = false;
 }
 
-async function saveDuty(id: string) {
-  // showLoader();
-  // await http
-  //   .put(config.API.reportresult(idPath.value, type.value as string), body)
-  //   .then((res: any) => {
-  //     success($q, `${props.title}สำเร็จ`);
-  //     props.closeModal?.();
-  //   })
-  //   .catch((e) => {
-  //     messageError($q, e);
-  //   })
-  //   .finally(async () => {
-  //     props.getData?.();
-  //     hideLoader();
-  //   });
-}
+const saveDuty = async (id: string, duty: string) => {
+  showLoader();
+  await http
+    .put(config.API.investigateEditDuty(formData.id, id), { duty: duty })
+    .then((res: any) => {
+      success($q, "บันทึกสำเร็จ");
+      closeEditDirector();
+    })
+    .catch((e) => {
+      messageError($q, e);
+    })
+    .finally(async () => {
+      props.getData?.();
+      hideLoader();
+    });
+};
 
 onMounted(async () => {
   mainStore.rowsAdd = [];
@@ -1156,7 +1162,12 @@ onMounted(async () => {
                               flat
                               round
                               color="blue"
-                              @click="openEditDirector(props.row.id)"
+                              @click="
+                                openEditDirector(
+                                  props.row.directorId,
+                                  props.row.duty
+                                )
+                              "
                               icon="mdi-pencil-outline"
                             >
                               <q-tooltip>แก้ไข</q-tooltip>
@@ -1164,7 +1175,9 @@ onMounted(async () => {
                             <DialogDuty
                               :modal="modalEditDirector"
                               :close-popup="closeEditDirector"
-                              @save="saveDuty(props.row.id)"
+                              :id="editDirectorId"
+                              :duty="dutyVal"
+                              :save="saveDuty"
                             />
 
                             <q-btn