api สอบสวน

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

@@ -3,7 +3,7 @@ import { ref, onMounted, reactive, watch } from "vue";
 import http from "@/plugins/http";
 import config from "@/app.config";
 import { useQuasar } from "quasar";
-import { useRoute } from "vue-router";
+import { useRoute,useRouter } from "vue-router";
 
 /**import type*/
 import type { QTableProps } from "quasar";
@@ -40,6 +40,7 @@ const { date2Thai, showLoader, hideLoader, dialogConfirm, messageError } =
   mixin;
 
 const route = useRoute();
+const router = useRouter();
 const $q = useQuasar();
 
 const id = ref<string>(route.params.id as string);
@@ -57,6 +58,15 @@ function toggleModal() {
 
 /** หัวตารางของรายการผู้ถูกสอบสวน กรณีบุคคล */
 const columnsPerson = ref<QTableProps["columns"]>([
+  {
+    name: "info",
+    align: "center",
+    label: "",
+    sortable: false,
+    field: "info",
+    headerStyle: "font-size: 14px",
+    style: "font-size: 14px",
+  },
   {
     name: "no",
     align: "left",
@@ -347,6 +357,8 @@ async function fetchDatadetail() {
     disciplineDisciplinary_DocRelevants.value =
       props.data.disciplineDisciplinary_DocRelevants;
 
+      investigateDis.rowSent = formData.persons
+
     /** MAP รายชื่อกรรมการ หน้าหลัก */
     let datalistDirector: responseType[] = formData.directors.map(
       (e: directorType) => ({
@@ -390,6 +402,7 @@ async function addPerson(data: Persons[]) {
   }));
   const mergedArray = [...formData.persons, ...newPerson];
   formData.persons = mergedArray;
+  investigateDis.rowSent = formData.persons
   toggleModal();
 }
 
@@ -669,7 +682,27 @@ onMounted(async () => {
                               <div v-if="col.name == 'no'">
                                 {{ props.rowIndex + 1 }}
                               </div>
-                              <div>
+                              <div v-else-if="col.name == 'info'">
+                              <q-btn
+                                size="14px"
+                                flat
+                                round
+                                dense
+                                color="info"
+                                icon="info"
+                                @click="
+                                  router.push(`/registry/${props.row.personId}`)
+                                "
+                                ><q-tooltip>ดูข้อมูลในทะเบียนประวัติ</q-tooltip></q-btn
+                              >
+                            </div>
+                            <div
+                              v-else-if="col.name === 'organization'"
+                              class="table_ellipsis"
+                            >
+                              {{ props.row.organization }}
+                            </div>
+                              <div v-else>
                                 {{ col.value }}
                               </div>
                             </q-td>
@@ -1364,7 +1397,7 @@ onMounted(async () => {
         label="เลือกไฟล์"
         :files="disciplineDisciplinary_DocRelevants"
         :id="id"
-        type="relevants"
+        type="relevant"
         :fetchData="props.fetchData"
       />