แก้ สืบ สอบ

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

@@ -4,6 +4,7 @@ import http from "@/plugins/http";
 import config from "@/app.config";
 import { useQuasar } from "quasar";
 import { useRoute, useRouter } from "vue-router";
+import PopupSendToNext from "@/modules/11_discipline/components/PopupSendToNext.vue";
 import CalandarDialog from "@/modules/11_discipline/components/3_InvestigateDisciplinary/CalandarDialog.vue";
 /**import type*/
 import moment from "moment";
@@ -12,6 +13,7 @@ import type {
   FormData,
   DisciplinaryRef,
   Director,
+  PersonsArray
 } from "@/modules/11_discipline/interface/request/disciplinary";
 import type {
   DataOption,
@@ -36,7 +38,7 @@ import { useDisciplineMainStore } from "@/modules/11_discipline/store/main";
 
 const calendarModal = ref<boolean>(false);
 const calendarModalclose = () => (calendarModal.value = !calendarModal.value);
-
+const modalPopup = ref<boolean>(false);
 const complainstStore = useComplainstDataStore();
 const investigateDis = useInvestigateDisStore();
 const mainStore = useDisciplineMainStore();
@@ -488,6 +490,34 @@ function inputEditExtend(val: boolean) {
     };
   }
 }
+
+function openModal(){
+  modalPopup.value = true
+}
+function closePopup() {
+  modalPopup.value = false;
+}
+
+function emitPerson(data: PersonsArray[]) {
+  const dataMapId = data.map((item: PersonsArray) => 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();
+  //   });
+}
+
 /** Hook */
 onMounted(async () => {
   mainStore.rowsAdd = [];
@@ -576,8 +606,8 @@ onMounted(async () => {
                       @update:model-value="changeFormData()"
                     />
                   </div>
-                  <div class="col-xs-12 col-sm-3" id="consideredAgency">
-                    <!-- <q-select
+                  <!-- <div class="col-xs-12 col-sm-3" id="consideredAgency">
+                    <q-select
                   ref="consideredAgencyRef"
                   for="selectAgency"
                   dense
@@ -604,10 +634,20 @@ onMounted(async () => {
                       </q-item-section>
                     </q-item>
                   </template>
-                </q-select> -->
+                </q-select>
+                  </div> -->
+                  <div
+                    class="col-xs-12 col-sm-4"
+                    v-if="route.name === 'disciplineDisciplinaryEdit'"
+                  >
+                    <q-btn
+                      class="q-pa-sm"
+                      color="orange"
+                      label="ส่งรายชื่อไปออกคำสั่งยุติเรื่อง"
+                      @click="openModal"
+                    />
                   </div>
                 </div>
-
                 <div
                   class="row col-12"
                   v-if="formData.respondentType === 'PERSON'"
@@ -661,7 +701,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">
@@ -702,7 +742,7 @@ onMounted(async () => {
                                 {{ col.value }}
                               </div>
                             </q-td>
-                            <q-td auto-width>
+                            <!-- <q-td auto-width>
                               <q-btn
                                 v-if="!isReadonly"
                                 size="12px"
@@ -715,7 +755,7 @@ onMounted(async () => {
                                 @click="deletePerson(props.row.personId)"
                                 ><q-tooltip>ลบผู้ถูกร้องเรียน</q-tooltip></q-btn
                               >
-                            </q-td>
+                            </q-td> -->
                           </q-tr>
                         </template>
                       </d-table>
@@ -1619,6 +1659,18 @@ onMounted(async () => {
     :close="calendarModalclose"
     :lists="formData.disciplinaryExtendHistory"
   />
+
+  <PopupSendToNext
+    :modal="modalPopup"
+    :close="closePopup"
+    title="ส่งรายชื่อไปออกคำสั่งยุติเรื่อง"
+    :rows="mainStore.rowsAdd"
+    :columns="mainStore.columnsDirector"
+    :visibleColumns="mainStore.visibleColumnsDirector"
+    @return-person="emitPerson"
+    :checked-val="false"
+  />
+
 </template>
 
 <style scoped>