แก้ สืบ สอบ

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

@@ -3,7 +3,7 @@ import { useRouter, useRoute } from "vue-router";
 import { onMounted, ref, watch, reactive, computed } from "vue";
 import { useQuasar } from "quasar";
 import moment from "moment";
-
+import PopupSendToNext from "@/modules/11_discipline/components/PopupSendToNext.vue";
 import DialogDirector from "@/modules/11_discipline/components/DialogDirector.vue";
 import DialogAddPersonal from "@/components/Dialogs/AddPersonal.vue";
 import Table from "@/modules/11_discipline/components/DirectorTable.vue";
@@ -30,7 +30,7 @@ const toggleModal = () => (modalPerson.value = !modalPerson.value);
 /**เรียกใช้ store */
 const investigateFactStore = useInvestigateFactStore();
 const mainStore = useDisciplineMainStore();
-
+const modalPopup = ref<boolean>(false);
 const mixin = useCounterMixin();
 const { filterFnOptionsType } = investigateFactStore;
 const {
@@ -490,7 +490,7 @@ function calendarOpen() {
 /** เปลี่ยนสี เมื่อ readonly
  * @param val true/false
  */
-function inputEdit(val:boolean){
+function inputEdit(val: boolean) {
   return {
     "full-width cursor-pointer ": val,
     "full-width cursor-pointer inputgreen": !val,
@@ -513,6 +513,33 @@ function inputEditExtend(val: boolean) {
   }
 }
 
+function openModal(){
+  modalPopup.value = true
+}
+function closePopup() {
+  modalPopup.value = false;
+}
+
+function emitPerson(data: FormData[]) {
+  const dataMapId = data.map((item: FormData) => item.id);
+  console.log(dataMapId);
+  // showLoader();
+  // http
+  //   .put(config.API.investigateApprove(id.value), {
+  //     persons: dataMapId,
+  //   })
+  //   .then((res) => {
+  //     // router.push(`/discipline/investigatefacts`);
+  //   })
+  //   .catch((e) => {
+  //     messageError($q, e);
+  //   })
+  //   .finally(() => {
+  //     hideLoader();
+  //     getData();
+  //   });
+}
+
 onMounted(async () => {
   mainStore.rowsAdd = [];
   getOc();
@@ -521,7 +548,6 @@ onMounted(async () => {
 <template>
   <div class="row col-12 bg-white">
     <div class="col-sm-12 col-md-9">
-
       <div v-if="isSave" class="q-pa-sm q-gutter-sm">
         <q-banner
           inline-actions
@@ -538,7 +564,6 @@ onMounted(async () => {
           <q-card bordered>
             <div class="col-12 row q-pa-md q-col-gutter-md">
               <div class="col-xs-12 row q-col-gutter-md">
-
                 <div class="col-xs-12 col-sm-3" id="respondentType">
                   <q-select
                     :class="inputEdit(isReadonly)"
@@ -599,7 +624,17 @@ onMounted(async () => {
                     @update:model-value="changeFormData()"
                   />
                 </div>
-
+                <div
+                  class="col-xs-12 col-sm-4"
+                  v-if="route.name === 'disciplineInvestigatefactsEdit'"
+                >
+                  <q-btn
+                    class="q-pa-sm"
+                    color="orange"
+                    label="ส่งรายชื่อไปออกคำสั่งยุติเรื่อง"
+                    @click="openModal"
+                  />
+                </div>
                 <div
                   class="row col-12"
                   v-if="formData.respondentType === 'PERSON'"
@@ -629,7 +664,6 @@ onMounted(async () => {
                     </div>
                     <div class="col-12"><q-separator /></div>
                     <div class="col-xs-12 q-pa-sm">
-                      
                       <d-table
                         ref="table"
                         :columns="mainStore.columnsRespondent"
@@ -654,7 +688,7 @@ onMounted(async () => {
                                 col.label
                               }}</span>
                             </q-th>
-                            <q-th auto-width></q-th>
+                            <!-- <q-th auto-width></q-th> -->
                           </q-tr>
                         </template>
                         <template v-slot:body="props">
@@ -695,7 +729,7 @@ onMounted(async () => {
                                 {{ col.value }}
                               </div>
                             </q-td>
-                            <q-td auto-width>
+                            <!-- <q-td auto-width>
                               <q-btn
                                 v-if="!isReadonly"
                                 size="12px"
@@ -708,7 +742,7 @@ onMounted(async () => {
                                 @click="deletePerson(props.row.personId)"
                                 ><q-tooltip>ลบผู้ถูกร้องเรียน</q-tooltip></q-btn
                               >
-                            </q-td>
+                            </q-td> -->
                           </q-tr>
                         </template>
                       </d-table>
@@ -1465,6 +1499,17 @@ onMounted(async () => {
     :close="calendarModalclose"
     :lists="props.data.investigationExtendHistory"
   />
+
+  <PopupSendToNext
+    :modal="modalPopup"
+    :close="closePopup"
+    title="ส่งรายชื่อไปออกคำสั่งยุติเรื่อง"
+    :rows="mainStore.rowsAdd"
+    :columns="mainStore.columnsDirector"
+    :visibleColumns="mainStore.visibleColumnsDirector"
+    @return-person="emitPerson"
+    :checked-val="false"
+  />
 </template>
 
 <style scoped>