form สืบสวนความผิด

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

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { onMounted, reactive, ref } from "vue";
 import Form from "@/modules/11_discipline/components/1_Complaint/Form.vue";
+import Popup from "@/modules/11_discipline/components/1_Complaint/Popup.vue";
 import { useRouter, useRoute } from "vue-router";
 import { useQuasar } from "quasar";
 import type {
@@ -17,6 +18,8 @@ const router = useRouter();
 const route = useRoute();
 const id = ref<string>(route.params.id as string);
 
+const modalPopup = ref<boolean>(false);
+
 /** ข้อมูล v-model ของฟอร์ม */
 const personOj = reactive<ArrayPerson>({
   idcard: "",
@@ -126,12 +129,17 @@ async function onSubmit() {
 
 /** ยืนยัน มีมูลส่งไปสืบสวน */
 function sentInvestigate() {
-  dialogConfirm(
-    $q,
-    () => confirmSentInvestigate(),
-    "ยืนยันส่งไปสืบสวน",
-    "ต้องการยืนยันส่งไปสืบสวนใช่หรือไม่?"
-  );
+  modalPopup.value = true;
+  // dialogConfirm(
+  //   $q,
+  //   () => confirmSentInvestigate(),
+  //   "ยืนยันส่งไปสืบสวน",
+  //   "ต้องการยืนยันส่งไปสืบสวนใช่หรือไม่?"
+  // );
+}
+
+function closePopup() {
+  modalPopup.value = false;
 }
 
 /** ยืนยัน ยุติเรื่อง */
@@ -212,5 +220,7 @@ onMounted(() => {
     </div>
 
     <Form :on-submit="onSubmit" :data="data" />
+
+    <Popup :modal="modalPopup" :close="closePopup" />
   </div>
 </template>