แก้วินัย

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

@@ -3,12 +3,15 @@ import { onMounted, reactive, ref } from "vue";
 import Form from "@/modules/11_discipline/components/3_InvestigateDisciplinary/Form.vue";
 import type { FormData } from "@/modules/11_discipline/interface/request/disciplinary";
 import { useRouter, useRoute } from "vue-router";
-
+import { useCounterMixin } from "@/stores/mixin";
+import { useQuasar } from "quasar";
+const $q = useQuasar();
+const mixin = useCounterMixin();
+const { dialogConfirm } = mixin;
 const router = useRouter();
 const route = useRoute();
 const id = ref<string>(route.params.id as string);
 
-
 /** ข้อมูล v-model ของฟอร์ม */
 const data = reactive<FormData>({
   complaint: "",
@@ -34,36 +37,51 @@ const data = reactive<FormData>({
 
 /** จำลองข้อมูลจาก api */
 const fetchData = async () => {
-  data.complaint = "test1"
-  data.dateInvestigate = new Date("2023-11-08T14:58:00")
-  data.dateAllegation = new Date("2023-11-08T14:58:00")
-  data.dateEvident = new Date("2023-11-08T14:58:00")
-  data.casefault = "test1"
-  data.typefault = "2"
-  data.faultLevel = "2"
-  data.refLaw = "test"
-  data.detailComplaint = "รายละเอียด"
-  data.whereInvestigate = "ที่ไหน"
-  data.trueDetail = "รายละเอียด"
-  data.evidence = "รายละเอียด"
-  data.recordAccuser = "รายละเอียด"
-  data.witnesses = "รายละเอียด"
-  data.InvestResults = "รายละเอียด"
-  data.filesEvidence = null
-  data.filesRecordAccuser = null
-  data.filesWitnesses = null
-  data.filesEtc = null
+  data.complaint = "test1";
+  data.dateInvestigate = new Date("2023-11-08T14:58:00");
+  data.dateAllegation = new Date("2023-11-08T14:58:00");
+  data.dateEvident = new Date("2023-11-08T14:58:00");
+  data.casefault = "test1";
+  data.typefault = "2";
+  data.faultLevel = "2";
+  data.refLaw = "test";
+  data.detailComplaint = "รายละเอียด";
+  data.whereInvestigate = "ที่ไหน";
+  data.trueDetail = "รายละเอียด";
+  data.evidence = "รายละเอียด";
+  data.recordAccuser = "รายละเอียด";
+  data.witnesses = "รายละเอียด";
+  data.InvestResults = "รายละเอียด";
+  data.filesEvidence = null;
+  data.filesRecordAccuser = null;
+  data.filesWitnesses = null;
+  data.filesEtc = null;
 };
 
 /**
  * บันทึกข้อมูลที่เเก้ไข
  * @param id ระบุ บุคคล
  */
-const onSubmit = async (id:string) => {
+const onSubmit = async (id: string) => {
   console.log("edit");
   router.push(`/discipline/disciplinary`);
 };
 
+/** ยืนยัน ส่งไปออกคำสั่ง */
+function sentIssue() {
+  dialogConfirm(
+    $q,
+    () => confirmSentIssue(),
+    "ยืนยันส่งไปออกคำสั่ง",
+    "ต้องการยืนยันส่งไปออกคำสั่งใช่หรือไม่?"
+  );
+}
+
+/** ฟังชั่น ส่งไปออกคำสั่ง*/
+function confirmSentIssue() {
+  console.log("sent");
+}
+
 /** โหลดข้อมูลเมื่อเข้าหน้านี้ */
 onMounted(() => {
   fetchData();
@@ -82,7 +100,11 @@ onMounted(() => {
         class="q-mr-sm"
         @click="$router.push(`/discipline/disciplinary`)"
       />
-      แก้ไขการสอบสวนความผิดทางวินัย {{ id }}#id
+      <div class="q-ma-none">แก้ไขการสอบสวนความผิดทางวินัย {{ id }}#id</div>
+      <q-space />
+      <div class="q-gutter-x-sm">
+        <q-btn label="ส่งไปออกคำสั่ง" color="public" @click="sentIssue" />
+      </div>
     </div>
     <Form :on-submit="onSubmit" :data="data" />
   </div>