วินัยเพิ่มผู้ถูกร้องเรียน

src/modules/11_discipline/components/1_Complaint/Form.vue

@@ -7,13 +7,16 @@ import type { QTableProps } from "quasar";
 import type { DataOption } from "@/modules/11_discipline/interface/index/Main";
 import type {
   FormData,
-  MyObjectComplaintsRef,DataAddRequest
+  MyObjectComplaintsRef,
+  DataAddRequest,
 } from "@/modules/11_discipline/interface/request/complaint";
 
 /** importStroe*/
 import { useCounterMixin } from "@/stores/mixin";
 import { useComplainstDataStore } from "@/modules/11_discipline/store/ComplaintsStore";
 
+import DialogAddPersonal from "@/components/Dialogs/AddPersonal.vue";
+
 const $q = useQuasar();
 const router = useRouter();
 const fileDocDataUpload = ref<File[]>([]);
@@ -290,8 +293,9 @@ function onSubmit() {
 }
 
 /**ชั่งฟังเพิ่มข้อมูล ลง ตาราง */
-async function addDatainTable() {
-  console.log("test");
+const modal = ref<boolean>(false);
+const toggleModal = () => (modal.value = !modal.value);
+async function addPerson() {
   const listData: DataAddRequest[] = [
     {
       id: "001",
@@ -328,6 +332,7 @@ async function addDatainTable() {
     },
   ];
   await complainstStore.fetchComplainstAdd(listData);
+  toggleModal()
 }
 
 /**
@@ -450,10 +455,16 @@ onMounted(() => {
             <div class="full-width" v-if="formData.complainantType === '0'">
               <div class="row col-12 q-mb-xs">
                 <q-space />
-                <q-btn color="blue" outline @click="addDatainTable">
+                <q-btn color="blue" outline @click="toggleModal">
                   <q-icon left name="add" />
                   <div>เพิ่ม</div>
                 </q-btn>
+                <DialogAddPersonal
+                  :modal="modal"
+                  btn-title="เพิ่มรายชื่อผู้ถูกสอบสวน"
+                  :close="toggleModal"
+                  :save="addPerson"
+                />
               </div>
               <div class="col-12">
                 <d-table