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

src/modules/11_discipline/components/3_InvestigateDisciplinary/Form.vue

@@ -35,6 +35,7 @@ import { useCounterMixin } from "@/stores/mixin";
 import { useComplainstDataStore } from "@/modules/11_discipline/store/ComplaintsStore";
 import { useInvestigateDisStore } from "@/modules/11_discipline/store/InvestigateDisStore";
 import { useDisciplineMainStore } from "@/modules/11_discipline/store/main";
+import DialogDuty from "@/modules/11_discipline/components/DialogDuty.vue";
 
 const calendarModal = ref<boolean>(false);
 const calendarModalclose = () => (calendarModal.value = !calendarModal.value);
@@ -345,6 +346,23 @@ function deletePerson(id: string) {
   mainStore.rowsAdd = updatedRows;
 }
 
+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();
+  //   });
+}
+
 /**
  * เช็คข้อมูลจาก props
  * เมื่อมีข้อมูล
@@ -525,6 +543,15 @@ function emitPerson(data: PersonsArray[]) {
     });
 }
 
+const modalEditDirector = ref<boolean>(false);
+function openEditDirector(id: string) {
+  modalEditDirector.value = true;
+}
+
+function closeEditDirector(id: string) {
+  modalEditDirector.value = false;
+}
+
 /** Hook */
 onMounted(async () => {
   mainStore.rowsAdd = [];
@@ -1285,6 +1312,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