แก้วินัย

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>

src/modules/11_discipline/components/2_InvestigateFacts/EditPage.vue

@@ -3,7 +3,12 @@ import { onMounted, reactive, ref } from "vue";
 import Form from "@/modules/11_discipline/components/2_InvestigateFacts/Form.vue";
 import type { FormData } from "@/modules/11_discipline/interface/request/investigate";
 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);
@@ -45,7 +50,6 @@ const fetchData = async () => {
   data.daysExtend = null;
   data.statusResult = "ไม่ระบุ";
   data.causeText = "";
-  data.complaintStatus = "NEW";
 };
 
 /**
@@ -58,6 +62,16 @@ async function onSubmit(id:string){
   router.push(`/discipline/investigatefacts`);
 };
 
+/** ยืนยัน ส่งไปสอบสวน */
+function sentInvestigate(){
+  dialogConfirm($q,()=> confirmSentInvestigate(),'ยืนยันส่งไปสอบสวน','ต้องการยืนยันส่งไปสอบสวนใช่หรือไม่?')
+}
+
+/** ฟังชั่น ส่งไปสอบสวน*/
+function confirmSentInvestigate(){
+  console.log('sent')
+}
+
 /** โหลดข้อมูลเมื่อเข้าหน้านี้ */
 onMounted(() => {
   fetchData();
@@ -81,19 +95,9 @@ onMounted(() => {
       <q-space />
       <div class="q-gutter-x-sm">
         <q-btn
-          v-if="data.complaintStatus === 'NEW'"
+          label="ส่งไปสอบสวน"
-          label="มีมูลส่งไปออกคำสั่ง"
           color="public"
-        />
+          @click="sentInvestigate"
-        <q-btn
-          v-if="data.complaintStatus === 'NEW'"
-          label="ยุติเรื่อง"
-          color="red-7"
-        />
-        <q-btn
-          v-if="data.complaintStatus === 'STOP'"
-          label="ยกเลิกการยุติเรื่อง"
-          color="red-7"
         />
       </div>
     </div>

src/modules/11_discipline/components/2_InvestigateFacts/Form.vue

@@ -65,7 +65,7 @@ const formData = reactive<FormData>({
   daysExtend: null,
   statusResult: "ยังไม่ระบุ",
   causeText: "",
-  complaintStatus:''
+  complaintStatus: "",
 });
 
 /** maping ref เข้าตัวแปรเพื่อเตรียมตรวจสอบ */
@@ -158,9 +158,9 @@ watch(props.data, async () => {
 });
 </script>
 <template>
-  <q-card flat bordered class="col-12 q-mt-sm">
+  <q-card flat bordered class="q-mt-sm">
     <form @submit.prevent="validateForm">
-      <div class="q-pa-md">
+      <div class="q-pa-md q-col-gutter-md">
         <div class="col-xs-12 row items-center q-col-gutter-md">
           <div class="col-6">
             <q-select
@@ -174,6 +174,7 @@ watch(props.data, async () => {
               label="เรื่องร้องเรียน"
               emit-value
               map-options
+              hide-bottom-space
               option-label="name"
               option-value="id"
               use-input
@@ -201,6 +202,7 @@ watch(props.data, async () => {
               :options="investigateFactStore.faultOp"
               label="ลักษณะความผิด"
               emit-value
+              hide-bottom-space
               map-options
               option-label="name"
               option-value="id"
@@ -222,6 +224,7 @@ watch(props.data, async () => {
             <q-select
               for="#investigation"
               outlined
+              hide-bottom-space
               dense
               ref="investigationRef"
               :rules="[(val) => !!val || `${'กรุณาเลือกลักษณะการสืบสวน'}`]"
@@ -245,6 +248,7 @@ watch(props.data, async () => {
               </template>
             </q-select>
           </div>
+        </div>
 
         <div v-if="formData.investigation === '003'" class="col-12">
           <q-input
@@ -267,12 +271,8 @@ watch(props.data, async () => {
           />
         </div>
 
-          <div class="row col-12">
+        <div class="row">
-            <q-card
+          <q-card bordered class="col-12" style="border: 1px solid #d6dee1">
-              bordered
-              class="row col-12"
-              style="border: 1px solid #d6dee1"
-            >
             <div
               class="col-xs-12 col-sm-12 text-weight-medium bg-grey-1 q-py-sm q-px-md"
             >
@@ -289,13 +289,12 @@ watch(props.data, async () => {
                 keep-color
               />
             </div>
-
             <div class="col-12"><q-separator /></div>
-
+            <div class="q-pa-sm">
-              <div class="col-xs-12 col-sm-12 q-pa-sm row">
               <div class="q-col-gutter-sm row">
+                <div class="col-3" v-if="!formData.clickTime">
+
                   <datepicker
-                    v-if="!formData.clickTime"
                     menu-class-name="modalfix"
                     :readonly="isUpdate"
                     v-model="formData.date"
@@ -339,9 +338,10 @@ watch(props.data, async () => {
                       </q-input>
                     </template>
                   </datepicker>
+                </div>
 
+                <div class="col-3" v-if="formData.clickTime">
                   <q-select
-                    v-if="formData.clickTime"
                     for="#daysExtend"
                     outlined
                     dense
@@ -371,7 +371,9 @@ watch(props.data, async () => {
                       </q-item>
                     </template>
                   </q-select>
+                </div>
                 
+                <div class="col-3">
                   <datepicker
                     menu-class-name="modalfix"
                     v-model="formData.dateEnd"
@@ -418,6 +420,7 @@ watch(props.data, async () => {
                   </datepicker>
                 </div>
               </div>
+            </div>
           </q-card>
         </div>
 
@@ -549,7 +552,7 @@ watch(props.data, async () => {
           </div>
         </div>
       </div>
-      </div>
+
       <q-separator />
       <div class="row col-12 q-pa-sm">
         <q-space />

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.complaint = "test1";
-  data.dateInvestigate = new Date("2023-11-08T14:58:00")
+  data.dateInvestigate = new Date("2023-11-08T14:58:00");
-  data.dateAllegation = 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.dateEvident = new Date("2023-11-08T14:58:00");
-  data.casefault = "test1"
+  data.casefault = "test1";
-  data.typefault = "2"
+  data.typefault = "2";
-  data.faultLevel = "2"
+  data.faultLevel = "2";
-  data.refLaw = "test"
+  data.refLaw = "test";
-  data.detailComplaint = "รายละเอียด"
+  data.detailComplaint = "รายละเอียด";
-  data.whereInvestigate = "ที่ไหน"
+  data.whereInvestigate = "ที่ไหน";
-  data.trueDetail = "รายละเอียด"
+  data.trueDetail = "รายละเอียด";
-  data.evidence = "รายละเอียด"
+  data.evidence = "รายละเอียด";
-  data.recordAccuser = "รายละเอียด"
+  data.recordAccuser = "รายละเอียด";
-  data.witnesses = "รายละเอียด"
+  data.witnesses = "รายละเอียด";
-  data.InvestResults = "รายละเอียด"
+  data.InvestResults = "รายละเอียด";
-  data.filesEvidence = null
+  data.filesEvidence = null;
-  data.filesRecordAccuser = null
+  data.filesRecordAccuser = null;
-  data.filesWitnesses = null
+  data.filesWitnesses = null;
-  data.filesEtc = 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>