แก้ไขเรื่องร้องเรียน, สืบสวน, สอบสวน

src/components/Dialogs/AddPersonal.vue

@@ -7,10 +7,13 @@ import config from "@/app.config";
 import { useCounterMixin } from "@/stores/mixin";
 import type { QTableProps } from "quasar";
 import type { ResponsePreson } from "@/interface/response/listPerson";
+import { useDisciplineMainStore } from "@/modules/11_discipline/store";
+
+const mainStore = useDisciplineMainStore();
 
 const $q = useQuasar();
 const mixin = useCounterMixin();
-const { dialogConfirm, dialogMessageNotify, showLoader, hideLoader } = mixin;
+const { dialogMessageNotify, showLoader, hideLoader } = mixin;
 
 interface typeOp {
   id: string;
@@ -34,7 +37,6 @@ const rows = ref<tableType[]>([]);
 const type = ref<string>("idcard");
 const search = ref<string>("");
 const selected = ref<any>([]);
-const dataObject = ref<any>([]);
 
 const typeOps = ref<typeOp[]>([
   { id: "idcard", name: "เลขประจำตัวประชาชน" },
@@ -42,94 +44,6 @@ const typeOps = ref<typeOp[]>([
   { id: "lastname", name: "นามสกุล" },
 ]);
 
-/** หัวข้อที่เเสดงในตาราง */
-const visibleColumns = ref<string[]>([
-  "no",
-  "idcard",
-  "name",
-  "posNo",
-  "position",
-  "positionLevel",
-  "salary",
-  "organization",
-]);
-
-/** หัวตาราง */
-const columns = ref<QTableProps["columns"]>([
-  {
-    name: "no",
-    align: "left",
-    label: "ลำดับ",
-    sortable: false,
-    field: "no",
-    headerStyle: "font-size: 14px",
-    style: "font-size: 14px",
-  },
-  {
-    name: "idcard",
-    align: "left",
-    label: "เลขบัตรประชาชน",
-    sortable: true,
-    field: "idcard",
-    headerStyle: "font-size: 14px",
-    style: "font-size: 14px",
-  },
-  {
-    name: "name",
-    align: "left",
-    label: "ชื่อ - นามสกุล",
-    sortable: true,
-    field: "name",
-    headerStyle: "font-size: 14px",
-    style: "font-size: 14px",
-  },
-  {
-    name: "posNo",
-    align: "left",
-    label: "ตำแหน่งเลขที่",
-    sortable: true,
-    field: "posNo",
-    headerStyle: "font-size: 14px",
-    style: "font-size: 14px",
-  },
-  {
-    name: "position",
-    align: "left",
-    label: "ตำแหน่ง",
-    sortable: true,
-    field: "position",
-    headerStyle: "font-size: 14px",
-    style: "font-size: 14px",
-  },
-  {
-    name: "positionLevel",
-    align: "left",
-    label: "ระดับ",
-    sortable: true,
-    field: "positionLevel",
-    headerStyle: "font-size: 14px",
-    style: "font-size: 14px",
-  },
-  {
-    name: "salary",
-    align: "left",
-    label: "เงินเดือน",
-    sortable: true,
-    field: "salary",
-    headerStyle: "font-size: 14px",
-    style: "font-size: 14px",
-  },
-  {
-    name: "organization",
-    align: "left",
-    label: "หน่วยงาน",
-    sortable: true,
-    field: "organization",
-    headerStyle: "font-size: 14px",
-    style: "font-size: 14px",
-  },
-]);
-
 /** รับค่ามาจาก หน้าหลัก */
 const props = defineProps({
   checkId: {
@@ -231,13 +145,6 @@ async function searchInput() {
   }
 }
 
-/** update ตาราง เมื่อ input ว่าง */
-function updateInput() {
-  if (!search.value) {
-    rows.value = dataObject.value;
-  }
-}
-
 /** update เมื่อเปลี่ยน option */
 function updateSelect() {
   search.value = "";
@@ -305,7 +212,7 @@ function updateSelect() {
         <div class="full-width q-mt-sm">
           <d-table
             ref="table"
-            :columns="columns"
+            :columns="mainStore.columnsRespondent"
             :rows="rows"
             row-key="personId"
             flat
@@ -313,7 +220,7 @@ function updateSelect() {
             :paging="true"
             dense
             class="custom-header-table"
-            :visible-columns="visibleColumns"
+            :visible-columns="mainStore.visibleColumnsRespondent"
             selection="multiple"
             v-model:selected="selected"
           >