ui หน้าที่กรรมการ

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

@@ -13,6 +13,7 @@ import { useInvestigateFactStore } from "@/modules/11_discipline/store/Investiga
 import { useDisciplineMainStore } from "@/modules/11_discipline/store/main";
 
 import CalandarDialog from "@/modules/11_discipline/components/2_InvestigateFacts/CalandarDialog.vue";
+import DialogDuty from "@/modules/11_discipline/components/DialogDuty.vue";
 
 import type {
   FormData,
@@ -274,7 +275,7 @@ watch(props.data, async () => {
 
     mainStore.rowsAdd = props.data.persons;
     mainStore.rowsCheck = mainStore.rowsAdd.filter(
-      (item: any) => item.isSend === 'NEW'
+      (item: any) => item.isSend === "NEW"
     );
 
     const dataMap = props.data.directors.map((item: any) => ({
@@ -550,6 +551,32 @@ function emitPerson(data: FormData[]) {
     });
 }
 
+const modalEditDirector = ref<boolean>(false);
+function openEditDirector(id: string) {
+  modalEditDirector.value = true;
+}
+
+function closeEditDirector(id: string) {
+  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();
+  //   });
+}
+
 onMounted(async () => {
   mainStore.rowsAdd = [];
   getOc();
@@ -1121,6 +1148,25 @@ onMounted(async () => {
                             </div>
                           </q-td>
                           <q-td>
+                            <!-- แก้ไขกรรมการ -->
+                            <q-btn
+                              v-if="!isReadonly"
+                              dense
+                              size="12px"
+                              flat
+                              round
+                              color="blue"
+                              @click="openEditDirector(props.row.id)"
+                              icon="mdi-pencil-outline"
+                            >
+                              <q-tooltip>แก้ไข</q-tooltip>
+                            </q-btn>
+                            <DialogDuty
+                              :modal="modalEditDirector"
+                              :close-popup="closeEditDirector"
+                              @save="saveDuty(props.row.id)"
+                            />
+
                             <q-btn
                               v-if="!isReadonly"
                               dense