ผูก API สอบสวน

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

@@ -1,13 +1,13 @@
 <script setup lang="ts">
 import { ref, computed, watchEffect, watch, onMounted } from "vue";
 import { useQuasar } from "quasar";
+import http from "@/plugins/http";
+import config from "@/app.config";
 import { useCounterMixin } from "@/stores/mixin";
 import type { QTableProps } from "quasar";
 import type { directorType } from "@/modules/11_discipline/interface/index/Main";
 
 import DialogHeader from "@/modules/05_placement/components/PersonalList/DialogHeader.vue";
-import http from "@/plugins/http";
-import config from "@/app.config";
 
 const $q = useQuasar();
 const selected = ref<directorType[]>([]);
@@ -60,17 +60,7 @@ const columns2 = ref<QTableProps["columns"]>([
     sort: (a: string, b: string) =>
       a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
   },
-  {
-    name: "duty",
-    align: "left",
-    label: "หน้าที่",
-    sortable: true,
-    field: "duty",
-    headerStyle: "font-size: 14px",
-    style: "font-size: 14px",
-    sort: (a: string, b: string) =>
-      a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
-  },
+
   {
     name: "email",
     align: "left",
@@ -93,17 +83,6 @@ const columns2 = ref<QTableProps["columns"]>([
     sort: (a: string, b: string) =>
       a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
   },
-  {
-    name: "role",
-    align: "left",
-    label: "จำนวนเรื่องสืบสวน",
-    sortable: true,
-    field: "role",
-    headerStyle: "font-size: 14px",
-    style: "font-size: 14px",
-    sort: (a: string, b: string) =>
-      a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
-  },
 ]);
 
 /** รับ props มาจากหน้าหลัก */
@@ -139,7 +118,6 @@ const checkSelected = computed(() => {
   if (selected.value.length === 0) {
     return true;
   }
-  console.log(checkSelected.value);
 });
 
 /** popup ยืนยันส่งัว */
@@ -154,14 +132,14 @@ function saveDirector() {
 
 /** ส่งไปออกคำสั่ง */
 async function DirectorSave() {
-  emit('returnDirector',selected.value);
+  emit("returnDirector", selected.value);
 }
 
 const emit = defineEmits([
   "update:filterKeyword2",
   "update:selected",
   "update:pagination",
-  "returnDirector"
+  "returnDirector",
 ]);
 
 function updateInput(value: any) {
@@ -244,7 +222,17 @@ watch(
           :visible-columns="visibleColumns2"
           selection="multiple"
           v-model:selected="selected"
+          :rows-per-page-options="[10, 25, 50, 100]"
+          v-model:pagination="pagination"
         >
+          <template v-slot:header-selection="scope">
+            <q-checkbox
+              keep-color
+              color="primary"
+              dense
+              v-model="scope.selected"
+            />
+          </template>
           <template v-slot:body="props">
             <q-tr :props="props" class="cursor-pointer">
               <q-td>