From f1a2c753bbf853338e074eec5d0469ed7c8a97ad Mon Sep 17 00:00:00 2001
From: waruneeauy <warunee.auy@gmail.com>
Date: Thu, 12 Mar 2026 20:26:26 +0700
Subject: [PATCH 01/54] =?UTF-8?q?=E0=B9=81=E0=B8=81=E0=B9=89=E0=B8=84?=
 =?UTF-8?q?=E0=B8=B3=E0=B8=9C=E0=B8=B4=E0=B8=94?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../18_command/components/DialogAssign.vue    | 20 ++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/src/modules/18_command/components/DialogAssign.vue b/src/modules/18_command/components/DialogAssign.vue
index fbe10f73f..11288977a 100644
--- a/src/modules/18_command/components/DialogAssign.vue
+++ b/src/modules/18_command/components/DialogAssign.vue
@@ -9,7 +9,7 @@ import { usePagination } from "@/composables/usePagination";
 import { useCounterMixin } from "@/stores/mixin";
 
 import type { DataOption } from "@/modules/18_command/interface/index/Main";
-import type { DataProfile} from  "@/modules/18_command/interface/response/Main";
+import type { DataProfile } from "@/modules/18_command/interface/response/Main";
 
 import DialogHeader from "@/components/DialogHeader.vue";
 
@@ -68,7 +68,7 @@ const columns = ref<QTableProps["columns"]>([
     headerStyle: "font-size: 14px",
     style: "font-size: 14px",
   },
-    {
+  {
     name: "posNo",
     align: "left",
     label: "เลขที่ตำแหน่ง",
@@ -77,7 +77,7 @@ const columns = ref<QTableProps["columns"]>([
     headerStyle: "font-size: 14px",
     style: "font-size: 14px",
   },
-      {
+  {
     name: "position",
     align: "left",
     label: "ตำแหน่งในสายงาน",
@@ -86,7 +86,7 @@ const columns = ref<QTableProps["columns"]>([
     headerStyle: "font-size: 14px",
     style: "font-size: 14px",
   },
-   {
+  {
     name: "positionType",
     align: "left",
     label: "ประเภทตำแหน่ง",
@@ -96,7 +96,9 @@ const columns = ref<QTableProps["columns"]>([
     style: "font-size: 14px",
     format(val, row) {
       return row.posTypeName
-        ? `${row.posTypeName} ${row.positionLevelName ? `(${row.positionLevelName})` : ""}`
+        ? `${row.posTypeName} ${
+            row.positionLevelName ? `(${row.positionLevelName})` : ""
+          }`
         : "-";
     },
   },
@@ -119,7 +121,7 @@ async function fetchDataPerson() {
       {
         fieldName: type.value,
         keyword: keyword.value.trim(),
-        system: (route.meta?.Key as string) || 'COMMAND',
+        system: (route.meta?.Key as string) || "COMMAND",
       },
       {
         params: params.value,
@@ -137,7 +139,7 @@ async function fetchDataPerson() {
 
 function onSubmit() {
   if (selected.value.length == 0) {
-    dialogMessageNotify($q, "กรุณาเลือกบุคคลที่ต้องการหมอบหมายคำสั่ง");
+    dialogMessageNotify($q, "กรุณาเลือกบุคคลที่ต้องการมอบหมายคำสั่ง");
     return;
   }
   dialogConfirm($q, async () => {
@@ -148,7 +150,7 @@ function onSubmit() {
       });
       await props.fetchListCommand();
       handleClose();
-      success($q, "หมอบหมายคำสั่งสำเร็จ");
+      success($q, "มอบหมายคำสั่งสำเร็จ");
     } catch (error) {
       messageError($q, error);
     } finally {
@@ -180,7 +182,7 @@ watch(modal, (newVal) => {
 <template>
   <q-dialog v-model="modal" persistent>
     <q-card style="width: 50vw; max-width: 50vw">
-      <DialogHeader tittle="หมอบหมายคำสั่ง" :close="handleClose" />
+      <DialogHeader tittle="มอบหมายคำสั่ง" :close="handleClose" />
       <q-separator />
       <q-card-section style="max-height: 60vh">
         <div class="row q-col-gutter-md">

From 6ef832d84b197e97d4b58a66151b3fc7d4796f9b Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Fri, 13 Mar 2026 14:01:33 +0700
Subject: [PATCH 02/54] fix(command): disable button delete

---
 .../18_command/components/Step/1_Detail.vue        | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/modules/18_command/components/Step/1_Detail.vue b/src/modules/18_command/components/Step/1_Detail.vue
index ddab5c0ef..cb3b532b8 100644
--- a/src/modules/18_command/components/Step/1_Detail.vue
+++ b/src/modules/18_command/components/Step/1_Detail.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { onMounted, reactive, ref } from "vue";
+import { onMounted, reactive, ref, computed } from "vue";
 import { useQuasar, type QTableProps } from "quasar";
 import { useRoute } from "vue-router";
 
@@ -37,6 +37,12 @@ const props = defineProps({
   formCommandList: { type: Object, required: true },
 });
 
+const isCanDelete = computed(
+  () => (role: string) =>
+    rows.value.filter((row) => row.roleName === "เจ้าหน้าที่ดำเนินการ")
+      .length === 1 && role === "เจ้าหน้าที่ดำเนินการ"
+); //เช็คสามารถลบรายชื่อผู้ลงนามในแนบท้ายคำสั่ง ได้หรือไม่
+
 const commandId = ref<string>(route.params.id.toString()); //ID คำสั่ง
 const commandCode = ref<string>(""); //รหัสคำสั่ง
 const createdUserId = ref<string>(""); //ID ผู้สร้างคำสั่ง
@@ -597,14 +603,12 @@ onMounted(async () => {
                       <q-btn
                         icon="mdi-delete"
                         :color="
-                          props.row.roleName === 'เจ้าหน้าที่ดำเนินการ'
-                            ? 'grey'
-                            : 'red'
+                          isCanDelete(props.row.roleName) ? 'grey' : 'red'
                         "
                         flat
                         dense
                         round
-                        :disable="props.row.roleName === 'เจ้าหน้าที่ดำเนินการ'"
+                        :disable="isCanDelete(props.row.roleName)"
                         @click.prevent.stop="onDeleteData(props.row.id)"
                       >
                         <q-tooltip>ลบข้อมูล</q-tooltip>

From c7a784adc5968851fa2da0550b9de2dee62d29ec Mon Sep 17 00:00:00 2001
From: waruneeauy <warunee.auy@gmail.com>
Date: Fri, 13 Mar 2026 16:18:48 +0700
Subject: [PATCH 03/54] =?UTF-8?q?fix=20=E0=B8=82=E0=B9=89=E0=B8=AD?=
 =?UTF-8?q?=E0=B8=84=E0=B8=A7=E0=B8=B2=E0=B8=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/modules/18_command/components/Main/TableMain.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/modules/18_command/components/Main/TableMain.vue b/src/modules/18_command/components/Main/TableMain.vue
index 22970fc17..307bfcff1 100644
--- a/src/modules/18_command/components/Main/TableMain.vue
+++ b/src/modules/18_command/components/Main/TableMain.vue
@@ -248,7 +248,7 @@ onMounted(() => {
                   </q-item-section>
                 </q-item>
 
-                <!-- หมอบหมายคำสั่ง -->
+                <!-- มอบหมายคำสั่ง -->
                 <q-item
                   clickable
                   v-close-popup
@@ -262,7 +262,7 @@ onMounted(() => {
                         size="xs"
                         name="mdi-account-check"
                       />
-                      <div class="q-pl-md">หมอบหมายคำสั่ง</div>
+                      <div class="q-pl-md">มอบหมายคำสั่ง</div>
                     </div>
                   </q-item-section>
                 </q-item>

From 52cfa6e0af5a99f1b533a2431d3c330b1be1874b Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Mon, 16 Mar 2026 10:14:03 +0700
Subject: [PATCH 04/54] fix(registry): add reactive-rules rule prefix rank

---
 .../detail/PersonalInformation/01_Profile.vue        | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/modules/04_registryPerson/components/detail/PersonalInformation/01_Profile.vue b/src/modules/04_registryPerson/components/detail/PersonalInformation/01_Profile.vue
index 8f54e02cd..7730029f7 100644
--- a/src/modules/04_registryPerson/components/detail/PersonalInformation/01_Profile.vue
+++ b/src/modules/04_registryPerson/components/detail/PersonalInformation/01_Profile.vue
@@ -406,6 +406,12 @@ function calculateMinDate() {
   return today;
 }
 
+function prefixRankRule() {
+  return [
+    () => !!formData.rank || !!formData.prefix || "กรุณาเลือกคำนำหน้าชื่อ หรือยศ",
+  ];
+}
+
 /** ดูการเปลี่ยนแปลงของวันเกิดเมื่อมีการเปลี่ยนแปลงจะคำนวนอายูใหม่*/
 watch(
   () => formData.birthDate,
@@ -599,7 +605,8 @@ onMounted(() => {
                 class="inputgreen"
                 :options="store.Ops.prefixOps"
                 :label="dataLabel.prefix"
-                :rules="[(val: string) => !!formData.rank || !!formData.prefix || `${'กรุณาเลือกคำนำหน้าชื่อ หรือยศ'}`]"
+                :rules="prefixRankRule()"
+                reactive-rules
                 @filter="(inputValue: string,
               doneFn: Function) => filterSelector(inputValue, doneFn, 'prefixOps'
               )"
@@ -620,7 +627,8 @@ onMounted(() => {
                 input-debounce="0"
                 option-label="name"
                 option-value="name"
-                :rules="[(val: string) => !!formData.rank || !!formData.prefix || `${'กรุณาเลือกคำนำหน้าชื่อ หรือยศ'}`]"
+                :rules="prefixRankRule()"
+                reactive-rules
                 v-model="formData.rank"
                 class="inputgreen"
                 :options="store.Ops.rankOps"

From 1d99705b651cec37be47e12ded423c465d9dafbd Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Tue, 24 Mar 2026 10:01:34 +0700
Subject: [PATCH 05/54] fix(registry-officer): add field leaveSubTypeName  and
 coupleDayLevelCountry  form leave

---
 .../detail/GovernmentInformation/03_Leave.vue | 59 ++++++++++++++++++-
 .../interface/index/leave.ts                  |  3 +
 2 files changed, 61 insertions(+), 1 deletion(-)

diff --git a/src/modules/04_registryPerson/components/detail/GovernmentInformation/03_Leave.vue b/src/modules/04_registryPerson/components/detail/GovernmentInformation/03_Leave.vue
index 726ed821a..721542aba 100644
--- a/src/modules/04_registryPerson/components/detail/GovernmentInformation/03_Leave.vue
+++ b/src/modules/04_registryPerson/components/detail/GovernmentInformation/03_Leave.vue
@@ -202,6 +202,17 @@ const pagination = ref({
 const columnsHistory = ref<QTableColumn[]>(baseColumns.value);
 const visibleColumnsHistory = ref<string[]>(baseVisibleColumns.value);
 
+/** รายการประเภทการลาของ ลาไปศึกษา ฝึกอบรม ปฎิบัติการวิจัย หรือดูงาน*/
+const leaveSubTypeName = ref<string>("");
+const optionSubTypeName = ref<string[]>([
+  "ศึกษาต่อ",
+  "ฝึกอบรม",
+  "ปฎิบัติการวิจัย",
+  "ดูงาน",
+]);
+
+const coupleDayLevelCountry = ref<string>("");
+
 /** function fetch ข้อมูลรายการลา*/
 async function getData() {
   showLoader();
@@ -213,6 +224,7 @@ async function getData() {
         ...item,
         id: item.id,
         typeLeave: item.leaveType.name,
+        codeLeave: item.leaveType.code,
         code: item.leaveType.refCommandDate,
         dateStartLeave: item.dateLeaveStart,
         dateEndLeave: item.dateLeaveEnd,
@@ -292,8 +304,10 @@ function openDialogEdit(props: DetailData) {
   typeLeave.value = {
     id: props.typeLeaveId,
     name: props.typeLeave,
-    code: props.code,
+    code: props.codeLeave,
   };
+  leaveSubTypeName.value = props.leaveSubTypeName;
+  coupleDayLevelCountry.value = props.coupleDayLevelCountry;
   statLeave.value = props.status;
   reason.value = props.reason;
   dateRange.value = [
@@ -316,6 +330,10 @@ function onSubmit() {
 
     const body = {
       leaveTypeId: typeLeave.value?.id,
+      leaveSubTypeName:
+        typeLeave.value?.code === "LV-008" ? leaveSubTypeName.value : undefined,
+      coupleDayLevelCountry:
+        typeLeave.value?.code === "LV-010" ? coupleDayLevelCountry.value : undefined,
       dateLeaveStart: dateToISO(dateRange.value[0]),
       dateLeaveEnd: dateToISO(dateRange.value[1]),
       leaveDays: numLeave.value,
@@ -451,6 +469,8 @@ function closeDialog() {
   dateRange.value = [new Date(), new Date()];
   numLeave.value = 1;
   numUsedLeave.value = 0;
+  leaveSubTypeName.value = "";
+  coupleDayLevelCountry.value = "";
 }
 
 function statusLeave(val: string) {
@@ -741,6 +761,43 @@ onMounted(() => {
                       ) "
               />
             </div>
+
+            <div
+              class="col-xs-6 col-sm-6 col-md-6"
+              v-if="
+                typeLeave?.code === 'LV-008' || typeLeave?.code === 'LV-010'
+              "
+            >
+              <q-select
+                v-if="typeLeave?.code === 'LV-008'"
+                ref="typeLeaveRef"
+                class="full-width inputgreen cursor-pointer"
+                outlined
+                dense
+                lazy-rules
+                :label="`${'ประเภท'}`"
+                :rules="[(val:string) => !!val || `${'กรุณาเลือกประเภท'}`]"
+                v-model="leaveSubTypeName"
+                :options="optionSubTypeName"
+                option-value="id"
+                option-label="name"
+                emit-value
+                map-options
+                hide-bottom-space
+              />
+              <q-input
+                v-if="typeLeave?.code === 'LV-010'"
+                ref="numLeaveRef"
+                class="full-width inputgreen cursor-pointer"
+                outlined
+                dense
+                lazy-rules
+                v-model="coupleDayLevelCountry"
+                :rules="[(val:string) => !!val || `${'กรุณากรอกประเทศที่ลาติดตามคู่สมรส'}`]"
+                hide-bottom-space
+                :label="`${'ประเทศที่ลาติดตามคู่สมรส'}`"
+              />
+            </div>
             <div class="col-xs-6 col-sm-6 col-md-6">
               <datepicker
                 :readonly="!typeLeave"
diff --git a/src/modules/04_registryPerson/interface/index/leave.ts b/src/modules/04_registryPerson/interface/index/leave.ts
index 8de49f6f5..fb9e48922 100644
--- a/src/modules/04_registryPerson/interface/index/leave.ts
+++ b/src/modules/04_registryPerson/interface/index/leave.ts
@@ -8,6 +8,9 @@ interface DetailData {
   reason: string;
   typeLeaveId: string;
   code: string;
+  codeLeave:string
+  leaveSubTypeName:string
+  coupleDayLevelCountry:string
 }
 
 interface FormFilter {

From f899f05527fd1d28ed3c6aefb235455288a87050 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Tue, 24 Mar 2026 13:08:17 +0700
Subject: [PATCH 06/54] feat:Change Round Multiple

---
 .../components/03_ChangeRound/DialogForm.vue  |  57 +-
 .../09_leave/interface/request/changeRound.ts |   2 +
 .../09_leave/stores/ChangeRoundStore.ts       |   2 +
 .../09_leave/views/03_ChangeRoundMain.vue     | 486 +++++++++++-------
 4 files changed, 358 insertions(+), 189 deletions(-)

diff --git a/src/modules/09_leave/components/03_ChangeRound/DialogForm.vue b/src/modules/09_leave/components/03_ChangeRound/DialogForm.vue
index 0448729fb..59a5c8be2 100644
--- a/src/modules/09_leave/components/03_ChangeRound/DialogForm.vue
+++ b/src/modules/09_leave/components/03_ChangeRound/DialogForm.vue
@@ -27,7 +27,11 @@ const {
   convertDateToAPI,
 } = mixin;
 
-const emit = defineEmits(["update:change-page"]);
+const emit = defineEmits(["update:change-page", "update:selected"]);
+
+const isMultiple = defineModel<boolean>("isMultiple", {
+  default: false,
+});
 
 /**Props */
 const props = defineProps({
@@ -40,6 +44,10 @@ const props = defineProps({
     type: String,
     default: "",
   },
+  selectedMultiple: {
+    type: Array,
+    default: () => [],
+  },
 });
 
 /**FormData */
@@ -118,18 +126,35 @@ function onSubmit() {
 async function changeRound() {
   const formattedDateForAPI = await convertDateToAPI(formData.effectiveDate);
 
-  const url =
+  const urlAPI =
     props.type == "emp" ? config.API.leaveRoundEMP() : config.API.leaveRound();
   showLoader();
-  await http
-    .post(url, {
+
+  const urlFull = isMultiple.value ? urlAPI + `/multiple ` : urlAPI;
+  let payload: any;
+  if (isMultiple.value && props.selectedMultiple.length > 0) {
+    payload = props.selectedMultiple.map((item: any) => ({
+      profileId: item.profileId,
+      roundId: formData.round,
+      effectiveDate: formattedDateForAPI,
+      remark: formData.reson,
+    }));
+  } else {
+    payload = {
       profileId: props.personId,
       roundId: formData.round,
       effectiveDate: formattedDateForAPI,
       remark: formData.reson,
-    })
+    };
+  }
+  await http
+    .post(urlFull, payload)
     .then(() => {
       success($q, "บันทึกข้อมูลเปลี่ยนรอบเวลา");
+      if (isMultiple.value) {
+        emit("update:selected");
+        isMultiple.value = false;
+      }
       props.closeDialog?.();
     })
     .catch((err) => {
@@ -242,10 +267,10 @@ watch(
                 ? "เปลี่ยนรอบการปฏิบัติงาน"
                 : "ประวัติการเปลี่ยนรอบการปฏิบัติงาน"
             }}
-            <span class="text-teal-6">{{
-              props.DataRow ? props.DataRow.fullName : ""
-            }}</span></q-toolbar-title
-          >
+            <span class="text-teal-6" v-if="!isMultiple">
+              {{ props.DataRow ? props.DataRow.fullName : "" }}
+            </span>
+          </q-toolbar-title>
           <q-btn
             icon="close"
             unelevated
@@ -259,7 +284,7 @@ watch(
           <q-separator />
           <q-card-section style="max-height: 50vh" class="scroll q-pa-none">
             <div class="q-pa-md">
-              <div class="row">
+              <div class="row" v-if="!isMultiple">
                 <q-icon
                   name="mdi-label-variant"
                   class="cursor-pointer self-center"
@@ -267,12 +292,12 @@ watch(
                   size="md"
                 >
                 </q-icon>
-                <span class="self-center text-bold text-blue text-subtitle1"
-                  >รอบปัจจุบัน</span
-                >
-                <span class="self-center text-subtitle1 q-ml-sm">{{
-                  props.DataRow ? `${props.DataRow.currentRound} น.` : ""
-                }}</span>
+                <span class="self-center text-bold text-blue text-subtitle1">
+                  รอบปัจจุบัน
+                </span>
+                <span class="self-center text-subtitle1 q-ml-sm">
+                  {{ props.DataRow ? `${props.DataRow.currentRound} น.` : "" }}
+                </span>
               </div>
               <div class="row q-mt-sm q-col-gutter-sm">
                 <div class="col-6">
diff --git a/src/modules/09_leave/interface/request/changeRound.ts b/src/modules/09_leave/interface/request/changeRound.ts
index ed8c9347a..b00d7ffba 100644
--- a/src/modules/09_leave/interface/request/changeRound.ts
+++ b/src/modules/09_leave/interface/request/changeRound.ts
@@ -4,6 +4,8 @@ interface DataPost {
   lastName: string;
   page: number;
   pageSize: number;
+  selectedNodeId: string | null;
+  selectNode: string;
 }
 
 interface DataOption {
diff --git a/src/modules/09_leave/stores/ChangeRoundStore.ts b/src/modules/09_leave/stores/ChangeRoundStore.ts
index eda800a4f..0b883fb4b 100644
--- a/src/modules/09_leave/stores/ChangeRoundStore.ts
+++ b/src/modules/09_leave/stores/ChangeRoundStore.ts
@@ -138,6 +138,8 @@ export const useChangeRoundDataStore = defineStore(
             page: dataDetail.page, //หน้า
             pageSize: dataDetail.pageSize || 10, //จำนวนแถวต่อหน้า
             keyword: dataDetail.keyword || "", //keyword ค้นหา
+            selectedNodeId: dataDetail.selectedNodeId, //id ต้นไม้ที่เลือก
+            selectNode: dataDetail.selectNode, //ระดับต้นไม้ที่เลือก
           })
           .then((res) => {
             const apiData = res.data.result.data;
diff --git a/src/modules/09_leave/views/03_ChangeRoundMain.vue b/src/modules/09_leave/views/03_ChangeRoundMain.vue
index fdb7433d5..a123f3f0b 100644
--- a/src/modules/09_leave/views/03_ChangeRoundMain.vue
+++ b/src/modules/09_leave/views/03_ChangeRoundMain.vue
@@ -7,13 +7,17 @@ import config from "@/app.config";
 import { useCounterMixin } from "@/stores/mixin";
 import { useChangeRoundDataStore } from "@/modules/09_leave/stores/ChangeRoundStore";
 import { checkPermission } from "@/utils/permissions";
+import { useStructureTree } from "@/stores/structureTree";
+import { useRoute } from "vue-router";
 
 import type { DataPost } from "@/modules/09_leave/interface/request/changeRound";
 
 import Dialogform from "@/modules/09_leave/components/03_ChangeRound/DialogForm.vue";
 
 /** useStore */
+const route = useRoute();
 const mixin = useCounterMixin();
+
 const {
   showLoader,
   hideLoader,
@@ -23,6 +27,7 @@ const {
   dialogConfirm,
 } = mixin;
 const dataStore = useChangeRoundDataStore();
+const { fetchStructureTree } = useStructureTree();
 
 /** use */
 const $q = useQuasar();
@@ -38,8 +43,23 @@ const formData = reactive<DataPost>({
   lastName: "",
   page: 1,
   pageSize: 10,
+  selectedNodeId: null,
+  selectNode: "",
 });
 
+/** โครงสร้างข้อมูลต้นไม้ขององค์กร **/
+const nodeTree = ref<any[]>([]);
+const expanded = ref<string[]>([]);
+const orgTreeId = ref<string | null>(null);
+const filter = ref<string>("");
+const selected = ref<any[]>([]);
+const isMultiple = ref<boolean>(false);
+
+/** function fetch ข้อมูลของ Tree*/
+async function fetchDataTree() {
+  nodeTree.value = await fetchStructureTree(route.meta.Key as string, true);
+}
+
 /**
  * Function openPopup
  * @param check action edit,history
@@ -87,6 +107,7 @@ async function OpenmodalFix(detail: any) {
 function closeDialog() {
   modal.value = false;
   modalFix.value = false;
+  isMultiple.value = false;
 }
 
 function save() {
@@ -120,11 +141,26 @@ function updatePagination(newPagination: any) {
 
 /** Function ค้นหาข้อมูล */
 async function searchData() {
-  if (formData.cardId || formData.firstName || formData.lastName) {
-    await dataStore.fetchDataForCardId(formData);
-  } else {
-    dialogMessageNotify($q, "กรุณากรอกข้อมูลอย่างน้อย 1 ช่อง");
-  }
+  await dataStore.fetchDataForCardId(formData);
+}
+
+function onSelectedOrgTree(data: any) {
+  selected.value = [];
+  orgTreeId.value = data.orgTreeId;
+  formData.selectedNodeId = data.orgTreeId;
+  formData.selectNode = data.orgLevel;
+  formData.page = 1;
+  searchData();
+}
+
+function handleSelectMultiple() {
+  modal.value = true;
+  isMultiple.value = true;
+  editCheck.value = "edit";
+}
+
+function resetSelected() {
+  selected.value = [];
 }
 
 watch(
@@ -136,6 +172,7 @@ watch(
 );
 
 onMounted(() => {
+  fetchDataTree();
   dataStore.rows = [];
 });
 </script>
@@ -143,181 +180,266 @@ onMounted(() => {
   <div class="toptitle text-dark col-12 row items-center">
     เปลี่ยนแปลงรอบการปฏิบัติงานของข้าราชการ
   </div>
-  <q-card flat bordered class="col-12 q-mt-sm q-pa-md">
-    <div class="row col-12 q-mb-sm">
-      <q-card flat bordered class="bg-grey-2 col-12 bg-white q-pa-lg">
-        <div class="text-dark col-12 text-weight-bold text-subtitle1">
-          ค้นหารายชื่อ
+
+  <q-card>
+    <q-card-section :horizontal="$q.screen.gt.xs">
+      <q-card-section class="col-lg-3 col-md-4 col-xs-12 q-gutter-sm">
+        <div>
+          <q-input dense outlined v-model="filter" label="ค้นหา">
+            <template v-slot:append>
+              <q-icon name="search" />
+            </template>
+          </q-input>
         </div>
-        <div class="row justify-between q-gutter-y-sm">
-          <q-input
-            :readonly="!checkPermission($route)?.attrIsGet"
-            v-model="formData.cardId"
-            outlined
-            label="เลขประจำตัวประชาชน"
-            class="col-6 col-md-4 bg-white inputgreen"
+        <div class="bg-white tree-container q-pa-xs">
+          <q-tree
+            class="q-pa-sm q-gutter-sm"
             dense
-            hide-bottom-space
-            maxlength="13"
-          />
-          <q-input
-            :readonly="!checkPermission($route)?.attrIsGet"
-            v-model="formData.firstName"
-            outlined
-            label="ชื่อ"
-            class="col-5 col-md-3 bg-white inputgreen"
-            dense
-            hide-bottom-space
-          />
-          <q-input
-            :readonly="!checkPermission($route)?.attrIsGet"
-            v-model="formData.lastName"
-            outlined
-            label="นามสกุล"
-            class="col-6 col-md-3 bg-white inputgreen"
-            dense
-            hide-bottom-space
-          />
-          <q-btn
-            v-if="checkPermission($route)?.attrIsGet"
-            @click="(formData.page = 1), searchData()"
-            for="#search"
-            dense
-            unelevated
-            color="primary"
-            class="q-px-sm col-5 col-md-1"
-            style="max-height: 40px"
-            >ค้นหา</q-btn
+            :nodes="nodeTree"
+            node-key="orgTreeId"
+            label-key="labelName"
+            :filter="filter.trim()"
+            no-results-label="ไม่พบข้อมูลที่ค้นหา"
+            no-nodes-label="ไม่มีข้อมูล"
+            v-model:expanded="expanded"
+          >
+            <template v-slot:default-header="prop">
+              <q-item
+                clickable
+                :active="orgTreeId == prop.node.orgTreeId"
+                @click.stop="onSelectedOrgTree(prop.node)"
+                active-class="my-list-link text-primary text-weight-medium"
+                class="row col-12 text-dark items-center q-py-xs q-pl-sm rounded-borders my-list"
+              >
+                <div>
+                  <div class="text-weight-medium">
+                    {{ prop.node.orgTreeName }}
+                  </div>
+                  <div class="text-weight-light text-grey-8">
+                    {{ prop.node.orgCode == null ? null : prop.node.orgCode }}
+                    {{
+                      prop.node.orgTreeShortName == null
+                        ? null
+                        : prop.node.orgTreeShortName
+                    }}
+                  </div>
+                </div>
+              </q-item>
+            </template>
+          </q-tree>
+        </div>
+      </q-card-section>
+      <q-separator :vertical="$q.screen.gt.xs" />
+      <q-card-section
+        class="col-lg-9 col-md-8 col-xs-12 q-gutter-sm scroll"
+        style="height: 80vh"
+        v-if="orgTreeId"
+      >
+        <div class="row col-xs-12 col-sm-9">
+          <q-card flat bordered class="bg-grey-2 col-12 bg-white q-pa-lg">
+            <div class="text-dark col-12 text-weight-bold text-subtitle1">
+              ค้นหารายชื่อ
+            </div>
+            <div class="row justify-between q-gutter-y-sm">
+              <q-input
+                :readonly="!checkPermission($route)?.attrIsGet"
+                v-model="formData.cardId"
+                outlined
+                label="เลขประจำตัวประชาชน"
+                class="col-6 col-md-4 bg-white inputgreen"
+                dense
+                hide-bottom-space
+                maxlength="13"
+              />
+              <q-input
+                :readonly="!checkPermission($route)?.attrIsGet"
+                v-model="formData.firstName"
+                outlined
+                label="ชื่อ"
+                class="col-5 col-md-3 bg-white inputgreen"
+                dense
+                hide-bottom-space
+              />
+              <q-input
+                :readonly="!checkPermission($route)?.attrIsGet"
+                v-model="formData.lastName"
+                outlined
+                label="นามสกุล"
+                class="col-6 col-md-3 bg-white inputgreen"
+                dense
+                hide-bottom-space
+              />
+              <q-btn
+                v-if="checkPermission($route)?.attrIsGet"
+                @click="(formData.page = 1), searchData()"
+                for="#search"
+                dense
+                unelevated
+                color="primary"
+                class="q-px-sm col-5 col-md-1"
+                style="max-height: 40px"
+                >ค้นหา</q-btn
+              >
+            </div>
+          </q-card>
+        </div>
+        <div
+          v-if="dataStore.rows.length === 0 && dataStore.checkCilck === true"
+        >
+          <q-card
+            flat
+            bordered
+            class="bg-grey-2 col-12 q-pa-lg text-center text-subtitle1 text-bold"
+            >ไม่พบข้อมูล</q-card
           >
         </div>
-      </q-card>
-    </div>
-    <div v-if="dataStore.rows.length === 0 && dataStore.checkCilck === true">
-      <q-card
-        flat
-        bordered
-        class="bg-grey-2 col-12 q-pa-lg text-center text-subtitle1 text-bold"
-        >ไม่พบข้อมูล</q-card
-      >
-    </div>
-    <div v-if="dataStore.rows.length !== 0" class="col-12 q-mt-xl">
-      <d-table
-        ref="table"
-        :columns="dataStore.columns"
-        :rows="dataStore.rows"
-        row-key="interrogated"
-        flat
-        bordered
-        dense
-        class="custom-header-table"
-        :visible-columns="dataStore.visibleColumns"
-        :rows-per-page-options="[10, 25, 50, 100]"
-        @update:pagination="updatePagination"
-      >
-        <!-- :paging="true" -->
-        <template v-slot:header="props">
-          <q-tr :props="props">
-            <q-th auto-width />
-            <q-th
-              v-for="col in props.cols"
-              :key="col.name"
-              :props="props"
-              style="color: #000000; font-weight: 500"
-            >
-              <span class="text-weight-medium">{{ col.label }}</span>
-            </q-th>
-          </q-tr>
-        </template>
-        <template v-slot:body="props">
-          <q-tr :props="props">
-            <q-td>
-              <div>
-                <q-btn
-                  flat
-                  icon="mdi-dots-horizontal-circle-outline"
-                  color="secondary"
-                  for="#cancel"
-                  dense
-                  round
+        <div v-if="dataStore.rows.length !== 0" class="col-12">
+          <div class="row justify-between items-center q-mb-sm">
+            <q-btn
+              v-show="selected.length > 0"
+              color="info"
+              dense
+              icon="mdi-shuffle-variant"
+              label="เปลี่ยนรอบการลงเวลา"
+              @click="handleSelectMultiple()"
+            />
+          </div>
+          <d-table
+            ref="table"
+            :columns="dataStore.columns"
+            :rows="dataStore.rows"
+            row-key="profileId"
+            flat
+            bordered
+            dense
+            class="custom-header-table"
+            :visible-columns="dataStore.visibleColumns"
+            :rows-per-page-options="[10, 25, 50, 100]"
+            @update:pagination="updatePagination"
+            selection="multiple"
+            v-model:selected="selected"
+          >
+            <template v-slot:header="props">
+              <q-tr :props="props">
+                <q-th auto-width>
+                  <q-checkbox
+                    keep-color
+                    color="primary"
+                    dense
+                    v-model="props.selected"
+                  />
+                </q-th>
+                <q-th auto-width />
+                <q-th
+                  v-for="col in props.cols"
+                  :key="col.name"
+                  :props="props"
+                  style="color: #000000; font-weight: 500"
                 >
-                  <q-menu>
-                    <q-list>
-                      <q-item
-                        v-if="checkPermission($route)?.attrIsUpdate"
-                        clickable
-                        v-close-popup
-                        @click="Openmodal('edit', props.row)"
-                      >
-                        <q-item-section style="min-width: 0px" avatar>
-                          <q-icon
-                            color="primary"
-                            name="mdi-shuffle-variant"
-                            size="xs"
-                          />
-                        </q-item-section>
+                  <span class="text-weight-medium">{{ col.label }}</span>
+                </q-th>
+              </q-tr>
+            </template>
+            <template v-slot:body="props">
+              <q-tr :props="props">
+                <q-td class="text-center">
+                  <q-checkbox
+                    keep-color
+                    color="primary"
+                    dense
+                    v-model="props.selected"
+                  />
+                </q-td>
+                <q-td>
+                  <div>
+                    <q-btn
+                      flat
+                      icon="mdi-dots-horizontal-circle-outline"
+                      color="secondary"
+                      for="#cancel"
+                      dense
+                      round
+                    >
+                      <q-menu>
+                        <q-list>
+                          <q-item
+                            v-if="checkPermission($route)?.attrIsUpdate"
+                            clickable
+                            v-close-popup
+                            @click="Openmodal('edit', props.row)"
+                          >
+                            <q-item-section style="min-width: 0px" avatar>
+                              <q-icon
+                                color="primary"
+                                name="mdi-shuffle-variant"
+                                size="xs"
+                              />
+                            </q-item-section>
 
-                        <q-item-section>
-                          <q-item-label>เปลี่ยนรอบการลงเวลา</q-item-label>
-                        </q-item-section>
-                      </q-item>
-                      <q-item
-                        v-if="checkPermission($route)?.attrIsUpdate"
-                        clickable
-                        v-close-popup
-                        @click="OpenmodalFix(props.row)"
-                      >
-                        <q-item-section style="min-width: 0px" avatar>
-                          <q-icon color="edit" name="edit" size="xs" />
-                        </q-item-section>
+                            <q-item-section>
+                              <q-item-label>เปลี่ยนรอบการลงเวลา</q-item-label>
+                            </q-item-section>
+                          </q-item>
+                          <q-item
+                            v-if="checkPermission($route)?.attrIsUpdate"
+                            clickable
+                            v-close-popup
+                            @click="OpenmodalFix(props.row)"
+                          >
+                            <q-item-section style="min-width: 0px" avatar>
+                              <q-icon color="edit" name="edit" size="xs" />
+                            </q-item-section>
 
-                        <q-item-section>
-                          <q-item-label>แก้ไขปฏิทินวันทำงาน</q-item-label>
-                        </q-item-section>
-                      </q-item>
-                      <q-item
-                        clickable
-                        v-close-popup
-                        @click="Openmodal('history', props.row)"
-                      >
-                        <q-item-section style="min-width: 0px" avatar>
-                          <q-icon
-                            color="deep-purple"
-                            name="mdi-history"
-                            size="xs"
-                          />
-                        </q-item-section>
-                        <q-item-section>
-                          <q-item-label>ประวัติการเปลี่ยนรอบ</q-item-label>
-                        </q-item-section>
-                      </q-item>
-                    </q-list>
-                  </q-menu>
-                </q-btn>
-              </div>
-            </q-td>
-            <q-td v-for="col in props.cols" :key="col.name" :props="props">
-              <div>
-                {{ col.value ?? "-" }}
-              </div>
-            </q-td>
-          </q-tr>
-        </template>
-        <template v-slot:pagination="scope">
-          ทั้งหมด {{ dataStore.totalListMain }} รายการ
-          <q-pagination
-            v-model="formData.page"
-            active-color="primary"
-            color="dark"
-            :max="Number(dataStore.maxPageMain)"
-            size="sm"
-            boundary-links
-            direction-links
-            :max-pages="5"
-            @update:model-value="dataStore.fetchDataForCardId(formData)"
-          ></q-pagination>
-        </template>
-      </d-table>
-    </div>
+                            <q-item-section>
+                              <q-item-label>แก้ไขปฏิทินวันทำงาน</q-item-label>
+                            </q-item-section>
+                          </q-item>
+                          <q-item
+                            clickable
+                            v-close-popup
+                            @click="Openmodal('history', props.row)"
+                          >
+                            <q-item-section style="min-width: 0px" avatar>
+                              <q-icon
+                                color="deep-purple"
+                                name="mdi-history"
+                                size="xs"
+                              />
+                            </q-item-section>
+                            <q-item-section>
+                              <q-item-label>ประวัติการเปลี่ยนรอบ</q-item-label>
+                            </q-item-section>
+                          </q-item>
+                        </q-list>
+                      </q-menu>
+                    </q-btn>
+                  </div>
+                </q-td>
+                <q-td v-for="col in props.cols" :key="col.name" :props="props">
+                  <div>
+                    {{ col.value ?? "-" }}
+                  </div>
+                </q-td>
+              </q-tr>
+            </template>
+            <template v-slot:pagination="scope">
+              ทั้งหมด {{ dataStore.totalListMain }} รายการ
+              <q-pagination
+                v-model="formData.page"
+                active-color="primary"
+                color="dark"
+                :max="Number(dataStore.maxPageMain)"
+                size="sm"
+                boundary-links
+                direction-links
+                :max-pages="5"
+                @update:model-value="dataStore.fetchDataForCardId(formData)"
+              ></q-pagination>
+            </template>
+          </d-table>
+        </div>
+      </q-card-section>
+    </q-card-section>
   </q-card>
 
   <!-- popup เปลี่ยนรอบการปฏิบัติงาน ,ประวัติการเปลี่ยนรอบการปฏิบัติงาน  -->
@@ -328,6 +450,9 @@ onMounted(() => {
     :DataRow="DataRow"
     :personId="DataRow == null ? '' : DataRow.profileId"
     @update:change-page="dataStore.changePage"
+    v-model:isMultiple="isMultiple"
+    :selectedMultiple="selected"
+    @update:selected="resetSelected"
   />
 
   <!-- แก้ไขปฏิทินวันทำงาน -->
@@ -384,4 +509,19 @@ onMounted(() => {
 .q-table tbody td:before.no-background {
   background: none;
 }
+
+.tree-container {
+  overflow: auto;
+  height: 75vh;
+  border: 1px solid #e6e6e7;
+  border-radius: 10px;
+}
+
+.my-list-link {
+  color: rgb(118, 168, 222);
+  border-radius: 5px;
+  background: #a3d3fb48 !important;
+  font-weight: 600;
+  border: 1px solid rgba(175, 185, 196, 0.217);
+}
 </style>

From ecc10e16c9030cbe54d478f64beb9dee1eb50830 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Tue, 24 Mar 2026 16:50:26 +0700
Subject: [PATCH 07/54] feat:absentlate

---
 src/api/registry/api.registry.ts              |   6 +
 .../GovernmentInformation/08_AbsentLate.vue   | 424 ++++++++++++++++++
 .../08_DialogAbsentLate.vue                   | 242 ++++++++++
 .../detail/GovernmentInformation/Main.vue     |   5 +
 .../interface/response/Government.ts          |  19 +-
 .../04_registryPerson/stores/AbsentLate.ts    |  19 +
 6 files changed, 714 insertions(+), 1 deletion(-)
 create mode 100644 src/modules/04_registryPerson/components/detail/GovernmentInformation/08_AbsentLate.vue
 create mode 100644 src/modules/04_registryPerson/components/detail/GovernmentInformation/08_DialogAbsentLate.vue
 create mode 100644 src/modules/04_registryPerson/stores/AbsentLate.ts

diff --git a/src/api/registry/api.registry.ts b/src/api/registry/api.registry.ts
index 0cbfc086e..f3378e539 100644
--- a/src/api/registry/api.registry.ts
+++ b/src/api/registry/api.registry.ts
@@ -272,4 +272,10 @@ export default {
   profileAssistanceReturn: `${env.API_URI}/placement/repatriation`,
   profileAssistanceUpdateDelete: (type: string) =>
     `${registryNew}${type}/assistance/update-delete/`,
+
+   profileAbsentLate: (type: string) => `${registryNew}${type}/absent-late`,
+   profileAbsentLateUpdateDelete: (type: string) => `${registryNew}${type}/absent-late/update-delete`,
+   profileAbsentLateHistory: (id: string, type: string) =>
+     `${registryNew}${type}/absent-late/history/${id}`,
+
 };
diff --git a/src/modules/04_registryPerson/components/detail/GovernmentInformation/08_AbsentLate.vue b/src/modules/04_registryPerson/components/detail/GovernmentInformation/08_AbsentLate.vue
new file mode 100644
index 000000000..1ae40bde9
--- /dev/null
+++ b/src/modules/04_registryPerson/components/detail/GovernmentInformation/08_AbsentLate.vue
@@ -0,0 +1,424 @@
+<script setup lang="ts">
+import { ref, onMounted, reactive } from "vue";
+import { useQuasar } from "quasar";
+
+import { useRoute } from "vue-router";
+import { checkPermission } from "@/utils/permissions";
+import { useCounterMixin } from "@/stores/mixin";
+import { useAbsentLateStore } from "@/modules/04_registryPerson/stores/AbsentLate";
+import http from "@/plugins/http";
+import config from "@/app.config";
+
+import type { QTableColumn } from "quasar";
+import type { ResAbsentLateData} from "@/modules/04_registryPerson/interface/response/Government";
+
+import DialogAbsentLate from "@/modules/04_registryPerson/components/detail/GovernmentInformation/08_DialogAbsentLate.vue";
+import DialogHistory from "@/modules/04_registryPerson/components/detail/DialogHistory.vue";
+
+const route = useRoute();
+const absentLateStore = useAbsentLateStore();
+const $q = useQuasar();
+const {
+  date2Thai,
+  dialogConfirm,
+  showLoader,
+  hideLoader,
+  messageError,
+  success,
+  pathRegistryEmp,
+  onSearchDataTable,
+  convertDateToAPI,
+  dialogRemove,
+} = useCounterMixin();
+
+const profileId = ref<string>(
+  route.params.id ? route.params.id.toString() : ""
+);
+const empType = ref<string>(pathRegistryEmp(route.name?.toString() ?? ""));
+
+const isLeave = defineModel<boolean>("isLeave", {
+  required: true,
+});
+
+const baseColumns = ref<QTableColumn[]>([
+  {
+    name: "status",
+    align: "left",
+    label: "มาสาย/ ขาดราชการ",
+    sortable: true,
+    field: "status",
+    headerStyle: "font-size: 14px",
+    style: "font-size: 14px",
+    format(val, row) {
+      const status = absentLateStore.statusOps.find(
+        (option) => option.id === val
+      );
+      return status ? status.name : val;
+    },
+  },
+  {
+    name: "stampDate",
+    align: "left",
+    label: "วันที่ลงเวลา",
+    sortable: true,
+    field: "stampDate",
+    format: (v) => date2Thai(v),
+    headerStyle: "font-size: 14px",
+    style: "font-size: 14px",
+  },
+  {
+    name: "stampType",
+    align: "left",
+    label: "ประเภทการลงเวลา",
+    sortable: true,
+    field: "stampType",
+    headerStyle: "font-size: 14px",
+    style: "font-size: 14px",
+    format(val) {
+      const type = absentLateStore.stampTypeOps.find(
+        (option) => option.id === val
+      );
+      return type ? type.name : val;
+    },
+  },
+  {
+    name: "stampAmount",
+    align: "left",
+    label: "จำนวน",
+    sortable: true,
+    field: "stampAmount",
+    headerStyle: "font-size: 14px",
+    style: "font-size: 14px",
+  },
+  {
+    name: "remark",
+    align: "left",
+    label: "หมายเหตุ",
+    sortable: true,
+    field: "remark",
+    headerStyle: "font-size: 14px",
+    style: "font-size: 14px",
+  },
+]);
+const baseVisibleColumns = ref<string[]>([
+  "status",
+  "stampDate",
+  "stampType",
+  "stampAmount",
+  "remark",
+]);
+
+/** Table*/
+const rows = ref<ResAbsentLateData[]>([]);
+const rowsMain = ref<ResAbsentLateData[]>([]);
+const mode = ref<string>("table"); //การแสดงผล Table card
+const filterKeyword = ref<string>(""); //คำค้นหา
+const columns = ref<QTableColumn[]>(
+  baseColumns.value.filter((e: QTableColumn) => e.name !== "lastUpdateFullName")
+);
+const visibleColumns = ref<string[]>(
+  baseVisibleColumns.value.filter((e: string) => e !== "lastUpdateFullName")
+);
+const pagination = ref({
+  sortBy: "lastUpdatedAt",
+});
+
+const columnsHistory = ref<QTableColumn[]>(baseColumns.value);
+const visibleColumnsHistory = ref<string[]>(baseVisibleColumns.value);
+
+/** Dialog*/
+const isStatusEdit = ref<boolean>(false);
+const modal = ref<boolean>(false);
+const modalHistory = ref<boolean>(false);
+const rowId = ref<string>("");
+const dataAbsentLate = ref<ResAbsentLateData | null>(null);
+
+async function fetchData() {
+  showLoader();
+  try {
+    const res = await http.get(
+      config.API.profileAbsentLate(empType.value) + `/${profileId.value}`
+    );
+    const data = res.data.result;
+    rowsMain.value = data;
+    serchDataTable();
+  } catch (err) {
+    messageError($q, err);
+  } finally {
+    hideLoader();
+  }
+}
+
+/** function fetch ข้อมูลประวัติการแก้ไขข้อมูล*/
+async function fetchDataHistory() {
+  showLoader();
+  try {
+    const res = await http.get(
+      config.API.profileAbsentLateHistory(rowId.value, empType.value)
+    );
+    return res.data.result;
+  } catch (err) {
+    messageError($q, err);
+  } finally {
+    hideLoader();
+  }
+}
+
+function openEditDialog(data: any) {
+  modal.value = true;
+  isStatusEdit.value = true;
+  rowId.value = data.id;
+  dataAbsentLate.value = data;
+}
+
+function showHistoryDialog(id: string) {
+  modalHistory.value = true;
+  rowId.value = id;
+}
+
+/** ฟังก์ค้นหาข้อมูลขาดราชการ/มาสาย*/
+function serchDataTable() {
+  rows.value = onSearchDataTable(
+    filterKeyword.value,
+    rowsMain.value,
+    columns.value ? columns.value : []
+  );
+}
+
+function onDelete(rowId: string) {
+  dialogRemove($q, async () => {
+    showLoader();
+    try {
+      await http.patch(
+        config.API.profileAbsentLateUpdateDelete(empType.value) + `/${rowId}`
+      );
+      await fetchData();
+      await success($q, "ลบข้อมูลสำเร็จ");
+    } catch (err) {
+      messageError($q, err);
+    } finally {
+      hideLoader();
+    }
+  });
+}
+
+onMounted(() => {
+  fetchData();
+});
+</script>
+
+<template>
+  <div class="row items-center q-gutter-x-sm q-pb-sm">
+    <q-btn
+      v-if="!isLeave && checkPermission($route)?.attrIsUpdate"
+      dense
+      color="primary"
+      icon="add"
+      flat
+      round
+      @click.stop.prevent="(modal = true), (isStatusEdit = false)"
+    >
+      <q-tooltip>เพิ่มข้อมูล</q-tooltip>
+    </q-btn>
+
+    <q-space />
+    <q-input
+      standout
+      dense
+      v-model="filterKeyword"
+      ref="filterRef"
+      outlined
+      placeholder="ค้นหา"
+      @keydown.enter.prevent="serchDataTable"
+    >
+      <template v-slot:append>
+        <q-icon name="search" />
+      </template>
+    </q-input>
+    <q-select
+      v-model="visibleColumns"
+      multiple
+      outlined
+      dense
+      options-dense
+      :display-value="$q.lang.table.columns"
+      emit-value
+      map-options
+      :options="columns"
+      option-value="name"
+      style="min-width: 140px"
+    />
+    <q-btn-toggle
+      v-model="mode"
+      dense
+      class="no-shadow toggle-borderd"
+      toggle-color="grey-4"
+      :options="[
+        { value: 'table', slot: 'table' },
+        { value: 'card', slot: 'card' },
+      ]"
+    >
+      <template v-slot:table>
+        <q-icon
+          name="format_list_bulleted"
+          size="24px"
+          :style="{
+            color: mode === 'table' ? '#787B7C' : '#C9D3DB',
+          }"
+        />
+      </template>
+
+      <template v-slot:card>
+        <q-icon
+          name="mdi-view-grid-outline"
+          size="24px"
+          :style="{
+            color: mode === 'card' ? '#787B7C' : '#C9D3DB',
+          }"
+        />
+      </template>
+    </q-btn-toggle>
+  </div>
+
+  <d-table
+    :grid="mode === 'card'"
+    ref="table"
+    row-key="id"
+    flat
+    bordered
+    dense
+    :columns="columns"
+    :rows="rows"
+    :visible-columns="visibleColumns"
+    v-model:pagination="pagination"
+  >
+    >
+    <template v-slot:header="props">
+      <q-tr :props="props">
+        <q-th auto-width></q-th>
+        <q-th v-for="col in props.cols" :key="col.name" :props="props">
+          <span class="text-weight-medium">{{ col.label }}</span>
+        </q-th>
+      </q-tr>
+    </template>
+    <template v-slot:body="props" v-if="mode === 'table'">
+      <q-tr :props="props">
+        <q-td auto-width>
+          <q-btn
+            flat
+            dense
+            round
+            color="deep-purple"
+            icon="mdi-history"
+            @click.stop.prevent="showHistoryDialog(props.row.id)"
+          >
+            <q-tooltip>ประวัติแก้ไขขาดราชการ/มาสาย</q-tooltip>
+          </q-btn>
+          <q-btn
+            v-if="!isLeave && checkPermission($route)?.attrIsUpdate"
+            flat
+            dense
+            round
+            color="edit"
+            icon="edit"
+            @click.stop.prevent="openEditDialog(props.row)"
+          >
+            <q-tooltip>แก้ไขข้อมูล</q-tooltip>
+          </q-btn>
+
+          <q-btn
+            v-if="!isLeave && checkPermission($route)?.attrIsDelete"
+            flat
+            dense
+            round
+            color="red"
+            icon="delete"
+            @click.stop.prevent="onDelete(props.row.id)"
+          >
+            <q-tooltip>ลบข้อมูล</q-tooltip>
+          </q-btn>
+        </q-td>
+        <q-td v-for="col in props.cols" :key="col.id">
+          <div>
+            {{ col.value ? col.value : "-" }}
+          </div>
+        </q-td>
+      </q-tr>
+    </template>
+    <template v-slot:item="props" v-else>
+      <div class="q-pa-xs col-xs-12 col-sm-4 col-md-3">
+        <q-card flat bordered>
+          <q-card-actions align="right" class="bg-grey-3">
+            <q-btn
+              color="deep-purple"
+              icon="mdi-history"
+              flat
+              round
+              @click.stop.prevent="showHistoryDialog(props.row.id)"
+            >
+              <q-tooltip>ประวัติแก้ไขขาดราชการ/มาสาย</q-tooltip>
+            </q-btn>
+
+            <q-btn
+              v-if="isLeave === false && checkPermission($route)?.attrIsUpdate"
+              :color="props.row.commandId ? 'grey-5' : 'edit'"
+              :disable="props.row.commandId !== null"
+              icon="edit"
+              flat
+              round
+              @click.stop.prevent="openEditDialog(props.row)"
+            >
+              <q-tooltip>แก้ไขข้อมูล</q-tooltip>
+            </q-btn>
+
+            <q-btn
+              v-if="isLeave === false && checkPermission($route)?.attrIsDelete"
+              color="red"
+              icon="delete"
+              flat
+              round
+              @click.stop.prevent="onDelete(props.row.id)"
+            >
+              <q-tooltip>ลบข้อมูล</q-tooltip>
+            </q-btn>
+          </q-card-actions>
+          <q-separator />
+
+          <q-list>
+            <div
+              :class="`row q-pa-sm`"
+              :style="`background-color: ${index % 2 !== 0 ? '#FAFAFA' : ''}`"
+              v-for="(col, index) in props.cols"
+              :key="col.name"
+            >
+              <div class="col text-grey-6">
+                <div>{{ col.label }}</div>
+              </div>
+              <div class="col">
+                <div>{{ col.value ? col.value : "-" }}</div>
+              </div>
+            </div>
+          </q-list>
+        </q-card>
+      </div>
+    </template>
+  </d-table>
+
+  <DialogAbsentLate
+    v-model:modal="modal"
+    v-model:isStatusEdit="isStatusEdit"
+    :fetchData="fetchData"
+    :rowId="rowId"
+    :dataAbsentLate="dataAbsentLate"
+  />
+
+  <DialogHistory
+    v-model:modal="modalHistory"
+    :title="`ประวัติแก้ไขขาดราชการ/มาสาย`"
+    :columns="columnsHistory"
+    :visible-columns="visibleColumnsHistory"
+    :fetch-data="fetchDataHistory"
+  />
+</template>
+
+<style scoped></style>
diff --git a/src/modules/04_registryPerson/components/detail/GovernmentInformation/08_DialogAbsentLate.vue b/src/modules/04_registryPerson/components/detail/GovernmentInformation/08_DialogAbsentLate.vue
new file mode 100644
index 000000000..3bc7b9c3e
--- /dev/null
+++ b/src/modules/04_registryPerson/components/detail/GovernmentInformation/08_DialogAbsentLate.vue
@@ -0,0 +1,242 @@
+<script setup lang="ts">
+import { reactive, ref, computed, watch } from "vue";
+import { useQuasar } from "quasar";
+
+import { useRoute } from "vue-router";
+import { useCounterMixin } from "@/stores/mixin";
+import { useAbsentLateStore } from "@/modules/04_registryPerson/stores/AbsentLate";
+import http from "@/plugins/http";
+import config from "@/app.config";
+
+/** import components*/
+import DialogHeader from "@/components/DialogHeader.vue";
+
+//use
+const $q = useQuasar();
+const route = useRoute();
+const absentLateStore = useAbsentLateStore();
+const {
+  showLoader,
+  hideLoader,
+  messageError,
+  success,
+  date2Thai,
+  convertDateToAPI,
+  dialogConfirm,
+  pathRegistryEmp,
+} = useCounterMixin();
+
+//props
+const modal = defineModel<boolean>("modal", { required: true });
+const isStatusEdit = defineModel<boolean>("isStatusEdit", { required: true });
+const rowId = defineModel<string>("rowId", { required: true });
+
+const props = defineProps<{
+  fetchData: () => Promise<void>;
+  dataAbsentLate: any;
+}>();
+
+const profileId = ref<string>(route.params.id?.toString() ?? ""); //ProfileId
+const empType = ref<string>(pathRegistryEmp(route.name?.toString() ?? ""));
+
+const form = reactive({
+  status: "",
+  stampDate: new Date(),
+  stampType: "FULL_DAY",
+  stampAmount: "1.0",
+  remark: "",
+});
+
+const tittle = computed(() => {
+  return isStatusEdit.value
+    ? "แก้ไขข้อมูลขาดราชการ/มาสาย"
+    : "เพิ่มข้อมูลขาดราชการ/มาสาย";
+});
+
+function onSubmit() {
+  dialogConfirm($q, async () => {
+    try {
+      showLoader();
+      const playload = {
+        ...form,
+        stampDate: convertDateToAPI(form.stampDate),
+        profileId: isStatusEdit.value ? undefined : profileId.value,
+      };
+      const method = isStatusEdit.value ? "patch" : "post";
+      const url = isStatusEdit.value
+        ? config.API.profileAbsentLate(empType.value) + `/${rowId.value}`
+        : config.API.profileAbsentLate(empType.value);
+      await http[method](url, playload);
+      success($q, "บันทึกข้อมูลสำเร็จ");
+      props.fetchData();
+      closeDialog();
+    } catch (error) {
+      messageError($q, error);
+    } finally {
+      hideLoader();
+    }
+  });
+}
+
+/** function ปิด popup*/
+function closeDialog() {
+  modal.value = false;
+}
+
+watch(
+  () => modal.value,
+  (newVal) => {
+    if (newVal) {
+      form.status = isStatusEdit.value ? props.dataAbsentLate.status : "";
+      form.stampDate = isStatusEdit.value
+        ? new Date(props.dataAbsentLate.stampDate)
+        : new Date();
+      form.stampType = isStatusEdit.value
+        ? props.dataAbsentLate.stampType
+        : "FULL_DAY";
+      form.stampAmount = isStatusEdit.value
+        ? props.dataAbsentLate.stampAmount
+        : "1.0";
+      form.remark = isStatusEdit.value ? props.dataAbsentLate.remark : "";
+    }
+  }
+);
+</script>
+
+<template>
+  <q-dialog v-model="modal" persistent>
+    <q-card style="min-width: 50vw">
+      <q-form greedy @submit.prevent="onSubmit">
+        <DialogHeader :tittle="tittle" :close="closeDialog" />
+        <q-separator />
+
+        <q-card-section class="q-pa-md">
+          <div class="col-12 row q-col-gutter-sm">
+            <div class="col-md-7 col-sm-12">
+              <q-select
+                class="full-width inputgreen cursor-pointer"
+                outlined
+                dense
+                lazy-rules
+                v-model="form.status"
+                :rules="[(val:string) => !!val || `${'กรุณาเลือกสถานะ'}`]"
+                hide-bottom-space
+                :label="`${'สถานะ'}`"
+                map-options
+                emit-value
+                option-label="name"
+                option-value="id"
+                :options="absentLateStore.statusOps"
+                use-input
+                hide-selected
+                fill-input
+                input-debounce="0"
+              />
+            </div>
+
+            <div class="col-md-5 col-sm-12">
+              <datepicker
+                class="inputgreen"
+                menu-class-name="modalfix"
+                v-model="form.stampDate"
+                :locale="'th'"
+                autoApply
+                borderless
+                :enableTimePicker="false"
+                week-start="0"
+              >
+                <template #year="{ year }">
+                  {{ year + 543 }}
+                </template>
+                <template #year-overlay-value="{ value }">
+                  {{ parseInt(value + 543) }}
+                </template>
+                <template #trigger>
+                  <q-input
+                    outlined
+                    dense
+                    hide-bottom-space
+                    class="full-width"
+                    :model-value="
+                      form.stampDate != null ? date2Thai(form.stampDate) : null
+                    "
+                    :label="`${'วันที่ลงเวลา'}`"
+                    :rules="[
+                              (val: string) =>
+                                !!val || `${'กรุณาเลือกวันที่ลงเวลา'}`,
+                            ]"
+                  >
+                    <template v-slot:prepend>
+                      <q-icon
+                        name="event"
+                        class="cursor-pointer"
+                        style="color: var(--q-primary)"
+                      >
+                      </q-icon>
+                    </template>
+                  </q-input>
+                </template>
+              </datepicker>
+            </div>
+            <div class="col-md-6 col-xs-12">
+              <q-select
+                class="full-width inputgreen cursor-pointer"
+                outlined
+                dense
+                lazy-rules
+                v-model="form.stampType"
+                :rules="[(val:string) => !!val || `${'กรุณาเลือกประเภทการลงเวลา'}`]"
+                hide-bottom-space
+                :label="`${'ประเภทการลงเวลา'}`"
+                map-options
+                emit-value
+                option-label="name"
+                :options="absentLateStore.stampTypeOps"
+                option-value="id"
+                use-input
+                hide-selected
+                fill-input
+                input-debounce="0"
+              />
+            </div>
+
+            <div class="col-md-6 col-xs-12">
+              <q-input
+                class="inputgreen"
+                dense
+                outlined
+                v-model="form.stampAmount"
+                label="จำนวน"
+                hide-bottom-space
+                :rules="[(val:string) => !!val || `${'กรุณากรอกจำนวน'}`]"
+                mask="#.#"
+              />
+            </div>
+
+            <div class="col-12">
+              <q-input
+                class="inputgreen"
+                dense
+                outlined
+                v-model="form.remark"
+                label="เหตุผล"
+                hide-bottom-space
+                type="textarea"
+                :rules="[(val:string) => !!val || `${'กรุณากรอกเหตุผล'}`]"
+              />
+            </div>
+          </div>
+        </q-card-section>
+        <q-separator />
+
+        <q-card-actions align="right">
+          <q-btn type="submit" :label="`บันทึก`" color="public">
+            <q-tooltip>บันทึก</q-tooltip>
+          </q-btn>
+        </q-card-actions>
+      </q-form>
+    </q-card>
+  </q-dialog>
+</template>
+
+<style scoped></style>
diff --git a/src/modules/04_registryPerson/components/detail/GovernmentInformation/Main.vue b/src/modules/04_registryPerson/components/detail/GovernmentInformation/Main.vue
index da7af1456..3f30cf12e 100644
--- a/src/modules/04_registryPerson/components/detail/GovernmentInformation/Main.vue
+++ b/src/modules/04_registryPerson/components/detail/GovernmentInformation/Main.vue
@@ -14,6 +14,7 @@ import PerformSpecialWork from "@/modules/04_registryPerson/components/detail/Go
 import ActingPos from "@/modules/04_registryPerson/components/detail/GovernmentInformation/05_ActingPos.vue"; //รักษาการในตำแหน่ง
 import HelpGovernmentDetail from "@/modules/04_registryPerson/components/detail/GovernmentInformation/06_HelpGovernment.vue"; //ช่วยราชการ
 import Postion from "@/modules/04_registryPerson/components/detail/GovernmentInformation/07_Position.vue";
+import AbsentLate from "@/modules/04_registryPerson/components/detail/GovernmentInformation/08_AbsentLate.vue";
 import { useRegistryNewDataStore } from "@/modules/04_registryPerson/store";
 
 const empType = ref<string>(pathRegistryEmp(route.name?.toString() ?? ""));
@@ -47,6 +48,7 @@ const storeRegistry = useRegistryNewDataStore();
     <q-tab v-if="empType != '-employee'" name="6" label="ช่วยราชการ" />
     <q-tab name="2" label="วินัย" />
     <q-tab name="3" label="การลา" />
+    <q-tab name="8" label="ขาดราชการ/มาสาย" />
     <q-tab name="4" label="ปฏิบัติราชการพิเศษ" />
   </q-tabs>
   <q-separator />
@@ -76,6 +78,9 @@ const storeRegistry = useRegistryNewDataStore();
         :citizen-id="storeRegistry.citizenId"
       />
     </q-tab-panel>
+    <q-tab-panel name="8">
+      <AbsentLate :is-leave="storeRegistry.isLeave" />
+    </q-tab-panel>
     <q-tab-panel name="7">
       <Postion
         :is-leave="storeRegistry.isLeave"
diff --git a/src/modules/04_registryPerson/interface/response/Government.ts b/src/modules/04_registryPerson/interface/response/Government.ts
index bcdf39e50..5fbad6012 100644
--- a/src/modules/04_registryPerson/interface/response/Government.ts
+++ b/src/modules/04_registryPerson/interface/response/Government.ts
@@ -44,4 +44,21 @@ interface ResFileData {
   pathname: string;
 }
 
-export type { ResActingPosData, ResAssistanceData, ResFileData };
+interface ResAbsentLateData {
+  createdAt: string;
+  createdFullName: string;
+  createdUserId: string;
+  id: string;
+  isDeleted: boolean;
+  lastUpdateFullName: string;
+  lastUpdateUserId: string;
+  lastUpdatedAt: string;
+  profileId: string;
+  remark: string;
+  stampAmount: string;
+  stampDate: string;
+  stampType: string;
+  status: string;
+}
+
+export type { ResActingPosData, ResAssistanceData, ResFileData, ResAbsentLateData };
diff --git a/src/modules/04_registryPerson/stores/AbsentLate.ts b/src/modules/04_registryPerson/stores/AbsentLate.ts
new file mode 100644
index 000000000..1247fa0f8
--- /dev/null
+++ b/src/modules/04_registryPerson/stores/AbsentLate.ts
@@ -0,0 +1,19 @@
+import { ref } from "vue";
+import { defineStore } from "pinia";
+
+import type { DataOption } from "@/modules/04_registryPerson/interface/index/Main";
+
+export const useAbsentLateStore = defineStore("absentLate", () => {
+  const statusOps = ref<DataOption[]>([
+    { name: "ขาดราชการ", id: "ABSENT" },
+    { name: "มาสาย", id: "LATE" },
+  ]);
+
+  const stampTypeOps = ref<DataOption[]>([
+    { name: "เต็มวัน", id: "FULL_DAY" },
+    { name: "ครึ่งเช้า", id: "MORNING" },
+    { name: "ครึ่งบ่าย ", id: "AFTERNOON" },
+  ]);
+
+  return { statusOps, stampTypeOps };
+});

From b70d9948c0b879caec576b321952239953b3d60a Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Tue, 24 Mar 2026 17:30:10 +0700
Subject: [PATCH 08/54] fix : orgTreeDnaId

---
 src/modules/09_leave/interface/request/changeRound.ts | 2 +-
 src/modules/09_leave/stores/ChangeRoundStore.ts       | 2 +-
 src/modules/09_leave/views/03_ChangeRoundMain.vue     | 6 +++---
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/modules/09_leave/interface/request/changeRound.ts b/src/modules/09_leave/interface/request/changeRound.ts
index b00d7ffba..7dfc20841 100644
--- a/src/modules/09_leave/interface/request/changeRound.ts
+++ b/src/modules/09_leave/interface/request/changeRound.ts
@@ -5,7 +5,7 @@ interface DataPost {
   page: number;
   pageSize: number;
   selectedNodeId: string | null;
-  selectNode: string;
+  selectedNode: string;
 }
 
 interface DataOption {
diff --git a/src/modules/09_leave/stores/ChangeRoundStore.ts b/src/modules/09_leave/stores/ChangeRoundStore.ts
index 0b883fb4b..b1370e358 100644
--- a/src/modules/09_leave/stores/ChangeRoundStore.ts
+++ b/src/modules/09_leave/stores/ChangeRoundStore.ts
@@ -139,7 +139,7 @@ export const useChangeRoundDataStore = defineStore(
             pageSize: dataDetail.pageSize || 10, //จำนวนแถวต่อหน้า
             keyword: dataDetail.keyword || "", //keyword ค้นหา
             selectedNodeId: dataDetail.selectedNodeId, //id ต้นไม้ที่เลือก
-            selectNode: dataDetail.selectNode, //ระดับต้นไม้ที่เลือก
+            selectedNode: dataDetail.selectedNode, //ระดับต้นไม้ที่เลือก
           })
           .then((res) => {
             const apiData = res.data.result.data;
diff --git a/src/modules/09_leave/views/03_ChangeRoundMain.vue b/src/modules/09_leave/views/03_ChangeRoundMain.vue
index a123f3f0b..415615ef9 100644
--- a/src/modules/09_leave/views/03_ChangeRoundMain.vue
+++ b/src/modules/09_leave/views/03_ChangeRoundMain.vue
@@ -44,7 +44,7 @@ const formData = reactive<DataPost>({
   page: 1,
   pageSize: 10,
   selectedNodeId: null,
-  selectNode: "",
+  selectedNode: "",
 });
 
 /** โครงสร้างข้อมูลต้นไม้ขององค์กร **/
@@ -147,8 +147,8 @@ async function searchData() {
 function onSelectedOrgTree(data: any) {
   selected.value = [];
   orgTreeId.value = data.orgTreeId;
-  formData.selectedNodeId = data.orgTreeId;
-  formData.selectNode = data.orgLevel;
+  formData.selectedNodeId = data.orgTreeDnaId;
+  formData.selectedNode = data.orgLevel;
   formData.page = 1;
   searchData();
 }

From 6f495cca9d59503f8e35b41145816d3b9ba4e07c Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Tue, 24 Mar 2026 17:35:55 +0700
Subject: [PATCH 09/54] fix:add filter rowsPerPage = 3000

---
 src/modules/09_leave/views/03_ChangeRoundMain.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/modules/09_leave/views/03_ChangeRoundMain.vue b/src/modules/09_leave/views/03_ChangeRoundMain.vue
index 415615ef9..eaf03bcc3 100644
--- a/src/modules/09_leave/views/03_ChangeRoundMain.vue
+++ b/src/modules/09_leave/views/03_ChangeRoundMain.vue
@@ -136,7 +136,8 @@ function save() {
  * @param newPagination ข้อมูล Pagination ใหม่
  */
 function updatePagination(newPagination: any) {
-  formData.pageSize = newPagination.rowsPerPage;
+  formData.pageSize =
+    newPagination.rowsPerPage === 0 ? 3000 : newPagination.rowsPerPage;
 }
 
 /** Function ค้นหาข้อมูล */
@@ -314,7 +315,7 @@ onMounted(() => {
             dense
             class="custom-header-table"
             :visible-columns="dataStore.visibleColumns"
-            :rows-per-page-options="[10, 25, 50, 100]"
+            :rows-per-page-options="[0, 10, 25, 50, 100]"
             @update:pagination="updatePagination"
             selection="multiple"
             v-model:selected="selected"

From 0a5f64c17ca4f228fa7f785f9b663e5e8f51f42e Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Wed, 25 Mar 2026 09:18:51 +0700
Subject: [PATCH 10/54] fix: payload profileEmployeeId

---
 .../GovernmentInformation/08_DialogAbsentLate.vue   | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/modules/04_registryPerson/components/detail/GovernmentInformation/08_DialogAbsentLate.vue b/src/modules/04_registryPerson/components/detail/GovernmentInformation/08_DialogAbsentLate.vue
index 3bc7b9c3e..0697b5ad9 100644
--- a/src/modules/04_registryPerson/components/detail/GovernmentInformation/08_DialogAbsentLate.vue
+++ b/src/modules/04_registryPerson/components/detail/GovernmentInformation/08_DialogAbsentLate.vue
@@ -57,16 +57,23 @@ function onSubmit() {
   dialogConfirm($q, async () => {
     try {
       showLoader();
-      const playload = {
+      const payload = {
         ...form,
         stampDate: convertDateToAPI(form.stampDate),
-        profileId: isStatusEdit.value ? undefined : profileId.value,
+        profileId:
+          !isStatusEdit.value && empType.value === ""
+            ? profileId.value
+            : undefined,
+        profileEmployeeId:
+          !isStatusEdit.value && empType.value !== ""
+            ? profileId.value
+            : undefined,
       };
       const method = isStatusEdit.value ? "patch" : "post";
       const url = isStatusEdit.value
         ? config.API.profileAbsentLate(empType.value) + `/${rowId.value}`
         : config.API.profileAbsentLate(empType.value);
-      await http[method](url, playload);
+      await http[method](url, payload);
       success($q, "บันทึกข้อมูลสำเร็จ");
       props.fetchData();
       closeDialog();

From c6ea0527c7bcec362e10e8d779b931a88ea21f78 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Wed, 25 Mar 2026 09:23:19 +0700
Subject: [PATCH 11/54] fix

---
 src/modules/09_leave/views/03_ChangeRoundMain.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/modules/09_leave/views/03_ChangeRoundMain.vue b/src/modules/09_leave/views/03_ChangeRoundMain.vue
index eaf03bcc3..86f0f1195 100644
--- a/src/modules/09_leave/views/03_ChangeRoundMain.vue
+++ b/src/modules/09_leave/views/03_ChangeRoundMain.vue
@@ -297,8 +297,8 @@ onMounted(() => {
         <div v-if="dataStore.rows.length !== 0" class="col-12">
           <div class="row justify-between items-center q-mb-sm">
             <q-btn
-              v-show="selected.length > 0"
-              color="info"
+              :disable="selected.length === 0"
+              :color="selected.length === 0 ? 'grey' : 'info'"
               dense
               icon="mdi-shuffle-variant"
               label="เปลี่ยนรอบการลงเวลา"
@@ -315,7 +315,7 @@ onMounted(() => {
             dense
             class="custom-header-table"
             :visible-columns="dataStore.visibleColumns"
-            :rows-per-page-options="[0, 10, 25, 50, 100]"
+            :rows-per-page-options="[10, 25, 50, 100]"
             @update:pagination="updatePagination"
             selection="multiple"
             v-model:selected="selected"

From 8359d1fbcabb014be80b5efa50221be39e8f6269 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Wed, 25 Mar 2026 09:32:02 +0700
Subject: [PATCH 12/54] fix: rowsPerPage 100

---
 src/modules/09_leave/views/03_ChangeRoundMain.vue | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/modules/09_leave/views/03_ChangeRoundMain.vue b/src/modules/09_leave/views/03_ChangeRoundMain.vue
index 86f0f1195..fe7943b22 100644
--- a/src/modules/09_leave/views/03_ChangeRoundMain.vue
+++ b/src/modules/09_leave/views/03_ChangeRoundMain.vue
@@ -23,7 +23,6 @@ const {
   hideLoader,
   success,
   messageError,
-  dialogMessageNotify,
   dialogConfirm,
 } = mixin;
 const dataStore = useChangeRoundDataStore();
@@ -42,11 +41,16 @@ const formData = reactive<DataPost>({
   firstName: "",
   lastName: "",
   page: 1,
-  pageSize: 10,
+  pageSize: 100,
   selectedNodeId: null,
   selectedNode: "",
 });
 
+const pagination = ref({
+  page: 1,
+  rowsPerPage: formData.pageSize,
+});
+
 /** โครงสร้างข้อมูลต้นไม้ขององค์กร **/
 const nodeTree = ref<any[]>([]);
 const expanded = ref<string[]>([]);
@@ -305,6 +309,7 @@ onMounted(() => {
               @click="handleSelectMultiple()"
             />
           </div>
+
           <d-table
             ref="table"
             :columns="dataStore.columns"
@@ -317,6 +322,7 @@ onMounted(() => {
             :visible-columns="dataStore.visibleColumns"
             :rows-per-page-options="[10, 25, 50, 100]"
             @update:pagination="updatePagination"
+            v-model:pagination="pagination"
             selection="multiple"
             v-model:selected="selected"
           >

From e9c545a18d9010b8ad85a8cf5ab9aa171b802e66 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Wed, 25 Mar 2026 10:20:48 +0700
Subject: [PATCH 13/54] feat: add contact banner

---
 src/components/Dialogs/DialogDebug.vue | 9 ++++++++-
 src/views/Error404NotFound.vue         | 6 ++++++
 src/views/ErrorPermission.vue          | 6 ++++++
 src/views/MainLayout.vue               | 8 ++++++++
 4 files changed, 28 insertions(+), 1 deletion(-)

diff --git a/src/components/Dialogs/DialogDebug.vue b/src/components/Dialogs/DialogDebug.vue
index 94c5c349f..cd5b3a78d 100644
--- a/src/components/Dialogs/DialogDebug.vue
+++ b/src/components/Dialogs/DialogDebug.vue
@@ -391,7 +391,14 @@ function onClose() {
         </q-card-section>
 
         <q-separator />
-        <q-card-actions align="right">
+        <q-card-actions class="q-px-md items-center">
+          <div class="text-caption text-grey-8 q-ml-xs q-pa-sm">
+            *พบปัญหาการใช้งานกรุณาติดต่อผู้ดูแลระบบ
+            <span class="text-weight-bold text-grey-8 q-ml-xs"
+              >088-264-9800</span
+            >
+          </div>
+          <q-space />
           <q-btn
             type="submit"
             for="#submitForm"
diff --git a/src/views/Error404NotFound.vue b/src/views/Error404NotFound.vue
index e521ddd28..b1e69ea96 100644
--- a/src/views/Error404NotFound.vue
+++ b/src/views/Error404NotFound.vue
@@ -22,6 +22,12 @@ export default defineComponent({
         label="กลับไปหน้าหลัก"
         no-caps
       />
+
+      <div class="q-mt-xl text-subtitle1">
+        <q-icon name="mdi-alert-circle-outline" size="20px" class="q-mr-sm" />
+        พบปัญหาการใช้งานกรุณาติดต่อผู้ดูแลระบบ 
+        <span class="text-weight-bold q-ml-xs">088-264-9800</span>
+      </div>
     </div>
   </div>
 </template>
diff --git a/src/views/ErrorPermission.vue b/src/views/ErrorPermission.vue
index ec5e14aad..49429875f 100644
--- a/src/views/ErrorPermission.vue
+++ b/src/views/ErrorPermission.vue
@@ -18,6 +18,12 @@
         label="กลับหน้าหลัก"
         no-caps
       />
+
+      <div class="q-mt-xl text-subtitle1 text-grey-8">
+        <q-icon name="mdi-alert-circle-outline" size="20px" class="q-mr-sm" />
+        พบปัญหาการใช้งานกรุณาติดต่อผู้ดูแลระบบ 
+        <span class="text-weight-bold text-dark q-ml-xs">088-264-9800</span>
+      </div>
     </div>
   </div>
 </template>
diff --git a/src/views/MainLayout.vue b/src/views/MainLayout.vue
index 369ddee6d..36b6d7ff7 100644
--- a/src/views/MainLayout.vue
+++ b/src/views/MainLayout.vue
@@ -1282,6 +1282,14 @@ function onViewDetailNoti(url: string) {
         <router-view :key="$route.fullPath" />
       </q-page>
     </q-page-container>
+    <q-footer class="bg-grey-2 text-grey-7 q-py-sm" bordered>
+      <div class="row justify-center items-center text-caption" style="font-size: 13px;">
+        <q-icon name="mdi-alert-circle-outline" size="18px" class="q-mr-sm" />
+        พบปัญหาการใช้งานกรุณาติดต่อผู้ดูแลระบบ 
+        <span class="text-weight-bold text-grey-9 q-ml-xs">088-264-9800</span>
+      </div>
+    </q-footer>
+
     <full-loader :visibility="loader" />
     <LoginLinkage v-model:modal="modalLoginLinkage" />
     <DialogDebug v-model:modal="modalDebug" />

From 5f48063ae79424b67e82d7c5f7fdb2c195f8c566 Mon Sep 17 00:00:00 2001
From: waruneeauy <warunee.auy@gmail.com>
Date: Wed, 25 Mar 2026 10:27:45 +0700
Subject: [PATCH 14/54] fix layout and select input

---
 .../08_DialogAbsentLate.vue                   | 64 +++++++++++--------
 1 file changed, 39 insertions(+), 25 deletions(-)

diff --git a/src/modules/04_registryPerson/components/detail/GovernmentInformation/08_DialogAbsentLate.vue b/src/modules/04_registryPerson/components/detail/GovernmentInformation/08_DialogAbsentLate.vue
index 0697b5ad9..4d0311de3 100644
--- a/src/modules/04_registryPerson/components/detail/GovernmentInformation/08_DialogAbsentLate.vue
+++ b/src/modules/04_registryPerson/components/detail/GovernmentInformation/08_DialogAbsentLate.vue
@@ -90,6 +90,17 @@ function closeDialog() {
   modal.value = false;
 }
 
+watch(
+  () => form.stampType,
+  (stampType) => {
+    if (stampType === "FULL_DAY") {
+      form.stampAmount = "1.0";
+    } else if (stampType === "MORNING" || stampType === "AFTERNOON") {
+      form.stampAmount = "0.5";
+    }
+  }
+);
+
 watch(
   () => modal.value,
   (newVal) => {
@@ -119,29 +130,31 @@ watch(
 
         <q-card-section class="q-pa-md">
           <div class="col-12 row q-col-gutter-sm">
-            <div class="col-md-7 col-sm-12">
-              <q-select
-                class="full-width inputgreen cursor-pointer"
-                outlined
-                dense
-                lazy-rules
-                v-model="form.status"
-                :rules="[(val:string) => !!val || `${'กรุณาเลือกสถานะ'}`]"
-                hide-bottom-space
-                :label="`${'สถานะ'}`"
-                map-options
-                emit-value
-                option-label="name"
-                option-value="id"
-                :options="absentLateStore.statusOps"
-                use-input
-                hide-selected
-                fill-input
-                input-debounce="0"
-              />
+            <div class="col-12 row">
+              <div class="col-md-4 col-sm-12">
+                <q-select
+                  class="full-width inputgreen cursor-pointer"
+                  outlined
+                  dense
+                  lazy-rules
+                  v-model="form.status"
+                  :rules="[(val:string) => !!val || `${'กรุณาเลือกสถานะ'}`]"
+                  hide-bottom-space
+                  :label="`${'สถานะ'}`"
+                  map-options
+                  emit-value
+                  option-label="name"
+                  option-value="id"
+                  :options="absentLateStore.statusOps"
+                  use-input
+                  hide-selected
+                  fill-input
+                  input-debounce="0"
+                />
+              </div>
             </div>
 
-            <div class="col-md-5 col-sm-12">
+            <div class="col-md-4 col-sm-12">
               <datepicker
                 class="inputgreen"
                 menu-class-name="modalfix"
@@ -185,7 +198,7 @@ watch(
                 </template>
               </datepicker>
             </div>
-            <div class="col-md-6 col-xs-12">
+            <div class="col-md-4 col-xs-12">
               <q-select
                 class="full-width inputgreen cursor-pointer"
                 outlined
@@ -207,7 +220,7 @@ watch(
               />
             </div>
 
-            <div class="col-md-6 col-xs-12">
+            <div class="col-md-4 col-xs-12">
               <q-input
                 class="inputgreen"
                 dense
@@ -215,7 +228,9 @@ watch(
                 v-model="form.stampAmount"
                 label="จำนวน"
                 hide-bottom-space
-                :rules="[(val:string) => !!val || `${'กรุณากรอกจำนวน'}`]"
+                readonly
+                :rules="[(val:string) => !!val ||
+              `${'กรุณากรอกจำนวน'}`]"
                 mask="#.#"
               />
             </div>
@@ -229,7 +244,6 @@ watch(
                 label="เหตุผล"
                 hide-bottom-space
                 type="textarea"
-                :rules="[(val:string) => !!val || `${'กรุณากรอกเหตุผล'}`]"
               />
             </div>
           </div>

From 140553666dc8d6da16310e16a0cc44d69cef429f Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Wed, 25 Mar 2026 11:05:28 +0700
Subject: [PATCH 15/54] fix

---
 src/components/Dialogs/DialogDebug.vue | 10 ++++------
 src/components/FooterContact.vue       | 13 +++++++++++++
 src/views/MainLayout.vue               |  9 +++------
 3 files changed, 20 insertions(+), 12 deletions(-)
 create mode 100644 src/components/FooterContact.vue

diff --git a/src/components/Dialogs/DialogDebug.vue b/src/components/Dialogs/DialogDebug.vue
index cd5b3a78d..e84ef99da 100644
--- a/src/components/Dialogs/DialogDebug.vue
+++ b/src/components/Dialogs/DialogDebug.vue
@@ -11,6 +11,7 @@ import http from "@/plugins/http";
 import config from "@/app.config";
 
 import DialogHeader from "@/components/DialogHeader.vue";
+import FooterContact from "@/components/FooterContact.vue";
 
 const $q = useQuasar();
 const store = usePositionKeycloakStore();
@@ -391,12 +392,9 @@ function onClose() {
         </q-card-section>
 
         <q-separator />
-        <q-card-actions class="q-px-md items-center">
-          <div class="text-caption text-grey-8 q-ml-xs q-pa-sm">
-            *พบปัญหาการใช้งานกรุณาติดต่อผู้ดูแลระบบ
-            <span class="text-weight-bold text-grey-8 q-ml-xs"
-              >088-264-9800</span
-            >
+        <q-card-actions class="q-px-sm items-center">
+          <div class="row items-center q-pa-sm">
+            <FooterContact />
           </div>
           <q-space />
           <q-btn
diff --git a/src/components/FooterContact.vue b/src/components/FooterContact.vue
new file mode 100644
index 000000000..fe2123415
--- /dev/null
+++ b/src/components/FooterContact.vue
@@ -0,0 +1,13 @@
+<template>
+  <div class="row items-center justify-center q-gutter-sm">
+    <q-icon name="support_agent" color="primary" size="sm" />
+    <span class="text-body2">
+      พบปัญหาการใช้งานกรุณาติดต่อผู้ดูแลระบบ
+      <span class="text-weight-medium text-primary">088-264-9800</span>
+    </span>
+  </div>
+</template>
+
+<script setup lang="ts"></script>
+
+<style scoped></style>
diff --git a/src/views/MainLayout.vue b/src/views/MainLayout.vue
index 36b6d7ff7..3812a311d 100644
--- a/src/views/MainLayout.vue
+++ b/src/views/MainLayout.vue
@@ -28,6 +28,7 @@ import { tabList, tabListPlacement } from "../interface/request/main/main";
 
 import LoginLinkage from "@/components/LoginLinkage.vue";
 import DialogDebug from "@/components/Dialogs/DialogDebug.vue";
+import FooterContact from "@/components/FooterContact.vue";
 
 // landing page config url
 const configParam = {
@@ -1282,12 +1283,8 @@ function onViewDetailNoti(url: string) {
         <router-view :key="$route.fullPath" />
       </q-page>
     </q-page-container>
-    <q-footer class="bg-grey-2 text-grey-7 q-py-sm" bordered>
-      <div class="row justify-center items-center text-caption" style="font-size: 13px;">
-        <q-icon name="mdi-alert-circle-outline" size="18px" class="q-mr-sm" />
-        พบปัญหาการใช้งานกรุณาติดต่อผู้ดูแลระบบ 
-        <span class="text-weight-bold text-grey-9 q-ml-xs">088-264-9800</span>
-      </div>
+    <q-footer class="bg-grey-1 text-dark q-pa-md" bordered>
+      <FooterContact />
     </q-footer>
 
     <full-loader :visibility="loader" />

From 2b0d3340ee4c838ff288d3b6d3d5ae56b87a4a92 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Wed, 25 Mar 2026 11:54:34 +0700
Subject: [PATCH 16/54] fix:tel

---
 src/components/FooterContact.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/FooterContact.vue b/src/components/FooterContact.vue
index fe2123415..3aa672f3c 100644
--- a/src/components/FooterContact.vue
+++ b/src/components/FooterContact.vue
@@ -3,7 +3,8 @@
     <q-icon name="support_agent" color="primary" size="sm" />
     <span class="text-body2">
       พบปัญหาการใช้งานกรุณาติดต่อผู้ดูแลระบบ
-      <span class="text-weight-medium text-primary">088-264-9800</span>
+      <span class="text-weight-medium text-primary"><a href="tel:0882649800">088-264-9800</a>
+ </span>
     </span>
   </div>
 </template>

From 59c188a3a99ba5bce70631bc40b9fc136d541a89 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Wed, 25 Mar 2026 11:59:14 +0700
Subject: [PATCH 17/54] fix:tel

---
 src/components/FooterContact.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/FooterContact.vue b/src/components/FooterContact.vue
index 3aa672f3c..d8d7236c5 100644
--- a/src/components/FooterContact.vue
+++ b/src/components/FooterContact.vue
@@ -3,8 +3,9 @@
     <q-icon name="support_agent" color="primary" size="sm" />
     <span class="text-body2">
       พบปัญหาการใช้งานกรุณาติดต่อผู้ดูแลระบบ
-      <span class="text-weight-medium text-primary"><a href="tel:0882649800">088-264-9800</a>
- </span>
+      <span class="text-weight-medium text-primary"
+        ><a href="tel:0882649800">088-264-9800</a>
+      </span>
     </span>
   </div>
 </template>

From c066ee577a8ecc706b7dbf2da90c074d9c572efd Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Wed, 25 Mar 2026 12:10:53 +0700
Subject: [PATCH 18/54] fix: style

---
 src/components/FooterContact.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/FooterContact.vue b/src/components/FooterContact.vue
index d8d7236c5..45082f566 100644
--- a/src/components/FooterContact.vue
+++ b/src/components/FooterContact.vue
@@ -4,7 +4,9 @@
     <span class="text-body2">
       พบปัญหาการใช้งานกรุณาติดต่อผู้ดูแลระบบ
       <span class="text-weight-medium text-primary"
-        ><a href="tel:0882649800">088-264-9800</a>
+        ><a href="tel:0882649800" style="text-decoration: none; color: inherit"
+          >088-264-9800</a
+        >
       </span>
     </span>
   </div>

From 263e122b60cafe089e7c3783a7b6ea28be396569 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Wed, 25 Mar 2026 15:05:49 +0700
Subject: [PATCH 19/54] fix: payload multiple

---
 .../09_leave/components/03_ChangeRound/DialogForm.vue     | 8 ++++++++
 src/modules/09_leave/stores/ChangeRoundStore.ts           | 1 +
 2 files changed, 9 insertions(+)

diff --git a/src/modules/09_leave/components/03_ChangeRound/DialogForm.vue b/src/modules/09_leave/components/03_ChangeRound/DialogForm.vue
index 59a5c8be2..954827e64 100644
--- a/src/modules/09_leave/components/03_ChangeRound/DialogForm.vue
+++ b/src/modules/09_leave/components/03_ChangeRound/DialogForm.vue
@@ -138,6 +138,14 @@ async function changeRound() {
       roundId: formData.round,
       effectiveDate: formattedDateForAPI,
       remark: formData.reson,
+      firstName: item.firstName,
+      lastName: item.lastName,
+      prefix: item.prefix,
+      rootDnaId: item.rootDnaId,
+      child1DnaId: item.child1DnaId,
+      child2DnaId: item.child2DnaId,
+      child3DnaId: item.child3DnaId,
+      child4DnaId: item.child4DnaId,
     }));
   } else {
     payload = {
diff --git a/src/modules/09_leave/stores/ChangeRoundStore.ts b/src/modules/09_leave/stores/ChangeRoundStore.ts
index b1370e358..4d34b5872 100644
--- a/src/modules/09_leave/stores/ChangeRoundStore.ts
+++ b/src/modules/09_leave/stores/ChangeRoundStore.ts
@@ -150,6 +150,7 @@ export const useChangeRoundDataStore = defineStore(
             if (apiData.length > 0) {
               checkCilck.value = false;
               rows.value = apiData.map((e: any) => ({
+                ...e,
                 profileId: e.profileId,
                 cardId: e.citizenId,
                 fullName: e.fullName,

From 5830d2411867149b8fb0958cb504facd56246444 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Wed, 25 Mar 2026 16:55:15 +0700
Subject: [PATCH 20/54] refactor(ui): apply +543 year formatting to columns

---
 src/modules/03_recruiting/views/02_qualify/DisablePeriod.vue    | 2 +-
 .../components/detail/Achievement/03_Insignia.vue               | 2 +-
 src/modules/07_insignia/components/2_Manage/InfoInsignia.vue    | 2 +-
 src/modules/14_KPI/views/01_kpiRound.vue                        | 2 +-
 src/modules/15_development/views/EmployeeHistory.vue            | 2 +-
 src/modules/15_development/views/History.vue                    | 2 +-
 src/modules/15_development/views/MainPage.vue                   | 2 +-
 src/modules/15_development/views/Scholarship.vue                | 2 +-
 8 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/modules/03_recruiting/views/02_qualify/DisablePeriod.vue b/src/modules/03_recruiting/views/02_qualify/DisablePeriod.vue
index 15ecf3039..d23684dea 100644
--- a/src/modules/03_recruiting/views/02_qualify/DisablePeriod.vue
+++ b/src/modules/03_recruiting/views/02_qualify/DisablePeriod.vue
@@ -112,7 +112,7 @@ const columns = ref<QTableProps["columns"]>([
     headerStyle: "font-size: 14px",
     style: "font-size: 14px",
     format(val, row) {
-      return `${row.year + 543}`;
+      return `${row.year ? row.year + 543 : "-"}`;
     },
     sort: (a: number, b: number) => b - a,
   },
diff --git a/src/modules/04_registryPerson/components/detail/Achievement/03_Insignia.vue b/src/modules/04_registryPerson/components/detail/Achievement/03_Insignia.vue
index 5da6c11e0..4c5be3b21 100644
--- a/src/modules/04_registryPerson/components/detail/Achievement/03_Insignia.vue
+++ b/src/modules/04_registryPerson/components/detail/Achievement/03_Insignia.vue
@@ -92,7 +92,7 @@ const baseColumns = ref<QTableColumn[]>([
     field: "year",
     headerStyle: "font-size: 14px",
     style: "font-size: 14px",
-    format: (v) => v + 543,
+    format: (v) => (v ? v + 543 : "-"),
     sort: (a: string, b: string) =>
       a
         .toString()
diff --git a/src/modules/07_insignia/components/2_Manage/InfoInsignia.vue b/src/modules/07_insignia/components/2_Manage/InfoInsignia.vue
index 3330aea56..2cf7b60c3 100644
--- a/src/modules/07_insignia/components/2_Manage/InfoInsignia.vue
+++ b/src/modules/07_insignia/components/2_Manage/InfoInsignia.vue
@@ -35,7 +35,7 @@ const columns = ref<QTableProps["columns"]>([
     field: "year",
     headerStyle: "font-size: 14px",
     style: "font-size: 14px",
-    format: (v) => v + 543,
+    format: (v) => (v ? v + 543 : "-"),
   },
   {
     name: "receiveDate",
diff --git a/src/modules/14_KPI/views/01_kpiRound.vue b/src/modules/14_KPI/views/01_kpiRound.vue
index f6db8904d..46502850b 100644
--- a/src/modules/14_KPI/views/01_kpiRound.vue
+++ b/src/modules/14_KPI/views/01_kpiRound.vue
@@ -44,7 +44,7 @@ const columns = ref<QTableProps["columns"]>([
     field: "year",
     headerStyle: "font-size: 14px",
     style: "font-size: 14px",
-    format: (val) => val + 543,
+    format: (val) => (val ? val + 543 : "-"),
   },
   {
     name: "durationKPI",
diff --git a/src/modules/15_development/views/EmployeeHistory.vue b/src/modules/15_development/views/EmployeeHistory.vue
index 87e7f696e..241666999 100644
--- a/src/modules/15_development/views/EmployeeHistory.vue
+++ b/src/modules/15_development/views/EmployeeHistory.vue
@@ -67,7 +67,7 @@ const columns = ref<QTableProps["columns"]>([
     field: "year",
     headerStyle: "font-size: 14px",
     style: "font-size: 14px",
-    format: (v) => v + 543,
+    format: (v) => (v ? v + 543 : "-"),
   },
   {
     name: "citizenId",
diff --git a/src/modules/15_development/views/History.vue b/src/modules/15_development/views/History.vue
index 76a8079ea..a9806406c 100644
--- a/src/modules/15_development/views/History.vue
+++ b/src/modules/15_development/views/History.vue
@@ -44,7 +44,7 @@ const columns = ref<QTableProps["columns"]>([
     field: "year",
     headerStyle: "font-size: 14px",
     style: "font-size: 14px",
-    format: (v) => v + 543,
+    format: (v) => (v ? v + 543 : "-"),
   },
   {
     name: "citizenId",
diff --git a/src/modules/15_development/views/MainPage.vue b/src/modules/15_development/views/MainPage.vue
index 7db45984f..397fd2b99 100644
--- a/src/modules/15_development/views/MainPage.vue
+++ b/src/modules/15_development/views/MainPage.vue
@@ -75,7 +75,7 @@ const columns = ref<QTableProps["columns"]>([
     field: "year",
     headerStyle: "font-size: 14px",
     style: "font-size: 14px ; width:10%",
-    format: (val) => val + 543,
+    format: (val) => (val ? val + 543 : "-"),
   },
   {
     name: "projectName",
diff --git a/src/modules/15_development/views/Scholarship.vue b/src/modules/15_development/views/Scholarship.vue
index 48d94b36c..12e494ddc 100644
--- a/src/modules/15_development/views/Scholarship.vue
+++ b/src/modules/15_development/views/Scholarship.vue
@@ -32,7 +32,7 @@ const columns = ref<QTableProps["columns"]>([
     headerStyle: "font-size: 14px",
     style: "font-size: 14px",
     format(val) {
-      return val + 543;
+      return val ? val + 543 : "-";
     },
   },
   {

From beef941dfda6a02a826cfc85080b90a4cad6439b Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Wed, 25 Mar 2026 17:08:34 +0700
Subject: [PATCH 21/54] fix: insigniaForm.year

---
 .../components/detail/Achievement/03_Insignia.vue         | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/modules/04_registryPerson/components/detail/Achievement/03_Insignia.vue b/src/modules/04_registryPerson/components/detail/Achievement/03_Insignia.vue
index 4c5be3b21..e08b1a073 100644
--- a/src/modules/04_registryPerson/components/detail/Achievement/03_Insignia.vue
+++ b/src/modules/04_registryPerson/components/detail/Achievement/03_Insignia.vue
@@ -920,9 +920,11 @@ onMounted(async () => {
                 :locale="'th'"
                 :enableTimePicker="false"
               >
-                <template #year="{ year }">{{ year + 543 }}</template>
+                <template #year="{ year }">{{
+                  year ? year + 543 : "-"
+                }}</template>
                 <template #year-overlay-value="{ value }">{{
-                  parseInt(value + 543)
+                  value ? parseInt(value + 543) : "-"
                 }}</template>
                 <template #trigger>
                   <q-input
@@ -930,7 +932,7 @@ onMounted(async () => {
                     outlined
                     hide-bottom-space
                     class="inputgreen"
-                    :model-value="insigniaForm.year !== 0 ? (insigniaForm.year as number) + 543 : null"
+                    :model-value="insigniaForm.year != null && insigniaForm.year !== 0 ? (insigniaForm.year as number) + 543 : null"
                     :rules="[
                     (val:string) =>
                       !!val ||

From bebf684069148bbb956fe78409c310252b75a42e Mon Sep 17 00:00:00 2001
From: waruneeauy <warunee.auy@gmail.com>
Date: Wed, 25 Mar 2026 17:48:24 +0700
Subject: [PATCH 22/54] update selected and load data

---
 .../09_leave/stores/ChangeRoundStore.ts       |   4 +-
 .../09_leave/views/03_ChangeRoundMain.vue     | 206 +++++++++++++-----
 2 files changed, 157 insertions(+), 53 deletions(-)

diff --git a/src/modules/09_leave/stores/ChangeRoundStore.ts b/src/modules/09_leave/stores/ChangeRoundStore.ts
index 4d34b5872..8914ebd4f 100644
--- a/src/modules/09_leave/stores/ChangeRoundStore.ts
+++ b/src/modules/09_leave/stores/ChangeRoundStore.ts
@@ -125,7 +125,7 @@ export const useChangeRoundDataStore = defineStore(
 
     async function fetchDataForCardId(dataDetail: any, type?: string) {
       if (dataDetail) {
-        showLoader();
+        // showLoader();
         const url =
           type && type == "emp"
             ? config.API.leaveSearchEMP()
@@ -170,7 +170,7 @@ export const useChangeRoundDataStore = defineStore(
             console.log(e);
           })
           .finally(() => {
-            hideLoader();
+            // hideLoader();
           });
       }
     }
diff --git a/src/modules/09_leave/views/03_ChangeRoundMain.vue b/src/modules/09_leave/views/03_ChangeRoundMain.vue
index fe7943b22..5bbb76fc5 100644
--- a/src/modules/09_leave/views/03_ChangeRoundMain.vue
+++ b/src/modules/09_leave/views/03_ChangeRoundMain.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, watch, reactive, onMounted } from "vue";
+import { ref, watch, reactive, onMounted, nextTick } from "vue";
 import { useQuasar } from "quasar";
 
 import http from "@/plugins/http";
@@ -18,13 +18,7 @@ import Dialogform from "@/modules/09_leave/components/03_ChangeRound/DialogForm.
 const route = useRoute();
 const mixin = useCounterMixin();
 
-const {
-  showLoader,
-  hideLoader,
-  success,
-  messageError,
-  dialogConfirm,
-} = mixin;
+const { showLoader, hideLoader, success, messageError, dialogConfirm } = mixin;
 const dataStore = useChangeRoundDataStore();
 const { fetchStructureTree } = useStructureTree();
 
@@ -48,7 +42,7 @@ const formData = reactive<DataPost>({
 
 const pagination = ref({
   page: 1,
-  rowsPerPage: formData.pageSize,
+  rowsPerPage: 0,
 });
 
 /** โครงสร้างข้อมูลต้นไม้ขององค์กร **/
@@ -59,6 +53,19 @@ const filter = ref<string>("");
 const selected = ref<any[]>([]);
 const isMultiple = ref<boolean>(false);
 
+/** client-side data & batch loading **/
+const allRows = ref<any[]>([]);
+const isLoadingAll = ref<boolean>(false);
+const loadAllProgress = ref<number>(0);
+const totalToLoad = ref<number | null>(null);
+const BATCH_SIZE = 250;
+
+function waitForUi() {
+  return new Promise((resolve) => {
+    setTimeout(resolve, 0);
+  });
+}
+
 /** function fetch ข้อมูลของ Tree*/
 async function fetchDataTree() {
   nodeTree.value = await fetchStructureTree(route.meta.Key as string, true);
@@ -135,27 +142,75 @@ function save() {
   });
 }
 
-/**
- * function updatePagination
- * @param newPagination ข้อมูล Pagination ใหม่
- */
-function updatePagination(newPagination: any) {
-  formData.pageSize =
-    newPagination.rowsPerPage === 0 ? 3000 : newPagination.rowsPerPage;
+/** Function โหลดข้อมูลทั้งหมดแบบ batch แล้วให้ QTable ทำ pagination เอง */
+async function fetchAllData() {
+  isLoadingAll.value = true;
+  allRows.value = [];
+  loadAllProgress.value = 0;
+  totalToLoad.value = null;
+  selected.value = [];
+
+  // ให้ UI แสดงสถานะกำลังโหลดทันที ก่อนรอผล API แรก
+  await nextTick();
+  await waitForUi();
+
+  try {
+    await dataStore.fetchDataForCardId({
+      ...formData,
+      page: 1,
+      pageSize: BATCH_SIZE,
+    });
+    allRows.value = dataStore.rows.slice();
+
+    const total = dataStore.totalListMain;
+    totalToLoad.value = total;
+    const totalPages = Math.ceil(total / BATCH_SIZE);
+    loadAllProgress.value =
+      totalPages <= 1 ? 100 : Math.round(100 / totalPages);
+    await nextTick();
+
+    for (let page = 2; page <= totalPages; page++) {
+      await dataStore.fetchDataForCardId({
+        ...formData,
+        page,
+        pageSize: BATCH_SIZE,
+      });
+      allRows.value.push(...dataStore.rows);
+      loadAllProgress.value = Math.round((page / totalPages) * 100);
+      await nextTick();
+      await waitForUi();
+    }
+  } finally {
+    isLoadingAll.value = false;
+    totalToLoad.value = null;
+  }
 }
 
 /** Function ค้นหาข้อมูล */
 async function searchData() {
-  await dataStore.fetchDataForCardId(formData);
+  await fetchAllData();
+}
+
+function submitSearchByEnter() {
+  if (isLoadingAll.value) return;
+  if (!checkPermission(route)?.attrIsGet) return;
+  formData.page = 1;
+  searchData();
+}
+
+/** Function เลือกทั้งหมด */
+function selectAllRows() {
+  selected.value = [...allRows.value];
 }
 
 function onSelectedOrgTree(data: any) {
+  if (isLoadingAll.value) return;
   selected.value = [];
+  allRows.value = [];
   orgTreeId.value = data.orgTreeId;
   formData.selectedNodeId = data.orgTreeDnaId;
   formData.selectedNode = data.orgLevel;
   formData.page = 1;
-  searchData();
 }
 
 function handleSelectMultiple() {
@@ -171,14 +226,14 @@ function resetSelected() {
 watch(
   () => formData.pageSize,
   () => {
-    formData.page = 1;
-    searchData();
+    // pageSize ถูกควบคุมโดย QTable (client-side) ไม่ต้อง fetch API ใหม่
   }
 );
 
 onMounted(() => {
   fetchDataTree();
   dataStore.rows = [];
+  allRows.value = [];
 });
 </script>
 <template>
@@ -238,7 +293,6 @@ onMounted(() => {
       <q-card-section
         class="col-lg-9 col-md-8 col-xs-12 q-gutter-sm scroll"
         style="height: 80vh"
-        v-if="orgTreeId"
       >
         <div class="row col-xs-12 col-sm-9">
           <q-card flat bordered class="bg-grey-2 col-12 bg-white q-pa-lg">
@@ -247,7 +301,7 @@ onMounted(() => {
             </div>
             <div class="row justify-between q-gutter-y-sm">
               <q-input
-                :readonly="!checkPermission($route)?.attrIsGet"
+                :readonly="!checkPermission($route)?.attrIsGet || isLoadingAll"
                 v-model="formData.cardId"
                 outlined
                 label="เลขประจำตัวประชาชน"
@@ -255,28 +309,32 @@ onMounted(() => {
                 dense
                 hide-bottom-space
                 maxlength="13"
+                @keyup.enter="submitSearchByEnter"
               />
               <q-input
-                :readonly="!checkPermission($route)?.attrIsGet"
+                :readonly="!checkPermission($route)?.attrIsGet || isLoadingAll"
                 v-model="formData.firstName"
                 outlined
                 label="ชื่อ"
                 class="col-5 col-md-3 bg-white inputgreen"
                 dense
                 hide-bottom-space
+                @keyup.enter="submitSearchByEnter"
               />
               <q-input
-                :readonly="!checkPermission($route)?.attrIsGet"
+                :readonly="!checkPermission($route)?.attrIsGet || isLoadingAll"
                 v-model="formData.lastName"
                 outlined
                 label="นามสกุล"
                 class="col-6 col-md-3 bg-white inputgreen"
                 dense
                 hide-bottom-space
+                @keyup.enter="submitSearchByEnter"
               />
               <q-btn
                 v-if="checkPermission($route)?.attrIsGet"
                 @click="(formData.page = 1), searchData()"
+                :disable="isLoadingAll"
                 for="#search"
                 dense
                 unelevated
@@ -289,7 +347,11 @@ onMounted(() => {
           </q-card>
         </div>
         <div
-          v-if="dataStore.rows.length === 0 && dataStore.checkCilck === true"
+          v-if="
+            allRows.length === 0 &&
+            dataStore.checkCilck === true &&
+            !isLoadingAll
+          "
         >
           <q-card
             flat
@@ -298,30 +360,81 @@ onMounted(() => {
             >ไม่พบข้อมูล</q-card
           >
         </div>
-        <div v-if="dataStore.rows.length !== 0" class="col-12">
+        <div v-if="allRows.length !== 0 || isLoadingAll" class="col-12">
+          <q-banner
+            v-if="isLoadingAll"
+            rounded
+            class="bg-blue-1 text-primary q-mb-sm"
+          >
+            <div class="row items-center q-gutter-sm">
+              <q-spinner color="primary" size="22px" />
+              <div v-if="totalToLoad === null || totalToLoad <= 500">
+                กำลังค้นหาข้อมูล กรุณารอสักครู่
+              </div>
+              <div v-else>
+                กำลังโหลดข้อมูลจำนวนมาก กรุณารอสักครู่
+                <div class="text-caption text-grey-7">
+                  ระบบกำลังดึงข้อมูลทั้งหมด
+                  {{ totalToLoad.toLocaleString() }} รายการ
+                </div>
+              </div>
+            </div>
+          </q-banner>
+          <q-linear-progress
+            v-if="isLoadingAll && totalToLoad === null"
+            indeterminate
+            color="primary"
+            class="q-mb-xs"
+          />
+          <q-linear-progress
+            v-if="isLoadingAll && totalToLoad !== null"
+            :value="loadAllProgress / 100"
+            color="primary"
+            class="q-mb-xs"
+          />
+          <div
+            v-if="isLoadingAll && totalToLoad !== null"
+            class="text-caption text-grey-6 q-mb-xs"
+          >
+            กำลังโหลด... {{ allRows.length.toLocaleString() }} /
+            {{ totalToLoad.toLocaleString() }} รายการ
+          </div>
           <div class="row justify-between items-center q-mb-sm">
-            <q-btn
-              :disable="selected.length === 0"
-              :color="selected.length === 0 ? 'grey' : 'info'"
-              dense
-              icon="mdi-shuffle-variant"
-              label="เปลี่ยนรอบการลงเวลา"
-              @click="handleSelectMultiple()"
-            />
+            <div class="row q-gutter-sm">
+              <!-- <q-btn
+                color="secondary"
+                dense
+                icon="mdi-checkbox-multiple-marked-outline"
+                label="เลือกทั้งหมด"
+                :disable="isLoadingAll || allRows.length === 0"
+                @click="selectAllRows()"
+              /> -->
+              <q-btn
+                :disable="selected.length === 0 || isLoadingAll"
+                :color="selected.length === 0 ? 'grey' : 'info'"
+                dense
+                icon="mdi-shuffle-variant"
+                :label="`เปลี่ยนรอบการลงเวลา${
+                  selected.length > 0 ? ` (${selected.length})` : ''
+                }`"
+                @click="handleSelectMultiple()"
+              />
+            </div>
           </div>
 
           <d-table
             ref="table"
             :columns="dataStore.columns"
-            :rows="dataStore.rows"
+            :rows="allRows"
             row-key="profileId"
             flat
             bordered
             dense
+            virtual-scroll
+            table-style="max-height: 58vh"
             class="custom-header-table"
             :visible-columns="dataStore.visibleColumns"
-            :rows-per-page-options="[10, 25, 50, 100]"
-            @update:pagination="updatePagination"
+            hide-pagination
             v-model:pagination="pagination"
             selection="multiple"
             v-model:selected="selected"
@@ -333,6 +446,7 @@ onMounted(() => {
                     keep-color
                     color="primary"
                     dense
+                    :disable="isLoadingAll"
                     v-model="props.selected"
                   />
                 </q-th>
@@ -354,6 +468,7 @@ onMounted(() => {
                     keep-color
                     color="primary"
                     dense
+                    :disable="isLoadingAll"
                     v-model="props.selected"
                   />
                 </q-td>
@@ -429,21 +544,10 @@ onMounted(() => {
                 </q-td>
               </q-tr>
             </template>
-            <template v-slot:pagination="scope">
-              ทั้งหมด {{ dataStore.totalListMain }} รายการ
-              <q-pagination
-                v-model="formData.page"
-                active-color="primary"
-                color="dark"
-                :max="Number(dataStore.maxPageMain)"
-                size="sm"
-                boundary-links
-                direction-links
-                :max-pages="5"
-                @update:model-value="dataStore.fetchDataForCardId(formData)"
-              ></q-pagination>
-            </template>
           </d-table>
+          <div class="text-caption text-grey-7 q-mt-sm">
+            ทั้งหมด {{ allRows.length }} รายการ
+          </div>
         </div>
       </q-card-section>
     </q-card-section>

From ec5f1139224590a13091c65e352329a0cbcc83d2 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Thu, 26 Mar 2026 09:49:02 +0700
Subject: [PATCH 23/54] fix(registry): handle router.push based on isLeave
 status

---
 src/modules/04_registryPerson/views/detailView.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/modules/04_registryPerson/views/detailView.vue b/src/modules/04_registryPerson/views/detailView.vue
index f5e951411..33ca37200 100644
--- a/src/modules/04_registryPerson/views/detailView.vue
+++ b/src/modules/04_registryPerson/views/detailView.vue
@@ -806,9 +806,13 @@ function handleBackNavigation() {
     router.go(-1);
   } else {
     if (empType.value === "") {
-      router.push("/registry-officer");
+      storeRegistry.isLeave
+        ? router.push("/registry-retire-officer")
+        : router.push("/registry-officer");
     } else if (empType.value === "-employee") {
-      router.push("/registry-employee");
+      storeRegistry.isLeave
+        ? router.push("/registry-retire-employee")
+        : router.push("/registry-employee");
     }
   }
 }

From 3c15bb3b0b159587ec35a03112fe93c366c6ad88 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Thu, 26 Mar 2026 09:59:29 +0700
Subject: [PATCH 24/54] fix(salary): add null check for id before processing

---
 src/modules/13_salary/components/04_salaryLists/TabMain.vue     | 2 ++
 .../13_salary/components/05_salaryListsEmployee/TabMain.vue     | 2 ++
 2 files changed, 4 insertions(+)

diff --git a/src/modules/13_salary/components/04_salaryLists/TabMain.vue b/src/modules/13_salary/components/04_salaryLists/TabMain.vue
index 5da8f0b3d..ddf8804e5 100644
--- a/src/modules/13_salary/components/04_salaryLists/TabMain.vue
+++ b/src/modules/13_salary/components/04_salaryLists/TabMain.vue
@@ -222,6 +222,7 @@ const itemsCard = ref([
  * @param id กลุ่ม
  */
 async function fetchDataQuota(id: string) {
+  if (!id) return;
   await http
     .get(config.API.salaryListPeriodQuota(id))
     .then((res) => {
@@ -254,6 +255,7 @@ async function fetchDataQuota(id: string) {
  * @param id กลุ่ม
  */
 async function fetchDataPeriod(id: string, force: boolean = false) {
+  if (!id) return;
   force && showLoader();
   let formData = {
     ...params.value,
diff --git a/src/modules/13_salary/components/05_salaryListsEmployee/TabMain.vue b/src/modules/13_salary/components/05_salaryListsEmployee/TabMain.vue
index e4f00a7cc..cc50f45cb 100644
--- a/src/modules/13_salary/components/05_salaryListsEmployee/TabMain.vue
+++ b/src/modules/13_salary/components/05_salaryListsEmployee/TabMain.vue
@@ -215,6 +215,7 @@ const itemsCard = ref([
  * @param id กลุ่ม
  */
 async function fetchDataQuota(id: string) {
+  if (!id) return;
   await http
     .get(config.API.salaryListPeriodQuotaEmp(id))
     .then((res) => {
@@ -246,6 +247,7 @@ async function fetchDataQuota(id: string) {
  * @param id กลุ่ม
  */
 async function fetchDataPeriod(id: string, force: boolean = false) {
+  if (!id) return;
   force && showLoader();
   let formData = {
     ...params.value,

From dd5b2e0676fe08323db7c9a2e5f8b8b4b8059201 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Thu, 26 Mar 2026 10:16:46 +0700
Subject: [PATCH 25/54] fix(discipline): clear selected employees on class
 change

---
 src/components/Dialogs/AddPersonal.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Dialogs/AddPersonal.vue b/src/components/Dialogs/AddPersonal.vue
index 6003ace6f..42bd3965b 100644
--- a/src/components/Dialogs/AddPersonal.vue
+++ b/src/components/Dialogs/AddPersonal.vue
@@ -305,7 +305,7 @@ watch(
               outlined
               option-label="name"
               option-value="id"
-              @update:model-value="rows = []"
+              @update:model-value="(rows = []), (selected = [])"
             />
           </div>
         </div>

From db4df70a8373dfbe5facc6926081b277eaebfe2c Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Thu, 26 Mar 2026 11:11:59 +0700
Subject: [PATCH 26/54] fix(salary): filter data to show only records with
 groupid

---
 src/modules/13_salary/views/04_salaryLists.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/modules/13_salary/views/04_salaryLists.vue b/src/modules/13_salary/views/04_salaryLists.vue
index 6e9a4c4fc..d3f38a61f 100644
--- a/src/modules/13_salary/views/04_salaryLists.vue
+++ b/src/modules/13_salary/views/04_salaryLists.vue
@@ -308,6 +308,7 @@ async function fetchSalalyPeriod(
         if (!data.group1id) {
           hideLoader();
         }
+        isLoad.value = data.group1id ? true : false;
       })
       .catch((err) => {
         messageError($q, err);

From 24c307e076a9478273dc741133faf98e5aef6ef1 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Fri, 27 Mar 2026 10:44:41 +0700
Subject: [PATCH 27/54] refactor(ui report): remove unused code and clean up

---
 .../views/01_compete/CompeteReport.vue        | 10 -----
 src/modules/14_KPI/views/report.vue           | 37 -------------------
 .../21_report/views/05_reportSalary.vue       | 22 -----------
 3 files changed, 69 deletions(-)

diff --git a/src/modules/03_recruiting/views/01_compete/CompeteReport.vue b/src/modules/03_recruiting/views/01_compete/CompeteReport.vue
index d75dded2d..de4c59ddc 100644
--- a/src/modules/03_recruiting/views/01_compete/CompeteReport.vue
+++ b/src/modules/03_recruiting/views/01_compete/CompeteReport.vue
@@ -403,16 +403,6 @@ function clearFilter() {
       </div>
     </div>
   </q-form>
-
-  <div class="q-pa-sm q-gutter-sm">
-    <q-card flat bordered class="col-12">
-      <div class="row q-col-gutter-sm q-pa-sm">
-        <div class="row col-12 q-col-gutter-sm">
-          <q-space />
-        </div>
-      </div>
-    </q-card>
-  </div>
 </template>
 
 <style scoped></style>
diff --git a/src/modules/14_KPI/views/report.vue b/src/modules/14_KPI/views/report.vue
index f723dd697..23d14d89b 100644
--- a/src/modules/14_KPI/views/report.vue
+++ b/src/modules/14_KPI/views/report.vue
@@ -876,43 +876,6 @@ onMounted(() => {
     </div>
   </q-form>
 
-  <q-card flat bordered>
-    <q-card-section class="q-gutter-y-sm">
-      <q-toolbar style="padding: 0">
-        <div class="row q-gutter-sm"></div>
-
-        <q-space />
-      </q-toolbar>
-      <q-toolbar
-        class="q-pa-sm bg-grey-2"
-        style="padding: 0; border-radius: 5px"
-        v-if="typeReport"
-      >
-        <div
-          class="row q-gutter-sm"
-          v-if="
-            typeReport === 'KPI1' ||
-            typeReport === 'KPI2' ||
-            typeReport === 'KPI3' ||
-            typeReport === 'KPI7' ||
-            typeReport === 'KPI8' ||
-            typeReport === 'KPI9'
-          "
-        ></div>
-
-        <div
-          class="q-pa-sm"
-          v-if="
-            typeReport === 'KPI4' ||
-            typeReport === 'KPI5' ||
-            typeReport === 'KPI6' ||
-            typeReport === 'KPI8'
-          "
-        ></div>
-      </q-toolbar>
-    </q-card-section>
-  </q-card>
-
   <q-dialog v-model="modal" persistent>
     <q-card style="width: 1000px; max-width: 100vw">
       <DialogHeader :tittle="'เลือกราชชื่อ'" :close="onCloseModal" />
diff --git a/src/modules/21_report/views/05_reportSalary.vue b/src/modules/21_report/views/05_reportSalary.vue
index dafbfd3be..786f4dd3a 100644
--- a/src/modules/21_report/views/05_reportSalary.vue
+++ b/src/modules/21_report/views/05_reportSalary.vue
@@ -807,28 +807,6 @@ onMounted(() => {
       </div>
     </div>
   </q-form>
-
-  <div class="q-pa-sm q-gutter-sm">
-    <q-card flat bordered class="col-12">
-      <div class="row q-col-gutter-sm q-pa-sm">
-        <div class="row col-12">
-          <q-card bordered class="col-12 filter-card q-pa-sm">
-            <div class="row col-12 q-col-gutter-sm items-center">
-              <div class="row col-md-8 col-sx-12 q-col-gutter-sm">
-                <div class="col-md-3 col-xs-6"></div>
-                <div class="col-md-3 col-xs-6"></div>
-
-                <div class="col-md-3 col-xs-6"></div>
-              </div>
-              <div class="row q-col-gutter-sm col-md-12">
-                <div class="col-md-4 col-xs-12"></div>
-              </div>
-            </div>
-          </q-card>
-        </div>
-      </div>
-    </q-card>
-  </div>
 </template>
 
 <style lang="scss" scoped>

From b1ae19afa7168c1762536ae6f9a6c678e683f87d Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Fri, 27 Mar 2026 16:07:14 +0700
Subject: [PATCH 28/54] fix(placement): condition edit

---
 .../PersonalDetail/Information/Qualification.vue          | 1 +
 .../components/PersonalDetail/Information/top.vue         | 8 ++++----
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/modules/05_placement/components/PersonalDetail/Information/Qualification.vue b/src/modules/05_placement/components/PersonalDetail/Information/Qualification.vue
index 3980a65a9..63833fb13 100644
--- a/src/modules/05_placement/components/PersonalDetail/Information/Qualification.vue
+++ b/src/modules/05_placement/components/PersonalDetail/Information/Qualification.vue
@@ -53,6 +53,7 @@ const saveData = async () => {
         changeBtn();
         onEdit.value = false;
         edit.value = false;
+        emit("update:statusEdit", false);
       })
       .catch((e: any) => {
         messageError($q, e);
diff --git a/src/modules/05_placement/components/PersonalDetail/Information/top.vue b/src/modules/05_placement/components/PersonalDetail/Information/top.vue
index 599ed3562..fdf85e7af 100644
--- a/src/modules/05_placement/components/PersonalDetail/Information/top.vue
+++ b/src/modules/05_placement/components/PersonalDetail/Information/top.vue
@@ -1,7 +1,7 @@
 <!-- ส่วนหัวของ ข้อมูลส่วนตัว และ ที่อยู่ -->
 <script setup lang="ts">
 import { checkPermission } from "@/utils/permissions";
-import { ref } from "vue";
+import { computed } from "vue";
 import { useRoute } from "vue-router";
 
 const route = useRoute();
@@ -62,9 +62,9 @@ const props = defineProps({
 });
 
 const emit = defineEmits(["update:edit"]);
-const isEdit = ref<boolean>(
-  checkPermission(route)?.attrIsUpdate ? true : false
-);
+const isEdit = computed(() => {
+  return checkPermission(route)?.attrIsUpdate ? true : false;
+});
 
 const updateEdit = (value: any) => {
   emit("update:edit", value);

From abce475de0d3db41540c5a52109fef38df45abf6 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Fri, 27 Mar 2026 16:25:56 +0700
Subject: [PATCH 29/54] fix(retirement): checkRoutePermisson

---
 src/modules/06_retirement/components/02_resign/ResignByid.vue | 1 +
 .../06_retirement/components/02_resign/ResignReject.vue       | 4 ++--
 .../06_retirement/components/03_resignEmp/ResignByid.vue      | 1 +
 .../06_retirement/components/03_resignEmp/ResignReject.vue    | 2 +-
 4 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/modules/06_retirement/components/02_resign/ResignByid.vue b/src/modules/06_retirement/components/02_resign/ResignByid.vue
index 9413a3488..4d4dac874 100644
--- a/src/modules/06_retirement/components/02_resign/ResignByid.vue
+++ b/src/modules/06_retirement/components/02_resign/ResignByid.vue
@@ -771,6 +771,7 @@ onMounted(async () => {
         <q-space />
         <div
           v-if="
+          !checkRoutePermisson &&
             isStaff &&
             status === 'WAITTING' &&
             checkPermission($route)?.attrIsUpdate
diff --git a/src/modules/06_retirement/components/02_resign/ResignReject.vue b/src/modules/06_retirement/components/02_resign/ResignReject.vue
index b0061bcc4..acfcbe296 100644
--- a/src/modules/06_retirement/components/02_resign/ResignReject.vue
+++ b/src/modules/06_retirement/components/02_resign/ResignReject.vue
@@ -36,7 +36,7 @@ const {
   dialogConfirm,
 } = useCounterMixin();
 
-const checkRoutePermisson = ref<boolean>(route.name == "resignDetailReject");
+const checkRoutePermisson = ref<boolean>(route.name == "resignDetailreject");
 
 /** ตัวแปร */
 const roleUser = ref<string>("");
@@ -439,7 +439,7 @@ onMounted(async () => {
         class="q-mr-sm"
         @click="router.push('/retirement/resign')"
       />
-      รายละเอียดการยกเลิกลาออก
+      รายละเอียดการยกเลิกลาออก {{ route.name }}
       {{
         dataDetail.prefix + dataDetail.firstName + "  " + dataDetail.lastName
       }}
diff --git a/src/modules/06_retirement/components/03_resignEmp/ResignByid.vue b/src/modules/06_retirement/components/03_resignEmp/ResignByid.vue
index 802f75753..fddf3cf66 100644
--- a/src/modules/06_retirement/components/03_resignEmp/ResignByid.vue
+++ b/src/modules/06_retirement/components/03_resignEmp/ResignByid.vue
@@ -801,6 +801,7 @@ onMounted(async () => {
         <q-space />
         <div
           v-if="
+          !checkRoutePermisson &&
             isStaff &&
             status === 'WAITTING' &&
             checkPermission($route)?.attrIsUpdate
diff --git a/src/modules/06_retirement/components/03_resignEmp/ResignReject.vue b/src/modules/06_retirement/components/03_resignEmp/ResignReject.vue
index 4221aaaee..ff5313b80 100644
--- a/src/modules/06_retirement/components/03_resignEmp/ResignReject.vue
+++ b/src/modules/06_retirement/components/03_resignEmp/ResignReject.vue
@@ -29,7 +29,7 @@ const router = useRouter();
 const store = useRetirementDataStore();
 const { fetchDataCheckIsoffice } = useRoleWorkflowDataStore();
 const { convertStatusText } = store;
-const checkRoutePermisson = ref<boolean>(route.name == "resignDetailRejectEMP");
+const checkRoutePermisson = ref<boolean>(route.name == "resignDetailrejectEMP");
 const mixin = useCounterMixin();
 const {
   messageError,

From 70d2c59f65320b6587ba85f7f989da215d929567 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Sat, 28 Mar 2026 11:27:13 +0700
Subject: [PATCH 30/54] fix: display

---
 src/modules/06_retirement/components/02_resign/ResignReject.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/modules/06_retirement/components/02_resign/ResignReject.vue b/src/modules/06_retirement/components/02_resign/ResignReject.vue
index acfcbe296..d40a2b1ec 100644
--- a/src/modules/06_retirement/components/02_resign/ResignReject.vue
+++ b/src/modules/06_retirement/components/02_resign/ResignReject.vue
@@ -439,7 +439,7 @@ onMounted(async () => {
         class="q-mr-sm"
         @click="router.push('/retirement/resign')"
       />
-      รายละเอียดการยกเลิกลาออก {{ route.name }}
+      รายละเอียดการยกเลิกลาออก 
       {{
         dataDetail.prefix + dataDetail.firstName + "  " + dataDetail.lastName
       }}

From e9bcebee6d9d849ca7b01382e3163e49053a2433 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Mon, 30 Mar 2026 10:40:57 +0700
Subject: [PATCH 31/54] fix(exam): add qualify period validation for
 announcement type

---
 src/modules/03_recruiting/views/02_qualify/PeriodAdd.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/modules/03_recruiting/views/02_qualify/PeriodAdd.vue b/src/modules/03_recruiting/views/02_qualify/PeriodAdd.vue
index 6b54c2ac7..e02f71ad4 100644
--- a/src/modules/03_recruiting/views/02_qualify/PeriodAdd.vue
+++ b/src/modules/03_recruiting/views/02_qualify/PeriodAdd.vue
@@ -400,7 +400,7 @@ async function checkSave() {
 
     // เช็ค validation form ตำแหน่ง
     const isPositionFormValid = await myFormPosition.value?.validate();
-    if (!isPositionFormValid) return;
+    if (!isPositionFormValid && announcementExam.value) return;
 
     // เช็คการเพิ่มตำแหน่ง
     if (announcementExam.value && rowsPosition.value.length === 0) {
@@ -889,7 +889,7 @@ function fetchPosition(level: number) {
  * @param val ค่าประเภทตำแหน่ง 0 = ประเภททั่วไป ,1 = ประเภทวิชาการ
  * @param index ตำแหน่งของข้อมูล
  */
-function onUpdateHighDegree(val: string, index: string) {
+function onUpdateHighDegree(val: string, index: number) {
   rowsPosition.value[index].position = null;
   rowsPosition.value[index].level =
     val === "0" ? optionPosLevel1.value[0] : optionPosLevel2.value[0];

From 514de15f094a4b3382ae2514b7998e9a18f1a6f3 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Wed, 1 Apr 2026 11:09:33 +0700
Subject: [PATCH 32/54] feat(leave): add Processed Late tab to work-list

---
 src/api/09_leave/api.leave.ts                 |   2 +
 .../02_WorkList/Tab3_Processed_Late.vue       | 491 ++++++++++++++++++
 .../09_leave/interface/request/work.ts        |   6 +
 .../09_leave/interface/response/work.ts       |  22 +-
 src/modules/09_leave/views/02_WorkingMain.vue |  24 +-
 5 files changed, 542 insertions(+), 3 deletions(-)
 create mode 100644 src/modules/09_leave/components/02_WorkList/Tab3_Processed_Late.vue

diff --git a/src/api/09_leave/api.leave.ts b/src/api/09_leave/api.leave.ts
index 865db4ea6..d0229b204 100644
--- a/src/api/09_leave/api.leave.ts
+++ b/src/api/09_leave/api.leave.ts
@@ -61,4 +61,6 @@ export default {
 
   leaveReportAPI: (type: string) =>
     `${leave}/report/download/time-records/${type}`,
+
+  leaveTask: `${leave}/admin/leave-task/process`,
 };
diff --git a/src/modules/09_leave/components/02_WorkList/Tab3_Processed_Late.vue b/src/modules/09_leave/components/02_WorkList/Tab3_Processed_Late.vue
new file mode 100644
index 000000000..5a6b50854
--- /dev/null
+++ b/src/modules/09_leave/components/02_WorkList/Tab3_Processed_Late.vue
@@ -0,0 +1,491 @@
+<script setup lang="ts">
+import { onMounted, reactive, ref } 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 { FormDataProcess } from "@/modules/09_leave/interface/request/work";
+import type { DataProcess } from "@/modules/09_leave/interface/response/work";
+
+import HeaderDialog from "@/components/DialogHeader.vue";
+
+const $q = useQuasar();
+const {
+  dialogConfirm,
+  showLoader,
+  hideLoader,
+  messageError,
+  success,
+  date2Thai,
+  onSearchDataTable,
+  convertDateToAPI,
+  dialogRemove,
+} = useCounterMixin();
+
+/** ข้อมูลตาราง*/
+const keyword = ref<string>("");
+const rowsMain = ref<DataProcess[]>([]);
+const rows = ref<DataProcess[]>([]);
+const columns = ref<QTableProps["columns"]>([
+  {
+    name: "no",
+    align: "left",
+    label: "ลำดับ",
+    sortable: false,
+    field: "no",
+    headerStyle: "font-size: 14px",
+    style: "font-size: 14px",
+  },
+  {
+    name: "startDate",
+    align: "left",
+    label: "วันเริ่มต้น",
+    sortable: true,
+    field: "startDate",
+    headerStyle: "font-size: 14px",
+    style: "font-size: 14px",
+    format(val, row) {
+      return val ? date2Thai(val) : "-";
+    },
+  },
+  {
+    name: "endDate",
+    align: "left",
+    label: "วันสิ้นสุด",
+    sortable: true,
+    field: "endDate",
+    headerStyle: "font-size: 14px",
+    style: "font-size: 14px",
+    format(val, row) {
+      return val ? date2Thai(val) : "-";
+    },
+  },
+  {
+    name: "processingDate",
+    align: "left",
+    label: "วันที่ประมวลผล",
+    sortable: true,
+    field: "processingDate",
+    headerStyle: "font-size: 14px",
+    style: "font-size: 14px",
+    format(val, row) {
+      return val ? date2Thai(val, false, true) : "-";
+    },
+  },
+  {
+    name: "completeDate",
+    align: "left",
+    label: "วันที่เสร็จสิ้น",
+    sortable: true,
+    field: "completeDate",
+    headerStyle: "font-size: 14px",
+    style: "font-size: 14px",
+    format(val, row) {
+      return val ? date2Thai(val, false, true) : "-";
+    },
+  },
+  {
+    name: "status",
+    align: "left",
+    label: "สถานะ",
+    sortable: true,
+    field: "status",
+    headerStyle: "font-size: 14px",
+    style: "font-size: 14px",
+    format(val, row) {
+      return convertStatus(val);
+    },
+  },
+  {
+    name: "createdAt",
+    align: "left",
+    label: "วันที่สร้าง",
+    sortable: true,
+    field: "createdAt",
+    headerStyle: "font-size: 14px",
+    style: "font-size: 14px",
+    format(val, row) {
+      return val ? date2Thai(val, false, true) : "-";
+    },
+  },
+  {
+    name: "createdFullName",
+    align: "left",
+    label: "ผู้สร้าง",
+    sortable: true,
+    field: "createdFullName",
+    headerStyle: "font-size: 14px",
+    style: "font-size: 14px",
+  },
+]);
+const visibleColumns = ref<string[]>([
+  "no",
+  "startDate",
+  "endDate",
+  "processingDate",
+  "completeDate",
+  "status",
+  "createdAt",
+  "createdFullName",
+]);
+
+const modal = ref<boolean>(false); // dialog
+const isEdit = ref<boolean>(false); // แก้ไขหรือเพิ่ม
+const editId = ref<string>(""); // id ที่จะแก้ไข
+const formData = reactive<FormDataProcess>({
+  startDate: null,
+  endDate: null,
+});
+
+/** ฟังก์ชันดึงข้อมูลจาก API */
+async function fetchData() {
+  try {
+    showLoader();
+    // เรียก API เพื่อดึงข้อมูล
+    const res = await http.get(`${config.API.leaveTask}`);
+    rowsMain.value = res.data.result;
+    serchDataTable();
+  } catch (error) {
+    messageError($q, error);
+  } finally {
+    hideLoader();
+  }
+}
+
+/** ฟังก์ชันค้นหาข้อมูลในตาราง */
+function serchDataTable() {
+  rows.value = onSearchDataTable(
+    keyword.value,
+    rowsMain.value,
+    columns.value ? columns.value : []
+  );
+}
+
+/** ฟังก์ชันเปิด dialog เพื่อเพิ่มข้อมูล */
+function handleOpenDialog() {
+  modal.value = true;
+  isEdit.value = false;
+}
+
+/** ฟังก์ชันปิด dialog และรีเซ็ตข้อมูล */
+function handleCloseDialog() {
+  modal.value = false;
+  formData.startDate = null;
+  formData.endDate = null;
+  editId.value = "";
+}
+
+/** ฟังก์ชันส่งข้อมูล */
+function onSubmit() {
+  dialogConfirm($q, async () => {
+    showLoader();
+
+    // สร้าง payload สำหรับส่งข้อมูลไปยัง API
+    const payload = {
+      startDate: convertDateToAPI(formData.startDate),
+      endDate: convertDateToAPI(formData.endDate),
+    };
+
+    //กำหนด URL และ method สำหรับเรียก API โดยตรวจสอบว่าเป็นการแก้ไขหรือเพิ่มข้อมูล
+    const url = isEdit.value
+      ? `${config.API.leaveTask}/${editId.value}`
+      : config.API.leaveTask;
+
+    // กำหนด method สำหรับเรียก API โดยตรวจสอบว่าเป็นการแก้ไขหรือเพิ่มข้อมูล
+    const method = isEdit.value ? "put" : "post";
+
+    try {
+      await http[method](url, payload);
+      success($q, "บันทึกข้อมูลสำเร็จ");
+      fetchData();
+      handleCloseDialog();
+    } catch (error) {
+      messageError($q, error);
+    } finally {
+      hideLoader();
+    }
+  });
+}
+
+/** ฟังก์ชันตรวจสอบและอัปเดตวันที่สิ้นสุดให้เป็น null หากวันที่เริ่มต้นมากกว่าวันที่สิ้นสุด*/
+function updateDate() {
+  if (
+    formData.startDate &&
+    formData.endDate &&
+    new Date(formData.startDate) > new Date(formData.endDate)
+  ) {
+    formData.endDate = null;
+  }
+}
+
+/**
+ * ฟังก์ชันแก้ไขข้อมูล
+ * @param data ข้อมูลที่ต้องการแก้ไข
+ */
+function handleEdit(data: DataProcess) {
+  isEdit.value = true;
+  editId.value = data.id;
+  formData.startDate = data.startDate;
+  formData.endDate = data.endDate;
+  modal.value = true;
+}
+
+/**
+ * ฟังก์ชันลบข้อมูล
+ * @param id ที่ต้องการลบ
+ */
+function handleDelete(id: string) {
+  dialogRemove($q, async () => {
+    showLoader();
+    try {
+      await http.delete(`${config.API.leaveTask}/${id}`);
+      success($q, "ลบข้อมูลสำเร็จ");
+      fetchData();
+    } catch (error) {
+      messageError($q, error);
+    } finally {
+      hideLoader();
+    }
+  });
+}
+
+/**
+ * ฟังก์ชันแปลงสถานะเป็นข้อความ
+ * @param val
+ */
+function convertStatus(val: string) {
+  switch (val) {
+    case "PENDING":
+      return "รอดำเนินการ";
+    case "COMPLETED":
+      return "ดำเนินการเสร็จสิ้น";
+    default:
+      break;
+  }
+}
+
+onMounted(() => {
+  fetchData();
+});
+</script>
+
+<template>
+  <div class="row items-center q-gutter-x-sm q-pb-sm">
+    <q-btn
+      round
+      dense
+      flat
+      color="primary"
+      icon="add"
+      @click="handleOpenDialog"
+    >
+      <q-tooltip>เพิ่มข้อมูล</q-tooltip>
+    </q-btn>
+
+    <q-space />
+
+    <q-input
+      dense
+      outlined
+      v-model="keyword"
+      label="ค้นหา"
+      @keydown.enter.prevent="serchDataTable"
+    >
+      <template v-slot:append>
+        <q-icon name="search" />
+      </template>
+    </q-input>
+    <q-select
+      v-model="visibleColumns"
+      multiple
+      outlined
+      dense
+      options-dense
+      :display-value="$q.lang.table.columns"
+      emit-value
+      map-options
+      :options="columns"
+      option-value="name"
+      style="min-width: 140px"
+    />
+  </div>
+  <d-table
+    :columns="columns"
+    :rows="rows"
+    row-key="id"
+    flat
+    bordered
+    :paging="true"
+    dense
+    class="custom-header-table"
+    :visible-columns="visibleColumns"
+  >
+    <template v-slot:header="props">
+      <q-tr :props="props">
+        <q-th auto-width />
+        <q-th
+          v-for="col in props.cols"
+          :key="col.name"
+          :props="props"
+          style="color: #000000; font-weight: 500"
+        >
+          <span class="text-weight-medium">{{ col.label }}</span>
+        </q-th>
+      </q-tr>
+    </template>
+    <template v-slot:body="props">
+      <q-tr :props="props" class="cursor-pointer">
+        <q-td auto-width>
+          <q-btn
+            v-if="props.row.status === 'PENDING'"
+            dense
+            flat
+            round
+            color="edit"
+            icon="edit"
+            @click.stop.prevent="handleEdit(props.row)"
+          >
+            <q-tooltip>แก้ไข</q-tooltip>
+          </q-btn>
+
+          <q-btn
+            v-if="props.row.status === 'PENDING'"
+            dense
+            flat
+            round
+            color="red"
+            icon="delete"
+            @click.stop.prevent="handleDelete(props.row.id)"
+          >
+            <q-tooltip>ลบ</q-tooltip>
+          </q-btn>
+        </q-td>
+        <q-td v-for="col in props.cols" :key="col.name" :props="props">
+          <div v-if="col.name == 'no'">
+            {{ props.rowIndex + 1 }}
+          </div>
+          <div v-else>
+            {{ col.value ? col.value : "-" }}
+          </div>
+        </q-td>
+      </q-tr>
+    </template>
+  </d-table>
+
+  <q-dialog v-model="modal" persistent>
+    <q-card style="width: 320px">
+      <q-form greedy @submit.prevent @validation-success="onSubmit">
+        <HeaderDialog
+          :tittle="'ประมวลผลการขาดราชการ/มาสาย'"
+          :close="handleCloseDialog"
+        />
+
+        <q-separator />
+        <q-card-section class="q-pt-none">
+          <div class="row q-col-gutter-md">
+            <div class="col-12">
+              <datepicker
+                menu-class-name="modalfix"
+                v-model="formData.startDate"
+                :locale="'th'"
+                autoApply
+                borderless
+                :enableTimePicker="false"
+                week-start="0"
+                @update:model-value="updateDate"
+              >
+                <template #year="{ year }">
+                  {{ year + 543 }}
+                </template>
+                <template #year-overlay-value="{ value }">
+                  {{ parseInt(value + 543) }}
+                </template>
+                <template #trigger>
+                  <q-input
+                    ref="dateRef"
+                    outlined
+                    dense
+                    hide-bottom-space
+                    :model-value="
+                      formData.startDate != null
+                        ? date2Thai(formData.startDate)
+                        : null
+                    "
+                    label="วันที่เริ่มต้น"
+                    :rules="[
+                      (val:string) => !!val || `${'กรุณาเลือกวันที่เริ่มต้น'}`,
+                    ]"
+                  >
+                    <template v-slot:prepend>
+                      <q-icon
+                        name="event"
+                        class="cursor-pointer"
+                        style="color: var(--q-primary)"
+                      >
+                      </q-icon>
+                    </template>
+                  </q-input>
+                </template>
+              </datepicker>
+            </div>
+            <div class="col-12">
+              <datepicker
+                menu-class-name="modalfix"
+                v-model="formData.endDate"
+                :locale="'th'"
+                autoApply
+                borderless
+                :enableTimePicker="false"
+                week-start="0"
+                :min-date="formData.startDate"
+              >
+                <template #year="{ year }">
+                  {{ year + 543 }}
+                </template>
+                <template #year-overlay-value="{ value }">
+                  {{ parseInt(value + 543) }}
+                </template>
+                <template #trigger>
+                  <q-input
+                    ref="dateRef"
+                    outlined
+                    dense
+                    hide-bottom-space
+                    :model-value="
+                      formData.endDate != null
+                        ? date2Thai(formData.endDate)
+                        : null
+                    "
+                    label="วันที่สิ้นสุด"
+                    :rules="[
+                      (val:string) => !!val || `${'กรุณาเลือกวันที่สิ้นสุด'}`,
+                    ]"
+                  >
+                    <template v-slot:prepend>
+                      <q-icon
+                        name="event"
+                        class="cursor-pointer"
+                        style="color: var(--q-primary)"
+                      >
+                      </q-icon>
+                    </template>
+                  </q-input>
+                </template>
+              </datepicker>
+            </div>
+          </div>
+        </q-card-section>
+
+        <q-separator />
+        <q-card-actions align="right">
+          <q-btn color="secondary" label="บันทึก" type="submit" />
+        </q-card-actions>
+      </q-form>
+    </q-card>
+  </q-dialog>
+</template>
+
+<style scoped></style>
diff --git a/src/modules/09_leave/interface/request/work.ts b/src/modules/09_leave/interface/request/work.ts
index e69de29bb..c448c9fc9 100644
--- a/src/modules/09_leave/interface/request/work.ts
+++ b/src/modules/09_leave/interface/request/work.ts
@@ -0,0 +1,6 @@
+interface FormDataProcess {
+  startDate: Date | null;
+  endDate: Date | null;
+}
+
+export type { FormDataProcess };
diff --git a/src/modules/09_leave/interface/response/work.ts b/src/modules/09_leave/interface/response/work.ts
index 41df27b5f..af055b794 100644
--- a/src/modules/09_leave/interface/response/work.ts
+++ b/src/modules/09_leave/interface/response/work.ts
@@ -85,4 +85,24 @@ interface FormDetail {
   checkInLocationName: string;
   checkOutLocationName: string;
 }
-export type { TableRows, DataResLog, DataResTime, TableRowsTime, FormDetail };
+
+interface DataProcess {
+  id: string;
+  createdFullName: string;
+  createdAt: Date | null;
+  status: string;
+  startDate: Date | null;
+  endDate: Date | null;
+  processingDate: Date | null;
+  completedDate: Date | null;
+  errorMessage: string | null;
+}
+
+export type {
+  TableRows,
+  DataResLog,
+  DataResTime,
+  TableRowsTime,
+  FormDetail,
+  DataProcess,
+};
diff --git a/src/modules/09_leave/views/02_WorkingMain.vue b/src/modules/09_leave/views/02_WorkingMain.vue
index 99387a4bb..fed615baf 100644
--- a/src/modules/09_leave/views/02_WorkingMain.vue
+++ b/src/modules/09_leave/views/02_WorkingMain.vue
@@ -1,15 +1,26 @@
 <script setup lang="ts">
-import { ref, toRefs } from "vue";
+import { computed, ref, toRefs } from "vue";
 
 import { useWorklistDataStore } from "@/modules/09_leave/stores/WorkStore";
+import { checkPermission } from "@/utils/permissions";
+import { useRoute } from "vue-router";
 
 /** import Components */
 import Tab1 from "@/modules/09_leave/components/02_WorkList/Tab1.vue";
 import Tab2 from "@/modules/09_leave/components/02_WorkList/Tab2.vue";
+import Tab3 from "@/modules/09_leave/components/02_WorkList/Tab3_Processed_Late.vue";
 
 const stores = useWorklistDataStore();
-
+const route = useRoute();
 const { tabs } = toRefs(stores);
+
+const isPermissionTab3 = computed(() => {
+  return (
+    checkPermission(route)?.attrOwnership === "OWNER" ||
+    (checkPermission(route)?.attrOwnership === "STAFF" &&
+      checkPermission(route)?.attrIsUpdate)
+  );
+});
 </script>
 
 <template>
@@ -30,6 +41,12 @@ const { tabs } = toRefs(stores);
     >
       <q-tab name="1" label="รายการลงเวลาที่ประมวลผลแล้ว" />
       <q-tab name="2" label="รายการลงเวลา" />
+      <q-tab
+        v-if="isPermissionTab3"
+        name="3"
+        label="ประมวลผลการขาดราชการ/มาสาย"
+      />
+      <!-- เพิ่มแท็บใหม่ -->
     </q-tabs>
 
     <q-separator />
@@ -42,6 +59,9 @@ const { tabs } = toRefs(stores);
         <q-tab-panel name="2">
           <Tab2 />
         </q-tab-panel>
+        <q-tab-panel name="3">
+          <Tab3 />
+        </q-tab-panel>
       </q-tab-panels>
     </div>
   </q-card>

From a6018507c9db58f29529da1e07cb34eafa5bf001 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Wed, 1 Apr 2026 11:33:33 +0700
Subject: [PATCH 33/54] fix(checkin-report): resolve preview display issue for
 typeReport 4

---
 src/modules/09_leave/views/06_ReportMain.vue | 33 ++++++++++++++++----
 1 file changed, 27 insertions(+), 6 deletions(-)

diff --git a/src/modules/09_leave/views/06_ReportMain.vue b/src/modules/09_leave/views/06_ReportMain.vue
index b367b6490..797abf014 100644
--- a/src/modules/09_leave/views/06_ReportMain.vue
+++ b/src/modules/09_leave/views/06_ReportMain.vue
@@ -269,6 +269,7 @@ async function fetchLeaveday(
  * @param data  ข้อมูลบัญชีวันลา
  */
 async function fetchDocumentTemplate(data: any) {
+  if (typeReport.value === 4) return;
   await axios
     .post(`${config.API.reportTemplate}/xlsx`, data, {
       headers: {
@@ -352,7 +353,7 @@ function clearData() {
   };
 }
 
-function onSearch() {
+async function onSearch() {
   isReport.value = false;
   isLoadPDF.value = true;
   pdfSrc.value = undefined;
@@ -467,6 +468,19 @@ const reportName = () => {
   return reportNameVal + employeeClassName;
 };
 
+async function handleDownload() {
+  updateLeaveday();
+  await fetchLeaveday(
+    employeeClass.value,
+    typeReport.value == 3 || typeReport.value == 4
+      ? leaveType.value
+      : yearType.value,
+    dateStart.value,
+    dateEnd.value
+  );
+  await genReportXLSX(detailReport.value, `${reportName()}`);
+}
+
 onMounted(() => {
   fetchDataTree();
 });
@@ -512,7 +526,11 @@ onMounted(() => {
                 round
                 color="primary"
                 icon="download"
-                v-if="checkPermission($route)?.attrIsGet && typeReport !== 3"
+                v-if="
+                  checkPermission($route)?.attrIsGet &&
+                  typeReport !== 3 &&
+                  typeReport !== 4
+                "
               >
                 <q-menu>
                   <q-list style="min-width: 150px">
@@ -547,8 +565,11 @@ onMounted(() => {
                 round
                 color="primary"
                 icon="download"
-                v-if="checkPermission($route)?.attrIsGet && typeReport == 3"
-                @click="getReport()"
+                v-if="
+                  checkPermission($route)?.attrIsGet &&
+                  (typeReport == 3 || typeReport == 4)
+                "
+                @click="typeReport == 3 ? getReport() : handleDownload()"
               >
               </q-btn>
             </div>
@@ -957,7 +978,7 @@ onMounted(() => {
                 <q-separator />
                 <q-card-actions align="right">
                   <q-btn
-                    v-if="typeReport !== 3"
+                    v-if="typeReport !== 3 && typeReport !== 4"
                     dense
                     class="q-px-md"
                     label="ค้นหา"
@@ -976,7 +997,7 @@ onMounted(() => {
             </div>
             <div class="col-lg-9 col-md-9 col-sm-9 col-xs-12 col-xs-12 flex">
               <q-splitter
-                v-if="typeReport !== 3"
+                v-if="typeReport !== 3 && typeReport !== 4"
                 disable
                 v-model="splitterModel"
                 horizontal

From 546942f8fb3461c80d0586a5d2210e0908090e34 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Wed, 1 Apr 2026 13:40:50 +0700
Subject: [PATCH 34/54] feat(): add handleDelete director meeting

---
 .../Detail/viewTab2/CardDirector.vue          | 43 +++++++++++++++++--
 .../components/Detail/viewTab2/CardMeet.vue   | 30 +++++++++++++
 2 files changed, 69 insertions(+), 4 deletions(-)

diff --git a/src/modules/12_evaluatePersonal/components/Detail/viewTab2/CardDirector.vue b/src/modules/12_evaluatePersonal/components/Detail/viewTab2/CardDirector.vue
index 5cc54f572..6a0c10c5b 100644
--- a/src/modules/12_evaluatePersonal/components/Detail/viewTab2/CardDirector.vue
+++ b/src/modules/12_evaluatePersonal/components/Detail/viewTab2/CardDirector.vue
@@ -9,7 +9,7 @@ import config from "@/app.config";
 
 /** importType*/
 import type { QTableProps } from "quasar";
-import type { Director } from "@/modules/11_discipline/interface/request/Disciplinary";
+import type { Director } from "@/modules/11_discipline/interface/request/disciplinary";
 import type { Directors } from "@/modules/12_evaluatePersonal/interface/response/Main";
 
 /** importComponents*/
@@ -20,7 +20,14 @@ import DialogDuty from "@/modules/12_evaluatePersonal/components/Detail/viewTab2
 const $q = useQuasar();
 const route = useRoute();
 const mixin = useCounterMixin();
-const { showLoader, hideLoader, messageError, dialogConfirm, success } = mixin;
+const {
+  showLoader,
+  hideLoader,
+  messageError,
+  dialogConfirm,
+  success,
+  dialogRemove,
+} = mixin;
 
 const props = defineProps({
   data: {
@@ -201,6 +208,21 @@ function onEditDuty(data: Director) {
   modalDuty.value = true;
 }
 
+function handleDelete(id: string) {
+  dialogRemove($q, async () => {
+    showLoader();
+    try {
+      await http.delete(config.API.evaluateDirectorMain() + `/admin/${id}`);
+      await props.fetchData();
+      await success($q, "ลบสำเร็จ");
+    } catch (error) {
+      messageError($q, error);
+    } finally {
+      hideLoader();
+    }
+  });
+}
+
 /**
  * ทำงานเมื่อ props.data มีการเปลี่ยนแปลง
  */
@@ -268,17 +290,30 @@ watch(
         </template>
         <template v-slot:body="props">
           <q-tr :props="props">
-            <q-td>
+            <q-td auto-width>
               <q-btn
+                v-if="checkPermission($route)?.attrIsUpdate"
                 flat
                 round
-                denes
+                dense
                 icon="edit"
                 color="edit"
                 @click.stop.prevent="onEditDuty(props.row)"
               >
                 <q-tooltip>แก้ไขหน้าที่</q-tooltip>
               </q-btn>
+
+              <q-btn
+                v-if="checkPermission($route)?.attrIsDelete"
+                flat
+                round
+                dense
+                icon="delete"
+                color="red"
+                @click="handleDelete(props.row.id)"
+              >
+                <q-tooltip>ลบ</q-tooltip>
+              </q-btn>
             </q-td>
             <q-td v-for="col in props.cols" :key="col.name" :props="props">
               <div v-if="col.name == 'no'">
diff --git a/src/modules/12_evaluatePersonal/components/Detail/viewTab2/CardMeet.vue b/src/modules/12_evaluatePersonal/components/Detail/viewTab2/CardMeet.vue
index 28e26a3f8..ecd47e139 100644
--- a/src/modules/12_evaluatePersonal/components/Detail/viewTab2/CardMeet.vue
+++ b/src/modules/12_evaluatePersonal/components/Detail/viewTab2/CardMeet.vue
@@ -27,6 +27,7 @@ const {
   dialogConfirm,
   date2Thai,
   success,
+  dialogRemove,
 } = mixin;
 
 /** props*/
@@ -208,6 +209,21 @@ async function getList() {
     });
 }
 
+function handleDelete(id: string) {
+  dialogRemove($q, async () => {
+    showLoader();
+    try {
+      await http.delete(config.API.meeting() + `/admin/${id}`);
+      await props.fetchData();
+      await success($q, "ลบสำเร็จ");
+    } catch (error) {
+      messageError($q, error);
+    } finally {
+      hideLoader();
+    }
+  });
+}
+
 watch(
   () => props.data,
   () => {
@@ -265,6 +281,7 @@ watch(
       >
         <template v-slot:header="props">
           <q-tr :props="props">
+            <q-th auto-width />
             <q-th v-for="col in props.cols" :key="col.name" :props="props">
               <span class="text-weight-medium">{{ col.label }}</span>
             </q-th>
@@ -272,6 +289,19 @@ watch(
         </template>
         <template v-slot:body="props">
           <q-tr :props="props">
+            <q-th auto-width>
+              <q-btn
+                v-if="checkPermission($route)?.attrIsUpdate"
+                flat
+                round
+                dense
+                icon="delete"
+                color="red"
+                @click="handleDelete(props.row.id)"
+              >
+                <q-tooltip>ลบ</q-tooltip>
+              </q-btn>
+            </q-th>
             <q-td v-for="col in props.cols" :key="col.name" :props="props">
               <div v-if="col.name == 'no'">
                 {{ props.rowIndex + 1 }}

From 17c05d60d72cc56f36575bda13e84f3fcdbdb31a Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Wed, 1 Apr 2026 16:17:14 +0700
Subject: [PATCH 35/54] fix(ui): class q-pt-none

---
 .../09_leave/components/02_WorkList/Tab3_Processed_Late.vue     | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/modules/09_leave/components/02_WorkList/Tab3_Processed_Late.vue b/src/modules/09_leave/components/02_WorkList/Tab3_Processed_Late.vue
index 5a6b50854..827bf5687 100644
--- a/src/modules/09_leave/components/02_WorkList/Tab3_Processed_Late.vue
+++ b/src/modules/09_leave/components/02_WorkList/Tab3_Processed_Late.vue
@@ -384,7 +384,7 @@ onMounted(() => {
         />
 
         <q-separator />
-        <q-card-section class="q-pt-none">
+        <q-card-section>
           <div class="row q-col-gutter-md">
             <div class="col-12">
               <datepicker

From 503d1116343e314c89e1bcb6327e95bc3e820bbf Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Wed, 1 Apr 2026 16:59:59 +0700
Subject: [PATCH 36/54] fix: fetch permission.attrOwnership

---
 .../components/PersonalList/Table.vue         | 77 ++++++++++++-------
 1 file changed, 50 insertions(+), 27 deletions(-)

diff --git a/src/modules/05_placement/components/PersonalList/Table.vue b/src/modules/05_placement/components/PersonalList/Table.vue
index 584124bee..5f2d3f260 100644
--- a/src/modules/05_placement/components/PersonalList/Table.vue
+++ b/src/modules/05_placement/components/PersonalList/Table.vue
@@ -9,6 +9,7 @@ import { useRoute, useRouter } from "vue-router";
 import { checkPermission } from "@/utils/permissions";
 import { useCounterMixin } from "@/stores/mixin";
 import { usePlacementDataStore } from "@/modules/05_placement/store";
+import { useMenuDataStore } from "@/stores/menuList";
 import avatar from "@/assets/avatar_user.jpg";
 
 import type { PartialTableName } from "@/modules/05_placement/interface/request/placement";
@@ -27,6 +28,7 @@ import DialogPreviewCommand from "@/modules/18_command/components/DialogPreviewC
 
 const $q = useQuasar(); // show dialog
 const DataStore = usePlacementDataStore();
+const storeMenu = useMenuDataStore();
 const route = useRoute();
 const router = useRouter();
 const mixin = useCounterMixin(); //เรียกฟังก์ชันกลาง
@@ -55,7 +57,14 @@ const command = ref<string>("");
 const commandId = ref<string>("");
 const commandCitizenId = ref<string>("");
 
-let roleAdmin = ref<boolean>(false);
+// เปลี่ยนจาก ref เป็น computed property
+const roleAdmin = computed(() => {
+  if (!storeMenu.permissions) return false;
+
+  const permission = checkPermission(route);
+  return DataStore.isOfficer || permission?.attrOwnership == "OWNER";
+});
+
 const edit = ref<boolean>(true);
 const modalPersonal = ref<boolean>(false);
 const modal = ref<boolean>(false); //modal ขอผ่อนผัน + สละสิทธิ์
@@ -92,6 +101,18 @@ const personal_selected = ref<any>([]);
 const filterlistAdd = ref<string>("");
 const paging = ref<boolean>(true);
 
+// เพิ่ม watcher สำหรับ roleAdmin
+watch(
+  roleAdmin,
+  (newValue) => {
+    const permission = checkPermission(route);
+    if (!newValue && permission?.attrOwnership !== "OWNER") {
+      displayAdd.value = false;
+    }
+  },
+  { immediate: true }
+);
+
 // เช็ตสถานะการเลือกคนไปยังหน่วยงาน
 const checkSelected = computed(() => {
   if (selected.value.length === 0) {
@@ -248,16 +269,17 @@ const columnsBase = ref<QTableProps["columns"]>([
   },
 ]);
 
-const columns = computed(() =>
-  roleAdmin.value || checkPermission(route)?.attrOwnership == "OWNER"
+const columns = computed(() => {
+  const permission = checkPermission(route);
+  return roleAdmin.value || permission?.attrOwnership == "OWNER"
     ? columnsBase.value
     : columnsBase.value?.filter(
         (col) =>
           col.name !== "no" &&
           col.name !== "draft" &&
           col.name !== "refCommandNo"
-      )
-);
+      );
+});
 
 /**
  * แปลงสถานะพนักงาน
@@ -406,8 +428,9 @@ async function getTable() {
           rowsAll.value.push(rowData);
         });
 
+      const permission = checkPermission(route);
       const rowData = await (roleAdmin.value ||
-      checkPermission(route)?.attrOwnership == "OWNER"
+      permission?.attrOwnership == "OWNER"
         ? rowsAll.value
         : rowsAll.value.filter((x: any) => x.isDraft === true));
 
@@ -554,8 +577,9 @@ function getClass(val: boolean) {
  * @param draft status
  */
 function selectData(pid: string, draft: string) {
+  const permission = checkPermission(route);
   if (
-    (roleAdmin.value || checkPermission(route)?.attrOwnership == "OWNER") &&
+    (roleAdmin.value || permission?.attrOwnership == "OWNER") &&
     draft === "ส่งตัวแล้ว"
   ) {
     personalId.value = pid;
@@ -858,34 +882,33 @@ async function filterRowsMain(type: string, pos: string) {
   });
 }
 
+// Helper function รอให้ permissions load เสร็จ
+function waitForPermissions(): Promise<void> {
+  return new Promise((resolve) => {
+    const checkPermissions = () => {
+      if (storeMenu.permissions) {
+        resolve();
+      } else {
+        setTimeout(checkPermissions, 100); // เช็คทุก 100ms
+      }
+    };
+    checkPermissions();
+  });
+}
+
+// ปรับปรุง getWorkFlow function
 async function getWorkFlow() {
   showLoader();
+
+  // รอให้ permissions load เสร็จก่อน
+  await waitForPermissions();
+
   await http
     .get(config.API.workflowKeycloakSystem("SYS_PLACEMENT_PASS"))
     .then(async (res) => {
       const data = await res.data.result;
       DataStore.isOfficer = data.isOfficer;
       DataStore.isStaff = data.isStaff;
-      roleAdmin.value =
-        data.isOfficer || checkPermission(route)?.attrOwnership == "OWNER";
-      if (
-        roleAdmin.value === false &&
-        checkPermission(route)?.attrOwnership !== "OWNER"
-      ) {
-        displayAdd.value = false;
-        // visibleColumns.value = [
-        //   "position",
-        //   "fullName",
-        //   "examNumber",
-        //   "idCard",
-        //   "positionNumber",
-        //   "organizationName",
-        //   "reportingDate",
-        //   "bmaOfficer",
-        //   "statusName",
-        //   "positionCandidate",
-        // ];
-      }
     })
     .catch((e) => {
       messageError($q, e);

From f4038130993b8ade852daa77f8785028e8d6429c Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Thu, 2 Apr 2026 09:22:30 +0700
Subject: [PATCH 37/54] fix(leave): diaplay columns completedDate

---
 .../09_leave/components/02_WorkList/Tab3_Processed_Late.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/modules/09_leave/components/02_WorkList/Tab3_Processed_Late.vue b/src/modules/09_leave/components/02_WorkList/Tab3_Processed_Late.vue
index 827bf5687..9533ea64e 100644
--- a/src/modules/09_leave/components/02_WorkList/Tab3_Processed_Late.vue
+++ b/src/modules/09_leave/components/02_WorkList/Tab3_Processed_Late.vue
@@ -76,11 +76,11 @@ const columns = ref<QTableProps["columns"]>([
     },
   },
   {
-    name: "completeDate",
+    name: "completedDate",
     align: "left",
     label: "วันที่เสร็จสิ้น",
     sortable: true,
-    field: "completeDate",
+    field: "completedDate",
     headerStyle: "font-size: 14px",
     style: "font-size: 14px",
     format(val, row) {
@@ -126,7 +126,7 @@ const visibleColumns = ref<string[]>([
   "startDate",
   "endDate",
   "processingDate",
-  "completeDate",
+  "completedDate",
   "status",
   "createdAt",
   "createdFullName",

From 26977319ed8ea8b40f8f0e2c990671850cd64c5e Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Thu, 2 Apr 2026 15:49:48 +0700
Subject: [PATCH 38/54] fix: mask leaveDaysUsed add beginningLeaveDays

---
 .../09_leave/components/07_LeaveHistory/DialogForm.vue    | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/src/modules/09_leave/components/07_LeaveHistory/DialogForm.vue b/src/modules/09_leave/components/07_LeaveHistory/DialogForm.vue
index 19d468cec..b33009b20 100644
--- a/src/modules/09_leave/components/07_LeaveHistory/DialogForm.vue
+++ b/src/modules/09_leave/components/07_LeaveHistory/DialogForm.vue
@@ -265,7 +265,6 @@ watch(modal, async (val) => {
       await Promise.all([
         filterLeaveTypeData(),
         isStatusEdit.value && defineDataLeaveBeginning(rowData.value),
-        console.log(rowData.value),
       ]);
     } finally {
       hideLoader();
@@ -463,6 +462,7 @@ watch(modal, async (val) => {
                     outlined
                     label="จำนวนสิทธิ์การลา"
                     hide-bottom-space
+                    :rules="[(val: string) => !val || /^\d+(\.\d*)?$/.test(val) || 'กรุณากรอกเฉพาะตัวเลข']"
                   />
                 </div>
                 <div class="col-12">
@@ -473,8 +473,7 @@ watch(modal, async (val) => {
                     outlined
                     label="ที่ใช้ไป (วัน)"
                     hide-bottom-space
-                    mask="#"
-                    reverse-fill-mask
+                    :rules="[(val: string) => !val || /^\d+(\.\d*)?$/.test(val) || 'กรุณากรอกเฉพาะตัวเลข']"
                   />
                 </div>
                 <div class="col-12">
@@ -498,8 +497,7 @@ watch(modal, async (val) => {
                     outlined
                     label="ยกมา (วัน)"
                     hide-bottom-space
-                    mask="#"
-                    reverse-fill-mask
+                    :rules="[(val: string) => !val || /^\d+(\.\d*)?$/.test(val) || 'กรุณากรอกเฉพาะตัวเลข']"
                   />
                 </div>
 

From f5e1c0eca6ca67f6a132f5c41bb55cda30320a16 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Fri, 3 Apr 2026 10:08:12 +0700
Subject: [PATCH 39/54] refactor: convert displayAdd to a computed property

---
 .../components/PersonalList/Table.vue          | 18 ++++++------------
 1 file changed, 6 insertions(+), 12 deletions(-)

diff --git a/src/modules/05_placement/components/PersonalList/Table.vue b/src/modules/05_placement/components/PersonalList/Table.vue
index 5f2d3f260..a88cb44a3 100644
--- a/src/modules/05_placement/components/PersonalList/Table.vue
+++ b/src/modules/05_placement/components/PersonalList/Table.vue
@@ -93,7 +93,6 @@ const appointModal = ref<boolean>(false);
 const getNumFile = ref(0);
 const dataRes = ref<any>([]);
 const personal = ref<any>([]);
-const displayAdd = ref<boolean>(true);
 const containStatus = ref<boolean>(false);
 const modaladdlist = ref<boolean>(false);
 const selected = ref<any>([]);
@@ -101,17 +100,12 @@ const personal_selected = ref<any>([]);
 const filterlistAdd = ref<string>("");
 const paging = ref<boolean>(true);
 
-// เพิ่ม watcher สำหรับ roleAdmin
-watch(
-  roleAdmin,
-  (newValue) => {
-    const permission = checkPermission(route);
-    if (!newValue && permission?.attrOwnership !== "OWNER") {
-      displayAdd.value = false;
-    }
-  },
-  { immediate: true }
-);
+const displayAdd = computed(() => {
+  if (!storeMenu.permissions) return true;
+
+  const permission = checkPermission(route);
+  return roleAdmin.value || permission?.attrOwnership === "OWNER";
+});
 
 // เช็ตสถานะการเลือกคนไปยังหน่วยงาน
 const checkSelected = computed(() => {

From 006c2bc0ba96656a85e980ef6506beb1ce095d4f Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Fri, 3 Apr 2026 17:32:32 +0700
Subject: [PATCH 40/54] feat(evaluate): implement delete endpoints for meeting
 and director

---
 .../components/Detail/viewTab2/CardDirector.vue               | 2 +-
 .../components/Detail/viewTab2/CardMeet.vue                   | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/modules/12_evaluatePersonal/components/Detail/viewTab2/CardDirector.vue b/src/modules/12_evaluatePersonal/components/Detail/viewTab2/CardDirector.vue
index 6a0c10c5b..dc438eccc 100644
--- a/src/modules/12_evaluatePersonal/components/Detail/viewTab2/CardDirector.vue
+++ b/src/modules/12_evaluatePersonal/components/Detail/viewTab2/CardDirector.vue
@@ -212,7 +212,7 @@ function handleDelete(id: string) {
   dialogRemove($q, async () => {
     showLoader();
     try {
-      await http.delete(config.API.evaluateDirectorMain() + `/admin/${id}`);
+      await http.delete(config.API.evaluationMain() + `/del-director/${id}`);
       await props.fetchData();
       await success($q, "ลบสำเร็จ");
     } catch (error) {
diff --git a/src/modules/12_evaluatePersonal/components/Detail/viewTab2/CardMeet.vue b/src/modules/12_evaluatePersonal/components/Detail/viewTab2/CardMeet.vue
index ecd47e139..7a6973420 100644
--- a/src/modules/12_evaluatePersonal/components/Detail/viewTab2/CardMeet.vue
+++ b/src/modules/12_evaluatePersonal/components/Detail/viewTab2/CardMeet.vue
@@ -209,11 +209,11 @@ async function getList() {
     });
 }
 
-function handleDelete(id: string) {
+function handleDelete(meetingId: string) {
   dialogRemove($q, async () => {
     showLoader();
     try {
-      await http.delete(config.API.meeting() + `/admin/${id}`);
+      await http.delete(config.API.evaluationMain() + `/del-meeting/${id.value}/${meetingId}`);
       await props.fetchData();
       await success($q, "ลบสำเร็จ");
     } catch (error) {

From 7da397a1fe8fbf263b7c7afdca84bc7b644cd5ed Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Wed, 8 Apr 2026 10:54:08 +0700
Subject: [PATCH 41/54] fix(command): handle dialog notification for Bangkok
 officers

---
 src/modules/18_command/components/Step/1_Detail.vue | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/modules/18_command/components/Step/1_Detail.vue b/src/modules/18_command/components/Step/1_Detail.vue
index cb3b532b8..ff3f564a6 100644
--- a/src/modules/18_command/components/Step/1_Detail.vue
+++ b/src/modules/18_command/components/Step/1_Detail.vue
@@ -25,6 +25,7 @@ const {
   dialogConfirm,
   convertDateToAPI,
   dialogRemove,
+  dialogMessageNotify,
 } = useCounterMixin();
 
 /**
@@ -130,6 +131,15 @@ async function fetchCheckIdofficer() {
  * และกำหนด isChangeData เป็น false
  */
 async function onSubmit() {
+  //ถ้าเป็น สกจ. ต้องเลือกประเภทคำสั่งด้วย
+  if (
+    isIdofficer.value &&
+    formData.isBangkok !== "BANGKOK" &&
+    formData.isBangkok !== "OFFICE"
+  ) {
+    dialogMessageNotify($q, "กรุณาเลือกคำสั่ง");
+    return;
+  }
   dialogConfirm($q, async () => {
     showLoader();
     await http
@@ -156,7 +166,7 @@ async function onSubmit() {
   });
 }
 
-/** ฟังกชันดึงข้อมูลรายชื่อเจ้าหน้าที่ดำเนินการ */
+/** ฟังก์ชันดึงข้อมูลรายชื่อเจ้าหน้าที่ดำเนินการ */
 async function fetchDataOperatorList() {
   try {
     const res = await http.get(

From 1de7a11721078c98a3e5c179de12536a89ddb034 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Thu, 9 Apr 2026 09:09:01 +0700
Subject: [PATCH 42/54] refactor(evaluate):  convert table headers to data
 cells

---
 .../components/Detail/viewTab2/CardMeet.vue               | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/modules/12_evaluatePersonal/components/Detail/viewTab2/CardMeet.vue b/src/modules/12_evaluatePersonal/components/Detail/viewTab2/CardMeet.vue
index 7a6973420..cf4611de5 100644
--- a/src/modules/12_evaluatePersonal/components/Detail/viewTab2/CardMeet.vue
+++ b/src/modules/12_evaluatePersonal/components/Detail/viewTab2/CardMeet.vue
@@ -213,7 +213,9 @@ function handleDelete(meetingId: string) {
   dialogRemove($q, async () => {
     showLoader();
     try {
-      await http.delete(config.API.evaluationMain() + `/del-meeting/${id.value}/${meetingId}`);
+      await http.delete(
+        config.API.evaluationMain() + `/del-meeting/${id.value}/${meetingId}`
+      );
       await props.fetchData();
       await success($q, "ลบสำเร็จ");
     } catch (error) {
@@ -289,7 +291,7 @@ watch(
         </template>
         <template v-slot:body="props">
           <q-tr :props="props">
-            <q-th auto-width>
+            <q-td auto-width>
               <q-btn
                 v-if="checkPermission($route)?.attrIsUpdate"
                 flat
@@ -301,7 +303,7 @@ watch(
               >
                 <q-tooltip>ลบ</q-tooltip>
               </q-btn>
-            </q-th>
+            </q-td>
             <q-td v-for="col in props.cols" :key="col.name" :props="props">
               <div v-if="col.name == 'no'">
                 {{ props.rowIndex + 1 }}

From 3f5a4783c1aecaefe590877e390cd1e67110b2cd Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Thu, 9 Apr 2026 10:05:42 +0700
Subject: [PATCH 43/54] refactor(reportOrg): change getReport API method from
 GET to POST

---
 .../components/01_org/MainReport.vue          | 19 ++++++++-----------
 1 file changed, 8 insertions(+), 11 deletions(-)

diff --git a/src/modules/21_report/components/01_org/MainReport.vue b/src/modules/21_report/components/01_org/MainReport.vue
index 19119313d..5afa2e63d 100644
--- a/src/modules/21_report/components/01_org/MainReport.vue
+++ b/src/modules/21_report/components/01_org/MainReport.vue
@@ -111,17 +111,16 @@ async function fetchSummary() {
  * ฟังก์ชัน DownloadReport
  * @param list รายงานที่ต้องการดาวน์โหลด
  */
-async function getReport(list: string) {
-  const listFind = baseDocument.value.find(
-    (item: DataDocument) => item.val == list
-  )?.val;
-  const newReport = listFind === "report2" ? "report2-history" : listFind;
+async function getReport(valReport: string) {
   pdfSrc.value = undefined;
   page.value = 1;
   isLoadPDF.value = true;
-  if (newReport) {
+  if (valReport) {
     await http
-      .get(config.API.orgReport(newReport) + `/${organizationId.value}`)
+      .post(config.API.orgReport(valReport), {
+        node: 0,
+        nodeId: organizationId.value,
+      })
       .then(async (res) => {
         const data = res.data.result;
         detailReport.value = data;
@@ -414,10 +413,8 @@ onMounted(async () => {
                           color="primary"
                           icon="download"
                         >
-                        <q-tooltip>
-                          ดาวน์โหลดรายงาน
-                        </q-tooltip>
-                        
+                          <q-tooltip> ดาวน์โหลดรายงาน </q-tooltip>
+
                           <q-menu>
                             <q-list style="min-width: 150px">
                               <q-item

From 376fba605929a610202a92906ce627d9aba5018b Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Thu, 9 Apr 2026 12:09:33 +0700
Subject: [PATCH 44/54] feat(personal-detail): add display section for personal
 info

---
 .../components/PersonalList/DialogDetail.vue  | 283 +++++++++++++++++-
 1 file changed, 272 insertions(+), 11 deletions(-)

diff --git a/src/modules/05_placement/components/PersonalList/DialogDetail.vue b/src/modules/05_placement/components/PersonalList/DialogDetail.vue
index 56cc9b3c4..fca5acdfb 100644
--- a/src/modules/05_placement/components/PersonalList/DialogDetail.vue
+++ b/src/modules/05_placement/components/PersonalList/DialogDetail.vue
@@ -3,6 +3,7 @@ import { ref, watch } from "vue";
 import { useQuasar } from "quasar";
 
 import { useCounterMixin } from "@/stores/mixin";
+import { calculateAge } from "@/utils/function";
 import http from "@/plugins/http";
 import config from "@/app.config";
 
@@ -38,6 +39,20 @@ const props = defineProps({
 
 const rows = ref<DataEducation[]>([]);
 const personalForm = ref<DataPerson>();
+const age = ref<string | null>(""); //อายุ
+
+// ข้อมูลแปลงจาก ID เป็นชื่อ
+const currentProvinceName = ref<string>("");
+const currentDistrictName = ref<string>("");
+const currentSubDistrictName = ref<string>("");
+const registProvinceName = ref<string>("");
+const registDistrictName = ref<string>("");
+const registSubDistrictName = ref<string>("");
+
+// Cache ข้อมูล
+const provincesCache = ref<any[]>([]);
+const districtsCache = ref<Map<string, any[]>>(new Map());
+const subDistrictsCache = ref<Map<string, any[]>>(new Map());
 
 /**หัวตาราง */
 const columns = ref<QTableProps["columns"]>([
@@ -92,6 +107,12 @@ async function fetchData() {
     .get(config.API.getDatapersonal(props.personalId))
     .then((res) => {
       personalForm.value = res.data.result;
+      if (res.data.result.dateOfBirth) {
+        // กำหนดอายุ ส่งวันเกิดไปคำนวน
+        age.value = calculateAge(res.data.result.dateOfBirth);
+      } else {
+        age.value = null;
+      }
       personalForm.value?.education.map((e: Education) => {
         rows.value.push({
           university: e.institute,
@@ -107,6 +128,137 @@ async function fetchData() {
     .finally(() => {
       hideLoader();
     });
+
+  // แปลง ID เป็นชื่อ
+  await convertAddressIds();
+}
+
+/**
+ * ฟังก์ชันแปลง ID เป็นชื่อจริงของที่อยู่ (แบบ optimize)
+ */
+async function convertAddressIds() {
+  if (!personalForm.value) return;
+
+  try {
+    // โหลดข้อมูลจังหวัดครั้งเดียวถ้ายังไม่มี
+    await loadProvinces();
+
+    // แปลงข้อมูลที่อยู่ปัจจุบัน
+    if (personalForm.value.currentProvinceId) {
+      currentProvinceName.value = getProvinceNameFromCache(
+        personalForm.value.currentProvinceId
+      );
+
+      if (personalForm.value.currentDistrictId) {
+        currentDistrictName.value = await getDistrictNameOptimized(
+          personalForm.value.currentProvinceId,
+          personalForm.value.currentDistrictId
+        );
+
+        if (personalForm.value.currentSubDistrictId) {
+          currentSubDistrictName.value = await getSubDistrictNameOptimized(
+            personalForm.value.currentDistrictId,
+            personalForm.value.currentSubDistrictId
+          );
+        }
+      }
+    }
+
+    // แปลงข้อมูลที่อยู่ตามทะเบียน
+    if (personalForm.value.registProvinceId) {
+      registProvinceName.value = getProvinceNameFromCache(
+        personalForm.value.registProvinceId
+      );
+
+      if (personalForm.value.registDistrictId) {
+        registDistrictName.value = await getDistrictNameOptimized(
+          personalForm.value.registProvinceId,
+          personalForm.value.registDistrictId
+        );
+
+        if (personalForm.value.registSubDistrictId) {
+          registSubDistrictName.value = await getSubDistrictNameOptimized(
+            personalForm.value.registDistrictId,
+            personalForm.value.registSubDistrictId
+          );
+        }
+      }
+    }
+  } catch (error) {
+    console.error("Error converting address IDs:", error);
+  }
+}
+
+/**
+ * โหลดข้อมูลจังหวัดทั้งหมด (ครั้งเดียว)
+ */
+async function loadProvinces() {
+  if (provincesCache.value.length === 0) {
+    try {
+      const res = await http.get(config.API.province);
+      provincesCache.value = res.data.result;
+    } catch (error) {
+      console.error("Error loading provinces:", error);
+    }
+  }
+}
+
+/**
+ * ดึงชื่อจังหวัดจาก cache
+ */
+function getProvinceNameFromCache(provinceId: string): string {
+  const province = provincesCache.value.find(
+    (p: any) => p.id.toString() === provinceId
+  );
+  return province ? province.name : "-";
+}
+
+/**
+ * ดึงชื่ออำเภอแบบ optimize (เรียก API เฉพาะจังหวัดที่ต้องการ)
+ */
+async function getDistrictNameOptimized(
+  provinceId: string,
+  districtId: string
+): Promise<string> {
+  try {
+    // เช็ค cache ก่อน
+    if (!districtsCache.value.has(provinceId)) {
+      const res = await http.get(config.API.listDistrict(provinceId));
+      districtsCache.value.set(provinceId, res.data.result.districts);
+    }
+
+    const districts = districtsCache.value.get(provinceId) || [];
+    const district = districts.find((d: any) => d.id.toString() === districtId);
+    return district ? district.name : "-";
+  } catch (error) {
+    console.error("Error loading district:", error);
+    return "-";
+  }
+}
+
+/**
+ * ดึงชื่อตำบลแบบ optimize (เรียก API เฉพาะอำเภอที่ต้องการ)
+ */
+async function getSubDistrictNameOptimized(
+  districtId: string,
+  subDistrictId: string
+): Promise<string> {
+  try {
+    // เช็ค cache ก่อน
+    if (!subDistrictsCache.value.has(districtId)) {
+      const res = await http.get(config.API.listSubDistrict(districtId));
+      subDistrictsCache.value.set(districtId, res.data.result.subDistricts);
+    }
+
+    const subDistricts = subDistrictsCache.value.get(districtId) || [];
+    const subDistrict = subDistricts.find(
+      (sd: any) => sd.id.toString() === subDistrictId
+    );
+    return subDistrict ? subDistrict.name : "-";
+  } catch (error) {
+    console.error("Error loading subdistrict:", error);
+    return "-";
+  }
 }
 
 /**
@@ -170,30 +322,58 @@ watch(props, () => {
 
               <div class="row q-pa-xs">
                 <div class="col-3 header-sub-text">
-                  <div class="q-pb-md">เลขประจำตัวประชาชน</div>
-                  <div>วัน/เดือน/ปีเกิด</div>
+                  <div class="q-pb-sm">เลขประจำตัวประชาชน</div>
+                  <div class="q-pb-sm">วัน/เดือน/ปีเกิด</div>
+                  <div class="q-pb-sm">อายุ</div>
+                  <div class="q-pb-sm">สัญชาติ</div>
+                  <div>หมู่เลือด</div>
                 </div>
 
                 <div class="col-4 sub-text">
-                  <div class="q-pb-md">
+                  <div class="q-pb-sm">
                     {{ personalForm?.idCard }}
                   </div>
-                  <div>
+                  <div class="q-pb-sm">
                     {{ date2Thai(personalForm?.dateOfBirth) }}
                   </div>
+                  <div class="q-pb-sm">
+                    {{ age ? age : "-" }}
+                  </div>
+                  <div class="q-pb-sm">
+                    {{
+                      personalForm?.nationality ? personalForm.nationality : "-"
+                    }}
+                  </div>
+                  <div>
+                    {{
+                      personalForm?.bloodGroup ? personalForm.bloodGroup : "-"
+                    }}
+                  </div>
                 </div>
 
                 <div class="col-2 header-sub-text">
-                  <div class="q-pb-md">ชื่อ-นามสกุล</div>
-                  <div>เพศ</div>
+                  <div class="q-pb-sm">ชื่อ-นามสกุล</div>
+                  <div class="q-pb-sm">เพศ</div>
+                  <div class="q-pb-sm">เชื้อชาติ</div>
+                  <div class="q-pb-sm">ศาสนา</div>
+                  <div>เบอร์โทรศัพท์</div>
                 </div>
                 <div class="col-3 sub-text">
-                  <div class="q-pb-md">
+                  <div class="q-pb-sm">
                     {{ personalForm?.fullName }}
                   </div>
-                  <div>
+                  <div class="q-pb-sm">
                     {{ personalForm?.gender }}
                   </div>
+                  <div class="q-pb-sm">
+                    {{ personalForm?.race ? personalForm.race : "-" }}
+                  </div>
+                  <div class="q-pb-sm">
+                    {{ personalForm?.religion ? personalForm.religion : "-" }}
+                  </div>
+                  <div class="q-mt-sm">
+                    {{ personalForm?.telephone ? personalForm.telephone : "-" }}
+                  </div>
                 </div>
               </div>
             </q-card>
@@ -203,9 +383,90 @@ watch(props, () => {
             <q-card bordered class="card-panding">
               <div class="row items-center q-pa-xs header-text">ภูมิลำเนา</div>
               <div class="row q-pa-xs">
-                <div class="col-3 header-sub-text">ที่อยู่</div>
-                <div class="col-9 sub-text">
-                  {{ personalForm?.registAddress }}
+                <!-- ที่อยู่ปัจจุบัน -->
+                <div class="col-6">
+                  <div class="q-pb-sm text-weight-medium text-primary">
+                    ที่อยู่ปัจจุบัน
+                  </div>
+                  <div class="row">
+                    <div class="col-4 header-sub-text">
+                      <div class="q-pb-sm">ที่อยู่</div>
+                      <div class="q-pb-sm">จังหวัด</div>
+                      <div class="q-pb-sm">เขต/อำเภอ</div>
+                      <div class="q-pb-sm">แขวง/ตำบล</div>
+                      <div>รหัสไปรษณีย์</div>
+                    </div>
+                    <div class="col-8 sub-text">
+                      <div class="q-pb-sm">
+                        {{
+                          personalForm?.currentAddress
+                            ? personalForm.currentAddress
+                            : "-"
+                        }}
+                      </div>
+                      <div class="q-pb-sm">
+                        {{ currentProvinceName ? currentProvinceName : "-" }}
+                      </div>
+                      <div class="q-pb-sm">
+                        {{ currentDistrictName ? currentDistrictName : "-" }}
+                      </div>
+                      <div class="q-pb-sm">
+                        {{
+                          currentSubDistrictName ? currentSubDistrictName : "-"
+                        }}
+                      </div>
+                      <div class="q-mt-sm">
+                        {{
+                          personalForm?.currentZipCode
+                            ? personalForm.currentZipCode
+                            : "-"
+                        }}
+                      </div>
+                    </div>
+                  </div>
+                </div>
+
+                <!-- ที่อยู่ตามทะเบียนบ้าน -->
+                <div class="col-6">
+                  <div class="q-pb-sm text-weight-medium text-primary">
+                    ที่อยู่ตามทะเบียนบ้าน
+                  </div>
+                  <div class="row">
+                    <div class="col-4 header-sub-text">
+                      <div class="q-pb-sm">ที่อยู่</div>
+                      <div class="q-pb-sm">จังหวัด</div>
+                      <div class="q-pb-sm">เขต/อำเภอ</div>
+                      <div class="q-pb-sm">แขวง/ตำบล</div>
+                      <div>รหัสไปรษณีย์</div>
+                    </div>
+                    <div class="col-8 sub-text">
+                      <div class="q-pb-sm">
+                        {{
+                          personalForm?.registAddress
+                            ? personalForm.registAddress
+                            : "-"
+                        }}
+                      </div>
+                      <div class="q-pb-sm">
+                        {{ registProvinceName ? registProvinceName : "-" }}
+                      </div>
+                      <div class="q-pb-sm">
+                        {{ registDistrictName ? registDistrictName : "-" }}
+                      </div>
+                      <div class="q-pb-sm">
+                        {{
+                          registSubDistrictName ? registSubDistrictName : "-"
+                        }}
+                      </div>
+                      <div class="q-mt-sm">
+                        {{
+                          personalForm?.registZipCode
+                            ? personalForm.registZipCode
+                            : "-"
+                        }}
+                      </div>
+                    </div>
+                  </div>
                 </div>
               </div>
             </q-card>

From c21cfa838f92d7962d6689d7d92a5e9774b2ebb1 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Thu, 9 Apr 2026 13:42:40 +0700
Subject: [PATCH 45/54] refactor(personal-detail): resetData  befor fetchData

---
 .../components/PersonalList/DialogDetail.vue  | 47 ++++++++++++++-----
 1 file changed, 36 insertions(+), 11 deletions(-)

diff --git a/src/modules/05_placement/components/PersonalList/DialogDetail.vue b/src/modules/05_placement/components/PersonalList/DialogDetail.vue
index fca5acdfb..13aa09aef 100644
--- a/src/modules/05_placement/components/PersonalList/DialogDetail.vue
+++ b/src/modules/05_placement/components/PersonalList/DialogDetail.vue
@@ -51,8 +51,8 @@ const registSubDistrictName = ref<string>("");
 
 // Cache ข้อมูล
 const provincesCache = ref<any[]>([]);
-const districtsCache = ref<Map<string, any[]>>(new Map());
-const subDistrictsCache = ref<Map<string, any[]>>(new Map());
+const districtsCache = ref<Map<string, any[]>>(new Map()); // key: provinceId, value: districts[]
+const subDistrictsCache = ref<Map<string, any[]>>(new Map()); // key: districtId, value: subDistricts[]
 
 /**หัวตาราง */
 const columns = ref<QTableProps["columns"]>([
@@ -102,6 +102,9 @@ const columns = ref<QTableProps["columns"]>([
  * ฟังก์ชันดึงข้อมูลรายละเอียด
  */
 async function fetchData() {
+  // Reset ข้อมูลเก่าก่อนโหลดข้อมูลใหม่
+  resetData();
+  
   showLoader();
   await http
     .get(config.API.getDatapersonal(props.personalId))
@@ -133,6 +136,24 @@ async function fetchData() {
   await convertAddressIds();
 }
 
+/**
+ * Reset ข้อมูลทุกครั้งที่เปิดคนใหม่
+ */
+function resetData() {
+  // Reset ข้อมูลส่วนตัว
+  personalForm.value = undefined;
+  age.value = "";
+  rows.value = [];
+  
+  // Reset ข้อมูลที่อยู่
+  currentProvinceName.value = "";
+  currentDistrictName.value = "";
+  currentSubDistrictName.value = "";
+  registProvinceName.value = "";
+  registDistrictName.value = "";
+  registSubDistrictName.value = "";
+}
+
 /**
  * ฟังก์ชันแปลง ID เป็นชื่อจริงของที่อยู่ (แบบ optimize)
  */
@@ -144,18 +165,18 @@ async function convertAddressIds() {
     await loadProvinces();
 
     // แปลงข้อมูลที่อยู่ปัจจุบัน
-    if (personalForm.value.currentProvinceId) {
+    if (personalForm.value.currentProvinceId && personalForm.value.currentProvinceId.trim() !== "") {
       currentProvinceName.value = getProvinceNameFromCache(
         personalForm.value.currentProvinceId
       );
 
-      if (personalForm.value.currentDistrictId) {
+      if (personalForm.value.currentDistrictId && personalForm.value.currentDistrictId.trim() !== "") {
         currentDistrictName.value = await getDistrictNameOptimized(
           personalForm.value.currentProvinceId,
           personalForm.value.currentDistrictId
         );
 
-        if (personalForm.value.currentSubDistrictId) {
+        if (personalForm.value.currentSubDistrictId && personalForm.value.currentSubDistrictId.trim() !== "") {
           currentSubDistrictName.value = await getSubDistrictNameOptimized(
             personalForm.value.currentDistrictId,
             personalForm.value.currentSubDistrictId
@@ -165,18 +186,18 @@ async function convertAddressIds() {
     }
 
     // แปลงข้อมูลที่อยู่ตามทะเบียน
-    if (personalForm.value.registProvinceId) {
+    if (personalForm.value.registProvinceId && personalForm.value.registProvinceId.trim() !== "") {
       registProvinceName.value = getProvinceNameFromCache(
         personalForm.value.registProvinceId
       );
 
-      if (personalForm.value.registDistrictId) {
+      if (personalForm.value.registDistrictId && personalForm.value.registDistrictId.trim() !== "") {
         registDistrictName.value = await getDistrictNameOptimized(
           personalForm.value.registProvinceId,
           personalForm.value.registDistrictId
         );
 
-        if (personalForm.value.registSubDistrictId) {
+        if (personalForm.value.registSubDistrictId && personalForm.value.registSubDistrictId.trim() !== "") {
           registSubDistrictName.value = await getSubDistrictNameOptimized(
             personalForm.value.registDistrictId,
             personalForm.value.registSubDistrictId
@@ -215,13 +236,15 @@ function getProvinceNameFromCache(provinceId: string): string {
 
 /**
  * ดึงชื่ออำเภอแบบ optimize (เรียก API เฉพาะจังหวัดที่ต้องการ)
+ * @param provinceId ID ของจังหวัด
+ * @param districtId ID ของอำเภอ
  */
 async function getDistrictNameOptimized(
   provinceId: string,
   districtId: string
 ): Promise<string> {
   try {
-    // เช็ค cache ก่อน
+    // เช็ค cache ว่ามีข้อมูล districts ของ province นี้หรือไม่
     if (!districtsCache.value.has(provinceId)) {
       const res = await http.get(config.API.listDistrict(provinceId));
       districtsCache.value.set(provinceId, res.data.result.districts);
@@ -238,13 +261,15 @@ async function getDistrictNameOptimized(
 
 /**
  * ดึงชื่อตำบลแบบ optimize (เรียก API เฉพาะอำเภอที่ต้องการ)
+ * @param districtId ID ของอำเภอ
+ * @param subDistrictId ID ของตำบล
  */
 async function getSubDistrictNameOptimized(
   districtId: string,
   subDistrictId: string
 ): Promise<string> {
   try {
-    // เช็ค cache ก่อน
+    // เช็ค cache ว่ามีข้อมูล subDistricts ของ district นี้หรือไม่
     if (!subDistrictsCache.value.has(districtId)) {
       const res = await http.get(config.API.listSubDistrict(districtId));
       subDistrictsCache.value.set(districtId, res.data.result.subDistricts);
@@ -283,7 +308,7 @@ function formBmaofficer(val: string) {
  */
 async function close() {
   props.close();
-  rows.value = [];
+  resetData(); // Reset ข้อมูลเมื่อปิด dialog
 }
 
 /**

From 0d5cb36fb2a52b011b296ac05d0b2355f5bbd165 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Fri, 10 Apr 2026 16:05:30 +0700
Subject: [PATCH 46/54] feat(registry): enable edit for items from command list

---
 .../GovernmentInformation/07_Position.vue     | 17 +++++++++-------
 .../detail/Salary/01_PositionSalary.vue       | 20 ++++++++++++-------
 2 files changed, 23 insertions(+), 14 deletions(-)

diff --git a/src/modules/04_registryPerson/components/detail/GovernmentInformation/07_Position.vue b/src/modules/04_registryPerson/components/detail/GovernmentInformation/07_Position.vue
index 67062edde..e94467676 100644
--- a/src/modules/04_registryPerson/components/detail/GovernmentInformation/07_Position.vue
+++ b/src/modules/04_registryPerson/components/detail/GovernmentInformation/07_Position.vue
@@ -402,6 +402,7 @@ const modalDialogSalary = ref<boolean>(false); //แสดง popup ตำแห
 const isStatusEdit = ref<boolean>(false); //สถานะแก้ไขข้อมูลตำแหน่งเงินเดือน
 const salaryId = ref<string>(""); //id ที่ต้องการแก้ไข
 const dataLevel = ref<DataPosType[]>([]); //รายการ ตำแหน่งเงินเดือน
+const idCommandId = ref<boolean>(false); //เช็คว่ามี commandId หรือไม่
 
 const commandCodeOptions = ref<DataOption[]>(store.commandCodeData); //รายการปรเภทคำสั่ง
 const posTypeOptions = ref<DataOption[]>(store.posTypeData); //รายการประเภทตำแหน่ง | กลุ่มงาน
@@ -658,6 +659,7 @@ async function onClickOpenDialog(
   } else {
     await fetchOptionGroup();
   }
+  idCommandId.value = statusEdit ? (data.commandId ? true : false) : false;
   commandCodeOptions.value = store.commandCodeData;
   posTypeOptions.value = store.posTypeData;
   posLevelOptions.value = store.posLevelData;
@@ -978,6 +980,7 @@ onMounted(async () => {
               <q-tooltip>ประวัติแก้ไขตำแหน่ง/เงินเดือน</q-tooltip>
             </q-btn>
 
+            <!-- :disable="(props.row.commandId !== null && props.row.commandId !== '') || props.row.commandType === 'C-PM-47'" -->
             <q-btn
               v-if="
                 !isLeave &&
@@ -985,11 +988,7 @@ onMounted(async () => {
                 checkPermission($route)?.attrOwnership === 'OWNER'
               "
               flat
-              :disable="
-                (props.row.commandId !== null && props.row.commandId !== '') ||
-                props.row.commandType === 'C-PM-47'
-              "
-              :color="props.row.commandId ? 'grey' : 'edit'"
+              color="edit"
               dense
               round
               icon="edit"
@@ -1154,7 +1153,8 @@ onMounted(async () => {
               <div class="row q-col-gutter-sm">
                 <div class="col-6">
                   <q-input
-                    :class="classInput(true)"
+                    :class="classInput(!idCommandId)"
+                    :readonly="idCommandId"
                     outlined
                     dense
                     lazy-rules
@@ -1174,7 +1174,8 @@ onMounted(async () => {
                     autoApply
                     year-picker
                     :enableTimePicker="false"
-                    class="inputgreen"
+                    :class="classInput(!idCommandId)"
+                    :disabled="idCommandId"
                   >
                     <template #year="{ year }">{{ year + 543 }}</template>
                     <template #year-overlay-value="{ value }">{{
@@ -1191,6 +1192,8 @@ onMounted(async () => {
                             : formData.commandYear + 543
                         "
                         label="ปี พ.ศ."
+                        :class="classInput(!idCommandId)"
+                        :readonly="idCommandId"
                       >
                         <template v-slot:prepend>
                           <q-icon
diff --git a/src/modules/04_registryPerson/components/detail/Salary/01_PositionSalary.vue b/src/modules/04_registryPerson/components/detail/Salary/01_PositionSalary.vue
index 46e93dfbe..58205a802 100644
--- a/src/modules/04_registryPerson/components/detail/Salary/01_PositionSalary.vue
+++ b/src/modules/04_registryPerson/components/detail/Salary/01_PositionSalary.vue
@@ -66,6 +66,7 @@ const keyword = ref<string>(""); //คำค้นหา
 const modalCommand = ref<boolean>(false);
 const command = ref<string>("");
 const commandId = ref<string>("");
+const idCommandId = ref<boolean>(false); //สถานะการมีคำสั่ง
 const baseColumns = ref<QTableColumn[]>([
   {
     name: "commandDateAffect",
@@ -638,6 +639,7 @@ async function onClickOpenDialog(
   } else {
     await fetchOptionGroup();
   }
+  idCommandId.value = statusEdit && data.commandId ? true : false;
   commandCodeOptions.value = store.commandCodeData;
   posTypeOptions.value = store.posTypeData;
   posLevelOptions.value = store.posLevelData;
@@ -939,6 +941,10 @@ onMounted(async () => {
             >
               <q-tooltip>ประวัติแก้ไขตำแหน่ง/เงินเดือน</q-tooltip>
             </q-btn>
+            <!-- :disable="
+              (props.row.commandId !== null && props.row.commandId !== '') ||
+              props.row.commandType === 'C-PM-47'
+            " -->
             <q-btn
               v-if="
                 !isLeave &&
@@ -946,11 +952,7 @@ onMounted(async () => {
                 checkPermission($route)?.attrOwnership === 'OWNER'
               "
               flat
-              :disable="
-                (props.row.commandId !== null && props.row.commandId !== '') ||
-                props.row.commandType === 'C-PM-47'
-              "
-              :color="props.row.commandId ? 'grey' : 'edit'"
+              color="edit"
               dense
               round
               icon="edit"
@@ -1119,7 +1121,8 @@ onMounted(async () => {
               <div class="row q-col-gutter-sm">
                 <div class="col-6">
                   <q-input
-                    :class="classInput(true)"
+                    :class="classInput(!idCommandId)"
+                    :readonly="idCommandId"
                     outlined
                     dense
                     lazy-rules
@@ -1139,7 +1142,8 @@ onMounted(async () => {
                     autoApply
                     year-picker
                     :enableTimePicker="false"
-                    class="inputgreen"
+                    :class="classInput(!idCommandId)"
+                    :disable="idCommandId"
                   >
                     <template #year="{ year }">{{ year + 543 }}</template>
                     <template #year-overlay-value="{ value }">{{
@@ -1156,6 +1160,8 @@ onMounted(async () => {
                             : formData.commandYear + 543
                         "
                         label="ปี พ.ศ."
+                        :class="classInput(!idCommandId)"
+                        :readonly="idCommandId"
                       >
                         <template v-slot:prepend>
                           <q-icon

From c700cf0abd629dd1ff68a2e496c97a81ae025fa5 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Thu, 16 Apr 2026 13:40:48 +0700
Subject: [PATCH 47/54] feat(placement): add UpdateDraftStatus menu option

---
 src/api/05_placement/api.placement.ts         |  1 +
 .../components/PersonalList/Table.vue         | 46 +++++++++++++++++++
 2 files changed, 47 insertions(+)

diff --git a/src/api/05_placement/api.placement.ts b/src/api/05_placement/api.placement.ts
index a810db909..b6459a850 100644
--- a/src/api/05_placement/api.placement.ts
+++ b/src/api/05_placement/api.placement.ts
@@ -27,6 +27,7 @@ export default {
   placementDefermentInfo: (id: string) => `${placement}/pass/deferment/${id}`,
   placementDisclaimInfo: (id: string) => `${placement}/pass/disclaim/${id}`,
   placementUpdatePass: `${placement}/pass/update-status`,
+  placementUpdateDraftStatus: `${placement}/update/draft-status`,
 
   //personal
   placementPersonalId: (personalId: string) =>
diff --git a/src/modules/05_placement/components/PersonalList/Table.vue b/src/modules/05_placement/components/PersonalList/Table.vue
index a88cb44a3..bdf4ae494 100644
--- a/src/modules/05_placement/components/PersonalList/Table.vue
+++ b/src/modules/05_placement/components/PersonalList/Table.vue
@@ -967,6 +967,28 @@ function onUpdateStatus(id: string) {
   );
 }
 
+function onUpdateDraftStatus(id: string) {
+  dialogConfirm(
+    $q,
+    async () => {
+      showLoader();
+      try {
+        await http.post(config.API.placementUpdateDraftStatus, {
+          personalId: id,
+        });
+        await success($q, "บันทึกสำเร็จ");
+        await getTable();
+      } catch (error) {
+        messageError($q, error);
+      } finally {
+        hideLoader();
+      }
+    },
+    "ยืนยันการยกเลิกการส่งตัว",
+    "ต้องการยกเลิกการส่งตัวรายชื่อนี้ใช่หรือไม่ ?"
+  );
+}
+
 onMounted(async () => {
   await getWorkFlow();
   await getTable();
@@ -1029,6 +1051,30 @@ onMounted(async () => {
                     </q-item-section>
                     <q-item-section>รายละเอียด</q-item-section>
                   </q-item>
+                  <q-item
+                    v-if="
+                      checkPermission($route)?.attrIsUpdate &&
+                      props.row.isDraft &&
+                      props.row.statusId === 'PREPARE-CONTAIN' &&
+                      DataStore.isOfficer
+                    "
+                    clickable
+                    v-close-popup
+                    @click="onUpdateDraftStatus(props.row.personalId)"
+                  >
+                    <q-item-section
+                      style="min-width: 0px"
+                      avatar
+                      class="q-py-sm"
+                    >
+                      <q-icon
+                        color="red"
+                        size="xs"
+                        name="mdi-account-arrow-left-outline"
+                      />
+                    </q-item-section>
+                    <q-item-section>ยกเลิกการส่งตัว</q-item-section>
+                  </q-item>
 
                   <q-item
                     v-if="

From 9d9cd92d6b27494710c9a06ed476742cd92758cd Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Thu, 16 Apr 2026 16:14:33 +0700
Subject: [PATCH 48/54] refactor(retire-old): standardize API response by
 renaming data to result

---
 src/modules/06_retirement/views/09_retirementOld.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/modules/06_retirement/views/09_retirementOld.vue b/src/modules/06_retirement/views/09_retirementOld.vue
index 0520a3c35..64c05c218 100644
--- a/src/modules/06_retirement/views/09_retirementOld.vue
+++ b/src/modules/06_retirement/views/09_retirementOld.vue
@@ -151,7 +151,7 @@ async function fetchDataRetirement() {
       firstNameTH: filter.value.firstNameTH.trim(),
       lastNameTH: filter.value.lastNameTH.trim(),
     });
-    const data: RetirementOld = response.data.data;
+    const data: RetirementOld = response.data.result;
     pagination.value.rowsNumber = data.totalRecords;
     rows.value = data.dataRecords;
   } catch (error) {

From 73335d7dd50dffc69d289e468c96ff926231b384 Mon Sep 17 00:00:00 2001
From: waruneeauy <warunee.auy@gmail.com>
Date: Thu, 16 Apr 2026 20:55:51 +0700
Subject: [PATCH 49/54] add permission owner

---
 src/modules/05_placement/components/PersonalList/Table.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/modules/05_placement/components/PersonalList/Table.vue b/src/modules/05_placement/components/PersonalList/Table.vue
index bdf4ae494..557139d8b 100644
--- a/src/modules/05_placement/components/PersonalList/Table.vue
+++ b/src/modules/05_placement/components/PersonalList/Table.vue
@@ -1056,7 +1056,7 @@ onMounted(async () => {
                       checkPermission($route)?.attrIsUpdate &&
                       props.row.isDraft &&
                       props.row.statusId === 'PREPARE-CONTAIN' &&
-                      DataStore.isOfficer
+                      (DataStore.isOfficer || checkPermission($route)?.attrOwnership == 'OWNER')
                     "
                     clickable
                     v-close-popup

From 8a0a6ea873b56f01f50d0945c47547fd29d5456b Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Fri, 17 Apr 2026 14:59:22 +0700
Subject: [PATCH 50/54] fix(command): validate if isIdofficer  isBangkok fields
 to show warnings

---
 .../18_command/components/Step/1_Detail.vue   | 20 ++++---------------
 .../18_command/components/Step/View0_Live.vue | 13 +++++++-----
 src/modules/18_command/store/DetailStore.ts   |  6 ++++--
 src/modules/18_command/views/detail.vue       | 13 ++++++++++++
 4 files changed, 29 insertions(+), 23 deletions(-)

diff --git a/src/modules/18_command/components/Step/1_Detail.vue b/src/modules/18_command/components/Step/1_Detail.vue
index ff3f564a6..2a3f3b60f 100644
--- a/src/modules/18_command/components/Step/1_Detail.vue
+++ b/src/modules/18_command/components/Step/1_Detail.vue
@@ -61,7 +61,6 @@ let formData = reactive<FormDataDetail>({
 });
 const commandVolume = ref<string>(""); //เล่มที่
 const commandChapter = ref<string>(""); //ตอนที่
-const isIdofficer = ref<boolean>(false); //เช็ค สกจ.
 
 const rows = ref<Array<DataOperators>>([]);
 const columns = ref<QTableProps["columns"]>([
@@ -114,17 +113,7 @@ const visibleColumns = ref<Array<string>>([
 
 const modalAddOperator = ref<boolean>(false); // แสดงเพิ่มรายชื่อลงนามในแนบท้ายคำสั่ง
 
-/** ฟังก์ชันเช็ค สกจ.*/
-async function fetchCheckIdofficer() {
-  await http
-    .get(config.API.checkIdofficer)
-    .then((res) => {
-      isIdofficer.value = res.data.result;
-    })
-    .catch((err) => {
-      messageError($q, err);
-    });
-}
+
 
 /**
  * ฟังก์ชันบันทึกข้อมูลรายละเอียดคำสั่ง
@@ -133,7 +122,7 @@ async function fetchCheckIdofficer() {
 async function onSubmit() {
   //ถ้าเป็น สกจ. ต้องเลือกประเภทคำสั่งด้วย
   if (
-    isIdofficer.value &&
+    store.isIdofficer &&
     formData.isBangkok !== "BANGKOK" &&
     formData.isBangkok !== "OFFICE"
   ) {
@@ -225,7 +214,6 @@ function onDeleteData(id: string) {
 onMounted(async () => {
   try {
     showLoader();
-    await fetchCheckIdofficer();
     await fetchDataOperatorList();
     formData.commandNo = props.formCommandList.commandNo;
     formData.commandYear = props.formCommandList.commandYear;
@@ -235,7 +223,7 @@ onMounted(async () => {
     formData.issue = props.formCommandList.issue;
     formData.commandAffectDate = props.formCommandList.commandAffectDate;
     formData.commandExcecuteDate = props.formCommandList.commandExcecuteDate;
-    formData.isBangkok = !isIdofficer.value
+    formData.isBangkok = !store.isIdofficer
       ? null
       : props.formCommandList.isBangkok;
     commandCode.value = props.formCommandList.commandCode;
@@ -500,7 +488,7 @@ onMounted(async () => {
 
               <div
                 class="col-12 q-gutter-sm"
-                v-if="isIdofficer && commandCode !== 'C-PM-47'"
+                v-if="store.isIdofficer && commandCode !== 'C-PM-47'"
               >
                 <q-radio
                   :disable="store.readonly"
diff --git a/src/modules/18_command/components/Step/View0_Live.vue b/src/modules/18_command/components/Step/View0_Live.vue
index 57a7d3ef6..a66025639 100644
--- a/src/modules/18_command/components/Step/View0_Live.vue
+++ b/src/modules/18_command/components/Step/View0_Live.vue
@@ -292,7 +292,10 @@ function onConfirmOrder() {
   if (
     store?.dataCommand?.commandNo !== "" &&
     store?.dataCommand?.commandAffectDate !== null &&
-    store?.dataCommand?.commandExcecuteDate !== null
+    store?.dataCommand?.commandExcecuteDate !== null &&
+    (!store.isIdofficer ||
+      store?.dataCommand?.isBangkok === "BANGKOK" ||
+      store?.dataCommand?.isBangkok === "OFFICE")
   ) {
     dialogConfirm(
       $q,
@@ -316,10 +319,10 @@ function onConfirmOrder() {
       "คุณต้องการยืนยันการส่งออกคำสั่งใช่หรือไม่?"
     );
   } else {
-    dialogMessageNotify(
-      $q,
-      "ไม่สามารถดำเนินการต่อได้ กรุณากรอกเลขที่คำสั่ง วันที่ลงนาม และวันที่คำสั่งมีผลให้ครบ"
-    );
+    const messageWarning = !store.isIdofficer
+      ? "ไม่สามารถดำเนินการต่อได้ กรุณากรอกเลขที่คำสั่ง วันที่ลงนาม และวันที่คำสั่งมีผลให้ครบ"
+      : "ไม่สามารถดำเนินการต่อได้ กรุณากรอกเลขที่คำสั่ง วันที่ลงนาม วันที่คำสั่งมีผล และเลือกประเภทคำสั่งให้ครบ";
+    dialogMessageNotify($q, messageWarning);
   }
 }
 
diff --git a/src/modules/18_command/store/DetailStore.ts b/src/modules/18_command/store/DetailStore.ts
index ffdfc035a..7a744d451 100644
--- a/src/modules/18_command/store/DetailStore.ts
+++ b/src/modules/18_command/store/DetailStore.ts
@@ -7,7 +7,8 @@ export const useCommandDetail = defineStore("commandDetailStore", () => {
   const readonly = ref<boolean>(false);
   const dataCommand = ref<FormDataDetail>();
   const status = ref<string>("");
-  const isSalary = ref<boolean>(false)
+  const isSalary = ref<boolean>(false);
+  const isIdofficer = ref<boolean>(false);
   function checkStep(val: string) {
     status.value = val;
     switch (val) {
@@ -39,6 +40,7 @@ export const useCommandDetail = defineStore("commandDetailStore", () => {
     readonly,
     status,
     dataCommand,
-    isSalary
+    isSalary,
+    isIdofficer,
   };
 });
diff --git a/src/modules/18_command/views/detail.vue b/src/modules/18_command/views/detail.vue
index 37ab3326f..5e41124dc 100644
--- a/src/modules/18_command/views/detail.vue
+++ b/src/modules/18_command/views/detail.vue
@@ -92,12 +92,25 @@ async function fetchDataCommandList() {
     });
 }
 
+/** ฟังก์ชันเช็ค สกจ.*/
+async function fetchCheckIdofficer() {
+  await http
+    .get(config.API.checkIdofficer)
+    .then((res) => {
+      store.isIdofficer = res.data.result;
+    })
+    .catch((err) => {
+      messageError($q, err);
+    });
+}
+
 /**
  * ทำงานเมื่อ Components ถูกเรียกใช้งาน
  * กำหนดค่า `store.readonly` เมื่อ  route.name เป็น "commandViewDetailPage" จะอ่านข้อมูลได้อย่างเดียว
  */
 onMounted(async () => {
   await fetchDataCommandList();
+  await fetchCheckIdofficer();
   store.readonly =
     route.name === "commandViewDetailPage" ||
     formCommandList.status === "REPORTED" ||

From d6e75d6966a4d376d4978256d70a7004c16b81a0 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Fri, 17 Apr 2026 15:29:11 +0700
Subject: [PATCH 51/54] refactor(command): dialogMessageNotify messageWarning

---
 src/modules/18_command/components/Step/View0_Live.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/modules/18_command/components/Step/View0_Live.vue b/src/modules/18_command/components/Step/View0_Live.vue
index a66025639..263445a25 100644
--- a/src/modules/18_command/components/Step/View0_Live.vue
+++ b/src/modules/18_command/components/Step/View0_Live.vue
@@ -321,7 +321,7 @@ function onConfirmOrder() {
   } else {
     const messageWarning = !store.isIdofficer
       ? "ไม่สามารถดำเนินการต่อได้ กรุณากรอกเลขที่คำสั่ง วันที่ลงนาม และวันที่คำสั่งมีผลให้ครบ"
-      : "ไม่สามารถดำเนินการต่อได้ กรุณากรอกเลขที่คำสั่ง วันที่ลงนาม วันที่คำสั่งมีผล และเลือกประเภทคำสั่งให้ครบ";
+      : "ไม่สามารถดำเนินการต่อได้ กรุณากรอกเลขที่คำสั่ง วันที่ลงนาม วันที่คำสั่งมีผล และเลือกคำสั่งให้ครบ";
     dialogMessageNotify($q, messageWarning);
   }
 }

From cba8f4b70308c2e538e63e68041f4b5f2b3d4d13 Mon Sep 17 00:00:00 2001
From: waruneeauy <warunee.auy@gmail.com>
Date: Mon, 20 Apr 2026 09:40:16 +0700
Subject: [PATCH 52/54] =?UTF-8?q?fixed#2435=20=E0=B8=A3=E0=B8=B0=E0=B8=9A?=
 =?UTF-8?q?=E0=B8=9A=E0=B9=81=E0=B8=81=E0=B9=89=E0=B9=84=E0=B8=82=E0=B8=97?=
 =?UTF-8?q?=E0=B8=B0=E0=B9=80=E0=B8=9A=E0=B8=B5=E0=B8=A2=E0=B8=99=E0=B8=9B?=
 =?UTF-8?q?=E0=B8=A3=E0=B8=B0=E0=B8=A7=E0=B8=B1=E0=B8=95=E0=B8=B4=E0=B8=95?=
 =?UTF-8?q?=E0=B8=B3=E0=B9=81=E0=B8=AB=E0=B8=99=E0=B9=88=E0=B8=87/?=
 =?UTF-8?q?=E0=B9=80=E0=B8=87=E0=B8=B4=E0=B8=99=E0=B9=80=E0=B8=94=E0=B8=B7?=
 =?UTF-8?q?=E0=B8=AD=E0=B8=99=20>>=20=E0=B9=80=E0=B8=9E=E0=B8=B4=E0=B9=88?=
 =?UTF-8?q?=E0=B8=A1=E0=B8=95=E0=B8=B3=E0=B9=81=E0=B8=AB=E0=B8=99=E0=B9=88?=
 =?UTF-8?q?=E0=B8=87/=E0=B9=80=E0=B8=87=E0=B8=B4=E0=B8=99=E0=B9=80?=
 =?UTF-8?q?=E0=B8=94=E0=B8=B7=E0=B8=AD=E0=B8=99=20(=E0=B8=8A=E0=B8=B7?=
 =?UTF-8?q?=E0=B9=88=E0=B8=AD=E0=B8=8A=E0=B9=88=E0=B8=AD=E0=B8=87=E0=B8=81?=
 =?UTF-8?q?=E0=B8=A3=E0=B8=AD=E0=B8=81=E0=B8=82=E0=B9=89=E0=B8=AD=E0=B8=A1?=
 =?UTF-8?q?=E0=B8=B9=E0=B8=A5=E0=B8=AB=E0=B8=B2=E0=B8=A2)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../04_registryPerson/views/edit/components/FormPosition.vue     | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/modules/04_registryPerson/views/edit/components/FormPosition.vue b/src/modules/04_registryPerson/views/edit/components/FormPosition.vue
index c30fec131..b6ef8c829 100644
--- a/src/modules/04_registryPerson/views/edit/components/FormPosition.vue
+++ b/src/modules/04_registryPerson/views/edit/components/FormPosition.vue
@@ -706,6 +706,7 @@ function classInput(val: boolean) {
             hide-bottom-space
             autocomplete="on"
             name="organization"
+            :label="`${'หน่วยงาน'}`"
           />
         </div>
 

From 0ccda33b37954ce32256cf0a31db12165852e04b Mon Sep 17 00:00:00 2001
From: waruneeauy <warunee.auy@gmail.com>
Date: Mon, 20 Apr 2026 09:47:20 +0700
Subject: [PATCH 53/54] =?UTF-8?q?fixed#1565=20=E0=B8=A3=E0=B8=B0=E0=B8=9A?=
 =?UTF-8?q?=E0=B8=9A=E0=B9=81=E0=B8=88=E0=B9=89=E0=B8=87=E0=B8=9B=E0=B8=B1?=
 =?UTF-8?q?=E0=B8=8D=E0=B8=AB=E0=B8=B2=E0=B8=9A=E0=B8=B1=E0=B8=87=E0=B8=84?=
 =?UTF-8?q?=E0=B8=B1=E0=B8=9A=E0=B9=83=E0=B8=AB=E0=B9=89=E0=B8=81=E0=B8=A3?=
 =?UTF-8?q?=E0=B8=AD=E0=B8=81=E0=B8=AD=E0=B8=B5=E0=B9=80=E0=B8=A1=E0=B8=A5?=
 =?UTF-8?q?=20=E0=B9=81=E0=B8=A5=E0=B8=B0=E0=B8=A3=E0=B8=B0=E0=B8=9A?=
 =?UTF-8?q?=E0=B8=B8=E0=B8=82=E0=B9=89=E0=B8=AD=E0=B8=84=E0=B8=A7=E0=B8=B2?=
 =?UTF-8?q?=E0=B8=A1=E0=B8=A7=E0=B9=88=E0=B8=B2=20admin=20=E0=B8=88?=
 =?UTF-8?q?=E0=B8=B0=E0=B8=95=E0=B8=B4=E0=B8=94=E0=B8=95=E0=B9=88=E0=B8=AD?=
 =?UTF-8?q?=E0=B8=81=E0=B8=A5=E0=B8=B1=E0=B8=9A=E0=B8=97=E0=B8=B2=E0=B8=87?=
 =?UTF-8?q?=E0=B8=AD=E0=B8=B5=E0=B9=80=E0=B8=A1=E0=B8=A5=E0=B9=80=E0=B8=9B?=
 =?UTF-8?q?=E0=B9=87=E0=B8=99=E0=B8=A5=E0=B8=B3=E0=B8=94=E0=B8=B1=E0=B8=9A?=
 =?UTF-8?q?=E0=B9=81=E0=B8=A3=E0=B8=81=E0=B8=81=E0=B8=A3=E0=B8=B8=E0=B8=93?=
 =?UTF-8?q?=E0=B8=B2=E0=B8=95=E0=B8=A3=E0=B8=A7=E0=B8=88=E0=B8=AA=E0=B8=AD?=
 =?UTF-8?q?=E0=B8=9A=E0=B8=97=E0=B8=B5=E0=B9=88=E0=B8=AD=E0=B8=B5=E0=B9=80?=
 =?UTF-8?q?=E0=B8=A1=E0=B8=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Dialogs/DialogDebug.vue | 16 ++++++----------
 1 file changed, 6 insertions(+), 10 deletions(-)

diff --git a/src/components/Dialogs/DialogDebug.vue b/src/components/Dialogs/DialogDebug.vue
index e84ef99da..6443dff90 100644
--- a/src/components/Dialogs/DialogDebug.vue
+++ b/src/components/Dialogs/DialogDebug.vue
@@ -354,6 +354,11 @@ function onClose() {
 
             <div class="col-12">
               <div class="row col-12 q-col-gutter-sm">
+                <div class="col-12">
+                  <div class="text-caption text-grey-8">
+                    ผู้ดูแลระบบจะติดต่อกลับผ่านทางอีเมลที่ท่านระบุ กรุณาตรวจสอบอีเมลของท่านเป็นระยะ
+                  </div>
+                </div>
                 <div class="col-xs-12 col-md-6 col-lg-6">
                   <q-input
                     dense
@@ -363,10 +368,7 @@ function onClose() {
                     class="inputgreen"
                     hide-bottom-space
                     :rules="[
-                      () =>
-                        !!formData.email ||
-                        !!formData.phone ||
-                        'กรุณากรอกอีเมลหรือเบอร์โทรติดต่อกลับ',
+                      (val: string) => !!val || 'กรุณากรอกอีเมลติดต่อกลับ',
                     ]"
                   />
                 </div>
@@ -378,12 +380,6 @@ function onClose() {
                     v-model="formData.phone"
                     class="inputgreen"
                     hide-bottom-space
-                    :rules="[
-                      () =>
-                        !!formData.email ||
-                        !!formData.phone ||
-                        'กรุณากรอกอีเมลหรือเบอร์โทรติดต่อกลับ',
-                    ]"
                   />
                 </div>
               </div>

From 519372056780d3c5a67983f47cc367ee51c7de0a Mon Sep 17 00:00:00 2001
From: waruneeauy <warunee.auy@gmail.com>
Date: Mon, 20 Apr 2026 09:55:27 +0700
Subject: [PATCH 54/54] fixed format email

---
 src/components/Dialogs/DialogDebug.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/Dialogs/DialogDebug.vue b/src/components/Dialogs/DialogDebug.vue
index 6443dff90..42230b6f4 100644
--- a/src/components/Dialogs/DialogDebug.vue
+++ b/src/components/Dialogs/DialogDebug.vue
@@ -368,7 +368,11 @@ function onClose() {
                     class="inputgreen"
                     hide-bottom-space
                     :rules="[
-                      (val: string) => !!val || 'กรุณากรอกอีเมลติดต่อกลับ',
+                      (val: string) => !!val || 'กรุณากรอกที่อยู่อีเมล',
+                      (val: string) => {
+                        const emailPattern = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+                        return emailPattern.test(val) || 'กรุณากรอกที่อยู่อีเมลในรูปแบบที่ถูกต้อง';
+                      }
                     ]"
                   />
                 </div>