From 06ddc1c970450249212e37edee49492a7e45e90e Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Tue, 16 Jun 2026 10:43:31 +0700
Subject: [PATCH 01/38] refactor(org): add ROOT_CODE and CHILD_CODE fields for
 org hierarchy

---
 .../components/DialogFormAgency.vue           | 107 ++++++++++++++++--
 .../components/DialogStructureDetail.vue      |  45 ++++++++
 .../02_organization/interface/index/Main.ts   |   5 +
 3 files changed, 145 insertions(+), 12 deletions(-)

diff --git a/src/modules/02_organization/components/DialogFormAgency.vue b/src/modules/02_organization/components/DialogFormAgency.vue
index 32873fc17..72b3d228c 100644
--- a/src/modules/02_organization/components/DialogFormAgency.vue
+++ b/src/modules/02_organization/components/DialogFormAgency.vue
@@ -89,6 +89,11 @@ const formData = reactive<FormDataAgency>({
   DIVISION_CODE: "",
   SECTION_CODE: "",
   JOB_CODE: "",
+  ROOT_CODE: "",
+  CHILD1_CODE: "",
+  CHILD2_CODE: "",
+  CHILD3_CODE: "",
+  CHILD4_CODE: "",
 });
 
 /**
@@ -160,6 +165,11 @@ function onSubmit() {
       DIVISION_CODE: formData.DIVISION_CODE,
       SECTION_CODE: formData.SECTION_CODE,
       JOB_CODE: formData.JOB_CODE,
+      ROOT_CODE: formData.ROOT_CODE,
+      CHILD1_CODE: formData.CHILD1_CODE,
+      CHILD2_CODE: formData.CHILD2_CODE,
+      CHILD3_CODE: formData.CHILD3_CODE,
+      CHILD4_CODE: formData.CHILD4_CODE,
     };
 
     // เพิ่มข้อมูล
@@ -189,18 +199,20 @@ function onSubmit() {
             body
           )
           .then(async () => {
-            await props.fetchDataTree(store.draftId);
-            await props.edit?.(
-              props.dataNode?.orgTreeId,
-              type,
-              body,
-              props.dataNode?.orgRootCode
-            );
-            await props.fetchDataTable(
-              props?.dataNode?.orgTreeId,
-              props?.dataNode?.orgLevel,
-              false
-            );
+            await Promise.all([
+              await props.fetchDataTree(store.draftId),
+              await props.edit?.(
+                props.dataNode?.orgTreeId,
+                type,
+                body,
+                props.dataNode?.orgRootCode
+              ),
+              await props.fetchDataTable(
+                props?.dataNode?.orgTreeId,
+                props?.dataNode?.orgLevel,
+                false
+              ),
+            ]);
             await success($q, "บันทึกข้อมูลสำเร็จ");
             closeClear();
           })
@@ -231,6 +243,11 @@ function closeClear() {
   formData.isCommission = false;
   formData.isInformation = false;
   formData.misId = "";
+  formData.ROOT_CODE = "";
+  formData.CHILD1_CODE = "";
+  formData.CHILD2_CODE = "";
+  formData.CHILD3_CODE = "";
+  formData.CHILD4_CODE = "";
   formData.DEPARTMENT_CODE = "";
   formData.DIVISION_CODE = "";
   formData.SECTION_CODE = "";
@@ -456,6 +473,7 @@ watch(
       else {
         props.dataNode?.orgLevel === 1 && checkOfficer();
         if (props.dataNode) {
+          console.log(props.dataNode);
           formData.orgName = props.dataNode.orgTreeName;
           formData.orgShortName = props.dataNode.orgTreeShortName;
           formData.orgCode = props.dataNode.orgTreeCode;
@@ -474,6 +492,11 @@ watch(
           formData.DIVISION_CODE = props.dataNode.DIVISION_CODE;
           formData.SECTION_CODE = props.dataNode.SECTION_CODE;
           formData.JOB_CODE = props.dataNode.JOB_CODE;
+          formData.ROOT_CODE = props.dataNode.ROOT_CODE;
+          formData.CHILD1_CODE = props.dataNode.CHILD1_CODE;
+          formData.CHILD2_CODE = props.dataNode.CHILD2_CODE;
+          formData.CHILD3_CODE = props.dataNode.CHILD3_CODE;
+          formData.CHILD4_CODE = props.dataNode.CHILD4_CODE;
           orgLevelOption.value =
             props.dataNode.orgTreeRank === "DEPARTMENT"
               ? orgLevelOptionMain.value
@@ -730,6 +753,66 @@ watch(
                   </div>
                 </div>
               </div>
+              <div class="col-12">
+                <div class="col-12 row q-col-gutter-sm">
+                  <div class="col">
+                    <q-input
+                      v-model="formData.ROOT_CODE"
+                      dense
+                      outlined
+                      label="ROOT CODE"
+                      hide-bottom-space
+                      :class="classInput(false)"
+                      maxlength="3"
+                    />
+                  </div>
+                  <div class="col">
+                    <q-input
+                      v-model="formData.CHILD1_CODE"
+                      dense
+                      outlined
+                      label="CHILD1 CODE"
+                      hide-bottom-space
+                      :class="classInput(false)"
+                      maxlength="3"
+                    />
+                  </div>
+                  <div class="col">
+                    <q-input
+                      v-model="formData.CHILD2_CODE"
+                      dense
+                      outlined
+                      label="CHILD2 CODE"
+                      hide-bottom-space
+                      :class="classInput(false)"
+                      maxlength="3"
+                    />
+                  </div>
+                  <div class="col">
+                    <q-input
+                      v-model="formData.CHILD3_CODE"
+                      dense
+                      outlined
+                      label="CHILD3 CODE"
+                      hide-bottom-space
+                      :class="classInput(false)"
+                      maxlength="3"
+                    />
+                  </div>
+                  <div class="col">
+                    <q-input
+                      v-model="formData.CHILD4_CODE"
+                      dense
+                      outlined
+                      label="CHILD4 CODE"
+                      hide-bottom-space
+                      :class="classInput(false)"
+                      maxlength="3"
+                    />
+                  </div>
+                </div>
+              </div>
+
               <div class="col-12">
                 <q-input
                   v-model="formData.responsibility"
diff --git a/src/modules/02_organization/components/DialogStructureDetail.vue b/src/modules/02_organization/components/DialogStructureDetail.vue
index aaaa56ba4..7ac7e12fc 100644
--- a/src/modules/02_organization/components/DialogStructureDetail.vue
+++ b/src/modules/02_organization/components/DialogStructureDetail.vue
@@ -36,6 +36,11 @@ const formData = reactive({
   responsibility: "", //หน้าที่ความรับผิดชอบ
   isCommission: "", //สำนักปลัด
   isDeputy: "", //สำนักงาน กก.
+  rootCode: "", //ROOT CODE
+  child1Code: "", //CHILD1 CODE
+  child2Code: "", //CHILD2 CODE
+  child3Code: "", //CHILD3 CODE
+  child4Code: "", //CHILD4 CODE
 });
 
 /**
@@ -76,6 +81,11 @@ async function fetchDetailTree(id: string, type: string) {
       formData.responsibility = data.responsibility ? data.responsibility : "-";
       formData.isDeputy = data.isDeputy ? "ใช่" : "-";
       formData.isCommission = data.isCommission ? "ใช่" : "-";
+      formData.rootCode = data.ROOT_CODE ? data.ROOT_CODE : "-";
+      formData.child1Code = data.CHILD1_CODE ? data.CHILD1_CODE : "-";
+      formData.child2Code = data.CHILD2_CODE ? data.CHILD2_CODE : "-";
+      formData.child3Code = data.CHILD3_CODE ? data.CHILD3_CODE : "-";
+      formData.child4Code = data.CHILD4_CODE ? data.CHILD4_CODE : "-";
     })
     .catch((err) => {
       messageError($q, err);
@@ -208,6 +218,41 @@ watch(
               </div>
             </div>
 
+            <div class="row q-col-gutter-sm q-mb-xs">
+              <div class="col-4 text-bold">ROOT CODE</div>
+              <div class="col-8 text-grey-8">
+                <p>{{ formData.rootCode }}</p>
+              </div>
+            </div>
+
+            <div class="row q-col-gutter-sm q-mb-xs">
+              <div class="col-4 text-bold">CHILD1 CODE</div>
+              <div class="col-8 text-grey-8">
+                <p>{{ formData.child1Code }}</p>
+              </div>
+            </div>
+
+            <div class="row q-col-gutter-sm q-mb-xs">
+              <div class="col-4 text-bold">CHILD2 CODE</div>
+              <div class="col-8 text-grey-8">
+                <p>{{ formData.child2Code }}</p>
+              </div>
+            </div>
+
+            <div class="row q-col-gutter-sm q-mb-xs">
+              <div class="col-4 text-bold">CHILD3 CODE</div>
+              <div class="col-8 text-grey-8">
+                <p>{{ formData.child3Code }}</p>
+              </div>
+            </div>
+
+            <div class="row q-col-gutter-sm q-mb-xs">
+              <div class="col-4 text-bold">CHILD4 CODE</div>
+              <div class="col-8 text-grey-8">
+                <p>{{ formData.child4Code }}</p>
+              </div>
+            </div>
+
             <div class="row q-col-gutter-sm q-mb-xs">
               <div class="col-4 text-bold">หน้าที่ความรับผิดชอบ</div>
               <div class="col-8 text-grey-8">
diff --git a/src/modules/02_organization/interface/index/Main.ts b/src/modules/02_organization/interface/index/Main.ts
index 8550b47e9..0103568c2 100644
--- a/src/modules/02_organization/interface/index/Main.ts
+++ b/src/modules/02_organization/interface/index/Main.ts
@@ -44,6 +44,11 @@ interface FormDataAgency {
   DIVISION_CODE: string;
   SECTION_CODE: string;
   JOB_CODE: string;
+  ROOT_CODE: string;
+  CHILD1_CODE: string;
+  CHILD2_CODE: string;
+  CHILD3_CODE: string;
+  CHILD4_CODE: string;
 }
 
 interface FormDataPosition {

From df9a8408dd64fec048c9e04b4ba7a702b35614e9 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Tue, 16 Jun 2026 16:07:24 +0700
Subject: [PATCH 02/38] refactor(leave): add isAllDirector field to
 workflowCommanderOperate API

---
 .../05_Leave/Dialog/DialogAddCommander.vue    | 46 +++++++++++++------
 1 file changed, 33 insertions(+), 13 deletions(-)

diff --git a/src/modules/09_leave/components/05_Leave/Dialog/DialogAddCommander.vue b/src/modules/09_leave/components/05_Leave/Dialog/DialogAddCommander.vue
index e7697ce5b..fa61ca17f 100644
--- a/src/modules/09_leave/components/05_Leave/Dialog/DialogAddCommander.vue
+++ b/src/modules/09_leave/components/05_Leave/Dialog/DialogAddCommander.vue
@@ -35,6 +35,7 @@ const props = defineProps({
 const pageId = ref<string>(route.params.id as string);
 const keyword = ref<string>("");
 const isAct = ref<boolean>(false);
+const isAllDirector = ref<boolean>(false);
 
 const total = ref<number>(0);
 const totalList = ref<number>(1);
@@ -105,6 +106,7 @@ async function getData() {
       page: pagination.value.page,
       keyword: keyword.value,
       isAct: isAct.value,
+      isAllDirector: isAllDirector.value,
       keycloakId: props.keycloakUserId,
       type:
         props.profileType?.toLocaleLowerCase() === "officer"
@@ -196,6 +198,7 @@ function closeDialog() {
   modal.value = false;
   rows.value = [];
   selected.value = [];
+  isAllDirector.value = false;
 }
 
 watch(
@@ -231,19 +234,45 @@ watch(
         <q-card-section>
           <div class="row q-col-gutter-sm">
             <div class="col-12">
-              <div class="row q-gutter-x-xs">
+              <div class="row items-center q-mb-sm">
                 <q-input
                   dense
                   outlined
                   label="ค้นหา"
                   v-model="keyword"
-                  style="width: 300px"
+                  class="col-grow"
+                  style="max-width: 400px"
                   @keydown.enter.prevent="onSearchData()"
                 >
                   <template v-slot:append>
                     <q-icon name="search"></q-icon>
                   </template>
                 </q-input>
+
+                <q-space />
+
+                <q-btn
+                  color="primary"
+                  icon="search"
+                  label="ค้นหา"
+                  class="q-px-md"
+                  @click.prevent="onSearchData"
+                  style="width: 150px"
+                />
+              </div>
+
+              <div
+                class="row items-center q-gutter-x-md text-subtitle2 text-grey-8"
+              >
+                <q-checkbox
+                  keep-color
+                  v-model="isAllDirector"
+                  label="หัวหน้าทั้งหน่วยงาน"
+                  color="primary"
+                  @update:model-value="onSearchData"
+                >
+                  <q-tooltip>หัวหน้าทั้งหน่วยงาน</q-tooltip>
+                </q-checkbox>
                 <q-checkbox
                   keep-color
                   v-model="isAct"
@@ -251,20 +280,11 @@ watch(
                   color="primary"
                   @update:model-value="onSearchData"
                 >
-                  <q-tooltip>แสดงเฉพาะรักษาการแทน </q-tooltip>
+                  <q-tooltip>แสดงเฉพาะรักษาการแทน</q-tooltip>
                 </q-checkbox>
-                <q-space />
-                <q-btn
-                  color="primary"
-                  icon="search"
-                  label="ค้นหา"
-                  class="q-pa-sm"
-                  @click.prevent="onSearchData"
-                  style="width: 200px"
-                >
-                </q-btn>
               </div>
             </div>
+
             <div class="col-12 text-red">
               {{
                 props.type == "APPROVER"

From 004a0bcdb3c45f6c88abf4dc85941d9f17e81664 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Wed, 17 Jun 2026 15:26:47 +0700
Subject: [PATCH 03/38] refactor(registry):  rules q-select rank

---
 .../detail/PersonalInformation/02_NameChangeHistory.vue         | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/modules/04_registryPerson/components/detail/PersonalInformation/02_NameChangeHistory.vue b/src/modules/04_registryPerson/components/detail/PersonalInformation/02_NameChangeHistory.vue
index 05ee33629..0daa26c1f 100644
--- a/src/modules/04_registryPerson/components/detail/PersonalInformation/02_NameChangeHistory.vue
+++ b/src/modules/04_registryPerson/components/detail/PersonalInformation/02_NameChangeHistory.vue
@@ -661,7 +661,7 @@ onMounted(async () => {
                 lazy-rules
                 emit-value
                 map-options
-                :rules="[(val:string) => !!val || `${'กรุณาเลือกยศ'}`]"
+                :rules="selection.includes('rank') ? [(val:string) => !!val || `${'กรุณาเลือกยศ'}`] : []"
                 hide-bottom-space
                 input-debounce="0"
                 option-label="name"

From 695c9ee271f1c5f9fd58f8b9ff0e67b232d2910d Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Wed, 17 Jun 2026 15:27:20 +0700
Subject: [PATCH 04/38] fix

---
 .../detail/PersonalInformation/02_NameChangeHistory.vue          | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/modules/04_registryPerson/components/detail/PersonalInformation/02_NameChangeHistory.vue b/src/modules/04_registryPerson/components/detail/PersonalInformation/02_NameChangeHistory.vue
index 0daa26c1f..73bab2a70 100644
--- a/src/modules/04_registryPerson/components/detail/PersonalInformation/02_NameChangeHistory.vue
+++ b/src/modules/04_registryPerson/components/detail/PersonalInformation/02_NameChangeHistory.vue
@@ -661,7 +661,6 @@ onMounted(async () => {
                 lazy-rules
                 emit-value
                 map-options
-                :rules="selection.includes('rank') ? [(val:string) => !!val || `${'กรุณาเลือกยศ'}`] : []"
                 hide-bottom-space
                 input-debounce="0"
                 option-label="name"

From 82411ce499269be556a0f74bb071ee6ffb6d9486 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Wed, 17 Jun 2026 16:50:59 +0700
Subject: [PATCH 05/38] fix

---
 .../components/detail/PersonalInformation/01_Profile.vue        | 2 +-
 .../detail/PersonalInformation/02_NameChangeHistory.vue         | 2 +-
 2 files changed, 2 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 d37b57f06..9df95660d 100644
--- a/src/modules/04_registryPerson/components/detail/PersonalInformation/01_Profile.vue
+++ b/src/modules/04_registryPerson/components/detail/PersonalInformation/01_Profile.vue
@@ -304,7 +304,7 @@ function onClickOpenDialog() {
   id.value = informaData.value.id;
   age.value = calculateAge(informaData.value.birthDate);
   formData.citizenId = informaData.value.citizenId;
-  formData.prefix = informaData.value.prefix;
+  formData.prefix = informaData.value.prefixMain;
   formData.rank = informaData.value.rank;
   formData.firstName = informaData.value.firstName;
   formData.lastName = informaData.value.lastName;
diff --git a/src/modules/04_registryPerson/components/detail/PersonalInformation/02_NameChangeHistory.vue b/src/modules/04_registryPerson/components/detail/PersonalInformation/02_NameChangeHistory.vue
index 73bab2a70..06b598ad8 100644
--- a/src/modules/04_registryPerson/components/detail/PersonalInformation/02_NameChangeHistory.vue
+++ b/src/modules/04_registryPerson/components/detail/PersonalInformation/02_NameChangeHistory.vue
@@ -475,7 +475,7 @@ onMounted(async () => {
       icon="add"
       @click="
         () => {
-          changeNameData.prefix = profileInfo?.prefix;
+          changeNameData.prefix = profileInfo?.prefixMain;
           changeNameData.firstName = profileInfo?.firstName;
           changeNameData.lastName = profileInfo?.lastName;
           changeNameData.rank = profileInfo?.rank;

From c1d30de6d265f15f13168b71c6a270758432bb04 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Wed, 17 Jun 2026 17:30:23 +0700
Subject: [PATCH 06/38] fix

---
 .../components/detail/PersonalInformation/01_Profile.vue    | 6 +++---
 1 file changed, 3 insertions(+), 3 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 9df95660d..0b2bca785 100644
--- a/src/modules/04_registryPerson/components/detail/PersonalInformation/01_Profile.vue
+++ b/src/modules/04_registryPerson/components/detail/PersonalInformation/01_Profile.vue
@@ -96,11 +96,11 @@ const columnsHistory = ref<QTableColumn[]>([
       a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
   },
   {
-    name: "prefix",
+    name: "prefixMain",
     align: "left",
     label: "คำนำหน้าชื่อ",
     sortable: true,
-    field: "prefix",
+    field: "prefixMain",
     headerStyle: "font-size: 14px",
     style: "font-size: 14px",
     sort: (a: string, b: string) =>
@@ -256,7 +256,7 @@ const columnsHistory = ref<QTableColumn[]>([
 ]);
 const visibleColumnsHistory = ref<string[]>([
   "citizenId",
-  "prefix",
+  "prefixMain",
   "rank",
   "firstName",
   "lastName",

From ee82e63e251aa94bf2f14ede3fbbaeaf97db5927 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Wed, 17 Jun 2026 18:11:30 +0700
Subject: [PATCH 07/38] refactor(position-temp): comment checkbox isSit

---
 src/modules/20_positionTemp/components/DialogSelectPerson.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/modules/20_positionTemp/components/DialogSelectPerson.vue b/src/modules/20_positionTemp/components/DialogSelectPerson.vue
index 6498094be..0c6ca2dac 100644
--- a/src/modules/20_positionTemp/components/DialogSelectPerson.vue
+++ b/src/modules/20_positionTemp/components/DialogSelectPerson.vue
@@ -706,7 +706,7 @@ watch(
               </div>
             </q-card>
 
-            <div class="row col-12 q-pa-sm">
+            <!-- <div class="row col-12 q-pa-sm">
               <q-checkbox
                 keep-color
                 color="primary"
@@ -714,7 +714,7 @@ watch(
                 v-model="isSit"
                 label="นั่งทับตำแหน่ง"
               />
-            </div>
+            </div> -->
           </div>
         </q-card-section>
         <q-separator />

From 20d80916cb59143c6458d04f2ad841ec8de32281 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Fri, 19 Jun 2026 15:45:19 +0700
Subject: [PATCH 08/38] refactor(command): validate commandCode === 'C-PM-47'

---
 src/modules/18_command/components/Step/1_Detail.vue | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/modules/18_command/components/Step/1_Detail.vue b/src/modules/18_command/components/Step/1_Detail.vue
index 2a3f3b60f..fdbff84aa 100644
--- a/src/modules/18_command/components/Step/1_Detail.vue
+++ b/src/modules/18_command/components/Step/1_Detail.vue
@@ -113,8 +113,6 @@ const visibleColumns = ref<Array<string>>([
 
 const modalAddOperator = ref<boolean>(false); // แสดงเพิ่มรายชื่อลงนามในแนบท้ายคำสั่ง
 
-
-
 /**
  * ฟังก์ชันบันทึกข้อมูลรายละเอียดคำสั่ง
  * และกำหนด isChangeData เป็น false
@@ -124,7 +122,8 @@ async function onSubmit() {
   if (
     store.isIdofficer &&
     formData.isBangkok !== "BANGKOK" &&
-    formData.isBangkok !== "OFFICE"
+    formData.isBangkok !== "OFFICE" &&
+    commandCode.value !== "C-PM-47"
   ) {
     dialogMessageNotify($q, "กรุณาเลือกคำสั่ง");
     return;

From 2dfe6172846436db0cbbd065617154f45e73490f Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Mon, 22 Jun 2026 09:28:50 +0700
Subject: [PATCH 09/38] refactor(command): readonly radio commandCode C-PM-47

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

diff --git a/src/modules/18_command/components/Step/1_Detail.vue b/src/modules/18_command/components/Step/1_Detail.vue
index fdbff84aa..4ab0839a5 100644
--- a/src/modules/18_command/components/Step/1_Detail.vue
+++ b/src/modules/18_command/components/Step/1_Detail.vue
@@ -122,8 +122,7 @@ async function onSubmit() {
   if (
     store.isIdofficer &&
     formData.isBangkok !== "BANGKOK" &&
-    formData.isBangkok !== "OFFICE" &&
-    commandCode.value !== "C-PM-47"
+    formData.isBangkok !== "OFFICE"
   ) {
     dialogMessageNotify($q, "กรุณาเลือกคำสั่ง");
     return;
@@ -224,6 +223,8 @@ onMounted(async () => {
     formData.commandExcecuteDate = props.formCommandList.commandExcecuteDate;
     formData.isBangkok = !store.isIdofficer
       ? null
+      : props.formCommandList.commandCode === "C-PM-47"
+      ? "OFFICE"
       : props.formCommandList.isBangkok;
     commandCode.value = props.formCommandList.commandCode;
     const [volume, chapter] = props.formCommandList.commandNo.split("/");
@@ -485,12 +486,9 @@ onMounted(async () => {
                 />
               </div>
 
-              <div
-                class="col-12 q-gutter-sm"
-                v-if="store.isIdofficer && commandCode !== 'C-PM-47'"
-              >
+              <div class="col-12 q-gutter-sm" v-if="store.isIdofficer">
                 <q-radio
-                  :disable="store.readonly"
+                  :disable="store.readonly || commandCode === 'C-PM-47'"
                   keep-color
                   color="primary"
                   dense
@@ -500,7 +498,7 @@ onMounted(async () => {
                 />
 
                 <q-radio
-                  :disable="store.readonly"
+                  :disable="store.readonly || commandCode === 'C-PM-47'"
                   keep-color
                   color="primary"
                   dense

From 8a9a14a1a0217bfd64f98cf4e85025127afdd25e Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Mon, 22 Jun 2026 10:45:45 +0700
Subject: [PATCH 10/38] refactor(command): default isBangkok to true when
 commandCode is 'C-PM-47'

---
 src/modules/18_command/components/Step/1_Detail.vue | 2 +-
 1 file changed, 1 insertion(+), 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 4ab0839a5..0c3755cfb 100644
--- a/src/modules/18_command/components/Step/1_Detail.vue
+++ b/src/modules/18_command/components/Step/1_Detail.vue
@@ -224,7 +224,7 @@ onMounted(async () => {
     formData.isBangkok = !store.isIdofficer
       ? null
       : props.formCommandList.commandCode === "C-PM-47"
-      ? "OFFICE"
+      ? "BANGKOK"
       : props.formCommandList.isBangkok;
     commandCode.value = props.formCommandList.commandCode;
     const [volume, chapter] = props.formCommandList.commandNo.split("/");

From 76156d03e4f2c07433fe6eced18799499e7c1f67 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Mon, 22 Jun 2026 11:03:58 +0700
Subject: [PATCH 11/38] refactor(round-time):  replace max-height DialogForm

---
 .../09_leave/components/01_RoundTime/DialogForm.vue      | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/modules/09_leave/components/01_RoundTime/DialogForm.vue b/src/modules/09_leave/components/01_RoundTime/DialogForm.vue
index c6883cb11..8eaf9c6b5 100644
--- a/src/modules/09_leave/components/01_RoundTime/DialogForm.vue
+++ b/src/modules/09_leave/components/01_RoundTime/DialogForm.vue
@@ -212,7 +212,7 @@ watch(
           :close="close"
         />
         <q-separator color="grey-4" />
-        <q-card-section style="max-height: 80vh" class="scroll q-pa-none">
+        <q-card-section style="max-height: 55vh" class="scroll q-pa-none">
           <div
             class="col q-ma-md q-pa-sm bg-white border_custom text-weight-medium"
           >
@@ -362,6 +362,7 @@ watch(
               </datepicker>
             </div>
           </div>
+
           <div
             class="col q-ma-md q-pa-sm bg-white border_custom text-weight-medium"
           >
@@ -513,6 +514,7 @@ watch(
               </datepicker>
             </div>
           </div>
+
           <q-input
             class="col-12 bg-white q-ma-md"
             outlined
@@ -522,7 +524,8 @@ watch(
             label="คำอธิบาย"
             hide-bottom-space
             type="textarea"
-          ></q-input>
+          />
+
           <div
             class="col q-ma-md q-pa-sm bg-white border_custom text-weight-medium"
           >
@@ -541,6 +544,7 @@ watch(
               </label>
             </div>
           </div>
+
           <div
             class="col q-ma-md q-pa-sm bg-white border_custom text-weight-medium"
           >
@@ -559,6 +563,7 @@ watch(
             </div>
           </div>
         </q-card-section>
+
         <q-separator color="grey-4" v-if="!isRead" />
         <div class="q-pa-sm" v-if="!isRead">
           <div class="row justify-end">

From 63f307c70d2c7bdd5199f1361b8b43aed686517b Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Tue, 23 Jun 2026 13:41:10 +0700
Subject: [PATCH 12/38] feat(timestamp-special): add MultipleApprove  Special
 Lists

---
 src/api/09_leave/api.leave.ts                 |   1 +
 .../04_SpecialTime/DialogMultipleApprove.vue  | 325 ++++++++++++++++++
 src/modules/09_leave/interface/index/Main.ts  |   2 +
 .../09_leave/views/04_SpecialTimeMain.vue     |  26 +-
 4 files changed, 353 insertions(+), 1 deletion(-)
 create mode 100644 src/modules/09_leave/components/04_SpecialTime/DialogMultipleApprove.vue

diff --git a/src/api/09_leave/api.leave.ts b/src/api/09_leave/api.leave.ts
index d0229b204..3ea0ab8c3 100644
--- a/src/api/09_leave/api.leave.ts
+++ b/src/api/09_leave/api.leave.ts
@@ -25,6 +25,7 @@ export default {
   specialTime: () => `${leave}/admin/edit`,
   specialTimeApprove: (id: string) => `${leave}/admin/edit/approve/${id}`,
   specialTimeReject: (id: string) => `${leave}/admin/edit/reject/${id}`,
+  specialTimeApproveLists: `${leave}/admin/edit/approve-list`,
 
   /** รายการลา*/
   leaveType: () => `${leave}/type`,
diff --git a/src/modules/09_leave/components/04_SpecialTime/DialogMultipleApprove.vue b/src/modules/09_leave/components/04_SpecialTime/DialogMultipleApprove.vue
new file mode 100644
index 000000000..54484d7bd
--- /dev/null
+++ b/src/modules/09_leave/components/04_SpecialTime/DialogMultipleApprove.vue
@@ -0,0 +1,325 @@
+<script setup lang="ts">
+import { ref, watch } from "vue";
+import { useQuasar } from "quasar";
+
+import http from "@/plugins/http";
+import config from "@/app.config";
+import { useCounterMixin } from "@/stores/mixin";
+import { useSpecialTimeStore } from "@/modules/09_leave/stores/SpecialTimeStore";
+import { usePagination } from "@/composables/usePagination";
+
+import type { QTableProps } from "quasar";
+import type { DataSpecialTime } from "@/modules/09_leave/interface/index/Main";
+
+import DialogHeader from "@/components/DialogHeader.vue";
+
+const $q = useQuasar();
+const store = useSpecialTimeStore();
+const {
+  hideLoader,
+  messageError,
+  showLoader,
+  success,
+  date2Thai,
+  dialogConfirm,
+  dialogMessageNotify,
+  dateToISO,
+} = useCounterMixin();
+const { pagination, params, onRequest } = usePagination("", fetchDataList);
+
+/** props*/
+const modal = defineModel<boolean>("modal", { required: true });
+const props = defineProps({
+  fetchData: { type: Function, default: () => {} },
+  dateThaiRange: { type: Function, default: () => {} },
+  columns: { type: Array as () => QTableProps["columns"], default: () => [] },
+  visibleColumnsMain: { type: Array as () => string[], default: () => [] },
+});
+
+const filterKeyword = ref<string>("");
+const filterStatus = ref<string>("PENDING");
+const filterDate = ref<[Date, Date] | null>([new Date(), new Date()]); //วันที่ประกาศ
+
+const rows = ref<DataSpecialTime[]>([]);
+const visibleColumns = ref<string[]>(props.visibleColumnsMain);
+const selected = ref<DataSpecialTime[]>([]);
+const reason = ref<string>("");
+
+/** ฟังก์ชันเรียกข้อมูลรายการลงเวลากรณีพิเศษ*/
+async function fetchDataList() {
+  showLoader();
+  selected.value = [];
+  await http
+    .get(config.API.specialTime(), {
+      params: {
+        ...params.value,
+        keyword: filterKeyword.value.trim(),
+        status: filterStatus.value,
+        startDate: filterDate.value ? dateToISO(filterDate.value[0]) : null,
+        endDate: filterDate.value ? dateToISO(filterDate.value[1]) : null,
+      },
+    })
+    .then(async (res) => {
+      const result = await res.data.result;
+      pagination.value.rowsNumber = result.total;
+      if (result.data.length > 0) {
+        rows.value = result.data.map((e: DataSpecialTime) => ({
+          ...e,
+          date: date2Thai(new Date(e.createdAt), false, true),
+          dateFix: date2Thai(new Date(e.checkDate)),
+          timeMorning:
+            e.startTimeMorning == null
+              ? "-"
+              : e.checkInEdit == true
+              ? e.startTimeMorning + " - " + e.endTimeMorning
+              : "-",
+          timeAfternoon:
+            e.startTimeAfternoon == null
+              ? "-"
+              : e.checkOutEdit == true
+              ? e.startTimeAfternoon + " - " + e.endTimeAfternoon
+              : "-",
+          checkIn: e.checkInTime,
+          checkOut: e.checkOutTime,
+          checkInStatus: store.convertStatus(e.checkInStatus),
+          checkOutStatus: store.convertStatus(e.checkOutStatus),
+          checkInStatusMain: e.checkInStatus,
+          checkOutStatusMain: e.checkOutStatus,
+        }));
+      } else {
+        rows.value = [];
+      }
+    })
+    .catch((e) => {
+      rows.value = [];
+      messageError($q, e);
+    })
+    .finally(() => {
+      hideLoader();
+    });
+}
+
+/** ฟังก์ชันบันทึกข้อมูล*/
+function onSubmit() {
+  if (selected.value.length === 0) {
+    dialogMessageNotify($q, "กรุณาเลือกอย่างน้อย 1 รายการ");
+  } else {
+    dialogConfirm($q, async () => {
+      const payload = selected.value.map((e: DataSpecialTime) => ({
+        recId: e.id,
+        checkInTime: e.checkInTime,
+        checkOutTime: e.checkOutTime,
+        checkInStatus: e.checkInEdit ? "NORMAL" : e.checkInStatusMain,
+        checkOutStatus: e.checkOutEdit ? "NORMAL" : e.checkOutStatusMain,
+        reason: reason.value,
+      }));
+
+      try {
+        await http.put(config.API.specialTimeApproveLists, payload);
+        await props.fetchData();
+        success($q, "บันทึกข้อมูลสำเร็จ");
+        handleClose();
+      } catch (error) {
+        messageError($q, error);
+      } finally {
+        hideLoader();
+      }
+    });
+  }
+}
+
+/** ฟังก์ชั่นค้นหาข้อมูล */
+function onSearchData() {
+  pagination.value.page = 1;
+  fetchDataList();
+}
+
+/** ฟังก์ชันปิด*/
+function handleClose() {
+  modal.value = false;
+  selected.value = [];
+  rows.value = [];
+  reason.value = "";
+  filterDate.value = [new Date(), new Date()];
+  filterKeyword.value = "";
+  pagination.value.page = 1;
+}
+
+watch(modal, async (val) => {
+  if (val) {
+    await fetchDataList();
+  }
+});
+</script>
+
+<template>
+  <q-dialog v-model="modal" persistent>
+    <q-card style="min-width: 800px">
+      <q-form greedy @submit.prevent @validation-success="onSubmit">
+        <DialogHeader
+          tittle="อนุมัติการลงเวลากรณีพิเศษแบบหลายรายการ"
+          :close="handleClose"
+        />
+        <q-separator />
+        <q-card-section class="row q-col-gutter-sm">
+          <div class="col-12">
+            <div class="row q-col-gutter-sm">
+              <div class="col-xs-12 col-sm-6 col-md-3">
+                <datepicker
+                  v-model="filterDate"
+                  :locale="'th'"
+                  autoApply
+                  borderless
+                  range
+                  :enableTimePicker="false"
+                  week-start="0"
+                  @update:modelValue="onSearchData()"
+                >
+                  <template #year="{ year }">
+                    {{ year + 543 }}
+                  </template>
+                  <template #year-overlay-value="{ value }">
+                    {{ parseInt(value + 543) }}
+                  </template>
+                  <template #trigger>
+                    <q-input
+                      outlined
+                      dense
+                      class="full-width datepicker"
+                      :model-value="
+                        filterDate != null ? dateThaiRange(filterDate) : null
+                      "
+                    >
+                      <template v-slot:prepend>
+                        <q-icon
+                          name="event"
+                          class="cursor-pointer"
+                          style="color: var(--q-primary)"
+                        >
+                        </q-icon>
+                      </template>
+                    </q-input>
+                  </template>
+                </datepicker>
+              </div>
+
+              <q-space v-if="!$q.screen.xs && !$q.screen.sm" />
+              <div class="col-xs-12 col-sm-6 col-md-2">
+                <q-input
+                  standout
+                  dense
+                  v-model="filterKeyword"
+                  outlined
+                  placeholder="ค้นหาชื่อ-นามสกุล"
+                  @keydown.enter.prevent="onSearchData()"
+                >
+                  <template v-slot:append>
+                    <q-icon name="search" />
+                  </template>
+                </q-input>
+              </div>
+
+              <div class="col-xs-12 col-sm-6 col-md-2">
+                <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"
+                />
+              </div>
+            </div>
+          </div>
+
+          <div class="col-12">
+            <p-table
+              :columns="columns"
+              :rows="rows"
+              row-key="id"
+              flat
+              bordered
+              :paging="false"
+              dense
+              :visible-columns="visibleColumns"
+              :rows-per-page-options="[10, 25, 50, 100]"
+              v-model:pagination="pagination"
+              @request="onRequest"
+              selection="multiple"
+              v-model:selected="selected"
+            >
+              <template v-slot:header-selection="scope">
+                <q-checkbox
+                  keep-color
+                  color="primary"
+                  dense
+                  v-model="scope.selected"
+                />
+              </template>
+
+              <template v-slot:body="props">
+                <q-tr :props="props">
+                  <q-td>
+                    <q-checkbox
+                      keep-color
+                      color="primary"
+                      dense
+                      v-model="props.selected"
+                    />
+                  </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-if="col.name === 'description'"
+                      class="table_ellipsis"
+                    >
+                      {{ col.value ?? "-" }}
+                    </div>
+                    <div v-else>
+                      {{ col.value ?? "-" }}
+                    </div>
+                  </q-td>
+                </q-tr>
+              </template>
+            </p-table>
+          </div>
+
+          <div class="col-12">
+            <q-input
+              outlined
+              v-model="reason"
+              dense
+              lazy-rules
+              type="textarea"
+              :rules="[(val:string) => !!val || 'กรุณาเหตุผลการอนุมัติ']"
+              label="เหตุผลการอนุมัติ"
+              hide-bottom-space
+              rows="3"
+            />
+          </div>
+          <span class="text-red"
+            >*หมายเหตุเลือกทั้งหมดเฉพาะรายการที่แสดงเท่านั้น</span
+          >
+        </q-card-section>
+        <q-separator />
+        <q-card-actions align="right">
+          <q-btn label="บันทึก" color="public" id="onSubmit" type="submit">
+            <q-tooltip>บันทึก</q-tooltip>
+          </q-btn>
+        </q-card-actions>
+      </q-form>
+    </q-card>
+  </q-dialog>
+</template>
+
+<style scoped></style>
diff --git a/src/modules/09_leave/interface/index/Main.ts b/src/modules/09_leave/interface/index/Main.ts
index 41766e80f..9381abe9c 100644
--- a/src/modules/09_leave/interface/index/Main.ts
+++ b/src/modules/09_leave/interface/index/Main.ts
@@ -68,6 +68,8 @@ interface DataSpecialTime {
   statusSort: number;
   timeAfternoon: string;
   timeMorning: string;
+  checkInStatusMain: string;
+  checkOutStatusMain: string;
 }
 export type {
   DataOption,
diff --git a/src/modules/09_leave/views/04_SpecialTimeMain.vue b/src/modules/09_leave/views/04_SpecialTimeMain.vue
index 1ea9ec44b..5c7890cdf 100644
--- a/src/modules/09_leave/views/04_SpecialTimeMain.vue
+++ b/src/modules/09_leave/views/04_SpecialTimeMain.vue
@@ -17,6 +17,7 @@ import type {
 
 import DialogReason from "@/components/Dialogs/PopupReason.vue";
 import DialogApprove from "@/modules/09_leave/components/04_SpecialTime/DialogApprove.vue";
+import DialogMultipleApprove from "@/modules/09_leave/components/04_SpecialTime/DialogMultipleApprove.vue";
 
 const $q = useQuasar(); // show dialog
 const mixin = useCounterMixin();
@@ -47,6 +48,7 @@ const name = ref<string>("");
 const id = ref<string>("");
 const dateDialog = ref<string>("");
 const dateFixDialog = ref<string>("");
+const modalMultiple = ref<boolean>(false);
 
 // ค้นหาในตาราง
 const filterKeyword = ref<string>("");
@@ -54,7 +56,7 @@ const filterStatus = ref<string>("PENDING");
 const filterDate = ref<[Date, Date] | null>([new Date(), new Date()]); //วันที่ประกาศ
 const optionStatus = ref<DataOption[]>(store.optionStatusMain);
 const rows = ref<DataSpecialTime[]>([]);
-const visibleColumns = ref<String[]>([
+const visibleColumns = ref<string[]>([
   "no",
   "fullName",
   "createdAt",
@@ -283,6 +285,20 @@ onMounted(async () => {
 <template>
   <div class="toptitle text-dark col-12 row items-center">
     รายการลงเวลากรณีพิเศษ
+    <q-space />
+    <q-btn
+      v-if="
+        checkPermission($route)?.attrIsUpdate &&
+        checkPermission($route)?.attrIsGet
+      "
+      class="q-px-md"
+      color="primary"
+      dense
+      unelevated
+      @click="modalMultiple = true"
+    >
+      อนุมัติแบบหลายรายการ
+    </q-btn>
   </div>
 
   <q-card flat bordered class="col-12 q-pa-md">
@@ -492,6 +508,14 @@ onMounted(async () => {
     :detailData="detailData"
     :fetch-data="fetchData"
   />
+
+  <DialogMultipleApprove
+    v-model:modal="modalMultiple"
+    :fetch-data="fetchData"
+    :dateThaiRange="dateThaiRange"
+    :columns="columns"
+    :visibleColumnsMain="visibleColumns"
+  />
 </template>
 
 <style></style>

From c49669021a3531e2ae5e82b9c02fcd0a90dd0074 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Tue, 23 Jun 2026 13:59:17 +0700
Subject: [PATCH 13/38] feat(notification): add delete notification feature

---
 .../04_SpecialTime/DialogMultipleApprove.vue  |  1 +
 src/views/MainLayout.vue                      | 31 +++++++++++++++++++
 2 files changed, 32 insertions(+)

diff --git a/src/modules/09_leave/components/04_SpecialTime/DialogMultipleApprove.vue b/src/modules/09_leave/components/04_SpecialTime/DialogMultipleApprove.vue
index 54484d7bd..3c7051a75 100644
--- a/src/modules/09_leave/components/04_SpecialTime/DialogMultipleApprove.vue
+++ b/src/modules/09_leave/components/04_SpecialTime/DialogMultipleApprove.vue
@@ -105,6 +105,7 @@ function onSubmit() {
     dialogMessageNotify($q, "กรุณาเลือกอย่างน้อย 1 รายการ");
   } else {
     dialogConfirm($q, async () => {
+      showLoader();
       const payload = selected.value.map((e: DataSpecialTime) => ({
         recId: e.id,
         checkInTime: e.checkInTime,
diff --git a/src/views/MainLayout.vue b/src/views/MainLayout.vue
index 33e733b0b..67af7375f 100644
--- a/src/views/MainLayout.vue
+++ b/src/views/MainLayout.vue
@@ -561,6 +561,26 @@ function getImg(id: string, pathName: string) {
 function onViewDetailNoti(url: string) {
   window.open(url, "_blank");
 }
+
+function handleDeleteNotification() {
+  dialogRemove(
+    $q,
+    async () => {
+      try {
+        showLoader();
+        await http.delete(config.API.msgNotificate);
+        await getDataNotification(1, "DEL");
+        success($q, "ลบข้อมูลสำเร็จ");
+      } catch (error) {
+        messageError($q, error);
+      } finally {
+        hideLoader();
+      }
+    },
+    "ยืนยันการลบข้อมูล",
+    "ต้องการยืนยันการลบรายการแจ้งเตือนทั้งหมดใช่หรือไม่?"
+  );
+}
 </script>
 
 <!-- โครงเว็บ -->
@@ -642,6 +662,17 @@ function onViewDetailNoti(url: string) {
               <div class="text-grey-5" style="font-size: 12px">
                 ทั้งหมด {{ totalInbox }} ข้อความ
               </div>
+              <q-btn
+                v-if="totalInbox !== 0"
+                flat
+                dense
+                round
+                color="red"
+                icon="delete"
+                @click.stop.prevent="handleDeleteNotification"
+              >
+                <q-tooltip>ลบการแจ้งเตือนทั้งหมด</q-tooltip>
+              </q-btn>
             </div>
 
             <q-infinite-scroll

From 1afe3936bd2fe07b738e1b269dfa03e65c94297c Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Tue, 23 Jun 2026 14:31:13 +0700
Subject: [PATCH 14/38] fix

---
 .../components/04_SpecialTime/DialogMultipleApprove.vue     | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/modules/09_leave/components/04_SpecialTime/DialogMultipleApprove.vue b/src/modules/09_leave/components/04_SpecialTime/DialogMultipleApprove.vue
index 3c7051a75..b5f80c66e 100644
--- a/src/modules/09_leave/components/04_SpecialTime/DialogMultipleApprove.vue
+++ b/src/modules/09_leave/components/04_SpecialTime/DialogMultipleApprove.vue
@@ -164,8 +164,8 @@ watch(modal, async (val) => {
         <q-separator />
         <q-card-section class="row q-col-gutter-sm">
           <div class="col-12">
-            <div class="row q-col-gutter-sm">
-              <div class="col-xs-12 col-sm-6 col-md-3">
+            <div class="row col-12 q-col-gutter-sm">
+              <div class="col-xs-12 col-sm-6 col-md-5">
                 <datepicker
                   v-model="filterDate"
                   :locale="'th'"
@@ -205,7 +205,7 @@ watch(modal, async (val) => {
               </div>
 
               <q-space v-if="!$q.screen.xs && !$q.screen.sm" />
-              <div class="col-xs-12 col-sm-6 col-md-2">
+              <div class="col-xs-12 col-sm-6 col-md-4">
                 <q-input
                   standout
                   dense

From b26396cd4a2f196b32b06089ef0c53533ee7113d Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Tue, 23 Jun 2026 14:33:12 +0700
Subject: [PATCH 15/38] Revert "fix"

This reverts commit 1afe3936bd2fe07b738e1b269dfa03e65c94297c.
---
 .../components/04_SpecialTime/DialogMultipleApprove.vue     | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/modules/09_leave/components/04_SpecialTime/DialogMultipleApprove.vue b/src/modules/09_leave/components/04_SpecialTime/DialogMultipleApprove.vue
index b5f80c66e..3c7051a75 100644
--- a/src/modules/09_leave/components/04_SpecialTime/DialogMultipleApprove.vue
+++ b/src/modules/09_leave/components/04_SpecialTime/DialogMultipleApprove.vue
@@ -164,8 +164,8 @@ watch(modal, async (val) => {
         <q-separator />
         <q-card-section class="row q-col-gutter-sm">
           <div class="col-12">
-            <div class="row col-12 q-col-gutter-sm">
-              <div class="col-xs-12 col-sm-6 col-md-5">
+            <div class="row q-col-gutter-sm">
+              <div class="col-xs-12 col-sm-6 col-md-3">
                 <datepicker
                   v-model="filterDate"
                   :locale="'th'"
@@ -205,7 +205,7 @@ watch(modal, async (val) => {
               </div>
 
               <q-space v-if="!$q.screen.xs && !$q.screen.sm" />
-              <div class="col-xs-12 col-sm-6 col-md-4">
+              <div class="col-xs-12 col-sm-6 col-md-2">
                 <q-input
                   standout
                   dense

From 13921f1a9fa8278660bdf7e4b0cd1fe8744366d8 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Tue, 23 Jun 2026 14:40:50 +0700
Subject: [PATCH 16/38] fix

---
 .../components/04_SpecialTime/DialogMultipleApprove.vue     | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/modules/09_leave/components/04_SpecialTime/DialogMultipleApprove.vue b/src/modules/09_leave/components/04_SpecialTime/DialogMultipleApprove.vue
index 3c7051a75..b5f80c66e 100644
--- a/src/modules/09_leave/components/04_SpecialTime/DialogMultipleApprove.vue
+++ b/src/modules/09_leave/components/04_SpecialTime/DialogMultipleApprove.vue
@@ -164,8 +164,8 @@ watch(modal, async (val) => {
         <q-separator />
         <q-card-section class="row q-col-gutter-sm">
           <div class="col-12">
-            <div class="row q-col-gutter-sm">
-              <div class="col-xs-12 col-sm-6 col-md-3">
+            <div class="row col-12 q-col-gutter-sm">
+              <div class="col-xs-12 col-sm-6 col-md-5">
                 <datepicker
                   v-model="filterDate"
                   :locale="'th'"
@@ -205,7 +205,7 @@ watch(modal, async (val) => {
               </div>
 
               <q-space v-if="!$q.screen.xs && !$q.screen.sm" />
-              <div class="col-xs-12 col-sm-6 col-md-2">
+              <div class="col-xs-12 col-sm-6 col-md-4">
                 <q-input
                   standout
                   dense

From 607457e921388e09b4eed3bab86e4f4324e4c624 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Tue, 23 Jun 2026 15:27:42 +0700
Subject: [PATCH 17/38] refactor(timestamp-special): update checkIn/checkOut
 payload and edit conditions

---
 .../04_SpecialTime/DialogApprove.vue          |  4 +-
 .../04_SpecialTime/DialogMultipleApprove.vue  | 42 +++++++++++++------
 2 files changed, 32 insertions(+), 14 deletions(-)

diff --git a/src/modules/09_leave/components/04_SpecialTime/DialogApprove.vue b/src/modules/09_leave/components/04_SpecialTime/DialogApprove.vue
index 2eb7b2cd0..af47e1dcf 100644
--- a/src/modules/09_leave/components/04_SpecialTime/DialogApprove.vue
+++ b/src/modules/09_leave/components/04_SpecialTime/DialogApprove.vue
@@ -96,8 +96,8 @@ watch(
       formData.checkOut = "";
       formData.note = "";
     } else if (props.editCheck === "PENDING") {
-      if (props.detailData) {
-        if (props.detailData.checkInEdit) {
+      if (props.detailData) { 
+       if (props.detailData.checkInEdit && props.detailData.checkOutEdit) {
           formData.checkIn = props.detailData.startTimeMorning;
           formData.checkOut = props.detailData.endTimeAfternoon;
         } else if (
diff --git a/src/modules/09_leave/components/04_SpecialTime/DialogMultipleApprove.vue b/src/modules/09_leave/components/04_SpecialTime/DialogMultipleApprove.vue
index b5f80c66e..0caf9f339 100644
--- a/src/modules/09_leave/components/04_SpecialTime/DialogMultipleApprove.vue
+++ b/src/modules/09_leave/components/04_SpecialTime/DialogMultipleApprove.vue
@@ -106,14 +106,33 @@ function onSubmit() {
   } else {
     dialogConfirm($q, async () => {
       showLoader();
-      const payload = selected.value.map((e: DataSpecialTime) => ({
-        recId: e.id,
-        checkInTime: e.checkInTime,
-        checkOutTime: e.checkOutTime,
-        checkInStatus: e.checkInEdit ? "NORMAL" : e.checkInStatusMain,
-        checkOutStatus: e.checkOutEdit ? "NORMAL" : e.checkOutStatusMain,
-        reason: reason.value,
-      }));
+      const payload = selected.value.map((e: DataSpecialTime) => {
+        let checkInTime: string;
+        let checkOutTime: string;
+
+        if (e.checkInEdit && e.checkOutEdit) {
+          checkInTime = e.startTimeMorning;
+          checkOutTime = e.endTimeAfternoon;
+        } else if (e.checkInEdit && !e.checkOutEdit) {
+          checkInTime = e.startTimeMorning;
+          checkOutTime = e.endTimeMorning;
+        } else if (!e.checkInEdit && e.checkOutEdit) {
+          checkInTime = e.startTimeAfternoon;
+          checkOutTime = e.endTimeAfternoon;
+        } else {
+          checkInTime = e.checkInTime;
+          checkOutTime = e.checkOutTime;
+        }
+
+        return {
+          recId: e.id,
+          checkInTime,
+          checkOutTime,
+          checkInStatus: e.checkInEdit ? "NORMAL" : e.checkInStatusMain,
+          checkOutStatus: e.checkOutEdit ? "NORMAL" : e.checkOutStatusMain,
+          reason: reason.value,
+        };
+      });
 
       try {
         await http.put(config.API.specialTimeApproveLists, payload);
@@ -236,7 +255,9 @@ watch(modal, async (val) => {
               </div>
             </div>
           </div>
-
+          <span class="text-red"
+            >*หมายเหตุเลือกทั้งหมดเฉพาะรายการที่แสดงเท่านั้น</span
+          >
           <div class="col-12">
             <p-table
               :columns="columns"
@@ -308,9 +329,6 @@ watch(modal, async (val) => {
               rows="3"
             />
           </div>
-          <span class="text-red"
-            >*หมายเหตุเลือกทั้งหมดเฉพาะรายการที่แสดงเท่านั้น</span
-          >
         </q-card-section>
         <q-separator />
         <q-card-actions align="right">

From c0aa2856759f51ce7e89ba00e671ac9fcb500ee9 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Tue, 23 Jun 2026 15:54:08 +0700
Subject: [PATCH 18/38] refactor(notification): update icon and text display

---
 src/views/MainLayout.vue | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/views/MainLayout.vue b/src/views/MainLayout.vue
index 67af7375f..5c336f0f8 100644
--- a/src/views/MainLayout.vue
+++ b/src/views/MainLayout.vue
@@ -570,15 +570,15 @@ function handleDeleteNotification() {
         showLoader();
         await http.delete(config.API.msgNotificate);
         await getDataNotification(1, "DEL");
-        success($q, "ลบข้อมูลสำเร็จ");
+        success($q, "รล้างการแจ้งสำเร็จ");
       } catch (error) {
         messageError($q, error);
       } finally {
         hideLoader();
       }
     },
-    "ยืนยันการลบข้อมูล",
-    "ต้องการยืนยันการลบรายการแจ้งเตือนทั้งหมดใช่หรือไม่?"
+    "ยืนยันการล้างการแจ้งเตือนทั้งหมด",
+    "ต้องการยืนยันการล้างการแจ้งเตือนทั้งหมดทั้งหมดใช่หรือไม่?"
   );
 }
 </script>
@@ -667,11 +667,11 @@ function handleDeleteNotification() {
                 flat
                 dense
                 round
-                color="red"
-                icon="delete"
+                color="grey-7"
+                icon="mdi-trash-can-outline"
                 @click.stop.prevent="handleDeleteNotification"
               >
-                <q-tooltip>ลบการแจ้งเตือนทั้งหมด</q-tooltip>
+                <q-tooltip>ล้างการแจ้งเตือนทั้งหมด</q-tooltip>
               </q-btn>
             </div>
 

From 16c21467e49e48c820eefdd44701b7cafd16e397 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Tue, 23 Jun 2026 16:17:56 +0700
Subject: [PATCH 19/38] fix

---
 src/views/MainLayout.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/views/MainLayout.vue b/src/views/MainLayout.vue
index 5c336f0f8..26b6cf9b1 100644
--- a/src/views/MainLayout.vue
+++ b/src/views/MainLayout.vue
@@ -578,7 +578,7 @@ function handleDeleteNotification() {
       }
     },
     "ยืนยันการล้างการแจ้งเตือนทั้งหมด",
-    "ต้องการยืนยันการล้างการแจ้งเตือนทั้งหมดทั้งหมดใช่หรือไม่?"
+    "ต้องการยืนยันการล้างการแจ้งเตือนทั้งหมดใช่หรือไม่?"
   );
 }
 </script>

From fd665b8b4d776e31ff8f4920139f583b562d2e09 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Thu, 25 Jun 2026 14:53:59 +0700
Subject: [PATCH 20/38] refactor(qualify): replace api CandidateExam

---
 src/api/recruiting/api.period-exam.ts         |  5 +-
 .../components/TableCandidate.vue             | 76 ++++++++++++-------
 src/views/MainLayout.vue                      |  2 +-
 3 files changed, 54 insertions(+), 29 deletions(-)

diff --git a/src/api/recruiting/api.period-exam.ts b/src/api/recruiting/api.period-exam.ts
index bf777e193..470303286 100644
--- a/src/api/recruiting/api.period-exam.ts
+++ b/src/api/recruiting/api.period-exam.ts
@@ -98,6 +98,9 @@ export default {
     `${env.API_URI}/placement/candidate/pdf/${candidateId}`,
 
   downloadCandidateExam: (id: string) =>
-    `${periodExam}download/candidate-exam/${id}`,
+    `${exam_report}candidate/candidate-new/${id}`,
   downloadPassExam: (id: string) => `${periodExam}download/pass-exam/${id}`,
+
+  downloadCandidatePassExam: (id: string) =>
+    `${exam_report}candidate/pass-new/${id}`,
 };
diff --git a/src/modules/03_recruiting/components/TableCandidate.vue b/src/modules/03_recruiting/components/TableCandidate.vue
index f5b1b2b21..5df6fa66c 100644
--- a/src/modules/03_recruiting/components/TableCandidate.vue
+++ b/src/modules/03_recruiting/components/TableCandidate.vue
@@ -363,37 +363,59 @@ async function downloadFileDashboard() {
 }
 
 async function clickPassExam() {
-  showLoader();
-  await http
-    .get(config.API.downloadPassExam(examId.value))
-    .then(async (res) => {
-      const data = res.data.result;
-      data.reportName = `Candidate_Dashboard_${dateToISO(new Date())}`;
-      await genReport(data, data.reportName, "pdf");
-    })
-    .catch((e) => {
-      messageError($q, e);
-    })
-    .finally(() => {
-      hideLoader();
-    });
+  try {
+    showLoader();
+    const res = await http.get(
+      config.API.downloadCandidatePassExam(examId.value),
+      {
+        headers: {
+          "Content-Type": "application/pdf",
+          Accept: "application/pdf",
+        },
+        responseType: "blob",
+      }
+    );
+    const url = window.URL.createObjectURL(new Blob([res.data]));
+    const link = document.createElement("a");
+    link.href = url;
+    link.setAttribute(
+      "download",
+      `Candidate_Dashboard_${dateToISO(new Date())}` + ".pdf"
+    );
+    document.body.appendChild(link);
+    link.click();
+    document.body.removeChild(link);
+    window.URL.revokeObjectURL(url);
+  } catch (error) {
+    messageError($q);
+  } finally {
+    hideLoader();
+  }
 }
 
 async function clickCandidateList() {
-  showLoader();
-  await http
-    .get(config.API.downloadCandidateExam(examId.value))
-    .then(async (res) => {
-      const data = res.data.result;
-      data.reportName = `Candidate_Dashboard_${dateToISO(new Date())}`;
-      await genReport(data, data.reportName, "pdf");
-    })
-    .catch((e) => {
-      messageError($q, e);
-    })
-    .finally(() => {
-      hideLoader();
+  try {
+    showLoader();
+    const res = await http.get(config.API.downloadCandidateExam(examId.value), {
+      headers: {
+        "Content-Type": "application/pdf",
+        Accept: "application/pdf",
+      },
+      responseType: "blob",
     });
+    const url = window.URL.createObjectURL(new Blob([res.data]));
+    const link = document.createElement("a");
+    link.href = url;
+    link.setAttribute("download", "รายชื่อผู้มีสิทธิ์สอบ" + ".pdf");
+    document.body.appendChild(link);
+    link.click();
+    document.body.removeChild(link);
+    window.URL.revokeObjectURL(url);
+  } catch (error) {
+    messageError($q);
+  } finally {
+    hideLoader();
+  }
 }
 
 async function onCheckShowExaminfo() {
diff --git a/src/views/MainLayout.vue b/src/views/MainLayout.vue
index 26b6cf9b1..b37c2b183 100644
--- a/src/views/MainLayout.vue
+++ b/src/views/MainLayout.vue
@@ -570,7 +570,7 @@ function handleDeleteNotification() {
         showLoader();
         await http.delete(config.API.msgNotificate);
         await getDataNotification(1, "DEL");
-        success($q, "รล้างการแจ้งสำเร็จ");
+        success($q, "ล้างการแจ้งสำเร็จ");
       } catch (error) {
         messageError($q, error);
       } finally {

From a9bef5bc42f418ebbcb2d8c47d2bc64638b84faf Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Thu, 25 Jun 2026 17:19:10 +0700
Subject: [PATCH 21/38] fix

---
 src/modules/03_recruiting/components/TableCandidate.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/modules/03_recruiting/components/TableCandidate.vue b/src/modules/03_recruiting/components/TableCandidate.vue
index 5df6fa66c..5ff53b467 100644
--- a/src/modules/03_recruiting/components/TableCandidate.vue
+++ b/src/modules/03_recruiting/components/TableCandidate.vue
@@ -387,7 +387,7 @@ async function clickPassExam() {
     document.body.removeChild(link);
     window.URL.revokeObjectURL(url);
   } catch (error) {
-    messageError($q);
+    messageError($q, error);
   } finally {
     hideLoader();
   }
@@ -412,7 +412,7 @@ async function clickCandidateList() {
     document.body.removeChild(link);
     window.URL.revokeObjectURL(url);
   } catch (error) {
-    messageError($q);
+    messageError($q, error);
   } finally {
     hideLoader();
   }

From 44e60d457fdfb920151d05b4f0afcceab1705165 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Thu, 25 Jun 2026 18:01:45 +0700
Subject: [PATCH 22/38] fix

---
 .../03_recruiting/components/TableCandidate.vue  | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/modules/03_recruiting/components/TableCandidate.vue b/src/modules/03_recruiting/components/TableCandidate.vue
index 5ff53b467..d725a3bc1 100644
--- a/src/modules/03_recruiting/components/TableCandidate.vue
+++ b/src/modules/03_recruiting/components/TableCandidate.vue
@@ -571,8 +571,20 @@ watch(
         </q-btn>
       </div>
       <div>
-        <q-btn icon="mdi-download" round color="green-6" flat>
-          <q-tooltip>ดาวน์โหลดไฟล์</q-tooltip>
+        <q-btn
+          icon="mdi-download"
+          round
+          color="green-6"
+          flat
+          :disable="attrs.rows.length === 0"
+        >
+          <q-tooltip>
+            {{
+              attrs.rows.length !== 0
+                ? "ดาวน์โหลดไฟล์"
+                : "ไม่มีข้อมูลผู้สอบคัดเลือก"
+            }}</q-tooltip
+          >
           <q-menu>
             <q-list style="min-width: 100px">
               <!-- <q-item clickable v-close-popup @click="downloadFileDashboard">

From 08fec651f2a852469b385f2e7427d88678c7dfff Mon Sep 17 00:00:00 2001
From: waruneeauy <warunee.auy@gmail.com>
Date: Thu, 25 Jun 2026 21:47:38 +0700
Subject: [PATCH 23/38] fix clear noti ui

---
 src/views/MainLayout.vue | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/views/MainLayout.vue b/src/views/MainLayout.vue
index b37c2b183..fd4e39a02 100644
--- a/src/views/MainLayout.vue
+++ b/src/views/MainLayout.vue
@@ -578,7 +578,7 @@ function handleDeleteNotification() {
       }
     },
     "ยืนยันการล้างการแจ้งเตือนทั้งหมด",
-    "ต้องการยืนยันการล้างการแจ้งเตือนทั้งหมดใช่หรือไม่?"
+    `ต้องการล้างการแจ้งเตือนทั้งหมด (${totalInbox.value} รายการ) ใช่หรือไม่? การกระทำนี้ไม่สามารถย้อนกลับได้`
   );
 }
 </script>
@@ -666,9 +666,13 @@ function handleDeleteNotification() {
                 v-if="totalInbox !== 0"
                 flat
                 dense
-                round
-                color="grey-7"
+                no-caps
+                size="12px"
+                color="red-7"
                 icon="mdi-trash-can-outline"
+                label="ล้างทั้งหมด"
+                class="q-ml-sm"
+                aria-label="ล้างการแจ้งเตือนทั้งหมด"
                 @click.stop.prevent="handleDeleteNotification"
               >
                 <q-tooltip>ล้างการแจ้งเตือนทั้งหมด</q-tooltip>

From 6e8dbfc37556ff5c8c6bb2aa1e5728c1a7d90a9c Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Mon, 29 Jun 2026 13:24:03 +0700
Subject: [PATCH 24/38] refactor: disable DonwloadCandidatePassExam

---
 .../03_recruiting/components/TableCandidate.vue     | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/modules/03_recruiting/components/TableCandidate.vue b/src/modules/03_recruiting/components/TableCandidate.vue
index d725a3bc1..bd0dd72fe 100644
--- a/src/modules/03_recruiting/components/TableCandidate.vue
+++ b/src/modules/03_recruiting/components/TableCandidate.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, useAttrs, watch } from "vue";
+import { ref, useAttrs, watch, computed } from "vue";
 import { checkPermission } from "@/utils/permissions";
 import { useRoute, useRouter } from "vue-router";
 import genReport from "@/plugins/genreport";
@@ -128,6 +128,10 @@ const props = defineProps({
   },
 });
 
+const isPass = computed(() => {
+  return attrs.value.rows.some((e: any) => e.pass === "ได้");
+});
+
 // Pagination - initial pagination
 const initialPagination = ref<any>({
   sortBy: null,
@@ -598,13 +602,14 @@ watch(
                 <q-item-section>ดาวน์โหลดรายชื่อผู้มีสิทธิ์สอบ</q-item-section>
               </q-item>
               <q-item
+                :disable="!isPass"
                 clickable
                 v-close-popup
                 @click.stop.prevent="clickPassExam()"
               >
-                <q-item-section
-                  >ดาวน์โหลดรายชื่อผู้สอบคัดเลือกได้</q-item-section
-                >
+                <q-item-section>
+                  ดาวน์โหลดรายชื่อผู้สอบคัดเลือกได้
+                </q-item-section>
               </q-item>
               <q-item clickable v-close-popup @click="downloadFile()">
                 <q-item-section>ดาวน์โหลดจัดการรายชื่อผู้สมัคร</q-item-section>

From 96bb2faa1e7e8a3de018edb51d4f69d5715da0c0 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Mon, 29 Jun 2026 13:30:59 +0700
Subject: [PATCH 25/38] refactor(placement): hide examRound display

---
 .../components/PersonalDetail/Information/ExamResult.vue      | 4 ++--
 .../05_placement/components/PersonalList/DialogDetail.vue     | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/modules/05_placement/components/PersonalDetail/Information/ExamResult.vue b/src/modules/05_placement/components/PersonalDetail/Information/ExamResult.vue
index 2cb92cc2a..17e2aea4a 100644
--- a/src/modules/05_placement/components/PersonalDetail/Information/ExamResult.vue
+++ b/src/modules/05_placement/components/PersonalDetail/Information/ExamResult.vue
@@ -48,12 +48,12 @@ const props = defineProps({
             </div>
           </div>
 
-          <div class="col">
+          <!-- <div class="col">
             <div class="header-text-right q-px-xs">จำนวนครั้งที่สมัครสอบ</div>
             <div class="sub-text-right q-px-xs q-pb-sm">
               {{ props.data.examRound ? props.data.examRound : "-" }}
             </div>
-          </div>
+          </div> -->
         </div>
       </q-card>
     </div>
diff --git a/src/modules/05_placement/components/PersonalList/DialogDetail.vue b/src/modules/05_placement/components/PersonalList/DialogDetail.vue
index 13aa09aef..dff09ffdd 100644
--- a/src/modules/05_placement/components/PersonalList/DialogDetail.vue
+++ b/src/modules/05_placement/components/PersonalList/DialogDetail.vue
@@ -525,14 +525,14 @@ watch(props, () => {
                     <div class="col-7 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 class="col-5 sub-text-exam">
                       <div class="q-pb-sm">
                         {{ personalForm?.pass }}
                       </div>
                       <div class="q-pb-sm">{{ personalForm?.examNumber }}</div>
-                      <div class="q-pb-sm">{{ personalForm?.examRound }}</div>
+                      <!-- <div class="q-pb-sm">{{ personalForm?.examRound }}</div> -->
                     </div>
                   </div>
                 </div>

From 2355639f2552adec59ce4dae0909233791ce34be Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Mon, 29 Jun 2026 15:27:25 +0700
Subject: [PATCH 26/38] Revert "refactor: disable DonwloadCandidatePassExam"

This reverts commit 6e8dbfc37556ff5c8c6bb2aa1e5728c1a7d90a9c.
---
 .../03_recruiting/components/TableCandidate.vue     | 13 ++++---------
 1 file changed, 4 insertions(+), 9 deletions(-)

diff --git a/src/modules/03_recruiting/components/TableCandidate.vue b/src/modules/03_recruiting/components/TableCandidate.vue
index bd0dd72fe..d725a3bc1 100644
--- a/src/modules/03_recruiting/components/TableCandidate.vue
+++ b/src/modules/03_recruiting/components/TableCandidate.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, useAttrs, watch, computed } from "vue";
+import { ref, useAttrs, watch } from "vue";
 import { checkPermission } from "@/utils/permissions";
 import { useRoute, useRouter } from "vue-router";
 import genReport from "@/plugins/genreport";
@@ -128,10 +128,6 @@ const props = defineProps({
   },
 });
 
-const isPass = computed(() => {
-  return attrs.value.rows.some((e: any) => e.pass === "ได้");
-});
-
 // Pagination - initial pagination
 const initialPagination = ref<any>({
   sortBy: null,
@@ -602,14 +598,13 @@ watch(
                 <q-item-section>ดาวน์โหลดรายชื่อผู้มีสิทธิ์สอบ</q-item-section>
               </q-item>
               <q-item
-                :disable="!isPass"
                 clickable
                 v-close-popup
                 @click.stop.prevent="clickPassExam()"
               >
-                <q-item-section>
-                  ดาวน์โหลดรายชื่อผู้สอบคัดเลือกได้
-                </q-item-section>
+                <q-item-section
+                  >ดาวน์โหลดรายชื่อผู้สอบคัดเลือกได้</q-item-section
+                >
               </q-item>
               <q-item clickable v-close-popup @click="downloadFile()">
                 <q-item-section>ดาวน์โหลดจัดการรายชื่อผู้สมัคร</q-item-section>

From 6aa2709986967dd70d6f0e1ab788e6b5931c4cb4 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Mon, 29 Jun 2026 16:39:36 +0700
Subject: [PATCH 27/38] feat(leave): add pending jobs tab to work-list page

---
 src/api/09_leave/api.leave.ts                 |   1 +
 .../components/02_WorkList/Tab4_Pending.vue   | 264 ++++++++++++++++++
 .../09_leave/interface/response/work.ts       |  21 ++
 src/modules/09_leave/views/02_WorkingMain.vue |   9 +
 4 files changed, 295 insertions(+)
 create mode 100644 src/modules/09_leave/components/02_WorkList/Tab4_Pending.vue

diff --git a/src/api/09_leave/api.leave.ts b/src/api/09_leave/api.leave.ts
index 3ea0ab8c3..ffd727de9 100644
--- a/src/api/09_leave/api.leave.ts
+++ b/src/api/09_leave/api.leave.ts
@@ -64,4 +64,5 @@ export default {
     `${leave}/report/download/time-records/${type}`,
 
   leaveTask: `${leave}/admin/leave-task/process`,
+  leavePendingJobs: `${leave}/pending-jobs/`,
 };
diff --git a/src/modules/09_leave/components/02_WorkList/Tab4_Pending.vue b/src/modules/09_leave/components/02_WorkList/Tab4_Pending.vue
new file mode 100644
index 000000000..e1fb8aee0
--- /dev/null
+++ b/src/modules/09_leave/components/02_WorkList/Tab4_Pending.vue
@@ -0,0 +1,264 @@
+<script setup lang="ts">
+import { onMounted, 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 { DataOption } from "@/interface/main";
+import type { DataPendingJobs } from "@/modules/09_leave/interface/response/work";
+
+const $q = useQuasar();
+const { showLoader, hideLoader, messageError, date2Thai, onSearchDataTable } =
+  useCounterMixin();
+
+/** ข้อมูลตาราง*/
+const keyword = ref<string>("");
+const timeOutMinutes = ref<string>("30");
+const rowsMain = ref<DataPendingJobs[]>([]);
+const rows = ref<DataPendingJobs[]>([]);
+const columns = ref<QTableProps["columns"]>([
+  {
+    name: "no",
+    align: "left",
+    label: "ลำดับ",
+    sortable: false,
+    field: "no",
+    headerStyle: "font-size: 14px",
+    style: "font-size: 14px",
+  },
+  {
+    name: "createdFullName",
+    align: "left",
+    label: "ชื่อ-นามสกุล",
+    sortable: true,
+    field: "createdFullName",
+    headerStyle: "font-size: 14px",
+    style: "font-size: 14px",
+  },
+  {
+    name: "checkType",
+    align: "left",
+    label: "ลงเวลาเข้า/ลงเวลาออก",
+    sortable: true,
+    field: "checkType",
+    headerStyle: "font-size: 14px",
+    style: "font-size: 14px",
+    format(val, row) {
+      return val ? convertcheckType(val) : "-";
+    },
+  },
+  {
+    name: "status",
+    align: "left",
+    label: "สถานะ ",
+    sortable: true,
+    field: "status",
+    headerStyle: "font-size: 14px",
+    style: "font-size: 14px",
+    format(val, row) {
+      return val ? convertStatus(val) : "-";
+    },
+  },
+  {
+    name: "createdDate",
+    align: "left",
+    label: "ลงเวลาเมื่อ",
+    sortable: true,
+    field: "createdDate",
+    headerStyle: "font-size: 14px",
+    style: "font-size: 14px",
+    format(val, row) {
+      return val ? date2Thai(val, false, true) : "-";
+    },
+  },
+  {
+    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: "completedDate",
+    align: "left",
+    label: "ประมวลผลเสร็จ",
+    sortable: true,
+    field: "completedDate",
+    headerStyle: "font-size: 14px",
+    style: "font-size: 14px",
+    format(val, row) {
+      return val ? date2Thai(val, false, true) : "-";
+    },
+  },
+]);
+const visibleColumns = ref<string[]>([
+  "no",
+  "createdFullName",
+  "checkType",
+  "status",
+  "createdDate",
+  "processingDate",
+  "completedDate",
+]);
+const timeOutMinutesOption = ref<DataOption[]>([
+  { id: "30", label: "30 นาที" },
+  { id: "60", label: "1 ชั่วโมง" },
+  { id: "1440", label: "1 วัน" },
+  { id: "10080", label: "7 วัน" },
+]);
+
+/** ฟังก์ชันดึงข้อมูลจาก API */
+async function fetchData() {
+  try {
+    showLoader();
+    const res = await http.get(
+      `${config.API.leavePendingJobs}${Number(timeOutMinutes.value)}`
+    );
+
+    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 : []
+  );
+}
+
+/**
+ * ฟังก์ชันแปลงสถานะเป็นข้อความ
+ * @param val
+ */
+function convertStatus(val: string) {
+  switch (val) {
+    case "PENDING":
+      return "รอดำเนินการ";
+    case "COMPLETED":
+      return "ดำเนินการเสร็จสิ้น";
+    default:
+      break;
+  }
+}
+
+function convertcheckType(val: string) {
+  switch (val) {
+    case "CHECK_OUT":
+      return "ลงเวลาออก";
+    case "CHECK_IN":
+      return "ลงเวลาเข้า";
+    default:
+      break;
+  }
+}
+
+onMounted(() => {
+  fetchData();
+});
+</script>
+
+<template>
+  <div class="row items-center q-gutter-x-sm q-pb-sm">
+    <q-select
+      for="selectStatus"
+      emit-value
+      map-options
+      outlined
+      dense
+      option-value="id"
+      option-label="label"
+      label="ประเภทตำแหน่ง"
+      use-input
+      v-model="timeOutMinutes"
+      hide-selected
+      fill-input
+      :options="timeOutMinutesOption"
+      @update:model-value="fetchData"
+    >
+      <template v-slot:no-option>
+        <q-item>
+          <q-item-section class="text-grey"> ไม่มีข้อมูล </q-item-section>
+        </q-item>
+      </template>
+    </q-select>
+    <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
+          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 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>
+</template>
+
+<style scoped></style>
diff --git a/src/modules/09_leave/interface/response/work.ts b/src/modules/09_leave/interface/response/work.ts
index af055b794..d35a1a8d4 100644
--- a/src/modules/09_leave/interface/response/work.ts
+++ b/src/modules/09_leave/interface/response/work.ts
@@ -98,6 +98,26 @@ interface DataProcess {
   errorMessage: string | null;
 }
 
+interface DataPendingJobs {
+  taskId: string;
+  keycloakUserId: string;
+  createdDate: string | Date;
+  processingDate: string | Date;
+  completedDate: string | Date;
+  status: string;
+  checkType: string;
+  checkInId: string;
+  errorMessage: string;
+  additionalData: string;
+  id: string;
+  createdAt: string | Date;
+  createdUserId: string;
+  lastUpdatedAt: string;
+  lastUpdateUserId: string;
+  createdFullName: string;
+  lastUpdateFullName: string;
+}
+
 export type {
   TableRows,
   DataResLog,
@@ -105,4 +125,5 @@ export type {
   TableRowsTime,
   FormDetail,
   DataProcess,
+  DataPendingJobs,
 };
diff --git a/src/modules/09_leave/views/02_WorkingMain.vue b/src/modules/09_leave/views/02_WorkingMain.vue
index fed615baf..87b81c060 100644
--- a/src/modules/09_leave/views/02_WorkingMain.vue
+++ b/src/modules/09_leave/views/02_WorkingMain.vue
@@ -9,6 +9,7 @@ import { useRoute } from "vue-router";
 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";
+import Tab4_Pending from "@/modules/09_leave/components/02_WorkList/Tab4_Pending.vue";
 
 const stores = useWorklistDataStore();
 const route = useRoute();
@@ -21,6 +22,10 @@ const isPermissionTab3 = computed(() => {
       checkPermission(route)?.attrIsUpdate)
   );
 });
+
+const isPermissionTab4 = computed(() => {
+  return checkPermission(route)?.attrOwnership === "OWNER";
+});
 </script>
 
 <template>
@@ -46,6 +51,7 @@ const isPermissionTab3 = computed(() => {
         name="3"
         label="ประมวลผลการขาดราชการ/มาสาย"
       />
+      <q-tab v-if="isPermissionTab4" name="4" label="รอประมวลผล/มาสาย" />
       <!-- เพิ่มแท็บใหม่ -->
     </q-tabs>
 
@@ -62,6 +68,9 @@ const isPermissionTab3 = computed(() => {
         <q-tab-panel name="3">
           <Tab3 />
         </q-tab-panel>
+        <q-tab-panel name="4">
+          <Tab4_Pending />
+        </q-tab-panel>
       </q-tab-panels>
     </div>
   </q-card>

From e08d716cf4efbc4611712014950e68d2ac338835 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Tue, 30 Jun 2026 09:22:36 +0700
Subject: [PATCH 28/38] refactor(leavel) : label select

---
 src/modules/09_leave/components/02_WorkList/Tab4_Pending.vue | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/modules/09_leave/components/02_WorkList/Tab4_Pending.vue b/src/modules/09_leave/components/02_WorkList/Tab4_Pending.vue
index e1fb8aee0..60637c6b6 100644
--- a/src/modules/09_leave/components/02_WorkList/Tab4_Pending.vue
+++ b/src/modules/09_leave/components/02_WorkList/Tab4_Pending.vue
@@ -175,14 +175,13 @@ onMounted(() => {
 <template>
   <div class="row items-center q-gutter-x-sm q-pb-sm">
     <q-select
-      for="selectStatus"
       emit-value
       map-options
       outlined
       dense
       option-value="id"
       option-label="label"
-      label="ประเภทตำแหน่ง"
+      label="เวลาย้อนหลัง"
       use-input
       v-model="timeOutMinutes"
       hide-selected

From e283468d8ccc10678221a2b5c0f12edb236aaadf Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Tue, 30 Jun 2026 13:44:57 +0700
Subject: [PATCH 29/38] refactor(leave): show banner Comment

---
 .../components/05_Leave/DetailLeavePage.vue   | 16 +++++++++++++++-
 .../components/05_Leave/DetailLeaveReject.vue | 19 ++++++++++++++++---
 2 files changed, 31 insertions(+), 4 deletions(-)

diff --git a/src/modules/09_leave/components/05_Leave/DetailLeavePage.vue b/src/modules/09_leave/components/05_Leave/DetailLeavePage.vue
index d8192d5ce..6fe271b19 100644
--- a/src/modules/09_leave/components/05_Leave/DetailLeavePage.vue
+++ b/src/modules/09_leave/components/05_Leave/DetailLeavePage.vue
@@ -260,6 +260,14 @@ const columns = ref<QTableProps["columns"]>([
     style: "font-size: 14px",
   },
 ]);
+
+const isSysCancel = computed(() => {
+  return (
+    formData.reasonOligarch === "อนุมัติการขอยกเลิกการลา โดยระบบ" &&
+    statusCheck.value === "DELETE"
+  );
+});
+
 /**
  * ฟังก์ชั่นเรียกรายละเอียดของข้อมูล
  * @param paramsId รับ ID จาก paramID
@@ -1133,7 +1141,13 @@ onMounted(async () => {
                   </div>
                 </div>
                 <div class="col-12"><q-separator /></div>
-                <div class="row col-12 q-pa-md">
+                <div v-if="isSysCancel" class="row col-12 q-pa-md">
+                  <q-banner class="bg-red-2 text-red-6 full-width" rounded>
+                    ผู้มีอำนาจยังไม่ได้พิจารณา ใบลานี้ถูกยกเลิกแล้ว
+                  </q-banner>
+                </div>
+                
+                <div class="row col-12 q-pa-md" v-else>
                   <div class="col-12 row bg-white q-col-gutter-md">
                     <div class="col-xs-6 row items-start">
                       <div class="col-12 text-weight-bold text-top">
diff --git a/src/modules/09_leave/components/05_Leave/DetailLeaveReject.vue b/src/modules/09_leave/components/05_Leave/DetailLeaveReject.vue
index 6653eed35..51b2f5a29 100644
--- a/src/modules/09_leave/components/05_Leave/DetailLeaveReject.vue
+++ b/src/modules/09_leave/components/05_Leave/DetailLeaveReject.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, reactive, onMounted } from "vue";
+import { ref, reactive, onMounted, computed } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import { useQuasar } from "quasar";
 
@@ -158,6 +158,13 @@ const isLoadData = ref<boolean>(false);
 const leaveType = ref<LeaveType[]>([]); //ประเภทการลา
 const checkForm = ref<string>(""); //เช็คประเภทการลา
 
+const isSysCancel = computed(() => {
+  return (
+    formData.reasonOligarch === "อนุมัติการขอยกเลิกการลา โดยระบบ" &&
+    statusCheck.value === "DELETE"
+  );
+});
+
 /**
  * ฟังก์เรียกข้อมูลรายละเอียดของการยกเลิกลา
  * @param paramsId รับ ID จาก paramID
@@ -769,7 +776,13 @@ onMounted(async () => {
                   </div>
                 </div>
                 <q-separator />
-                <div class="row col-12 q-pa-md">
+
+                <div v-if="isSysCancel" class="row col-12 q-pa-md">
+                  <q-banner class="bg-green-2 text-green-6 full-width" rounded>
+                    {{ formDataReject.leaveDirectorComment }}
+                  </q-banner>
+                </div>
+                <div class="row col-12 q-pa-md" v-else>
                   <div class="col-12 row bg-white q-col-gutter-md">
                     <div class="col-xs-6 row items-start">
                       <div class="col-12 text-weight-bold text-top">
@@ -799,7 +812,7 @@ onMounted(async () => {
 
                     <div class="col-xs-6 row items-start">
                       <div class="col-12 text-weight-bold text-top">
-                        ผลการพิจารณา
+                        ผลการพิจารณายกเลิกวันลา
                       </div>
                       <div class="col-12 text-detail">
                         {{

From faf529c13c38306c05d0d8ecd694f9416e030a93 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Tue, 30 Jun 2026 16:03:37 +0700
Subject: [PATCH 30/38] feat(leave): show pending comment warning for system
 cancel case
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Display 'ยังไม่ได้แสดงความคิดเห็น' in red when isSysCancel is true
- Hide original comment button when system cancel
- Improve UX for pending comments on cancelled leaves
---
 .../09_leave/components/05_Leave/DetailLeavePage.vue       | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/modules/09_leave/components/05_Leave/DetailLeavePage.vue b/src/modules/09_leave/components/05_Leave/DetailLeavePage.vue
index 6fe271b19..b4be00203 100644
--- a/src/modules/09_leave/components/05_Leave/DetailLeavePage.vue
+++ b/src/modules/09_leave/components/05_Leave/DetailLeavePage.vue
@@ -1044,7 +1044,12 @@ onMounted(async () => {
                                 props.row.comment == ''
                               "
                             >
+                              <div v-if="isSysCancel" class="text-red-6">
+                                ยังไม่ได้แสดงความคิดเห็น
+                              </div>
+
                               <q-btn
+                                v-else
                                 dense
                                 :disable="
                                   statusCheck == 'NEW' ||
@@ -1146,7 +1151,7 @@ onMounted(async () => {
                     ผู้มีอำนาจยังไม่ได้พิจารณา ใบลานี้ถูกยกเลิกแล้ว
                   </q-banner>
                 </div>
-                
+
                 <div class="row col-12 q-pa-md" v-else>
                   <div class="col-12 row bg-white q-col-gutter-md">
                     <div class="col-xs-6 row items-start">

From a72b3afa702e71b8cd226079ead546b6f2833d33 Mon Sep 17 00:00:00 2001
From: waruneeauy <warunee.auy@gmail.com>
Date: Tue, 30 Jun 2026 20:15:28 +0700
Subject: [PATCH 31/38] =?UTF-8?q?=E0=B9=81=E0=B8=81=E0=B9=89=E0=B9=84?=
 =?UTF-8?q?=E0=B8=82=20tab=20=E0=B8=A5=E0=B8=87=E0=B9=80=E0=B8=A7=E0=B8=A5?=
 =?UTF-8?q?=E0=B8=B2=20=E0=B8=A3=E0=B8=AD=E0=B8=9B=E0=B8=A3=E0=B8=B0?=
 =?UTF-8?q?=E0=B8=A1=E0=B8=A7=E0=B8=A5=E0=B8=9C=E0=B8=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/modules/09_leave/views/02_WorkingMain.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/modules/09_leave/views/02_WorkingMain.vue b/src/modules/09_leave/views/02_WorkingMain.vue
index 87b81c060..5fa038615 100644
--- a/src/modules/09_leave/views/02_WorkingMain.vue
+++ b/src/modules/09_leave/views/02_WorkingMain.vue
@@ -51,7 +51,7 @@ const isPermissionTab4 = computed(() => {
         name="3"
         label="ประมวลผลการขาดราชการ/มาสาย"
       />
-      <q-tab v-if="isPermissionTab4" name="4" label="รอประมวลผล/มาสาย" />
+      <q-tab v-if="isPermissionTab4" name="4" label="รอประมวลผล" />
       <!-- เพิ่มแท็บใหม่ -->
     </q-tabs>
 

From 4621299dcf5c1fb8baf5602ea83b88ea45465f0f Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Wed, 1 Jul 2026 15:20:27 +0700
Subject: [PATCH 32/38] refactor(probation): checkType checkbox disable

---
 .../05_placement/components/probation/DialogOrder.vue       | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/modules/05_placement/components/probation/DialogOrder.vue b/src/modules/05_placement/components/probation/DialogOrder.vue
index 2646905f0..f4a5cb2a4 100644
--- a/src/modules/05_placement/components/probation/DialogOrder.vue
+++ b/src/modules/05_placement/components/probation/DialogOrder.vue
@@ -264,7 +264,7 @@ watch(
 <template>
   <q-dialog v-model="modal" persistent>
     <q-card style="min-width: 85%">
-      <DialogHeader :tittle="'ส่งไปออกคำสั่ง'" :close="closeModal" />
+      <DialogHeader :tittle="'ส่งไปออกคำสั่ง'" :close="closeModal" /> 
       <q-separator />
       <q-card-section>
         <div class="row col-12 q-col-gutter-sm">
@@ -341,7 +341,7 @@ watch(
                   keep-color
                   color="primary"
                   dense
-                  :disable="commandType"
+                  :disable="!commandType ? true : false"
                   v-model="scope.selected"
                 />
               </template>
@@ -352,7 +352,7 @@ watch(
                       keep-color
                       color="primary"
                       dense
-                      :disable="commandType"
+                      :disable="!commandType ? true : false"
                       v-model="props.selected"
                     />
                   </q-td>

From d3936e56b2587fea1f84c948c48a8811f71abf14 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Thu, 2 Jul 2026 10:40:54 +0700
Subject: [PATCH 33/38] refactor(recruiting): add ScoreExpireDate to compete,
 qualify, and disable period forms

---
 .../03_recruiting/interface/request/Period.ts |  2 +
 .../views/01_compete/PeriodAdd.vue            | 65 ++++++++++++++-
 .../views/02_qualify/DisablePeriodAdd.vue     | 78 +++++++++++++++--
 .../views/02_qualify/PeriodAdd.vue            | 83 ++++++++++++++++---
 4 files changed, 208 insertions(+), 20 deletions(-)

diff --git a/src/modules/03_recruiting/interface/request/Period.ts b/src/modules/03_recruiting/interface/request/Period.ts
index 420d0f7b8..ce31cae5d 100644
--- a/src/modules/03_recruiting/interface/request/Period.ts
+++ b/src/modules/03_recruiting/interface/request/Period.ts
@@ -46,6 +46,7 @@ interface RequestPeriodCompete {
   year: number;
   announcementDate: string | null;
   rootDnaId: string;
+  scoreExpireDate: string | null;
 }
 
 interface RequestPeriodDisable {
@@ -65,6 +66,7 @@ interface RequestPeriodDisable {
   year: number;
   announcementDate: string | null;
   rootDnaId: string;
+  scoreExpireDate: string | null;
 }
 
 interface RequestPosition {
diff --git a/src/modules/03_recruiting/views/01_compete/PeriodAdd.vue b/src/modules/03_recruiting/views/01_compete/PeriodAdd.vue
index 4a3b9fcea..68d8df9ae 100644
--- a/src/modules/03_recruiting/views/01_compete/PeriodAdd.vue
+++ b/src/modules/03_recruiting/views/01_compete/PeriodAdd.vue
@@ -56,6 +56,7 @@ const fileImgDataUpload = ref<File[]>([]);
 const fileImgs = ref<UploadType[]>([]);
 const id = ref<string>("");
 const edit = ref<boolean>(false);
+const scoreExpireDate = ref<Date | null>(null); //วันหมดอายุบัญชี
 
 /** กลับไปหน้าหลัก */
 function clickBack() {
@@ -101,6 +102,7 @@ async function fetchData() {
 
       fileDocs.value = files;
       fileImgs.value = images;
+      scoreExpireDate.value = data.scoreExpireDate;
     })
     .catch((e) => {
       messageError($q, e);
@@ -256,7 +258,11 @@ function sendData() {
     year: yearly.value,
     announcementDate:
       dateAnnounce.value !== null ? convertDateToAPI(dateAnnounce.value) : null,
-     rootDnaId: !edit.value ?  dataPositionKeycloak.value.rootDnaId : undefined,
+    scoreExpireDate:
+      scoreExpireDate.value !== null
+        ? convertDateToAPI(scoreExpireDate.value)
+        : null,
+    rootDnaId: !edit.value ? dataPositionKeycloak.value.rootDnaId : undefined,
   };
   return valueData;
 }
@@ -359,6 +365,13 @@ function dateThaiRange(val: [Date, Date]) {
     return `${date2Thai(val[0], true)} - ${date2Thai(val[1], true)}`;
   }
 }
+function onUpdateScoreExpireDate(val: Date | null) {
+  if (val) {
+    const newDate = new Date(val);
+    newDate.setFullYear(newDate.getFullYear() + 2);
+    scoreExpireDate.value = newDate;
+  }
+}
 
 watch(organizationShortName, (count: DataOption2, prevCount: DataOption2) => {
   organizationNameOptions.value = [];
@@ -455,6 +468,7 @@ onMounted(async () => {
               </template>
             </datepicker>
           </div>
+
           <div class="col-xs-12 col-sm-4 col-md-2" v-if="announcementExam">
             <q-input
               outlined
@@ -470,6 +484,7 @@ onMounted(async () => {
               input-class="text-right"
             ></q-input>
           </div>
+
           <div class="col-xs-12 col-sm-4 col-md-3" v-if="announcementExam">
             <datepicker
               v-model="dateExam"
@@ -505,6 +520,7 @@ onMounted(async () => {
               </template>
             </datepicker>
           </div>
+
           <div class="col-xs-12 col-sm-3 col-md-3">
             <datepicker
               v-model="dateAnnouncement"
@@ -547,6 +563,7 @@ onMounted(async () => {
               </template>
             </datepicker>
           </div>
+
           <div class="col-xs-12 col-sm-3 col-md-3" v-if="announcementExam">
             <datepicker
               v-model="dateRegister"
@@ -572,6 +589,7 @@ onMounted(async () => {
                     dateRegister != null ? dateThaiRange(dateRegister) : null
                   "
                   :label="`${'วันที่สมัคร'}`"
+                  hide-bottom-space
                 >
                   <template v-slot:prepend>
                     <q-icon
@@ -585,6 +603,7 @@ onMounted(async () => {
               </template>
             </datepicker>
           </div>
+
           <div
             class="col-xs-12 col-sm-3 col-md-3"
             v-if="announcementExam && isFeeNotZero"
@@ -614,6 +633,7 @@ onMounted(async () => {
                   "
                   :label="`${'วันที่ชำระเงิน'}`"
                   :rules="[(val:string) => !!val || `${'กรุณาเลือกวันที่ชำระเงิน'}`]"
+                  hide-bottom-space
                 >
                   <template v-slot:prepend>
                     <q-icon
@@ -636,6 +656,7 @@ onMounted(async () => {
               borderless
               :enableTimePicker="false"
               week-start="0"
+              @update:model-value="onUpdateScoreExpireDate"
             >
               <template #year="{ year }">
                 {{ year + 543 }}
@@ -653,6 +674,48 @@ onMounted(async () => {
                   "
                   :label="`${'วันประกาศผลสอบ'}`"
                   :rules="[(val:string) => !!val || `${'กรุณาเลือกวันประกาศผลสอบ'}`]"
+                  hide-bottom-space
+                >
+                  <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-xs-12 col-sm-3 col-md-3" v-if="announcementExam">
+            <datepicker
+              v-model="scoreExpireDate"
+              :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
+                  class="full-width datepicker q-mb-md"
+                  :model-value="
+                    scoreExpireDate != null ? date2Thai(scoreExpireDate) : null
+                  "
+                  :label="`${'วันหมดอายุบัญชี'}`"
+                  clearable
+                  @clear="scoreExpireDate = null"
+                  hide-bottom-space
                 >
                   <template v-slot:prepend>
                     <q-icon
diff --git a/src/modules/03_recruiting/views/02_qualify/DisablePeriodAdd.vue b/src/modules/03_recruiting/views/02_qualify/DisablePeriodAdd.vue
index 382330483..93c391ca9 100644
--- a/src/modules/03_recruiting/views/02_qualify/DisablePeriodAdd.vue
+++ b/src/modules/03_recruiting/views/02_qualify/DisablePeriodAdd.vue
@@ -47,7 +47,7 @@ const positionPathOptions = ref<DataOption2[]>([]);
 const organizationShortName = ref<DataOption2>({ id: "", name: "" });
 const organizationName = ref<DataOption2>({ id: "", name: "" });
 const organizationNameOptions = ref<DataOption2[]>([]);
-
+const scoreExpireDate = ref<Date | null>(null); //วันหมดอายุบัญชี
 const fileDocDataUpload = ref<File[]>([]);
 const fileDocs = ref<UploadType[]>([]);
 const fileImgDataUpload = ref<File[]>([]);
@@ -93,6 +93,7 @@ async function fetchData() {
         data.announcementDate != null ? new Date(data.announcementDate) : null;
       fileDocs.value = data.documents;
       fileImgs.value = data.images;
+      scoreExpireDate.value = data.scoreExpireDate;
     })
     .catch((e) => {
       messageError($q, e);
@@ -163,6 +164,10 @@ function sendData() {
     announcementDate:
       dateAnnounce.value !== null ? convertDateToAPI(dateAnnounce.value) : null,
     rootDnaId: !edit.value ? dataPositionKeycloak.value.rootDnaId : undefined,
+    scoreExpireDate:
+      scoreExpireDate.value !== null
+        ? convertDateToAPI(scoreExpireDate.value)
+        : null,
   };
   return valueData;
 }
@@ -352,6 +357,14 @@ function dateThaiRange(val: [Date, Date] | null) {
   }
 }
 
+function onUpdateScoreExpireDate(val: Date | null) {
+  if (val) {
+    const newDate = new Date(val);
+    newDate.setFullYear(newDate.getFullYear() + 2);
+    scoreExpireDate.value = newDate;
+  }
+}
+
 watch(organizationShortName, (count: DataOption2, prevCount: DataOption2) => {
   organizationNameOptions.value = [];
 });
@@ -390,7 +403,7 @@ onMounted(async () => {
     <q-form ref="myForm">
       <q-card-section class="q-pa-md">
         <div class="col-xs-12 col-sm-8"></div>
-        <div class="col-12 row items-center q-col-gutter-x-sm">
+        <div class="col-12 row q-col-gutter-sm">
           <div class="col-xs-12 col-sm-6">
             <q-input
               outlined
@@ -402,8 +415,10 @@ onMounted(async () => {
                 (val:string) =>
                   !!val || `${'กรุณากรอกชื่อรอบคัดเลือก/ชื่อประกาศ'}`,
               ]"
+              hide-bottom-space
             ></q-input>
           </div>
+
           <div class="col-xs-12 col-sm-4 col-md-1" v-if="announcementExam">
             <q-input
               outlined
@@ -413,8 +428,10 @@ onMounted(async () => {
               dense
               lazy-rules
               :rules="[(val:number) => val > 0 || `${'กรุณากรอกรอบการสอบให้ถูกต้อง'}`]"
+              hide-bottom-space
             ></q-input>
           </div>
+
           <div class="col-xs-12 col-sm-4 col-md-1" v-if="announcementExam">
             <datepicker
               v-model="yearly"
@@ -435,6 +452,7 @@ onMounted(async () => {
                   :model-value="yearly + 543"
                   :rules="[(val:string) => !!val || `${'กรุณาเลือกปีงบประมาณ'}`]"
                   :label="`${'ปีงบประมาณ'}`"
+                  hide-bottom-space
                 >
                   <template v-slot:prepend>
                     <q-icon
@@ -460,6 +478,7 @@ onMounted(async () => {
               :rules="[
                 (val:any) => val >= 0 || `${'กรุณากรอกค่าธรรมเนียมให้ถูกต้อง'}`,
               ]"
+              hide-bottom-space
             ></q-input>
           </div>
           <div class="col-xs-12 col-sm-3 col-md-3" v-if="announcementExam">
@@ -484,6 +503,7 @@ onMounted(async () => {
                   :model-value="dateExam != null ? date2Thai(dateExam) : null"
                   :label="`${'วันที่สอบ'}`"
                   :rules="[(val:string) => !!val || `${'กรุณาเลือกวันที่สอบ'}`]"
+                  hide-bottom-space
                 >
                   <template v-slot:prepend>
                     <q-icon
@@ -517,10 +537,11 @@ onMounted(async () => {
                 <q-input
                   outlined
                   dense
-                  class="full-width datepicker q-mb-md"
+                  class="full-width datepicker"
                   :model-value="dateThaiRange(dateAnnouncement)"
                   :label="`${'วันที่ประกาศ'}`"
                   :rules="[(val:string) => !!val || `${'กรุณาเลือกวันที่ประกาศ'}`]"
+                  hide-bottom-space
                 >
                   <template v-slot:prepend>
                     <q-icon
@@ -554,10 +575,11 @@ onMounted(async () => {
                 <q-input
                   outlined
                   dense
-                  class="full-width datepicker q-mb-md"
+                  class="full-width datepicker"
                   :model-value="dateThaiRange(dateRegister)"
                   :label="`${'วันที่สมัคร'}`"
                   :rules="[(val:string) => !!val || `${'กรุณาเลือกวันที่สมัคร'}`]"
+                  hide-bottom-space
                 >
                   <template v-slot:prepend>
                     <q-icon
@@ -594,12 +616,13 @@ onMounted(async () => {
                 <q-input
                   outlined
                   dense
-                  class="full-width datepicker q-mb-md"
+                  class="full-width datepicker"
                   :model-value="
                     datePayment != null ? dateThaiRange(datePayment) : null
                   "
                   :label="`${'วันที่ชำระเงิน'}`"
                   :rules="[(val:string) => !!val || `${'กรุณาเลือกวันที่ชำระเงิน'}`]"
+                  hide-bottom-space
                 >
                   <template v-slot:prepend>
                     <q-icon
@@ -622,6 +645,7 @@ onMounted(async () => {
               borderless
               :enableTimePicker="false"
               week-start="0"
+              @update:model-value="onUpdateScoreExpireDate"
             >
               <template #year="{ year }">
                 {{ year + 543 }}
@@ -633,12 +657,54 @@ onMounted(async () => {
                 <q-input
                   outlined
                   dense
-                  class="full-width datepicker q-mb-md"
+                  class="full-width datepicker"
                   :model-value="
                     dateAnnounce != null ? date2Thai(dateAnnounce) : null
                   "
                   :label="`${'วันประกาศผลสอบ'}`"
                   :rules="[(val:string) => !!val || `${'กรุณาเลือกวันประกาศผลสอบ'}`]"
+                  hide-bottom-space
+                >
+                  <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-xs-12 col-sm-3 col-md-3" v-if="announcementExam">
+            <datepicker
+              v-model="scoreExpireDate"
+              :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
+                  class="full-width datepicker"
+                  :model-value="
+                    scoreExpireDate != null ? date2Thai(scoreExpireDate) : null
+                  "
+                  :label="`${'วันหมดอายุบัญชี'}`"
+                  clearable
+                  @clear="scoreExpireDate = null"
+                  hide-bottom-space
                 >
                   <template v-slot:prepend>
                     <q-icon
diff --git a/src/modules/03_recruiting/views/02_qualify/PeriodAdd.vue b/src/modules/03_recruiting/views/02_qualify/PeriodAdd.vue
index 2631acf53..f301f7106 100644
--- a/src/modules/03_recruiting/views/02_qualify/PeriodAdd.vue
+++ b/src/modules/03_recruiting/views/02_qualify/PeriodAdd.vue
@@ -93,6 +93,7 @@ const examTypeOptions = [
   { name: "แพทย์", id: "docter" },
 ];
 const category = ref<string>("");
+const scoreExpireDate = ref<Date | null>(null);
 
 const fileDocDataUpload = ref<File[]>([]);
 const fileDocs = ref<UploadType[]>([]);
@@ -333,6 +334,7 @@ async function fetchData() {
       refNo1.value = data.refNo1;
       reason.value = data.reason;
       graduationYearLock.value = data.graduationYearLock;
+      scoreExpireDate.value = data.scoreExpireDate;
     })
     .catch((e) => {
       messageError($q, e);
@@ -506,6 +508,10 @@ function sendData() {
     refNo1: refNo1.value,
     reason: reason.value,
     graduationYearLock: Number(graduationYearLock.value),
+    scoreExpireDate:
+      scoreExpireDate.value != null
+        ? convertDateToAPI(scoreExpireDate.value)
+        : null,
   };
   return valueData;
 }
@@ -939,6 +945,14 @@ watch(
   }
 );
 
+function onUpdateScoreExpireDate(val: Date | null) {
+  if (val) {
+    const newDate = new Date(val);
+    newDate.setFullYear(newDate.getFullYear() + 2);
+    scoreExpireDate.value = newDate;
+  }
+}
+
 onMounted(async () => {
   hideLoader();
   if (route.params.id != undefined) {
@@ -1242,6 +1256,7 @@ onMounted(async () => {
               borderless
               :enableTimePicker="false"
               week-start="0"
+              @update:model-value="onUpdateScoreExpireDate"
             >
               <template #year="{ year }">
                 {{ year + 543 }}
@@ -1275,21 +1290,63 @@ onMounted(async () => {
               </template>
             </datepicker>
           </div>
-          <div class="row col-12" v-if="announcementExam">
-            <div class="col-xs-12 col-md-2">
-              <q-input
-                outlined
-                v-model="graduationYearLock"
-                label="ล็อกวันที่สำเร็จการศึกษา (ปี)"
-                dense
-                :readonly="checkRoutePermisson"
-                lazy-rules
-                :rules="[
+
+          <div class="col-xs-12 col-sm-3 col-md-3" v-if="announcementExam">
+            <datepicker
+              v-model="scoreExpireDate"
+              :locale="'th'"
+              autoApply
+              :readonly="checkRoutePermisson"
+              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
+                  :readonly="checkRoutePermisson"
+                  dense
+                  class="full-width datepicker q-mb-md"
+                  :model-value="
+                    scoreExpireDate != null ? date2Thai(scoreExpireDate) : null
+                  "
+                  :label="`${'วันหมดอายุบัญชี'}`"
+                  clearable
+                  @clear="scoreExpireDate = null"
+                  hide-bottom-space
+                >
+                  <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-xs-12 col-sm-2 col-md-2" v-if="announcementExam">
+            <q-input
+              outlined
+              v-model="graduationYearLock"
+              label="ล็อกวันที่สำเร็จการศึกษา (ปี)"
+              dense
+              :readonly="checkRoutePermisson"
+              lazy-rules
+              :rules="[
                   (val:string) => !!val || `${'กรุณากรอกล็อกวันที่สำเร็จการศึกษา (ปี)'}`,
                 ]"
-                type="number"
-              ></q-input>
-            </div>
+              type="number"
+            ></q-input>
           </div>
 
           <div class="col-12" v-if="announcementExam">

From 6392659c23bc6e7ba924f43ff72c1bc4f005353a Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Thu, 2 Jul 2026 10:52:22 +0700
Subject: [PATCH 34/38] refactor(recruiting): add filter to compete  and
 disable Page import

---
 src/modules/03_recruiting/components/Table.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/modules/03_recruiting/components/Table.vue b/src/modules/03_recruiting/components/Table.vue
index b5f2877f6..6ff82cda4 100644
--- a/src/modules/03_recruiting/components/Table.vue
+++ b/src/modules/03_recruiting/components/Table.vue
@@ -56,6 +56,7 @@ const optionsStatus = ref<ExamResultOption[]>([
   { label: "ขาดสอบ", value: "missed_exam" },
   { label: "ผ่าน", value: "pass" },
   { label: "ไม่ผ่าน", value: "notpass" },
+  { label: "อื่น ๆ", value: "other" },
 ]);
 
 const emit = defineEmits([

From 8272a2b29129cac27ae189706fcfb00c04c3d4d9 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Mon, 13 Jul 2026 10:25:08 +0700
Subject: [PATCH 35/38] refactror(probation): add Check Box other_training

---
 .../FormEvaluation/FormEvaluateScore.vue        | 17 +++++++++++++++--
 .../FormEvaluation/FormEvaluateScoreAdd.vue     | 17 +++++++++++++++--
 2 files changed, 30 insertions(+), 4 deletions(-)

diff --git a/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluateScore.vue b/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluateScore.vue
index 6017dcaa3..7cd5fdf42 100644
--- a/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluateScore.vue
+++ b/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluateScore.vue
@@ -97,6 +97,8 @@ const develop_result_option = ref<any>([
 
 const isCheckFile = ref<boolean>(false);
 
+const isSelectionPartfour = ref<boolean>(false);
+
 // score
 const score1 = computed(() => {
   if (
@@ -216,7 +218,7 @@ const score4 = computed(() => {
       Number(self_learning.value) +
       Number(training_seminar.value) +
       Number(other_training.value)) /
-    4
+    (isSelectionPartfour.value ? 4 : 3)
   );
 });
 const score5 = computed(() => {
@@ -225,7 +227,7 @@ const score5 = computed(() => {
       Number(self_learning_percent.value) +
       Number(training_seminar_percent.value) +
       Number(other_training_percent.value)) /
-    4;
+    (isSelectionPartfour.value ? 4 : 3);
 
   develop_result.value = total > 60 ? 1 : 0;
 
@@ -1133,10 +1135,20 @@ onMounted(async () => {
               <q-separator class="q-my-xs" />
               <div class="row q-gutter-md align-center q-pl-md">
                 <div class="col-8">
+                  <q-checkbox
+                    class="q-mr-sm"
+                    dense
+                    v-model="isSelectionPartfour"
+                    @update:model-value="
+                      other_training = 0;
+                      other_training_percent = 0;
+                    "
+                  />
                   4. การอบรมอื่น ๆ ตามที่หน่วยงานกำหนด (ถ้ามี)
                 </div>
                 <div class="col">
                   <q-input
+                    :disable="!isSelectionPartfour"
                     outlined
                     dense
                     type="number"
@@ -1148,6 +1160,7 @@ onMounted(async () => {
                 </div>
                 <div class="col">
                   <q-input
+                    :disable="!isSelectionPartfour"
                     outlined
                     dense
                     type="number"
diff --git a/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluateScoreAdd.vue b/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluateScoreAdd.vue
index 774cd2cbf..047b3db6e 100644
--- a/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluateScoreAdd.vue
+++ b/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluateScoreAdd.vue
@@ -90,6 +90,8 @@ const develop_result_option = ref<any>([
 // footer
 const dateAutherise = ref<any>(null);
 
+const isSelectionPartfour = ref<boolean>(false);
+
 onMounted(() => {
   fecthAssign(assignId.value);
 });
@@ -243,7 +245,7 @@ const score4 = computed(() => {
       Number(self_learning.value) +
       Number(training_seminar.value) +
       Number(other_training.value)) /
-    4
+    (isSelectionPartfour.value ? 4 : 3)
   );
 });
 const score5 = computed(() => {
@@ -252,7 +254,7 @@ const score5 = computed(() => {
       Number(self_learning_percent.value) +
       Number(training_seminar_percent.value) +
       Number(other_training_percent.value)) /
-    4;
+    (isSelectionPartfour.value ? 4 : 3);
 
   develop_result.value = total > 60 ? 1 : 0;
 
@@ -1214,10 +1216,20 @@ watch(lengthdiscipline_level, (newLength) => {
                   <q-separator class="q-my-xs" />
                   <div class="row q-gutter-md align-center q-pl-md">
                     <div class="col-8">
+                      <q-checkbox
+                        class="q-mr-sm"
+                        dense
+                        v-model="isSelectionPartfour"
+                        @update:model-value="
+                          other_training = 0;
+                          other_training_percent = 0;
+                        "
+                      />
                       4. การอบรมอื่น ๆ ตามที่หน่วยงานกำหนด (ถ้ามี)
                     </div>
                     <div class="col">
                       <q-input
+                        :disable="!isSelectionPartfour"
                         outlined
                         dense
                         type="number"
@@ -1231,6 +1243,7 @@ watch(lengthdiscipline_level, (newLength) => {
                         outlined
                         dense
                         type="number"
+                        :disable="!isSelectionPartfour"
                         v-model="other_training_percent"
                         :rules="[(val:number) => val <= 100 || 'ร้อยละต้องไม่เกิน 100']"
                         hide-bottom-space

From 4dfc9bf4d6d4d9dadf87475bbcb076b5796040ab Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Mon, 13 Jul 2026 15:01:41 +0700
Subject: [PATCH 36/38] refactor(probation): calculate  score4  score5

---
 .../probation/FormEvaluation/FormEvaluateScore.vue  | 13 +++++++------
 .../FormEvaluation/FormEvaluateScoreAdd.vue         | 13 +++++++------
 2 files changed, 14 insertions(+), 12 deletions(-)

diff --git a/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluateScore.vue b/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluateScore.vue
index 7cd5fdf42..16a32d20b 100644
--- a/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluateScore.vue
+++ b/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluateScore.vue
@@ -214,21 +214,22 @@ const percent_sum: any = computed(() => {
 });
 const score4 = computed(() => {
   return (
-    (Number(orientation.value) +
-      Number(self_learning.value) +
-      Number(training_seminar.value) +
-      Number(other_training.value)) /
-    (isSelectionPartfour.value ? 4 : 3)
+    Number(orientation.value) +
+    Number(self_learning.value) +
+    Number(training_seminar.value) +
+    (isSelectionPartfour.value ? Number(other_training.value) : 0)
   );
 });
 const score5 = computed(() => {
-  const total =
+  const rawTotal =
     (Number(orientation_percent.value) +
       Number(self_learning_percent.value) +
       Number(training_seminar_percent.value) +
       Number(other_training_percent.value)) /
     (isSelectionPartfour.value ? 4 : 3);
 
+  const total = Math.round(rawTotal);
+
   develop_result.value = total > 60 ? 1 : 0;
 
   return total;
diff --git a/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluateScoreAdd.vue b/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluateScoreAdd.vue
index 047b3db6e..79c0be03c 100644
--- a/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluateScoreAdd.vue
+++ b/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluateScoreAdd.vue
@@ -241,21 +241,22 @@ const percent_sum: any = computed(() => {
 });
 const score4 = computed(() => {
   return (
-    (Number(orientation.value) +
-      Number(self_learning.value) +
-      Number(training_seminar.value) +
-      Number(other_training.value)) /
-    (isSelectionPartfour.value ? 4 : 3)
+    Number(orientation.value) +
+    Number(self_learning.value) +
+    Number(training_seminar.value) +
+    (isSelectionPartfour.value ? Number(other_training.value) : 0)
   );
 });
 const score5 = computed(() => {
-  const total =
+  const rawTotal =
     (Number(orientation_percent.value) +
       Number(self_learning_percent.value) +
       Number(training_seminar_percent.value) +
       Number(other_training_percent.value)) /
     (isSelectionPartfour.value ? 4 : 3);
 
+  const total = Math.round(rawTotal);
+
   develop_result.value = total > 60 ? 1 : 0;
 
   return total;

From 34d39c7215ecb6ae998d058d9d2a5a94c9386553 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Mon, 13 Jul 2026 17:57:13 +0700
Subject: [PATCH 37/38] refactor(probation): replace Math.round with Math.trunc

---
 .../components/probation/FormEvaluation/FormEvaluateScore.vue   | 2 +-
 .../probation/FormEvaluation/FormEvaluateScoreAdd.vue           | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluateScore.vue b/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluateScore.vue
index 16a32d20b..07e8a2409 100644
--- a/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluateScore.vue
+++ b/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluateScore.vue
@@ -228,7 +228,7 @@ const score5 = computed(() => {
       Number(other_training_percent.value)) /
     (isSelectionPartfour.value ? 4 : 3);
 
-  const total = Math.round(rawTotal);
+  const total = Math.trunc(rawTotal);
 
   develop_result.value = total > 60 ? 1 : 0;
 
diff --git a/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluateScoreAdd.vue b/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluateScoreAdd.vue
index 79c0be03c..16df6dfc5 100644
--- a/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluateScoreAdd.vue
+++ b/src/modules/05_placement/components/probation/FormEvaluation/FormEvaluateScoreAdd.vue
@@ -255,7 +255,7 @@ const score5 = computed(() => {
       Number(other_training_percent.value)) /
     (isSelectionPartfour.value ? 4 : 3);
 
-  const total = Math.round(rawTotal);
+  const total = Math.trunc(rawTotal);
 
   develop_result.value = total > 60 ? 1 : 0;
 

From f054dd54a4578414f6d56886eabacf1ab7d8426a Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Mon, 20 Jul 2026 10:15:32 +0700
Subject: [PATCH 38/38] refactor: redirect to landing page on 404 permission
 error in messageError

---
 src/stores/mixin.ts | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/stores/mixin.ts b/src/stores/mixin.ts
index 40ea41b3c..8ef179cf0 100644
--- a/src/stores/mixin.ts
+++ b/src/stores/mixin.ts
@@ -362,13 +362,21 @@ export const useCounterMixin = defineStore("mixin", () => {
   const messageError = (q: any, e: any = "", msg: string = "") => {
     if (e.response !== undefined) {
       if (e.response.data.status !== undefined) {
-        if (e.response.data.status == 401) {
+        if (
+          e.response.data.status == 401 ||
+          (e.response.data.status == 404 &&
+            e.response.data.message == "ไม่พบข้อมูลสิทธิ์")
+        ) {
           //invalid_token
+          const msg =
+            e.response.data.status == 401
+              ? "ล็อกอินหมดอายุ กรุณาล็อกอินใหม่อีกครั้ง"
+              : e.response.data.message;
           q.dialog({
             component: CustomComponent,
             componentProps: {
               title: `พบข้อผิดพลาด`,
-              message: `ล็อกอินหมดอายุ กรุณาล็อกอินใหม่อีกครั้ง`,
+              message: msg,
               icon: "warning",
               color: "red",
               onlycancel: true,