แก้วินัย

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

@@ -2,11 +2,16 @@
 import { onMounted, reactive, ref } from "vue";
 import Form from "@/modules/11_discipline/components/1_Complaint/Form.vue";
 import { useRouter, useRoute } from "vue-router";
+import { useQuasar } from "quasar";
 import type {
   FormData,
   ArrayPerson,
 } from "@/modules/11_discipline/interface/request/complaint";
+import { useCounterMixin } from "@/stores/mixin";
 
+const $q = useQuasar();
+const mixin = useCounterMixin()
+const { dialogConfirm } = mixin
 const router = useRouter();
 const route = useRoute();
 const id = ref<string>(route.params.id as string);
@@ -75,6 +80,35 @@ async function onSubmit() {
   router.push(`/discipline/complaints`);
 }
 
+/** ยืนยัน มีมูลส่งไปสืบสวน */
+function sentInvestigate(){
+  dialogConfirm($q,()=> confirmSentInvestigate(),'ยืนยันส่งไปสืบสวน','ต้องการยืนยันส่งไปสืบสวนใช่หรือไม่?')
+}
+
+/** ยืนยัน ยุติเรื่อง */
+function endInvestigate(){
+  dialogConfirm($q,()=> confirmEndInvestigate(),'ยืนยันยุติเรื่อง','ต้องการยืนยันยุติเรื่องใช่หรือไม่?')
+}
+
+/** ยืนยัน ยกเลิกการยุติเรื่อง */
+function cancelInvestigate(){
+  dialogConfirm($q,()=> confirmCancelInvestigate(),'ยืนยันยกเลิกการยุติเรื่อง','ต้องการยืนยันยกเลิกการยุติเรื่องใช่หรือไม่?')
+}
+
+/** ฟังชั่น มีมูลส่งไปสืบสวน*/
+function confirmSentInvestigate(){
+  console.log('sent')
+}
+
+/** ฟังชั่น ยุติเรื่อง*/
+function confirmEndInvestigate(){
+  console.log('sent')
+}
+
+/** ฟังชั่น ยกเลิกการยุติเรื่อง*/
+function confirmCancelInvestigate(){
+  console.log('sent')
+}
 /** เรียกใช้งาน ฟังชั่น ตอนเริ่มโหลดหน้า */
 onMounted(() => {
   console.log(data);
@@ -101,16 +135,19 @@ onMounted(() => {
           v-if="data.complaintStatus === 'NEW'"
           label="มีมูลส่งไปสืบสวน"
           color="public"
+          @click="sentInvestigate"
         />
         <q-btn
           v-if="data.complaintStatus === 'NEW'"
           label="ยุติเรื่อง"
           color="red-7"
+          @click="endInvestigate"
         />
         <q-btn
           v-if="data.complaintStatus === 'STOP'"
           label="ยกเลิกการยุติเรื่อง"
           color="red-7"
+          @click="cancelInvestigate"
         />
       </div>
     </div>