From 589c903fba7c6d44194e2070ef3c633bd4e1b12b Mon Sep 17 00:00:00 2001
From: setthawutttty <trx.setthawut@gmail.com>
Date: Thu, 21 Nov 2024 17:08:20 +0700
Subject: [PATCH 01/14] =?UTF-8?q?=E0=B9=81=E0=B8=81=E0=B9=89=20route=20?=
 =?UTF-8?q?=E0=B8=84=E0=B8=B9=E0=B9=88=E0=B8=A1=E0=B8=B7=E0=B8=AD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app.config.ts | 24 ++++++++++++------------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/app.config.ts b/src/app.config.ts
index 27edfe45f..a4bf54b97 100644
--- a/src/app.config.ts
+++ b/src/app.config.ts
@@ -179,33 +179,33 @@ const generatePopupPath = (routeName: any) => {
   } else if (routeName.includes("appeal")) {
     return `${path}/manual/chapter-15-admin-discipline`;
   } else if (routeName.includes("KPIIndicatorByPlan")) {
-    return `${path}/manual/chapter-2-1-admin-evaluate`;
+    return `${path}/manual/chapter-2-admin-evaluate`;
   } else if (routeName.includes("KPIIndicatorByRole")) {
-    return `${path}/manual/chapter-2-2-admin-evaluate`;
+    return `${path}/manual/chapter-2-1-2-admin-evaluate`;
   } else if (routeName.includes("KPIAssignment")) {
-    return `${path}/manual/chapter-2-3-admin-evaluate`;
+    return `${path}/manual/chapter-2-1-3-admin-evaluate`;
   } else if (routeName.includes("KPICompetency")) {
-    return `${path}/manual/chapter-2-4-admin-evaluate`;
+    return `${path}/manual/chapter-2-2-admin-evaluate`;
   } else if (routeName.includes("strategic")) {
-    return `${path}/manual/chapter-2-5-admin-evaluate`;
+    return `${path}/manual/chapter-2-3-admin-evaluate`;
   } else if (routeName.includes("salary")) {
     return `${path}/manual/chapter-17-admin-salary`;
   } else if (routeName == "commandListPage") {
     return `${path}/manual/chapter-7-admin-order`;
   } else if (routeName == "competePeriod") {
-    return `${path}/manual/chapter-8-2-1-admin-compete-period`;
+    return `${path}/manual/chapter-8-3-admin-compete-period`;
   } else if (routeName == "qualifyPeriod") {
-    return `${path}/manual/chapter-8-3-1-admin-qualify-period`;
+    return `${path}/manual/chapter-8-4-1-admin-qualify-period`;
   } else if (routeName == "disablePeriod") {
-    return `${path}/manual/chapter-8-3-2-admin-disable-period`;
+    return `${path}/manual/chapter-8-4-2-admin-disable-period`;
   } else if (routeName == "manage") {
-    return `${path}/manual/chapter-8-3-3-admin-qualify-manage`;
+    return `${path}/manual/chapter-8-4-3-admin-qualify-manage`;
   } else if (routeName == "qualifyPeriodStat") {
-    return `${path}/manual/chapter-8-3-4-admin-qualify-period-stat`;
+    return `${path}/manual/chapter-8-4-4-admin-qualify-period-stat`;
   } else if (routeName == "qualifyPeriodStatDisable") {
-    return `${path}/manual/chapter-8-3-5-admin-qualify-disable-stat`;
+    return `${path}/manual/chapter-8-4-5-admin-qualify-disable-stat`;
   } else if (routeName.includes("competePeriodStat")) {
-    return `${path}/manual/chapter-8-2-2-admin-compete-period-stat`;
+    return `${path}/manual/chapter-8-3-2-admin-compete-period-stat`;
   } else if (
     routeName.includes("qualify") ||
     routeName.includes("recruiting") ||

From 1e4dd426f3fa22eda27a81a5be9dabfb862f0d62 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Fri, 22 Nov 2024 14:03:32 +0700
Subject: [PATCH 02/14] prefix

---
 .../components/detail/PersonalInformation/01_Profile.vue       | 3 ++-
 .../detail/PersonalInformation/02_NameChangeHistory.vue        | 3 +--
 src/modules/04_registryPerson/interface/request/Profile.ts     | 3 ++-
 src/modules/04_registryPerson/interface/response/Main.ts       | 3 ++-
 src/modules/04_registryPerson/interface/response/Profile.ts    | 1 +
 5 files changed, 8 insertions(+), 5 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 3a23f8c2b..785abe568 100644
--- a/src/modules/04_registryPerson/components/detail/PersonalInformation/01_Profile.vue
+++ b/src/modules/04_registryPerson/components/detail/PersonalInformation/01_Profile.vue
@@ -316,10 +316,11 @@ async function getData() {
 function onClickOpenDialog() {
   if (!informaData.value) return;
   modal.value = true;
+
   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 4dc42acaf..493ab8a4a 100644
--- a/src/modules/04_registryPerson/components/detail/PersonalInformation/02_NameChangeHistory.vue
+++ b/src/modules/04_registryPerson/components/detail/PersonalInformation/02_NameChangeHistory.vue
@@ -461,7 +461,7 @@ onMounted(async () => {
       icon="add"
       @click="
         () => {
-          changeNameData.prefix = profileInfo?.prefix;
+          changeNameData.prefix = profileInfo?.prefixMain;
           changeNameData.firstName = profileInfo?.firstName;
           changeNameData.lastName = profileInfo?.lastName;
           prefixChange = changeNameData.prefix;
@@ -496,7 +496,6 @@ onMounted(async () => {
       outlined
       emit-value
       map-options
-      
       options-dense
       option-value="name"
       style="min-width: 140px"
diff --git a/src/modules/04_registryPerson/interface/request/Profile.ts b/src/modules/04_registryPerson/interface/request/Profile.ts
index c4f49124c..c75f5e536 100644
--- a/src/modules/04_registryPerson/interface/request/Profile.ts
+++ b/src/modules/04_registryPerson/interface/request/Profile.ts
@@ -1,5 +1,5 @@
 interface RequestObject {
-  birthDate: Date | null | string;
+  birthDate: Date | null;
   bloodGroup: string | null;
   citizenId: string;
   // email: string | null;
@@ -15,6 +15,7 @@ interface RequestObject {
   relationship?: string | null;
   religion?: string | null;
   phone?: string | null;
+  prefixMain: string;
   // telephoneNumber: string | null;
 }
 
diff --git a/src/modules/04_registryPerson/interface/response/Main.ts b/src/modules/04_registryPerson/interface/response/Main.ts
index 1c5a9bc45..a1664d686 100644
--- a/src/modules/04_registryPerson/interface/response/Main.ts
+++ b/src/modules/04_registryPerson/interface/response/Main.ts
@@ -27,7 +27,7 @@ interface DataPerson {
 }
 
 interface DataRequest {
-  createdAt: string|Date;
+  createdAt: string | Date;
   createdFullName?: string;
   detail: string;
   fullname: string;
@@ -117,6 +117,7 @@ interface DataProfile {
     posTypeName: string;
     posTypeRank: number;
   };
+  prefixMain: string;
 }
 
 interface DataLeave {
diff --git a/src/modules/04_registryPerson/interface/response/Profile.ts b/src/modules/04_registryPerson/interface/response/Profile.ts
index 6cc8bc90b..1742e7825 100644
--- a/src/modules/04_registryPerson/interface/response/Profile.ts
+++ b/src/modules/04_registryPerson/interface/response/Profile.ts
@@ -32,6 +32,7 @@ interface ResponseObject {
   relationship: string | null;
   religion: string | null;
   telephoneNumber: string | null;
+  prefixMain: string;
 }
 
 interface Religion {

From c44a50412e84e172d484f04a7c0d83129edcfa12 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Fri, 22 Nov 2024 16:55:31 +0700
Subject: [PATCH 03/14] fix

---
 .../components/detail/PersonalInformation/01_Profile.vue     | 2 +-
 .../components/detail/PersonalInformation/03_Address.vue     | 5 ++---
 2 files changed, 3 insertions(+), 4 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 785abe568..fe8367f91 100644
--- a/src/modules/04_registryPerson/components/detail/PersonalInformation/01_Profile.vue
+++ b/src/modules/04_registryPerson/components/detail/PersonalInformation/01_Profile.vue
@@ -82,7 +82,7 @@ const dataLabel = {
   religion: "ศาสนา",
   bloodGroup: "หมู่เลือด",
   phone: "เบอร์โทร",
-  email: "อีเมล์",
+  email: "อีเมล",
   prefix: "คำนำหน้าชื่อ",
   rank: "ยศ",
   firstName: "ชื่อ",
diff --git a/src/modules/04_registryPerson/components/detail/PersonalInformation/03_Address.vue b/src/modules/04_registryPerson/components/detail/PersonalInformation/03_Address.vue
index 4acdc9736..b4125279f 100644
--- a/src/modules/04_registryPerson/components/detail/PersonalInformation/03_Address.vue
+++ b/src/modules/04_registryPerson/components/detail/PersonalInformation/03_Address.vue
@@ -68,12 +68,12 @@ const dataLabel = {
   registrationAddress: "ที่อยู่ตามทะเบียนบ้าน",
   registrationProvince: "จังหวัด",
   registrationDistrict: "เขต/อำเภอ",
-  registrationSubDistrict: "แขวง / ตำบล",
+  registrationSubDistrict: "แขวง/ตำบล",
   registrationZipCode: "รหัสไปรษณีย์",
   currentAddress: "ที่อยู่ปัจจุบัน",
   currentProvince: "จังหวัด",
   currentDistrict: "เขต/อำเภอ",
-  currentSubDistrict: "แขวง / ตำบล",
+  currentSubDistrict: "แขวง/ตำบล",
   currentZipCode: "รหัสไปรษณีย์",
   registrationSame: "ที่อยู่ปัจจุบันตรงกับที่อยู่ตามทะเบียนบ้าน",
 };
@@ -941,7 +941,6 @@ onMounted(async () => {
             map-options
             :options="columnsHistory"
             option-value="name"
-            
             style="min-width: 140px"
           />
         </div>

From 30d342728b601157928f333356ff43fe657af6a8 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Fri, 22 Nov 2024 17:20:09 +0700
Subject: [PATCH 04/14] fix

---
 .../components/DialogHistory.vue              | 53 +++----------------
 .../detail/Other/01_OtherInformation.vue      |  3 +-
 .../PersonalInformation/04_FamilyNew.vue      |  2 +-
 .../components/2_InvestigateFacts/Form.vue    |  2 +-
 .../3_InvestigateDisciplinary/Form.vue        |  2 +-
 5 files changed, 10 insertions(+), 52 deletions(-)

diff --git a/src/modules/04_registryPerson/components/DialogHistory.vue b/src/modules/04_registryPerson/components/DialogHistory.vue
index 607e9f2a5..797e41d59 100644
--- a/src/modules/04_registryPerson/components/DialogHistory.vue
+++ b/src/modules/04_registryPerson/components/DialogHistory.vue
@@ -261,8 +261,8 @@ function closeDialog() {
         <q-form ref="myForm">
           <div class="col-12 bg-grey-2 q-pa-sm">
             <div class="col-12 row q-pb-sm q-col-gutter-sm items-center"></div>
-            <div class="q-col-gutter-xs row no-wrap">
-              <div class="col-4">
+            <q-toolbar>
+              <div class="row q-col-gutter-sm">
                 <q-select
                   hide-bottom-space
                   :rules="[(val:string) => !!val || `${'กรุณาเลือก ประเภท'}`]"
@@ -279,9 +279,9 @@ function closeDialog() {
                   use-input
                   input-debounce="0"
                   @update:model-value="changeEmployeeClass"
+                  style="width: 250px"
                 />
-              </div>
-              <div class="col-3">
+
                 <q-select
                   hide-bottom-space
                   :rules="[(val:string) => !!val || `${'กรุณาเลือก ฟิลด์ที่จะค้น'}`]"
@@ -298,59 +298,18 @@ function closeDialog() {
                   use-input
                   input-debounce="0"
                   @update:model-value="selectTypeKeyword(typeKeyword)"
+                  style="width: 250px"
                 />
               </div>
 
-              <div class="col" v-if="typeKeyword === 'no'">
-                <q-input
-                  borderless
-                  outlined
-                  dense
-                  debounce="300"
-                  v-model="Keyword"
-                  placeholder="ตำแหน่งเลขที่"
-                  :rules="[(val:string) => !!val || `${'กรุณากรอก ตำแหน่งเลขที่'}`]"
-                  hide-bottom-space
-                />
-              </div>
-
-              <div class="col" v-if="typeKeyword === 'position'">
-                <q-select
-                  hide-bottom-space
-                  :rules="[(val:string) => !!val || `${'กรุณาเลือก ตำแหน่ง'}`]"
-                  outlined
-                  dense
-                  v-model="positionKeyword"
-                  emit-value
-                  map-options
-                  :options="options"
-                  option-label="name"
-                  option-value="id"
-                  :label="`${' เลือกตำแหน่ง'}`"
-                  use-input
-                  input-debounce="0"
-                  @filter="filterFn"
-                  behavior="menu"
-                >
-                  <template v-slot:no-option>
-                    <q-item>
-                      <q-item-section class="text-grey">
-                        ไม่มีข้อมูล
-                      </q-item-section>
-                    </q-item>
-                  </template></q-select
-                >
-              </div>
-
               <q-space />
-
               <q-btn
                 color="primary"
                 icon="mdi-magnify"
                 label="ค้นหา"
                 @click="clickSearch(employeeClass)"
               />
-            </div>
+            </q-toolbar>
           </div>
 
           <div class="col-12 q-mt-sm">
diff --git a/src/modules/04_registryPerson/components/detail/Other/01_OtherInformation.vue b/src/modules/04_registryPerson/components/detail/Other/01_OtherInformation.vue
index 9e42e94c9..4894b6d90 100644
--- a/src/modules/04_registryPerson/components/detail/Other/01_OtherInformation.vue
+++ b/src/modules/04_registryPerson/components/detail/Other/01_OtherInformation.vue
@@ -256,7 +256,6 @@ onMounted(() => {
       map-options
       :options="columns"
       option-value="name"
-      
       style="min-width: 140px"
     />
     <q-btn-toggle
@@ -366,7 +365,7 @@ onMounted(() => {
                 flat
                 round
                 @click="openDialogEdit(props.row)"
-                ><q-tooltip>แก้ไข</q-tooltip></q-btn
+                ><q-tooltip>แก้ไขข้อมูล</q-tooltip></q-btn
               >
             </div>
           </div>
diff --git a/src/modules/04_registryPerson/components/detail/PersonalInformation/04_FamilyNew.vue b/src/modules/04_registryPerson/components/detail/PersonalInformation/04_FamilyNew.vue
index 1d31955f2..91716d594 100644
--- a/src/modules/04_registryPerson/components/detail/PersonalInformation/04_FamilyNew.vue
+++ b/src/modules/04_registryPerson/components/detail/PersonalInformation/04_FamilyNew.vue
@@ -1008,7 +1008,7 @@ onMounted(async () => {
                 />
               </div>
             </div>
-            <div class="row q-mt-md">
+            <div class="row">
               <div class="q-mr-sm">สถานภาพการมีชีวิต</div>
               <div>
                 <q-radio
diff --git a/src/modules/11_discipline/components/2_InvestigateFacts/Form.vue b/src/modules/11_discipline/components/2_InvestigateFacts/Form.vue
index bbc32d36f..f2af446c5 100644
--- a/src/modules/11_discipline/components/2_InvestigateFacts/Form.vue
+++ b/src/modules/11_discipline/components/2_InvestigateFacts/Form.vue
@@ -1348,7 +1348,7 @@ onMounted(async () => {
                               @click="openEditDirector(props.row)"
                               icon="edit"
                             >
-                              <q-tooltip>แก้ไข</q-tooltip>
+                              <q-tooltip>แก้ไขข้อมูล</q-tooltip>
                             </q-btn>
                             <q-btn
                               v-if="!checkRoutePermisson && !isReadonly"
diff --git a/src/modules/11_discipline/components/3_InvestigateDisciplinary/Form.vue b/src/modules/11_discipline/components/3_InvestigateDisciplinary/Form.vue
index 5e5c7f84f..fd73a0892 100644
--- a/src/modules/11_discipline/components/3_InvestigateDisciplinary/Form.vue
+++ b/src/modules/11_discipline/components/3_InvestigateDisciplinary/Form.vue
@@ -1551,7 +1551,7 @@ onMounted(async () => {
                               @click="openEditDirector(props.row)"
                               icon="edit"
                             >
-                              <q-tooltip>แก้ไข</q-tooltip>
+                              <q-tooltip>แก้ไขข้อมูล</q-tooltip>
                             </q-btn>
 
                             <q-btn

From 0612820928759d73d0c0a9d51ae378f18b40c2fd Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Fri, 22 Nov 2024 18:04:12 +0700
Subject: [PATCH 05/14] =?UTF-8?q?=E0=B8=9B=E0=B8=A3=E0=B8=B1=E0=B8=9A=20UI?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Table.vue                           |  1 +
 src/components/information/Address.vue             |  6 +++---
 src/modules/03_recruiting/components/Address.vue   |  8 ++++----
 .../03_recruiting/views/03_editor/index.vue        | 14 +++++++-------
 .../components/Dialog/02_Address.vue               |  8 ++++----
 .../components/Dialog/DialogUpdate.vue             |  9 +++++----
 .../04_registryPerson/components/DialogHistory.vue |  2 +-
 .../04_registryPerson/components/TableView.vue     |  2 +-
 .../detail/GovernmentInformation/01_Info.vue       |  2 ++
 .../detail/GovernmentInformation/02_Discipline.vue |  5 ++---
 .../detail/PersonalInformation/03_Address.vue      | 10 +++++-----
 .../04_registryPerson/interface/request/Profile.ts |  2 +-
 .../04_registryPerson/interface/response/Main.ts   |  1 +
 .../interface/response/Profile.ts                  |  1 +
 src/modules/04_registryPerson/store.ts             |  5 +++--
 src/modules/04_registryPerson/stores/Address.ts    |  2 +-
 src/modules/04_registryPerson/stores/LinkCenter.ts |  2 +-
 src/modules/04_registryPerson/views/detailView.vue |  4 +++-
 src/modules/04_registryPerson/views/listView.vue   |  5 ++++-
 .../04_registryPerson/views/requestEditView.vue    |  4 ++++
 .../CheckInformation/02_FormAddress.vue            |  8 ++++----
 .../PersonalDetail/Information/Address.vue         |  8 ++++----
 .../components/ListRetirement/TableList.vue        |  4 ++--
 .../07_insignia/components/2_Manage/Tab1.vue       |  2 +-
 src/modules/07_insignia/views/03_ResultMain.vue    |  2 +-
 src/modules/07_insignia/views/05_BorrowMain.vue    |  2 +-
 src/modules/08_registryEmployee/views/Main.vue     |  6 ++++--
 .../09_leave/components/2_Leave/DetailLeave.vue    |  2 +-
 .../components/2_Leave/DetailLeaveReject.vue       |  2 +-
 .../components/1_Complaint/EditPage.vue            |  2 +-
 .../6_BasicInformation/Director/Form.vue           |  2 +-
 .../components/8_AppealComplain/Form.vue           |  2 +-
 .../11_discipline/store/InvestigateDisStore.ts     |  2 +-
 src/modules/11_discipline/store/Main.ts            |  4 ++--
 src/modules/11_discipline/store/ResultStore.ts     |  2 +-
 .../components/Detail/viewTab2/CardDirector.vue    |  2 +-
 .../components/Detail/viewstep/viewStep1.vue       |  2 +-
 .../components/Director/Form.vue                   |  2 +-
 .../14_KPI/components/Tab/Dialog/DialogEvalute.vue |  2 +-
 src/modules/15_development/components/Record.vue   |  2 +-
 .../15_development/components/history/AddPage.vue  |  4 ++--
 .../components/history/DialogGov.vue               |  4 ++--
 .../components/historyEmployee/AddPage.vue         |  4 ++--
 .../15_development/views/EmployeeHistory.vue       |  2 +-
 src/modules/15_development/views/History.vue       |  2 +-
 45 files changed, 93 insertions(+), 76 deletions(-)

diff --git a/src/components/Table.vue b/src/components/Table.vue
index 38d875fb6..9434aae28 100644
--- a/src/components/Table.vue
+++ b/src/components/Table.vue
@@ -10,6 +10,7 @@
     dense
     :pagination-label="paginationLabel"
     v-model:pagination="pagination"
+    :rows-per-page-options="[10, 25, 50, 100]"
   >
     <template v-slot:pagination="scope">
       ทั้งหมด {{ attrs.rows.length }} รายการ
diff --git a/src/components/information/Address.vue b/src/components/information/Address.vue
index 7db4b8410..460e11419 100644
--- a/src/components/information/Address.vue
+++ b/src/components/information/Address.vue
@@ -89,7 +89,7 @@
             :class="getClass(edit)"
             :readonly="!edit"
             :borderless="!edit"
-            :rules="[(val:string) => !!val || `${'กรุณาเลือก แขวง / ตำบล '}`]"
+            :rules="[(val:string) => !!val || `${'กรุณาเลือก แขวง/ตำบล '}`]"
             :outlined="edit"
             dense
             lazy-rules
@@ -99,7 +99,7 @@
             option-label="name"
             :options="Ops.subdistrictOps"
             option-value="id"
-            :label="`${'แขวง / ตำบล '}`"
+            :label="`${'แขวง/ตำบล '}`"
             @update:model-value="(value:string) => selectSubDistrict(value, '1')"
             use-input
             input-debounce="0"
@@ -221,7 +221,7 @@
             :class="getClass(edit)"
             :readonly="!edit"
             :borderless="!edit"
-            :rules="[(val:string) => !!val || `${'กรุณาเลือก แขวง / ตำบล '}`]"
+            :rules="[(val:string) => !!val || `${'กรุณาเลือก แขวง/ตำบล '}`]"
             :outlined="edit"
             dense
             lazy-rules
diff --git a/src/modules/03_recruiting/components/Address.vue b/src/modules/03_recruiting/components/Address.vue
index e0410cc50..f5911a70a 100644
--- a/src/modules/03_recruiting/components/Address.vue
+++ b/src/modules/03_recruiting/components/Address.vue
@@ -258,7 +258,7 @@ const getClass = (val: boolean) => {
           :class="getClass(status == 'checkRegister' || status == 'payment')"
           :readonly="!(status == 'checkRegister' || status == 'payment')"
           :borderless="!(status == 'checkRegister' || status == 'payment')"
-          :rules="[(val:string) => !!val || `${'กรุณาเลือก แขวง / ตำบล '}`]"
+          :rules="[(val:string) => !!val || `${'กรุณาเลือก แขวง/ตำบล '}`]"
           :outlined="status == 'checkRegister' || status == 'payment'"
           dense
           lazy-rules
@@ -268,7 +268,7 @@ const getClass = (val: boolean) => {
           option-label="name"
           :options="subdistrictOptions"
           option-value="id"
-          :label="`${'แขวง / ตำบล '}`"
+          :label="`${'แขวง/ตำบล '}`"
           @update:model-value="(value) => selectSubDistrict(value, '1')"
         />
       </div>
@@ -382,7 +382,7 @@ const getClass = (val: boolean) => {
           :class="getClass(status == 'checkRegister' || status == 'payment')"
           :readonly="!(status == 'checkRegister' || status == 'payment')"
           :borderless="!(status == 'checkRegister' || status == 'payment')"
-          :rules="[(val:string) => !!val || `${'กรุณาเลือก แขวง / ตำบล '}`]"
+          :rules="[(val:string) => !!val || `${'กรุณาเลือก แขวง/ตำบล '}`]"
           :outlined="status == 'checkRegister' || status == 'payment'"
           dense
           lazy-rules
@@ -392,7 +392,7 @@ const getClass = (val: boolean) => {
           option-label="name"
           :options="subdistrictCOptions"
           option-value="id"
-          :label="`${'แขวง / ตำบล '}`"
+          :label="`${'แขวง/ตำบล '}`"
           @update:model-value="(value) => selectSubDistrict(value, '2')"
         />
       </div>
diff --git a/src/modules/03_recruiting/views/03_editor/index.vue b/src/modules/03_recruiting/views/03_editor/index.vue
index 810433e08..e5db408e6 100644
--- a/src/modules/03_recruiting/views/03_editor/index.vue
+++ b/src/modules/03_recruiting/views/03_editor/index.vue
@@ -1017,7 +1017,7 @@ onMounted(async () => {
               :options="provinceOptions"
               option-value="id"
               :label="`${'จังหวัด'}`"
-              @update:model-value="(value) => selectProvince(value)"
+              @update:model-value="(value:any) => selectProvince(value)"
             />
           </div>
           <div class="col-xs-6 col-sm-3 col-md-3">
@@ -1037,7 +1037,7 @@ onMounted(async () => {
               :options="districtOptions"
               option-value="id"
               :label="`${'เขต / อำเภอ'}`"
-              @update:model-value="(value) => selectDistrict(value)"
+              @update:model-value="(value:any) => selectDistrict(value)"
             />
           </div>
           <div class="col-xs-6 col-sm-3 col-md-3">
@@ -1046,7 +1046,7 @@ onMounted(async () => {
               :class="getClass(enable.about)"
               :readonly="!enable.about"
               :borderless="!enable.about"
-              :rules="[(val:string) => !!val || `${'กรุณาเลือก แขวง / ตำบล '}`]"
+              :rules="[(val:string) => !!val || `${'กรุณาเลือก แขวง/ตำบล '}`]"
               :outlined="enable.about"
               dense
               lazy-rules
@@ -1056,8 +1056,8 @@ onMounted(async () => {
               option-label="name"
               :options="subdistrictOptions"
               option-value="id"
-              :label="`${'แขวง / ตำบล '}`"
-              @update:model-value="(value) => selectSubDistrict(value)"
+              :label="`${'แขวง/ตำบล '}`"
+              @update:model-value="(value:any) => selectSubDistrict(value)"
             />
           </div>
           <div class="col-xs-6 col-sm-3 col-md-3">
@@ -1085,8 +1085,8 @@ onMounted(async () => {
               v-model="address.tel"
               :borderless="!enable.about"
               :rules="[
-                (val) => !!val || `${'กรุณากรอก เบอร์โทร'}`,
-                (val) =>
+                (val:any) => !!val || `${'กรุณากรอก เบอร์โทร'}`,
+                (val:any) =>
                   val.length >= 10 || `${'กรุณากรอกข้อมูลเบอร์โทรให้ครบ'}`,
               ]"
               :label="`${'เบอร์โทร'}`"
diff --git a/src/modules/04_registryPerson/components/Dialog/02_Address.vue b/src/modules/04_registryPerson/components/Dialog/02_Address.vue
index 35239965f..1ae5d379c 100644
--- a/src/modules/04_registryPerson/components/Dialog/02_Address.vue
+++ b/src/modules/04_registryPerson/components/Dialog/02_Address.vue
@@ -16,7 +16,7 @@ const dataLabel = {
   registrationAddress: "ที่อยู่ตามทะเบียนบ้าน",
   registrationProvince: "จังหวัด",
   registrationDistrict: "เขต/อำเภอ",
-  registrationSubDistrict: "แขวง / ตำบล",
+  registrationSubDistrict: "แขวง/ตำบล",
   registrationZipCode: "รหัสไปรษณีย์",
 };
 
@@ -51,8 +51,8 @@ async function selectDistrict(e: string | null, name: string) {
 }
 
 /**
- * ฟังก์ชันเลือก  แขวง / ตำบล
- * @param e  แขวง / ตำบล ที่เลือก
+ * ฟังก์ชันเลือก  แขวง/ตำบล
+ * @param e  แขวง/ตำบล ที่เลือก
  * @param name 1 คือ ที่อยู่ตามทะเบียนบ้าน 2 คือ ที่อยู่ปัจจุบัน
  */
 function selectSubDistrict(e: string | null, name: string) {
@@ -162,7 +162,7 @@ watch(
           v-model="formDataAddress.registrationSubDistrictId"
           :options="storeLinkCenter.OpsAddress.subdistrictOps"
           :label="dataLabel.registrationSubDistrict"
-          :rules="[(val:string) => !!val || `${'กรุณาเลือก แขวง / ตำบล'}`]"
+          :rules="[(val:string) => !!val || `${'กรุณาเลือก แขวง/ตำบล'}`]"
           @update:model-value="(value:string) => selectSubDistrict(value, '1')"
           @filter="(inputValue:string,
                       doneFn:Function) => storeLinkCenter.filterSelector(inputValue, doneFn,'subdistrictOps'
diff --git a/src/modules/04_registryPerson/components/Dialog/DialogUpdate.vue b/src/modules/04_registryPerson/components/Dialog/DialogUpdate.vue
index 4d8b9bd18..f22c6281d 100644
--- a/src/modules/04_registryPerson/components/Dialog/DialogUpdate.vue
+++ b/src/modules/04_registryPerson/components/Dialog/DialogUpdate.vue
@@ -63,6 +63,7 @@ const formInformations = reactive<RequestObject>({
   firstName: "",
   prefix: "",
   rank: null,
+  prefixMain: "",
 });
 
 const formDataAddress = reactive<RequestregistrationAddressObject>({
@@ -257,7 +258,7 @@ async function amiRequest() {
   formInformations.nationality = data.value.nationalityDesc;
 
   // แปลง dateOfBirth เป็น format 1989-01-01
-  formInformations.birthDate = conventDateOfBirth(`${data.value.dateOfBirth}`);
+  formInformations.birthDate = data.value.dateOfBirth ? conventDateOfBirth(`${data.value.dateOfBirth}`) : null;
   age.value = storeLinkCenter.calculateAge(data.value.age);
   formInformations.gender = data.value.genderDesc;
 
@@ -327,15 +328,15 @@ async function convertDistrict(val: string) {
   const id = storeLinkCenter.OpsAddress.districtOps.find(
     (e: DataOption) => e.name === val
   )?.id;
-  // เรียกฟังก์ชันดึงข้อมูล  แขวง / ตำบล
+  // เรียกฟังก์ชันดึงข้อมูล  แขวง/ตำบล
   await storeLinkCenter.fetchSubDistrict(id ? id : null, "1", false);
 
   return id ? id : null;
 }
 
 /**
- * ฟังก์ชันแปลงชื่อแขวง / ตำบล เป็น ID
- * @param val ชื่อแขวง / ตำบล
+ * ฟังก์ชันแปลงชื่อแขวง/ตำบล เป็น ID
+ * @param val ชื่อแขวง/ตำบล
  */
 async function convertSubdistrict(val: string) {
   const result = storeLinkCenter.OpsAddress.subdistrictOps.find(
diff --git a/src/modules/04_registryPerson/components/DialogHistory.vue b/src/modules/04_registryPerson/components/DialogHistory.vue
index 797e41d59..80b00c760 100644
--- a/src/modules/04_registryPerson/components/DialogHistory.vue
+++ b/src/modules/04_registryPerson/components/DialogHistory.vue
@@ -66,7 +66,7 @@ const columns = ref<QTableProps["columns"]>([
   {
     name: "name",
     align: "left",
-    label: "ชื่อ - นามสกุล",
+    label: "ชื่อ-นามสกุล",
     field: "name",
     headerStyle: "font-size: 14px",
     style: "font-size: 14px",
diff --git a/src/modules/04_registryPerson/components/TableView.vue b/src/modules/04_registryPerson/components/TableView.vue
index bada8fe49..8cfd6ebef 100644
--- a/src/modules/04_registryPerson/components/TableView.vue
+++ b/src/modules/04_registryPerson/components/TableView.vue
@@ -47,7 +47,7 @@ const columns = ref<QTableProps["columns"]>([
   {
     name: "fullName",
     align: "left",
-    label: "ชื่อ - นามสกุล",
+    label: "ชื่อ-นามสกุล",
     sortable: true,
     field: "fullName",
     headerStyle: "font-size: 14px; min-width: 200px",
diff --git a/src/modules/04_registryPerson/components/detail/GovernmentInformation/01_Info.vue b/src/modules/04_registryPerson/components/detail/GovernmentInformation/01_Info.vue
index de8e16b39..6cc8999c2 100644
--- a/src/modules/04_registryPerson/components/detail/GovernmentInformation/01_Info.vue
+++ b/src/modules/04_registryPerson/components/detail/GovernmentInformation/01_Info.vue
@@ -215,6 +215,8 @@ async function getData() {
     .get(config.API.profileNewGovernmentById(profileId.value, empType.value))
     .then(async (res) => {
       const data = await res.data.result;
+      console.log(data);
+      
       formMain.ocId = data.org ?? "-"; //สังกัด
       formMain.positionId = data.position ?? "-"; //ตำแหน่ง
       formMain.positionLine = data.positionField ?? "-"; //สายงาน
diff --git a/src/modules/04_registryPerson/components/detail/GovernmentInformation/02_Discipline.vue b/src/modules/04_registryPerson/components/detail/GovernmentInformation/02_Discipline.vue
index 7132a0860..dbd516fcc 100644
--- a/src/modules/04_registryPerson/components/detail/GovernmentInformation/02_Discipline.vue
+++ b/src/modules/04_registryPerson/components/detail/GovernmentInformation/02_Discipline.vue
@@ -39,7 +39,7 @@ const empType = ref<string>(pathRegistryEmp(route.name?.toString() ?? ""));
 /**
  * props
  */
- const isLeave = defineModel<boolean>("isLeave", {
+const isLeave = defineModel<boolean>("isLeave", {
   required: true,
 });
 
@@ -230,7 +230,7 @@ function openDialogAdd() {
 /**
  * function fetch ข้อมูลรายการวินัย
  */
-function fetchData(id: string) {
+async function fetchData(id: string) {
   showLoader();
   http
     .get(config.API.profileNewDisciplineByProfileId(id, empType.value))
@@ -398,7 +398,6 @@ onMounted(() => {
       map-options
       :options="columns"
       option-value="name"
-      
       style="min-width: 140px"
     />
     <q-btn-toggle
diff --git a/src/modules/04_registryPerson/components/detail/PersonalInformation/03_Address.vue b/src/modules/04_registryPerson/components/detail/PersonalInformation/03_Address.vue
index b4125279f..a295f162e 100644
--- a/src/modules/04_registryPerson/components/detail/PersonalInformation/03_Address.vue
+++ b/src/modules/04_registryPerson/components/detail/PersonalInformation/03_Address.vue
@@ -252,7 +252,7 @@ const columnsHistory = ref<QTableProps["columns"]>([
 /**
  * ฟังก์ชันดึงข้อมูลที่อยู่
  *
- * ดึงข้อมูลที่อยู่ ข้อมูลจังหวัด ข้อมูล เขต / อำเภอ และข้อมูล แขวง / ตำบล
+ * ดึงข้อมูลที่อยู่ ข้อมูลจังหวัด ข้อมูล เขต / อำเภอ และข้อมูล แขวง/ตำบล
  */
 async function getData() {
   showLoader();
@@ -337,8 +337,8 @@ async function selectDistrict(e: string | null, name: string) {
 }
 
 /**
- * ฟังก์ชันเลือก  แขวง / ตำบล
- * @param e  แขวง / ตำบล ที่เลือก
+ * ฟังก์ชันเลือก  แขวง/ตำบล
+ * @param e  แขวง/ตำบล ที่เลือก
  * @param name 1 คือ ที่อยู่ตามทะเบียนบ้าน 2 คือ ที่อยู่ปัจจุบัน
  */
 function selectSubDistrict(e: string | null, name: string) {
@@ -743,7 +743,7 @@ onMounted(async () => {
                 v-model="formData.registrationSubDistrictId"
                 :options="store.Ops.subdistrictOps"
                 :label="dataLabel.registrationSubDistrict"
-                :rules="[(val:string) => !!val || `${'กรุณาเลือก แขวง / ตำบล'}`]"
+                :rules="[(val:string) => !!val || `${'กรุณาเลือก แขวง/ตำบล'}`]"
                 @update:model-value="(value:string) => selectSubDistrict(value, '1')"
                 @filter="(inputValue:string,
                       doneFn:Function) => filterSelector(inputValue, doneFn,'subdistrictOps'
@@ -864,7 +864,7 @@ onMounted(async () => {
                   v-model="formData.currentSubDistrictId"
                   :options="store.Ops.subdistrictCOps"
                   :label="dataLabel.currentSubDistrict"
-                  :rules="[(val:string) => !!val || `${'กรุณาเลือก แขวง / ตำบล'}`]"
+                  :rules="[(val:string) => !!val || `${'กรุณาเลือก แขวง/ตำบล'}`]"
                   @update:model-value="(value:string) => selectSubDistrict(value, '2')"
                   @filter="(inputValue:string,
                       doneFn:Function) => filterSelector(inputValue, doneFn,'subdistrictCOps'
diff --git a/src/modules/04_registryPerson/interface/request/Profile.ts b/src/modules/04_registryPerson/interface/request/Profile.ts
index c75f5e536..0a1719f8d 100644
--- a/src/modules/04_registryPerson/interface/request/Profile.ts
+++ b/src/modules/04_registryPerson/interface/request/Profile.ts
@@ -1,5 +1,5 @@
 interface RequestObject {
-  birthDate: Date | null;
+  birthDate: Date | null | string;
   bloodGroup: string | null;
   citizenId: string;
   // email: string | null;
diff --git a/src/modules/04_registryPerson/interface/response/Main.ts b/src/modules/04_registryPerson/interface/response/Main.ts
index a1664d686..7ca12cd24 100644
--- a/src/modules/04_registryPerson/interface/response/Main.ts
+++ b/src/modules/04_registryPerson/interface/response/Main.ts
@@ -3,6 +3,7 @@ interface DataType {
   posLevels: any;
   posTypeName: string;
   posTypeRank: number;
+  posTypeShortName?: string;
 }
 
 interface DataLevel {
diff --git a/src/modules/04_registryPerson/interface/response/Profile.ts b/src/modules/04_registryPerson/interface/response/Profile.ts
index 1742e7825..9363827a0 100644
--- a/src/modules/04_registryPerson/interface/response/Profile.ts
+++ b/src/modules/04_registryPerson/interface/response/Profile.ts
@@ -95,6 +95,7 @@ interface PosType {
   lastUpdateFullName: string;
   posTypeName: string;
   posTypeRank: number;
+  posTypeShortName?: string;
 }
 
 export type {
diff --git a/src/modules/04_registryPerson/store.ts b/src/modules/04_registryPerson/store.ts
index 4483f3c4a..dd23b8b07 100644
--- a/src/modules/04_registryPerson/store.ts
+++ b/src/modules/04_registryPerson/store.ts
@@ -33,16 +33,17 @@ export const useRegistryNewDataStore = defineStore("registryNew", () => {
   ]);
   function fetchType(data: DataType[]) {
     posTypeMain.value = data;
+
     const list: DataOption[] = data.map((e: DataType) => ({
       id: e.id,
       name: e.posTypeName,
     }));
     posTypeOps.value = list;
   }
-  function fetchLevel(data: DataLevel[]) {
+  function fetchLevel(data: DataLevel[], shortName: string = "") {
     const list: DataOption[] = data.map((e: DataLevel) => ({
       id: e.id,
-      name: e.posLevelName,
+      name: `${shortName} ${e.posLevelName} `,
     }));
     const seen = new Set();
     posLevelOps.value = list.filter((item: DataOption) => {
diff --git a/src/modules/04_registryPerson/stores/Address.ts b/src/modules/04_registryPerson/stores/Address.ts
index 1ad7c7481..cd106d852 100644
--- a/src/modules/04_registryPerson/stores/Address.ts
+++ b/src/modules/04_registryPerson/stores/Address.ts
@@ -130,7 +130,7 @@ export const useAddressDataStore = defineStore("addess", () => {
   }
 
   /**
-   * ฟังก์ชันดึงข้อมูล  แขวง / ตำบล
+   * ฟังก์ชันดึงข้อมูล  แขวง/ตำบล
    * @param id  เขต / อำเภอ
    * @param position   ที่อยู่ตามทะเบียนบ้าน, ที่อยู่ปัจจุบัน
    */
diff --git a/src/modules/04_registryPerson/stores/LinkCenter.ts b/src/modules/04_registryPerson/stores/LinkCenter.ts
index 22cd3667d..ccfb5e911 100644
--- a/src/modules/04_registryPerson/stores/LinkCenter.ts
+++ b/src/modules/04_registryPerson/stores/LinkCenter.ts
@@ -243,7 +243,7 @@ export const useDataLinkCenter = defineStore("DataLinkCenter", () => {
   }
 
   /**
-   * ฟังก์ชันดึงข้อมูล  แขวง / ตำบล
+   * ฟังก์ชันดึงข้อมูล  แขวง/ตำบล
    * @param id  เขต / อำเภอ
    * @param position   ที่อยู่ตามทะเบียนบ้าน, ที่อยู่ปัจจุบัน
    */
diff --git a/src/modules/04_registryPerson/views/detailView.vue b/src/modules/04_registryPerson/views/detailView.vue
index 37daea1da..3ee865cb4 100644
--- a/src/modules/04_registryPerson/views/detailView.vue
+++ b/src/modules/04_registryPerson/views/detailView.vue
@@ -349,6 +349,8 @@ async function fetchDataPersonal() {
     .get(config.API.registryNewByProfileId(profileId.value, empType.value))
     .then(async (res) => {
       formDetail.value = res.data.result;
+      console.log(formDetail.value);
+
       storeRegistry.isLeave = res.data.result.isLeave;
 
       if (res.data.result.leaveReason) {
@@ -956,7 +958,7 @@ onMounted(async () => {
                   {{ empType === "" ? "ระดับ" : "ระดับชั้นงาน" }}
                 </div>
                 <div class="col">
-                  {{ formDetail?.posLevel?.posLevelName || "-" }}
+                  {{ `${ empType === "" ? '': formDetail?.posType?.posTypeShortName } ${formDetail?.posLevel?.posLevelName}`  || "-" }}
                 </div>
               </div>
             </div>
diff --git a/src/modules/04_registryPerson/views/listView.vue b/src/modules/04_registryPerson/views/listView.vue
index 2aa948d3e..e61a0397e 100644
--- a/src/modules/04_registryPerson/views/listView.vue
+++ b/src/modules/04_registryPerson/views/listView.vue
@@ -242,7 +242,10 @@ function selectType() {
  */
 function selectPosType(item: DataOption) {
   const dataType = store.posTypeMain.find((e: DataType) => e.id === item.id);
-  store.fetchLevel(dataType?.posLevels);
+  const shortName =
+    empType.value === "officer" ? "" : dataType?.posTypeShortName;
+
+  store.fetchLevel(dataType?.posLevels, shortName);
   store.labelOption.posType = item.name;
   store.labelOption.posLevel = "ทั้งหมด";
   store.formFilter.page = 1;
diff --git a/src/modules/04_registryPerson/views/requestEditView.vue b/src/modules/04_registryPerson/views/requestEditView.vue
index c15020ff5..bece2c089 100644
--- a/src/modules/04_registryPerson/views/requestEditView.vue
+++ b/src/modules/04_registryPerson/views/requestEditView.vue
@@ -13,6 +13,9 @@ const route = useRoute();
 const store = useRegistryNewDataStore();
 
 const isIDP = ref<boolean | null>(null);
+const isEmployee = ref<boolean>(
+  route.name?.toString() == "registryNewRequestEditEMP" ? true : false
+);
 
 onBeforeMount(async () => {
   isIDP.value = await (route.name?.toString() == "registryNewRequestEditEMP"
@@ -39,6 +42,7 @@ onMounted(() => {
         @click="router.go(-1)"
       />
       รายการคำร้องขอแก้ไขทะเบียนประวัติ
+      {{ `(${isEmployee ? "ลูกจ้างประจำ" : "ข้าราชการ กทม.สามัญ"})` }}
     </div>
   </div>
 
diff --git a/src/modules/05_placement/components/PersonalDetail/CheckInformation/02_FormAddress.vue b/src/modules/05_placement/components/PersonalDetail/CheckInformation/02_FormAddress.vue
index dc2683063..42649725d 100644
--- a/src/modules/05_placement/components/PersonalDetail/CheckInformation/02_FormAddress.vue
+++ b/src/modules/05_placement/components/PersonalDetail/CheckInformation/02_FormAddress.vue
@@ -394,7 +394,7 @@ onMounted(() => {
       <q-select
         hide-bottom-space
         class="inputgreen"
-        :rules="[(val: string) => !!val || `${'กรุณาเลือก แขวง / ตำบล '}`]"
+        :rules="[(val: string) => !!val || `${'กรุณาเลือก แขวง/ตำบล '}`]"
         outlined
         dense
         lazy-rules
@@ -404,7 +404,7 @@ onMounted(() => {
         option-label="name"
         :options="Ops.subdistrictOps"
         option-value="id"
-        :label="`${'แขวง / ตำบล '}`"
+        :label="`${'แขวง/ตำบล '}`"
         @update:model-value="(value: string) => selectSubDistrict(value, '1')"
         use-input
         input-debounce="0"
@@ -522,7 +522,7 @@ onMounted(() => {
       <q-select
         hide-bottom-space
         class="inputgreen"
-        :rules="[(val: string) => !!val || `${'กรุณาเลือก แขวง / ตำบล '}`]"
+        :rules="[(val: string) => !!val || `${'กรุณาเลือก แขวง/ตำบล '}`]"
         outlined
         dense
         lazy-rules
@@ -532,7 +532,7 @@ onMounted(() => {
         option-label="name"
         :options="Ops.subdistrictCOps"
         option-value="id"
-        :label="`${'แขวง / ตำบล '}`"
+        :label="`${'แขวง/ตำบล '}`"
         @update:model-value="(value: string) => selectSubDistrict(value, '2')"
         use-input
         input-debounce="0"
diff --git a/src/modules/05_placement/components/PersonalDetail/Information/Address.vue b/src/modules/05_placement/components/PersonalDetail/Information/Address.vue
index 26af481ea..4a1db283d 100644
--- a/src/modules/05_placement/components/PersonalDetail/Information/Address.vue
+++ b/src/modules/05_placement/components/PersonalDetail/Information/Address.vue
@@ -586,7 +586,7 @@ onMounted(async () => {
             :class="getClass(edit)"
             :readonly="!edit"
             :borderless="!edit"
-            :rules="[(val: string) => !!val || `${'กรุณาเลือก แขวง / ตำบล '}`]"
+            :rules="[(val: string) => !!val || `${'กรุณาเลือก แขวง/ตำบล '}`]"
             :outlined="edit"
             dense
             lazy-rules
@@ -596,7 +596,7 @@ onMounted(async () => {
             option-label="name"
             :options="Ops.subdistrictOps"
             option-value="id"
-            :label="`${'แขวง / ตำบล '}`"
+            :label="`${'แขวง/ตำบล '}`"
             @update:model-value="(value: string) => selectSubDistrict(value, '1')"
             use-input
             input-debounce="0"
@@ -730,7 +730,7 @@ onMounted(async () => {
             :class="getClass(edit)"
             :readonly="!edit"
             :borderless="!edit"
-            :rules="[(val: string) => !!val || `${'กรุณาเลือก แขวง / ตำบล '}`]"
+            :rules="[(val: string) => !!val || `${'กรุณาเลือก แขวง/ตำบล '}`]"
             :outlined="edit"
             dense
             lazy-rules
@@ -740,7 +740,7 @@ onMounted(async () => {
             option-label="name"
             :options="Ops.subdistrictCOps"
             option-value="id"
-            :label="`${'แขวง / ตำบล '}`"
+            :label="`${'แขวง/ตำบล '}`"
             @update:model-value="(value: string) => selectSubDistrict(value, '2')"
             use-input
             input-debounce="0"
diff --git a/src/modules/06_retirement/components/ListRetirement/TableList.vue b/src/modules/06_retirement/components/ListRetirement/TableList.vue
index fb2e966ce..05c396491 100644
--- a/src/modules/06_retirement/components/ListRetirement/TableList.vue
+++ b/src/modules/06_retirement/components/ListRetirement/TableList.vue
@@ -140,8 +140,8 @@ async function fecthlistprofile(id: string) {
         {
           name: "name",
           align: "left",
-          label: "ชื่อ - นามสกุล",
-          title: "ชื่อ - นามสกุล",
+          label: "ชื่อ-นามสกุล",
+          title: "ชื่อ-นามสกุล",
           field: "name",
           headerStyle: "font-size: 14px",
           style: "font-size: 14px",
diff --git a/src/modules/07_insignia/components/2_Manage/Tab1.vue b/src/modules/07_insignia/components/2_Manage/Tab1.vue
index 91ea55927..808e2c9bc 100644
--- a/src/modules/07_insignia/components/2_Manage/Tab1.vue
+++ b/src/modules/07_insignia/components/2_Manage/Tab1.vue
@@ -308,7 +308,7 @@ const filterOption = ref<OptionData[]>([
   },
   {
     id: "fullName",
-    name: "ชื่อ - นามสกุล",
+    name: "ชื่อ-นามสกุล",
   },
 ]);
 
diff --git a/src/modules/07_insignia/views/03_ResultMain.vue b/src/modules/07_insignia/views/03_ResultMain.vue
index da524ca7a..f2790ec0c 100644
--- a/src/modules/07_insignia/views/03_ResultMain.vue
+++ b/src/modules/07_insignia/views/03_ResultMain.vue
@@ -98,7 +98,7 @@ const columns = ref<QTableProps["columns"]>([
   {
     name: "name",
     align: "left",
-    label: "ชื่อ - นามสกุล",
+    label: "ชื่อ-นามสกุล",
     field: "name",
     sortable: true,
     sort: (a: string, b: string) =>
diff --git a/src/modules/07_insignia/views/05_BorrowMain.vue b/src/modules/07_insignia/views/05_BorrowMain.vue
index c2854387e..d092982f4 100644
--- a/src/modules/07_insignia/views/05_BorrowMain.vue
+++ b/src/modules/07_insignia/views/05_BorrowMain.vue
@@ -76,7 +76,7 @@ const columns = ref<QTableProps["columns"]>([
   {
     name: "name",
     align: "left",
-    label: "ชื่อ - นามสกุล",
+    label: "ชื่อ-นามสกุล",
     field: "name",
     sortable: true,
     headerStyle: "font-size: 14px",
diff --git a/src/modules/08_registryEmployee/views/Main.vue b/src/modules/08_registryEmployee/views/Main.vue
index 5a730c157..95c39fca9 100644
--- a/src/modules/08_registryEmployee/views/Main.vue
+++ b/src/modules/08_registryEmployee/views/Main.vue
@@ -128,12 +128,13 @@ const columns = ref<QTableProps["columns"]>([
   },
 
   {
-    name: "salaryDate",
+    name: "dateAppoint",
     align: "left",
     label: "วันที่แต่งตั้ง",
     sortable: true,
-    field: "salaryDate",
+    field: "dateAppoint",
     headerStyle: "font-size: 14px",
+    format: (val) => date2Thai(val),
     style: "font-size: 14px",
   },
   {
@@ -191,6 +192,7 @@ const visibleColumns = ref<String[]>([
   "createdAt",
   "dateRetireLaw",
   "statustext",
+  "dateAppoint",
 ]);
 
 /**
diff --git a/src/modules/09_leave/components/2_Leave/DetailLeave.vue b/src/modules/09_leave/components/2_Leave/DetailLeave.vue
index 3b1ddf7a9..77116d130 100644
--- a/src/modules/09_leave/components/2_Leave/DetailLeave.vue
+++ b/src/modules/09_leave/components/2_Leave/DetailLeave.vue
@@ -574,7 +574,7 @@ onMounted(async () => {
                   </div>
                   <div class="col-12 row">
                     <div class="col-xs-5 col-sm-3 text-grey-8">
-                      ชื่อ - นามสกุล
+                      ชื่อ-นามสกุล
                     </div>
                     <div class="col text-weight-medium">
                       {{ formData.fullName }}
diff --git a/src/modules/09_leave/components/2_Leave/DetailLeaveReject.vue b/src/modules/09_leave/components/2_Leave/DetailLeaveReject.vue
index aad0434ea..fcf0b5fc4 100644
--- a/src/modules/09_leave/components/2_Leave/DetailLeaveReject.vue
+++ b/src/modules/09_leave/components/2_Leave/DetailLeaveReject.vue
@@ -549,7 +549,7 @@ async function onClickDownloadFile(id: string, fileName: string, type: string) {
                   </div>
                   <div class="col-12 row">
                     <div class="col-xs-5 col-sm-3 text-grey-8">
-                      ชื่อ - นามสกุล
+                      ชื่อ-นามสกุล
                     </div>
                     <div class="col text-weight-medium">
                       {{ formData.fullName }}
diff --git a/src/modules/11_discipline/components/1_Complaint/EditPage.vue b/src/modules/11_discipline/components/1_Complaint/EditPage.vue
index f0eb3f714..39fb12305 100644
--- a/src/modules/11_discipline/components/1_Complaint/EditPage.vue
+++ b/src/modules/11_discipline/components/1_Complaint/EditPage.vue
@@ -98,7 +98,7 @@ const columns = ref<QTableProps["columns"]>([
   {
     name: "name",
     align: "left",
-    label: "ชื่อ - นามสกุล",
+    label: "ชื่อ-นามสกุล",
     sortable: true,
     field: "name",
     headerStyle: "font-size: 14px",
diff --git a/src/modules/11_discipline/components/6_BasicInformation/Director/Form.vue b/src/modules/11_discipline/components/6_BasicInformation/Director/Form.vue
index 9cb121eb7..2324e6888 100644
--- a/src/modules/11_discipline/components/6_BasicInformation/Director/Form.vue
+++ b/src/modules/11_discipline/components/6_BasicInformation/Director/Form.vue
@@ -114,7 +114,7 @@ const columnsRespondent = ref<QTableProps["columns"]>([
   {
     name: "name",
     align: "left",
-    label: "ชื่อ - นามสกุล",
+    label: "ชื่อ-นามสกุล",
     sortable: true,
     field: "name",
     headerStyle: "font-size: 14px",
diff --git a/src/modules/11_discipline/components/8_AppealComplain/Form.vue b/src/modules/11_discipline/components/8_AppealComplain/Form.vue
index 3b43898f6..d93112597 100644
--- a/src/modules/11_discipline/components/8_AppealComplain/Form.vue
+++ b/src/modules/11_discipline/components/8_AppealComplain/Form.vue
@@ -127,7 +127,7 @@ const columns = ref<QTableProps["columns"]>([
   {
     name: "fullname",
     align: "left",
-    label: "ชื่อ - นามสกุล",
+    label: "ชื่อ-นามสกุล",
     sortable: true,
     field: "fullname",
     headerStyle: "font-size: 14px",
diff --git a/src/modules/11_discipline/store/InvestigateDisStore.ts b/src/modules/11_discipline/store/InvestigateDisStore.ts
index b1edc616c..21b5199dc 100644
--- a/src/modules/11_discipline/store/InvestigateDisStore.ts
+++ b/src/modules/11_discipline/store/InvestigateDisStore.ts
@@ -201,7 +201,7 @@ export const useInvestigateDisStore = defineStore(
       {
         name: "name",
         align: "left",
-        label: "ชื่อ - นามสกุล",
+        label: "ชื่อ-นามสกุล",
         sortable: true,
         field: "name",
         headerStyle: "font-size: 14px",
diff --git a/src/modules/11_discipline/store/Main.ts b/src/modules/11_discipline/store/Main.ts
index e37d4634f..3ee4a8fd4 100644
--- a/src/modules/11_discipline/store/Main.ts
+++ b/src/modules/11_discipline/store/Main.ts
@@ -56,7 +56,7 @@ export const useDisciplineMainStore = defineStore("disciplineMainStore", () => {
     {
       name: "name",
       align: "left",
-      label: "ชื่อ - นามสกุล",
+      label: "ชื่อ-นามสกุล",
       sortable: true,
       field: "name",
       headerStyle: "font-size: 14px",
@@ -153,7 +153,7 @@ export const useDisciplineMainStore = defineStore("disciplineMainStore", () => {
     {
       name: "name",
       align: "left",
-      label: "ชื่อ - นามสกุล",
+      label: "ชื่อ-นามสกุล",
       sortable: true,
       field: "name",
       headerStyle: "font-size: 14px",
diff --git a/src/modules/11_discipline/store/ResultStore.ts b/src/modules/11_discipline/store/ResultStore.ts
index 99dd8b3c8..303933fc2 100644
--- a/src/modules/11_discipline/store/ResultStore.ts
+++ b/src/modules/11_discipline/store/ResultStore.ts
@@ -192,7 +192,7 @@ export const useDisciplineResultStore = defineStore(
       {
         name: "name",
         align: "left",
-        label: "ชื่อ - นามสกุล",
+        label: "ชื่อ-นามสกุล",
         sortable: true,
         field: "name",
         headerStyle: "font-size: 14px",
diff --git a/src/modules/12_evaluatePersonal/components/Detail/viewTab2/CardDirector.vue b/src/modules/12_evaluatePersonal/components/Detail/viewTab2/CardDirector.vue
index 52f1b7027..e17b9e92d 100644
--- a/src/modules/12_evaluatePersonal/components/Detail/viewTab2/CardDirector.vue
+++ b/src/modules/12_evaluatePersonal/components/Detail/viewTab2/CardDirector.vue
@@ -49,7 +49,7 @@ const columns = ref<QTableProps["columns"]>([
   {
     name: "name",
     align: "left",
-    label: "ชื่อ - นามสกุล",
+    label: "ชื่อ-นามสกุล",
     sortable: true,
     field: "name",
     headerStyle: "font-size: 14px",
diff --git a/src/modules/12_evaluatePersonal/components/Detail/viewstep/viewStep1.vue b/src/modules/12_evaluatePersonal/components/Detail/viewstep/viewStep1.vue
index e9ffe3b37..244a78daa 100644
--- a/src/modules/12_evaluatePersonal/components/Detail/viewstep/viewStep1.vue
+++ b/src/modules/12_evaluatePersonal/components/Detail/viewstep/viewStep1.vue
@@ -161,7 +161,7 @@ onMounted(() => {
                 borderless
                 readonly
                 :model-value="formDetail.fullName"
-                label="ชื่อ - นามสกุล"
+                label="ชื่อ-นามสกุล"
               />
             </div>
             <div class="col-xs-6 col-sm-4 col-md-3">
diff --git a/src/modules/12_evaluatePersonal/components/Director/Form.vue b/src/modules/12_evaluatePersonal/components/Director/Form.vue
index 8797e028e..5d3621980 100644
--- a/src/modules/12_evaluatePersonal/components/Director/Form.vue
+++ b/src/modules/12_evaluatePersonal/components/Director/Form.vue
@@ -106,7 +106,7 @@ const columnsRespondent = ref<QTableProps["columns"]>([
   {
     name: "name",
     align: "left",
-    label: "ชื่อ - นามสกุล",
+    label: "ชื่อ-นามสกุล",
     sortable: true,
     field: "name",
     headerStyle: "font-size: 14px",
diff --git a/src/modules/14_KPI/components/Tab/Dialog/DialogEvalute.vue b/src/modules/14_KPI/components/Tab/Dialog/DialogEvalute.vue
index 39555009e..2da533f73 100644
--- a/src/modules/14_KPI/components/Tab/Dialog/DialogEvalute.vue
+++ b/src/modules/14_KPI/components/Tab/Dialog/DialogEvalute.vue
@@ -105,7 +105,7 @@ const columnsRespondent = ref<QTableProps["columns"]>([
   {
     name: "name",
     align: "left",
-    label: "ชื่อ - นามสกุล",
+    label: "ชื่อ-นามสกุล",
     sortable: true,
     field: "name",
     headerStyle: "font-size: 14px",
diff --git a/src/modules/15_development/components/Record.vue b/src/modules/15_development/components/Record.vue
index 9c9559df5..726d6e0fb 100644
--- a/src/modules/15_development/components/Record.vue
+++ b/src/modules/15_development/components/Record.vue
@@ -64,7 +64,7 @@ const baseColumns = ref<QTableProps["columns"]>([
   {
     name: "fullName",
     align: "left",
-    label: "ชื่อ - นามสกุล",
+    label: "ชื่อ-นามสกุล",
     sortable: true,
     field: "fullName",
     headerStyle: "font-size: 14px",
diff --git a/src/modules/15_development/components/history/AddPage.vue b/src/modules/15_development/components/history/AddPage.vue
index 1ad00f9df..fecb20164 100644
--- a/src/modules/15_development/components/history/AddPage.vue
+++ b/src/modules/15_development/components/history/AddPage.vue
@@ -26,7 +26,7 @@ const order = ref<string>(""); //เลขที่คำสั่ง/เลข
 /** ตัวแปรข้อมูลข้าราชการ */
 const formMain = reactive<FormAddHistory>({
   id: "",
-  name: "", //ชื่อ - นามสกุล
+  name: "", //ชื่อ-นามสกุล
   prefix: "", //คำนำหน้าชื่อ
   rank: "", //ยศ
   firstName: "", //ชื่อ
@@ -147,7 +147,7 @@ onMounted(async () => {
               </div>
               <div class="row col-12">
                 <div class="col-sm-12 col-md-5 text-grey-6 text-weight-medium">
-                  ชื่อ - นามสกุล
+                  ชื่อ-นามสกุล
                 </div>
 
                 <div class="col-12 col-sm-12 col-md-7">
diff --git a/src/modules/15_development/components/history/DialogGov.vue b/src/modules/15_development/components/history/DialogGov.vue
index 753b7ecb2..851f715c4 100644
--- a/src/modules/15_development/components/history/DialogGov.vue
+++ b/src/modules/15_development/components/history/DialogGov.vue
@@ -56,7 +56,7 @@ const govOp = ref<DataOption[]>([
   },
   {
     id: "fullName",
-    name: "ชื่อ - นามสกุล",
+    name: "ชื่อ-นามสกุล",
   },
 ]);
 
@@ -82,7 +82,7 @@ const columns = ref<QTableProps["columns"]>([
   {
     name: "name",
     align: "left",
-    label: "ชื่อ - นามสกุล",
+    label: "ชื่อ-นามสกุล",
     sortable: true,
     field: "name",
     headerStyle: "font-size: 14px",
diff --git a/src/modules/15_development/components/historyEmployee/AddPage.vue b/src/modules/15_development/components/historyEmployee/AddPage.vue
index 8319c75e2..07f0048c4 100644
--- a/src/modules/15_development/components/historyEmployee/AddPage.vue
+++ b/src/modules/15_development/components/historyEmployee/AddPage.vue
@@ -29,7 +29,7 @@ const order = ref<string>("");
 /** ตัวแปรข้อมูลข้าราชการ */
 const formMain = reactive<FormAddHistoryEmployee>({
   id: "",
-  name: "", //ชื่อ - นามสกุล
+  name: "", //ชื่อ-นามสกุล
   prefix: "", //คำนำหน้าชื่อ
   rank: "", //ยศ
   firstName: "", //ชื่อ
@@ -159,7 +159,7 @@ onMounted(() => {
               </div>
               <div class="row col-12">
                 <div class="col-sm-12 col-md-5 text-grey-6 text-weight-medium">
-                  ชื่อ - นามสกุล
+                  ชื่อ-นามสกุล
                 </div>
 
                 <div class="col-12 col-sm-12 col-md-7">
diff --git a/src/modules/15_development/views/EmployeeHistory.vue b/src/modules/15_development/views/EmployeeHistory.vue
index eec0c747b..009ad031a 100644
--- a/src/modules/15_development/views/EmployeeHistory.vue
+++ b/src/modules/15_development/views/EmployeeHistory.vue
@@ -88,7 +88,7 @@ const columns = ref<QTableProps["columns"]>([
   {
     name: "name",
     align: "left",
-    label: "ชื่อ - นามสกุล",
+    label: "ชื่อ-นามสกุล",
     sortable: true,
     field: "name",
     headerStyle: "font-size: 14px",
diff --git a/src/modules/15_development/views/History.vue b/src/modules/15_development/views/History.vue
index 8866491f9..62d5196e3 100644
--- a/src/modules/15_development/views/History.vue
+++ b/src/modules/15_development/views/History.vue
@@ -65,7 +65,7 @@ const columns = ref<QTableProps["columns"]>([
   {
     name: "name",
     align: "left",
-    label: "ชื่อ - นามสกุล",
+    label: "ชื่อ-นามสกุล",
     sortable: true,
     field: "name",
     headerStyle: "font-size: 14px",

From d150dedb81187dd4a524f7d1dd2e2a0bb658e25c Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Mon, 25 Nov 2024 10:14:58 +0700
Subject: [PATCH 06/14] =?UTF-8?q?=E0=B8=A3=E0=B8=B2=E0=B8=A2=E0=B8=8A?=
 =?UTF-8?q?=E0=B8=B7=E0=B9=88=E0=B8=AD=E0=B8=9C=E0=B8=B9=E0=B9=89=E0=B9=80?=
 =?UTF-8?q?=E0=B8=81=E0=B8=A9=E0=B8=B5=E0=B8=A2=E0=B8=93=E0=B8=AD=E0=B8=B2?=
 =?UTF-8?q?=E0=B8=A2=E0=B8=B8=E0=B8=A3=E0=B8=B2=E0=B8=8A=E0=B8=81=E0=B8=B2?=
 =?UTF-8?q?=E0=B8=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/ListRetirement/TableList.vue   | 263 +++++++++---------
 1 file changed, 135 insertions(+), 128 deletions(-)

diff --git a/src/modules/06_retirement/components/ListRetirement/TableList.vue b/src/modules/06_retirement/components/ListRetirement/TableList.vue
index 05c396491..35c25c205 100644
--- a/src/modules/06_retirement/components/ListRetirement/TableList.vue
+++ b/src/modules/06_retirement/components/ListRetirement/TableList.vue
@@ -16,8 +16,6 @@ import DialogPopupReason from "@/components/Dialogs/PopupReason.vue";
 import PopupPersonal from "@/components/Dialogs/PopupPersonalNew.vue";
 import AddList from "../ListRetirement/AddList.vue";
 
-const modalPersonal = ref<boolean>(false);
-const personId = ref<string>("");
 /** Use */
 const route = useRoute();
 const checkRoutePermisson = ref<boolean>(route.name == "retirementidDetail");
@@ -38,10 +36,12 @@ const myForm = ref<QForm | null>(null);
 
 /** ตัวแปร  */
 const retireld_params = route.params.retirementId;
+const retireld = ref<string>(retireld_params.toString());
+const modalPersonal = ref<boolean>(false);
+const personId = ref<string>("");
 const modalNote = ref<boolean>(false);
 const note = ref<string>("");
 const retireProfileId = ref<string>("");
-const retireld = ref<string>(retireld_params.toString());
 const profileId = ref<string>("");
 const filter = ref<string>("");
 const statusUpload = ref<boolean>();
@@ -56,7 +56,69 @@ const statusReport = ref<boolean>();
 const dataProfile = ref<Object>([]);
 
 /** คอลัมน์ที่แสดง */
-const columns = ref<any["columns"]>([]);
+const columns = ref<any["columns"]>([
+  {
+    name: "order",
+    label: "ลำดับ",
+    title: "ลำดับ",
+    field: "order",
+    align: "left",
+    headerStyle: "font-size: 14px",
+    style: "font-size: 14px",
+  },
+  {
+    name: "name",
+    align: "left",
+    label: "ชื่อ-นามสกุล",
+    title: "ชื่อ-นามสกุล",
+    field: "name",
+    headerStyle: "font-size: 14px",
+    style: "font-size: 14px",
+  },
+  {
+    name: "position",
+    align: "left",
+    label: "ตำแหน่ง",
+    title: "ตำแหน่ง",
+    subtitle: employeeType.value == "OFFICER" ? "ในสายงาน" : "",
+    field: "position",
+    headerStyle: "font-size: 14px",
+    style: "font-size: 14px",
+  },
+  {
+    name: "positionType",
+    align: "left",
+    label: "ตำแหน่ง",
+    title: "ตำแหน่ง",
+    subtitle: employeeType.value == "OFFICER" ? "ประเภท" : "กลุ่มงาน",
+    field: "positionType",
+    headerStyle: "font-size: 14px",
+    style: "font-size: 14px",
+  },
+
+  {
+    name: "positionNumber",
+    align: "left",
+    label: "ตำแหน่ง (เลขที่) ",
+    title: "ตำแหน่ง",
+    subtitle: "เลขที่",
+    field: "positionNumber",
+    headerStyle: "font-size: 14px",
+    style: "font-size: 14px",
+  },
+  {
+    name: "organization",
+    align: "left",
+    label: "สังกัด",
+    title: "สังกัด",
+    field: "organization",
+    headerStyle: "font-size: 14px",
+    style: "font-size: 14px",
+    format(val: any, row: any) {
+      return findOrgName(row);
+    },
+  },
+]);
 const rows = ref<RetirementList[]>([]);
 const visibleColumns = ref<string[]>([
   "order",
@@ -79,118 +141,58 @@ function closeDialog() {
 }
 
 // fecthlist
-async function fecthlistprofile(id: string) {
+async function fetchlistprofile(id: string) {
   showLoader();
   await http
     .get(config.API.listRetire(id))
-    .then((res) => {
-      dataProfile.value = res.data.result;
-      round.value = res.data.result.round;
-      statusReport.value = res.data.result.json;
-      typeReport.value = res.data.result.typeReport;
-      textReport.value = res.data.result.detail;
-      employeeType.value = res.data.result.type;
+    .then(async (res) => {
+      const data = await res.data.result;
+
+      dataProfile.value = data;
+      round.value = data.round;
+      statusReport.value = data.json;
+      typeReport.value = data.typeReport;
+      textReport.value = data.detail;
+      employeeType.value = data.type;
 
       // รายชื่อผู้เกษียณอายุราชการ
-      rows.value = res.data.result.profile.map((e: any) => ({
-        id: e.id,
-        profileId: e.profileId,
-        order: e.order,
-        prefix: e.prefix,
-        firstName: e.firstName,
-        lastName: e.lastName,
-        name: e.prefix + e.firstName + " " + e.lastName,
-        organization: e.root,
-        position: e.position,
-        positionNumber: e.posNo,
-        positionType: e.posTypeName,
-        positionLevel: e.posLevelName,
-        reason: e.reason,
-        remove: e.remove,
-        root: e.root,
-        rootId: e.rootId,
-        child1: e.child1,
-        child1Id: e.child1Id,
-        child2: e.child2,
-        child2Id: e.child2Id,
-        child3: e.child3,
-        child3Id: e.child3Id,
-        child4: e.child4,
-        child4Id: e.child4Id,
-      }));
+      if (data.profile !== null) {
+        rows.value = data.profile.map((e: any) => ({
+          id: e.id,
+          profileId: e.profileId,
+          order: e.order,
+          prefix: e.prefix,
+          firstName: e.firstName,
+          lastName: e.lastName,
+          name: e.prefix + e.firstName + " " + e.lastName,
+          organization: e.root,
+          position: e.position,
+          positionNumber: e.posNo,
+          positionType: e.posTypeName,
+          positionLevel: e.posLevelName,
+          reason: e.reason,
+          remove: e.remove,
+          root: e.root,
+          rootId: e.rootId,
+          child1: e.child1,
+          child1Id: e.child1Id,
+          child2: e.child2,
+          child2Id: e.child2Id,
+          child3: e.child3,
+          child3Id: e.child3Id,
+          child4: e.child4,
+          child4Id: e.child4Id,
+        }));
+      }
+
       if (statusReport.value == false) {
-        fecthCheck(retireld.value);
+        await fecthCheck(retireld.value);
       } else statusUpload.value = true;
     })
     .catch((e) => {
       messageError($q, e);
     })
     .finally(() => {
-      //คอลัมน์
-      columns.value = [
-        {
-          name: "order",
-          label: "ลำดับ",
-          title: "ลำดับ",
-          field: "order",
-          align: "left",
-          headerStyle: "font-size: 14px",
-          style: "font-size: 14px",
-        },
-        {
-          name: "name",
-          align: "left",
-          label: "ชื่อ-นามสกุล",
-          title: "ชื่อ-นามสกุล",
-          field: "name",
-          headerStyle: "font-size: 14px",
-          style: "font-size: 14px",
-        },
-        {
-          name: "position",
-          align: "left",
-          label: "ตำแหน่ง",
-          title: "ตำแหน่ง",
-          subtitle: employeeType.value == "OFFICER" ? "ในสายงาน" : "",
-          field: "position",
-          headerStyle: "font-size: 14px",
-          style: "font-size: 14px",
-        },
-        {
-          name: "positionType",
-          align: "left",
-          label: "ตำแหน่ง",
-          title: "ตำแหน่ง",
-          subtitle: employeeType.value == "OFFICER" ? "ประเภท" : "กลุ่มงาน",
-          field: "positionType",
-          headerStyle: "font-size: 14px",
-          style: "font-size: 14px",
-        },
-
-        {
-          name: "positionNumber",
-          align: "left",
-          label: "ตำแหน่ง (เลขที่) ",
-          title: "ตำแหน่ง",
-          subtitle: "เลขที่",
-          field: "positionNumber",
-          headerStyle: "font-size: 14px",
-          style: "font-size: 14px",
-        },
-        {
-          name: "organization",
-          align: "left",
-          label: "สังกัด",
-          title: "สังกัด",
-          field: "organization",
-          headerStyle: "font-size: 14px",
-          style: "font-size: 14px",
-          format(val: any, row: any) {
-            return findOrgName(row);
-          },
-        },
-      ];
-
       hideLoader();
     });
 }
@@ -212,21 +214,23 @@ function clickDelete() {
   dialogRemove(
     $q,
     async () => {
+      showLoader();
       await http
         .post(config.API.removeProfile(), {
           retireProfileId: retireProfileId.value,
           reason: note.value,
         })
-        .then(() => {
+        .then(async () => {
+          retireld.value = retireld_params.toString();
+          await fetchlistprofile(retireld.value);
+          modalNote.value = false;
           success($q, "ลบข้อมูลสำเร็จ");
         })
         .catch((e) => {
           messageError($q, e);
         })
         .finally(async () => {
-          retireld.value = retireld_params.toString();
-          await fecthlistprofile(retireld.value);
-          modalNote.value = false;
+          hideLoader();
         });
     },
     "ยืนยันการลบข้อมูล",
@@ -239,21 +243,23 @@ function saveNote() {
   dialogConfirm(
     $q,
     async () => {
+      showLoader();
       await http
         .post(config.API.createnote(), {
           retireProfileId: retireProfileId.value,
           reason: note.value,
         })
-        .then(() => {
+        .then(async () => {
+          retireld.value = retireld_params.toString();
+          await fetchlistprofile(retireld.value);
+          modalNote.value = false;
           success($q, "บันทึกข้อมูลสำเร็จ");
         })
         .catch((e) => {
           messageError($q, e);
         })
-        .finally(async () => {
-          retireld.value = retireld_params.toString();
-          fecthlistprofile(retireld.value);
-          modalNote.value = false;
+        .finally(() => {
+          hideLoader();
         });
     },
     "ยืนยันการบันทึกข้อมูล",
@@ -264,7 +270,7 @@ function saveNote() {
 //อัพเดท ListId
 function UpdateListId(retireld: string, pId: string) {
   profileId.value = pId;
-  fecthlistprofile(retireld);
+  fetchlistprofile(retireld);
 }
 
 // กลับหน้าเดิม
@@ -300,18 +306,18 @@ async function uploadFile(event: any, signDate: any) {
                 formdata
               )
               .then(async (res) => {
+                await fetchlistprofile(retireld.value);
+                modalUpload.value = false;
+                success($q, "เพิ่มไฟล์สำเร็จ");
                 fileUpload.value = null;
                 signDate.value = null;
-                modalUpload.value = false;
-                await fecthlistprofile(retireld.value);
-                await fecthCheck(retireld.value);
-                hideLoader();
-                success($q, "เพิ่มไฟล์สำเร็จ");
               })
               .catch((err) => {
                 messageError($q, err);
               })
-              .finally(() => {});
+              .finally(() => {
+                hideLoader();
+              });
           },
           "ยืนยันการอัปโหลดเอกสาร",
           "ต้องการยืนยันการอัปโหลดเอกสารนี้หรือไม่ ?"
@@ -333,13 +339,13 @@ async function downloadAttachment(type: string, id: string) {
     .then(async (res) => {
       const data = res.data.result;
       await genReport(data, `รายชื่อผู้เกษียณอายุราชการ`, type);
-      hideLoader();
     })
     .catch(async (e) => {
       messageError($q, JSON.parse(await e.response.data.text()));
-      hideLoader();
     })
-    .finally(() => {});
+    .finally(() => {
+      hideLoader();
+    });
 }
 
 // ยืนยันการแก้ไขข้อมูล
@@ -349,17 +355,19 @@ function saveEdiitReport(reason: string) {
   dialogConfirm(
     $q,
     async () => {
+      showLoader();
       await http
         .put(config.API.editDetail(retireld.value), formdata)
         .then(() => {
+          fetchlistprofile(retireld.value);
+          modalEdit.value = false;
           success($q, "แก้ไขข้อความสำเร็จ");
         })
         .catch((err) => {
           messageError($q, err);
         })
         .finally(() => {
-          fecthlistprofile(retireld.value);
-          modalEdit.value = false;
+          hideLoader();
         });
     },
     "ยืนยันการแก้ไขข้อมูล",
@@ -400,9 +408,9 @@ function updatemodalPersonal(modal: boolean) {
 }
 
 /** Hook */
-onMounted(() => {
+onMounted(async () => {
   retireld.value = retireld_params.toString();
-  fecthlistprofile(retireld.value);
+  await fetchlistprofile(retireld.value);
 });
 </script>
 
@@ -525,7 +533,6 @@ onMounted(() => {
               map-options
               :options="columns"
               option-value="name"
-              
               style="min-width: 140px"
               class="gt-xs q-ml-sm"
             >

From 99419877c41afa26dfe58b0c0e9211dcbac9a861 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Mon, 25 Nov 2024 13:18:11 +0700
Subject: [PATCH 07/14] =?UTF-8?q?=E0=B8=9B=E0=B8=A3=E0=B8=B1=E0=B8=9A=20Co?=
 =?UTF-8?q?de=20=E0=B8=81=E0=B8=B2=E0=B8=A3=E0=B8=A5=E0=B8=B2=E0=B8=A5?=
 =?UTF-8?q?=E0=B8=87=E0=B9=80=E0=B8=A7=E0=B8=A5=E0=B8=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../DialogForm.vue                            | 18 ++++++----
 .../{1_Work => 02_WorkList}/DialogDetail.vue  |  2 +-
 .../{1_Work => 02_WorkList}/DialogEdit.vue    | 12 +++----
 .../{1_Work => 02_WorkList}/DialogMap.vue     |  0
 .../{1_Work => 02_WorkList}/DialogReport.vue  | 10 +++---
 .../{1_Work => 02_WorkList}/Tab1.vue          |  5 +--
 .../{1_Work => 02_WorkList}/Tab2.vue          |  6 ++--
 .../{1_Work => 02_WorkList}/TableList.vue     |  6 ++--
 .../{1_Work => 02_WorkList}/ToolBar.vue       |  0
 .../{1_Work => 02_WorkList}/ToolBarDate.vue   |  0
 .../DialogForm.vue                            |  0
 .../DialogApprove.vue                         |  0
 .../Table.vue                                 |  0
 .../{2_Leave => 05_Leave}/Calendar.vue        |  0
 .../{2_Leave => 05_Leave}/DetailLeave.vue     | 24 ++++++-------
 .../DetailLeaveReject.vue                     | 24 ++++++-------
 .../components/{2_Leave => 05_Leave}/Tab1.vue | 30 ++++++++--------
 .../components/{2_Leave => 05_Leave}/Tab2.vue | 34 +++----------------
 .../{2_Leave => 05_Leave}/TableList.vue       |  6 ++--
 .../{2_Leave => 05_Leave}/ToolBarLeave.vue    |  0
 .../formDetail/formCheckSelect.vue            |  0
 .../formDetail/formChildbirth.vue             |  0
 .../formDetail/formHajj.vue                   |  0
 .../formDetail/formHoliday.vue                |  0
 .../formDetail/formLeave.vue                  |  0
 .../formDetail/formLeaveToTraining.vue        |  0
 .../formLeaveToWorkInternational.vue          |  0
 .../formDetail/formMain.vue                   |  0
 .../formDetail/formSpouse.vue                 |  0
 .../formDetail/formStudy.vue                  |  0
 .../formDetail/formUpasom.vue                 |  0
 .../formVocationalRehabilitation.vue          |  0
 .../09_leave/interface/request/changeRound.ts |  4 +--
 src/modules/09_leave/router.ts                | 17 +++++-----
 .../09_leave/stores/ChangeRoundStore.ts       |  4 +--
 src/modules/09_leave/stores/RoundStores.ts    |  2 +-
 .../views/{RoundMain.vue => 01_RoundMain.vue} | 25 +++++++-------
 .../{WorkingMain.vue => 02_WorkingMain.vue}   |  6 ++--
 ...geRoundMain.vue => 03_ChangeRoundMain.vue} |  8 ++---
 ...ialTimeMain.vue => 04_SpecialTimeMain.vue} | 10 +++---
 ...LeaveListMain.vue => 05_LeaveListMain.vue} |  4 +--
 .../06_ReportMain.vue}                        | 14 ++++----
 42 files changed, 123 insertions(+), 148 deletions(-)
 rename src/modules/09_leave/components/{3_WorkTime => 01_RoundTime}/DialogForm.vue (97%)
 rename src/modules/09_leave/components/{1_Work => 02_WorkList}/DialogDetail.vue (99%)
 rename src/modules/09_leave/components/{1_Work => 02_WorkList}/DialogEdit.vue (94%)
 rename src/modules/09_leave/components/{1_Work => 02_WorkList}/DialogMap.vue (100%)
 rename src/modules/09_leave/components/{1_Work => 02_WorkList}/DialogReport.vue (97%)
 rename src/modules/09_leave/components/{1_Work => 02_WorkList}/Tab1.vue (97%)
 rename src/modules/09_leave/components/{1_Work => 02_WorkList}/Tab2.vue (96%)
 rename src/modules/09_leave/components/{1_Work => 02_WorkList}/TableList.vue (96%)
 rename src/modules/09_leave/components/{1_Work => 02_WorkList}/ToolBar.vue (100%)
 rename src/modules/09_leave/components/{1_Work => 02_WorkList}/ToolBarDate.vue (100%)
 rename src/modules/09_leave/components/{4_ChangeRound => 03_ChangeRound}/DialogForm.vue (100%)
 rename src/modules/09_leave/components/{4_specialTime => 04_SpecialTime}/DialogApprove.vue (100%)
 rename src/modules/09_leave/components/{4_specialTime => 04_SpecialTime}/Table.vue (100%)
 rename src/modules/09_leave/components/{2_Leave => 05_Leave}/Calendar.vue (100%)
 rename src/modules/09_leave/components/{2_Leave => 05_Leave}/DetailLeave.vue (95%)
 rename src/modules/09_leave/components/{2_Leave => 05_Leave}/DetailLeaveReject.vue (94%)
 rename src/modules/09_leave/components/{2_Leave => 05_Leave}/Tab1.vue (83%)
 rename src/modules/09_leave/components/{2_Leave => 05_Leave}/Tab2.vue (74%)
 rename src/modules/09_leave/components/{2_Leave => 05_Leave}/TableList.vue (98%)
 rename src/modules/09_leave/components/{2_Leave => 05_Leave}/ToolBarLeave.vue (100%)
 rename src/modules/09_leave/components/{2_Leave => 05_Leave}/formDetail/formCheckSelect.vue (100%)
 rename src/modules/09_leave/components/{2_Leave => 05_Leave}/formDetail/formChildbirth.vue (100%)
 rename src/modules/09_leave/components/{2_Leave => 05_Leave}/formDetail/formHajj.vue (100%)
 rename src/modules/09_leave/components/{2_Leave => 05_Leave}/formDetail/formHoliday.vue (100%)
 rename src/modules/09_leave/components/{2_Leave => 05_Leave}/formDetail/formLeave.vue (100%)
 rename src/modules/09_leave/components/{2_Leave => 05_Leave}/formDetail/formLeaveToTraining.vue (100%)
 rename src/modules/09_leave/components/{2_Leave => 05_Leave}/formDetail/formLeaveToWorkInternational.vue (100%)
 rename src/modules/09_leave/components/{2_Leave => 05_Leave}/formDetail/formMain.vue (100%)
 rename src/modules/09_leave/components/{2_Leave => 05_Leave}/formDetail/formSpouse.vue (100%)
 rename src/modules/09_leave/components/{2_Leave => 05_Leave}/formDetail/formStudy.vue (100%)
 rename src/modules/09_leave/components/{2_Leave => 05_Leave}/formDetail/formUpasom.vue (100%)
 rename src/modules/09_leave/components/{2_Leave => 05_Leave}/formDetail/formVocationalRehabilitation.vue (100%)
 rename src/modules/09_leave/views/{RoundMain.vue => 01_RoundMain.vue} (94%)
 rename src/modules/09_leave/views/{WorkingMain.vue => 02_WorkingMain.vue} (87%)
 rename src/modules/09_leave/views/{ChangeRoundMain.vue => 03_ChangeRoundMain.vue} (98%)
 rename src/modules/09_leave/views/{SpecialTimeMain.vue => 04_SpecialTimeMain.vue} (98%)
 rename src/modules/09_leave/views/{LeaveListMain.vue => 05_LeaveListMain.vue} (88%)
 rename src/modules/09_leave/{components/3_Report/LeaveReport.vue => views/06_ReportMain.vue} (98%)

diff --git a/src/modules/09_leave/components/3_WorkTime/DialogForm.vue b/src/modules/09_leave/components/01_RoundTime/DialogForm.vue
similarity index 97%
rename from src/modules/09_leave/components/3_WorkTime/DialogForm.vue
rename to src/modules/09_leave/components/01_RoundTime/DialogForm.vue
index 96dfb155e..e225204db 100644
--- a/src/modules/09_leave/components/3_WorkTime/DialogForm.vue
+++ b/src/modules/09_leave/components/01_RoundTime/DialogForm.vue
@@ -16,7 +16,7 @@ import DialogHeader from "@/components/DialogHeader.vue";
 const $q = useQuasar();
 
 const mixin = useCounterMixin();
-const { dialogConfirm, success, messageError } = mixin;
+const { dialogConfirm, success, messageError, showLoader, hideLoader } = mixin;
 const isRead = defineModel<boolean>("isRead", { required: true });
 /** propsData จาก RoundMain */
 const props = defineProps({
@@ -104,22 +104,25 @@ function onSubmit() {
 
 /** Function สร้างรอบการปฏิบัติงาน*/
 async function postRoundDuty() {
+  showLoader();
   await http
     .post(config.API.roundDutytime(), formData)
-    .then(() => {
+    .then(async () => {
+      await props.fetchData?.();
+      await props.closeDialog?.();
       success($q, "บันทึกข้อมูล");
     })
     .catch((err) => {
       messageError($q, err);
     })
     .finally(() => {
-      props.fetchData?.();
-      props.closeDialog?.();
+      hideLoader();
     });
 }
 
 /** Functiom แก้ไข้รอบการปฏิบัติงาน*/
 async function putRoundDuty(id: string) {
+  showLoader();
   const data = {
     description: formData.description,
     isDefault: formData.isDefault,
@@ -127,15 +130,16 @@ async function putRoundDuty(id: string) {
   };
   await http
     .put(config.API.roundDutytimeByid(id), data)
-    .then(() => {
+    .then(async () => {
+      await props.fetchData?.();
+      await props.closeDialog?.();
       success($q, "บันทึกข้อมูล");
     })
     .catch((err) => {
       messageError($q, err);
     })
     .finally(() => {
-      props.fetchData?.();
-      props.closeDialog?.();
+      hideLoader();
     });
 }
 
diff --git a/src/modules/09_leave/components/1_Work/DialogDetail.vue b/src/modules/09_leave/components/02_WorkList/DialogDetail.vue
similarity index 99%
rename from src/modules/09_leave/components/1_Work/DialogDetail.vue
rename to src/modules/09_leave/components/02_WorkList/DialogDetail.vue
index 1a58058d9..2f24fad01 100644
--- a/src/modules/09_leave/components/1_Work/DialogDetail.vue
+++ b/src/modules/09_leave/components/02_WorkList/DialogDetail.vue
@@ -8,7 +8,7 @@ import { useQuasar } from "quasar";
 import type { FormDetail } from "@/modules/09_leave/interface/response/work";
 
 /** importComponents*/
-import Map from "@/modules/09_leave/components/1_Work/DialogMap.vue";
+import Map from "@/modules/09_leave/components/02_WorkList/DialogMap.vue";
 
 /** importStores */
 import { useCounterMixin } from "@/stores/mixin";
diff --git a/src/modules/09_leave/components/1_Work/DialogEdit.vue b/src/modules/09_leave/components/02_WorkList/DialogEdit.vue
similarity index 94%
rename from src/modules/09_leave/components/1_Work/DialogEdit.vue
rename to src/modules/09_leave/components/02_WorkList/DialogEdit.vue
index 4245853cb..b9649d968 100644
--- a/src/modules/09_leave/components/1_Work/DialogEdit.vue
+++ b/src/modules/09_leave/components/02_WorkList/DialogEdit.vue
@@ -65,7 +65,9 @@ async function onClickSave() {
       showLoader();
       await http
         .put(config.API.leaveEditCheckin(props.detail?.id), body)
-        .then(() => {
+        .then(async () => {
+          await props.fetchData?.();
+          await props.close?.();
           success($q, "บันทึกข้อมูลสำเร็จ");
         })
         .catch((err) => {
@@ -73,14 +75,12 @@ async function onClickSave() {
         })
         .finally(() => {
           hideLoader();
-          props.fetchData?.();
-          props.close?.();
         });
     });
   }
 }
 
-function filterFnOptions(val: any, update: Function) {
+function filterFnOptions(val: string, update: Function) {
   update(() => {
     options.value = optionsMain.value.filter(
       (v: DataOption) => v.name.indexOf(val) > -1
@@ -143,7 +143,7 @@ watch(
               :rules="[(val:string) => !!val || `${'กรุณาเลือกสถานะ'}`]"
               hide-bottom-space
               use-input
-              @filter="(inputValue: any,doneFn: Function) => filterFnOptions(inputValue, doneFn)"
+              @filter="(inputValue: string,doneFn: Function) => filterFnOptions(inputValue, doneFn)"
               ><template v-slot:no-option>
                 <q-item>
                   <q-item-section class="text-grey">
@@ -178,7 +178,7 @@ watch(
               :rules="[(val:string) => !!val || `${'กรุณาเลือกสถานะ'}`]"
               hide-bottom-space
               use-input
-              @filter="(inputValue: any,doneFn: Function) => filterFnOptions(inputValue, doneFn)"
+              @filter="(inputValue: string,doneFn: Function) => filterFnOptions(inputValue, doneFn)"
               ><template v-slot:no-option>
                 <q-item>
                   <q-item-section class="text-grey">
diff --git a/src/modules/09_leave/components/1_Work/DialogMap.vue b/src/modules/09_leave/components/02_WorkList/DialogMap.vue
similarity index 100%
rename from src/modules/09_leave/components/1_Work/DialogMap.vue
rename to src/modules/09_leave/components/02_WorkList/DialogMap.vue
diff --git a/src/modules/09_leave/components/1_Work/DialogReport.vue b/src/modules/09_leave/components/02_WorkList/DialogReport.vue
similarity index 97%
rename from src/modules/09_leave/components/1_Work/DialogReport.vue
rename to src/modules/09_leave/components/02_WorkList/DialogReport.vue
index 007efd4b2..eddf37943 100644
--- a/src/modules/09_leave/components/1_Work/DialogReport.vue
+++ b/src/modules/09_leave/components/02_WorkList/DialogReport.vue
@@ -21,8 +21,8 @@ const mixin = useCounterMixin();
 const $q = useQuasar();
 const { date2Thai, monthYear2Thai, dateToISO, messageError } = mixin;
 
-const apiGenReport =
-  "https://report-server.frappet.synology.me/api/v1/report-template/xlsx";
+// const apiGenReport =
+//   "https://report-server.frappet.synology.me/api/v1/report-template/xlsx";
 
 const props = defineProps({
   modal: {
@@ -126,7 +126,7 @@ function filterFnOptions(val: any, update: Function) {
  */
 async function genReportXLSX(data: any) {
   await axios
-    .post(apiGenReport, data, {
+    .post(`${config.API.reportTemplate}/xlsx`, data, {
       headers: {
         accept:
           "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
@@ -134,9 +134,9 @@ async function genReportXLSX(data: any) {
       },
       responseType: "blob",
     })
-    .then((res) => {
+    .then(async (res) => {
       const blob = new Blob([res.data]);
-      downloadReport(blob, "xlsx");
+      await downloadReport(blob, "xlsx");
     })
     .catch(async (e) => {
       messageError($q, JSON.parse(await e.response.data.text()));
diff --git a/src/modules/09_leave/components/1_Work/Tab1.vue b/src/modules/09_leave/components/02_WorkList/Tab1.vue
similarity index 97%
rename from src/modules/09_leave/components/1_Work/Tab1.vue
rename to src/modules/09_leave/components/02_WorkList/Tab1.vue
index cd820c101..484ec5b44 100644
--- a/src/modules/09_leave/components/1_Work/Tab1.vue
+++ b/src/modules/09_leave/components/02_WorkList/Tab1.vue
@@ -12,8 +12,8 @@ import type {
 } from "@/modules/09_leave/interface/response/work";
 
 /** importComponents */
-import ToolBar from "@/modules/09_leave/components/1_Work/ToolBar.vue";
-import TableList from "@/modules/09_leave/components/1_Work/TableList.vue";
+import ToolBar from "@/modules/09_leave/components/02_WorkList/ToolBar.vue";
+import TableList from "@/modules/09_leave/components/02_WorkList/TableList.vue";
 
 /** importStores */
 import { useCounterMixin } from "@/stores/mixin";
@@ -121,6 +121,7 @@ const rows = ref<TableRowsTime[]>([]);
 
 /** function เรียกข้อมูล รายการลงเวลาที่ประมวลผลแล้ว*/
 async function fetchListTimeRecord() {
+  rows.value = [];
   const date = new Date(workStore.selectDate as string | Date);
   const querySting = {
     startDate: dateToISO(date), //*วันที่เริ่ม
diff --git a/src/modules/09_leave/components/1_Work/Tab2.vue b/src/modules/09_leave/components/02_WorkList/Tab2.vue
similarity index 96%
rename from src/modules/09_leave/components/1_Work/Tab2.vue
rename to src/modules/09_leave/components/02_WorkList/Tab2.vue
index 5b4742843..5bfa5752e 100644
--- a/src/modules/09_leave/components/1_Work/Tab2.vue
+++ b/src/modules/09_leave/components/02_WorkList/Tab2.vue
@@ -12,8 +12,8 @@ import type {
 } from "@/modules/09_leave/interface/response/work";
 
 /** importComponents */
-import ToolBarDate from "@/modules/09_leave/components/1_Work/ToolBarDate.vue";
-import TableList from "@/modules/09_leave/components/1_Work/TableList.vue";
+import ToolBarDate from "@/modules/09_leave/components/02_WorkList/ToolBarDate.vue";
+import TableList from "@/modules/09_leave/components/02_WorkList/TableList.vue";
 
 /** importStores */
 import { useCounterMixin } from "@/stores/mixin";
@@ -102,6 +102,7 @@ const maxPage = ref<number>(1);
 
 /** function เรียกข้อมูลรายการลงเวลาปฏิบัติงาน (รายการลงเวลา) */
 async function fetchListLogRecord() {
+  rows.value = [];
   showLoader();
   const date = new Date(workStore.selectDate as string | Date);
   await http
@@ -132,7 +133,6 @@ async function fetchListLogRecord() {
     })
     .catch((err) => {
       messageError($q, err);
-      rows.value = [];
     })
     .finally(() => {
       hideLoader();
diff --git a/src/modules/09_leave/components/1_Work/TableList.vue b/src/modules/09_leave/components/02_WorkList/TableList.vue
similarity index 96%
rename from src/modules/09_leave/components/1_Work/TableList.vue
rename to src/modules/09_leave/components/02_WorkList/TableList.vue
index 565121632..d61e0ceec 100644
--- a/src/modules/09_leave/components/1_Work/TableList.vue
+++ b/src/modules/09_leave/components/02_WorkList/TableList.vue
@@ -5,8 +5,8 @@ import { checkPermission } from "@/utils/permissions";
 import { useWorklistDataStore } from "@/modules/09_leave/stores/WorkStore";
 
 /** importComponents */
-import DialogDetail from "@/modules/09_leave/components/1_Work/DialogDetail.vue";
-import DialogEdit from "@/modules/09_leave/components/1_Work/DialogEdit.vue";
+import DialogDetail from "@/modules/09_leave/components/02_WorkList/DialogDetail.vue";
+import DialogEdit from "@/modules/09_leave/components/02_WorkList/DialogEdit.vue";
 
 const workStore = useWorklistDataStore();
 const props = defineProps({
@@ -44,7 +44,7 @@ const emit = defineEmits(["update:pagination"]);
 
 /** ข้อมูล popup */
 const modal = ref<boolean>(false);
-const dataDetail = ref<any>([]);
+const dataDetail = ref<any>();
 const modalEdit = ref<boolean>(false);
 
 /** pagination */
diff --git a/src/modules/09_leave/components/1_Work/ToolBar.vue b/src/modules/09_leave/components/02_WorkList/ToolBar.vue
similarity index 100%
rename from src/modules/09_leave/components/1_Work/ToolBar.vue
rename to src/modules/09_leave/components/02_WorkList/ToolBar.vue
diff --git a/src/modules/09_leave/components/1_Work/ToolBarDate.vue b/src/modules/09_leave/components/02_WorkList/ToolBarDate.vue
similarity index 100%
rename from src/modules/09_leave/components/1_Work/ToolBarDate.vue
rename to src/modules/09_leave/components/02_WorkList/ToolBarDate.vue
diff --git a/src/modules/09_leave/components/4_ChangeRound/DialogForm.vue b/src/modules/09_leave/components/03_ChangeRound/DialogForm.vue
similarity index 100%
rename from src/modules/09_leave/components/4_ChangeRound/DialogForm.vue
rename to src/modules/09_leave/components/03_ChangeRound/DialogForm.vue
diff --git a/src/modules/09_leave/components/4_specialTime/DialogApprove.vue b/src/modules/09_leave/components/04_SpecialTime/DialogApprove.vue
similarity index 100%
rename from src/modules/09_leave/components/4_specialTime/DialogApprove.vue
rename to src/modules/09_leave/components/04_SpecialTime/DialogApprove.vue
diff --git a/src/modules/09_leave/components/4_specialTime/Table.vue b/src/modules/09_leave/components/04_SpecialTime/Table.vue
similarity index 100%
rename from src/modules/09_leave/components/4_specialTime/Table.vue
rename to src/modules/09_leave/components/04_SpecialTime/Table.vue
diff --git a/src/modules/09_leave/components/2_Leave/Calendar.vue b/src/modules/09_leave/components/05_Leave/Calendar.vue
similarity index 100%
rename from src/modules/09_leave/components/2_Leave/Calendar.vue
rename to src/modules/09_leave/components/05_Leave/Calendar.vue
diff --git a/src/modules/09_leave/components/2_Leave/DetailLeave.vue b/src/modules/09_leave/components/05_Leave/DetailLeave.vue
similarity index 95%
rename from src/modules/09_leave/components/2_Leave/DetailLeave.vue
rename to src/modules/09_leave/components/05_Leave/DetailLeave.vue
index 77116d130..e45daa5ee 100644
--- a/src/modules/09_leave/components/2_Leave/DetailLeave.vue
+++ b/src/modules/09_leave/components/05_Leave/DetailLeave.vue
@@ -16,18 +16,18 @@ import type { LeaveType } from "@/modules/09_leave/interface/response/leave";
 
 /** importForm*/
 import DialogReason from "@/components/Dialogs/PopupReason.vue";
-import FormMain from "@/modules/09_leave/components/2_Leave/formDetail/formMain.vue"; // from ซ้าย
-import FormLeave from "@/modules/09_leave/components/2_Leave/formDetail/formLeave.vue"; // ลาป่วย ลาคลอดบุตร และลากิจส่วนตัว
-import FormChildbirth from "@/modules/09_leave/components/2_Leave/formDetail/formChildbirth.vue"; // ลาไปช่วยเหลือภริยาที่คลอดบุตร
-import FormHoliday from "@/modules/09_leave/components/2_Leave/formDetail/formHoliday.vue"; //ลาพักผ่อน
-import FormUpasom from "@/modules/09_leave/components/2_Leave/formDetail/formUpasom.vue"; // ลาอุปสมบท
-import FormHajj from "@/modules/09_leave/components/2_Leave/formDetail/formHajj.vue"; //ลาประกอบพิธีฮัจญ์
-import FormCheckSelect from "@/modules/09_leave/components/2_Leave/formDetail/formCheckSelect.vue"; //ลาเข้ารับการตรวจเลือกหรือเข้ารับการเตรียมพล
-import FormStudy from "@/modules/09_leave/components/2_Leave/formDetail/formStudy.vue"; //ลาไปศึกษา
-import FormLeaveToTraining from "@/modules/09_leave/components/2_Leave/formDetail/formLeaveToTraining.vue"; // ลาไปฝึกอบรม ปฏิบัติการวิจัย หรือดูงาน
-import FormLeaveToWorkInternational from "@/modules/09_leave/components/2_Leave/formDetail/formLeaveToWorkInternational.vue"; // ลาไปปฏิบัติงานในองค์การระหว่างประเทศ
-import FormSpouse from "@/modules/09_leave/components/2_Leave/formDetail/formSpouse.vue"; // ลาติดตามคู่สมรส
-import FormVocationalRehabilitation from "@/modules/09_leave/components/2_Leave/formDetail/formVocationalRehabilitation.vue"; //ลาไปฟื้นฟูสมรรถภาพด้านอาชีพ
+import FormMain from "@/modules/09_leave/components/05_Leave/formDetail/formMain.vue"; // from ซ้าย
+import FormLeave from "@/modules/09_leave/components/05_Leave/formDetail/formLeave.vue"; // ลาป่วย ลาคลอดบุตร และลากิจส่วนตัว
+import FormChildbirth from "@/modules/09_leave/components/05_Leave/formDetail/formChildbirth.vue"; // ลาไปช่วยเหลือภริยาที่คลอดบุตร
+import FormHoliday from "@/modules/09_leave/components/05_Leave/formDetail/formHoliday.vue"; //ลาพักผ่อน
+import FormUpasom from "@/modules/09_leave/components/05_Leave/formDetail/formUpasom.vue"; // ลาอุปสมบท
+import FormHajj from "@/modules/09_leave/components/05_Leave/formDetail/formHajj.vue"; //ลาประกอบพิธีฮัจญ์
+import FormCheckSelect from "@/modules/09_leave/components/05_Leave/formDetail/formCheckSelect.vue"; //ลาเข้ารับการตรวจเลือกหรือเข้ารับการเตรียมพล
+import FormStudy from "@/modules/09_leave/components/05_Leave/formDetail/formStudy.vue"; //ลาไปศึกษา
+import FormLeaveToTraining from "@/modules/09_leave/components/05_Leave/formDetail/formLeaveToTraining.vue"; // ลาไปฝึกอบรม ปฏิบัติการวิจัย หรือดูงาน
+import FormLeaveToWorkInternational from "@/modules/09_leave/components/05_Leave/formDetail/formLeaveToWorkInternational.vue"; // ลาไปปฏิบัติงานในองค์การระหว่างประเทศ
+import FormSpouse from "@/modules/09_leave/components/05_Leave/formDetail/formSpouse.vue"; // ลาติดตามคู่สมรส
+import FormVocationalRehabilitation from "@/modules/09_leave/components/05_Leave/formDetail/formVocationalRehabilitation.vue"; //ลาไปฟื้นฟูสมรรถภาพด้านอาชีพ
 import WorkFlow from "@/components/Workflow/Main.vue";
 
 /** use */
diff --git a/src/modules/09_leave/components/2_Leave/DetailLeaveReject.vue b/src/modules/09_leave/components/05_Leave/DetailLeaveReject.vue
similarity index 94%
rename from src/modules/09_leave/components/2_Leave/DetailLeaveReject.vue
rename to src/modules/09_leave/components/05_Leave/DetailLeaveReject.vue
index fcf0b5fc4..475ad5c19 100644
--- a/src/modules/09_leave/components/2_Leave/DetailLeaveReject.vue
+++ b/src/modules/09_leave/components/05_Leave/DetailLeaveReject.vue
@@ -19,18 +19,18 @@ import type { FremData } from "@/modules/09_leave/interface/request/leave";
 
 /** importForm*/
 import DialogReason from "@/components/Dialogs/PopupReason.vue";
-import FormMain from "@/modules/09_leave/components/2_Leave/formDetail/formMain.vue"; // from ซ้าย
-import FormLeave from "@/modules/09_leave/components/2_Leave/formDetail/formLeave.vue"; // ลาป่วย ลาคลอดบุตร และลากิจส่วนตัว
-import FormChildbirth from "@/modules/09_leave/components/2_Leave/formDetail/formChildbirth.vue"; // ลาไปช่วยเหลือภริยาที่คลอดบุตร
-import FormHoliday from "@/modules/09_leave/components/2_Leave/formDetail/formHoliday.vue"; //ลาพักผ่อน
-import FormUpasom from "@/modules/09_leave/components/2_Leave/formDetail/formUpasom.vue"; // ลาอุปสมบท
-import FormHajj from "@/modules/09_leave/components/2_Leave/formDetail/formHajj.vue"; //ลาประกอบพิธีฮัจญ์
-import FormCheckSelect from "@/modules/09_leave/components/2_Leave/formDetail/formCheckSelect.vue"; //ลาเข้ารับการตรวจเลือกหรือเข้ารับการเตรียมพล
-import FormStudy from "@/modules/09_leave/components/2_Leave/formDetail/formStudy.vue"; //ลาไปศึกษา
-import FormLeaveToTraining from "@/modules/09_leave/components/2_Leave/formDetail/formLeaveToTraining.vue"; // ลาไปฝึกอบรม ปฏิบัติการวิจัย หรือดูงาน
-import FormLeaveToWorkInternational from "@/modules/09_leave/components/2_Leave/formDetail/formLeaveToWorkInternational.vue"; // ลาไปปฏิบัติงานในองค์การระหว่างประเทศ
-import FormSpouse from "@/modules/09_leave/components/2_Leave/formDetail/formSpouse.vue"; // ลาติดตามคู่สมรส
-import FormVocationalRehabilitation from "@/modules/09_leave/components/2_Leave/formDetail/formVocationalRehabilitation.vue"; //ลาไปฟื้นฟูสมรรถภาพด้านอาชีพ
+import FormMain from "@/modules/09_leave/components/05_Leave/formDetail/formMain.vue"; // from ซ้าย
+import FormLeave from "@/modules/09_leave/components/05_Leave/formDetail/formLeave.vue"; // ลาป่วย ลาคลอดบุตร และลากิจส่วนตัว
+import FormChildbirth from "@/modules/09_leave/components/05_Leave/formDetail/formChildbirth.vue"; // ลาไปช่วยเหลือภริยาที่คลอดบุตร
+import FormHoliday from "@/modules/09_leave/components/05_Leave/formDetail/formHoliday.vue"; //ลาพักผ่อน
+import FormUpasom from "@/modules/09_leave/components/05_Leave/formDetail/formUpasom.vue"; // ลาอุปสมบท
+import FormHajj from "@/modules/09_leave/components/05_Leave/formDetail/formHajj.vue"; //ลาประกอบพิธีฮัจญ์
+import FormCheckSelect from "@/modules/09_leave/components/05_Leave/formDetail/formCheckSelect.vue"; //ลาเข้ารับการตรวจเลือกหรือเข้ารับการเตรียมพล
+import FormStudy from "@/modules/09_leave/components/05_Leave/formDetail/formStudy.vue"; //ลาไปศึกษา
+import FormLeaveToTraining from "@/modules/09_leave/components/05_Leave/formDetail/formLeaveToTraining.vue"; // ลาไปฝึกอบรม ปฏิบัติการวิจัย หรือดูงาน
+import FormLeaveToWorkInternational from "@/modules/09_leave/components/05_Leave/formDetail/formLeaveToWorkInternational.vue"; // ลาไปปฏิบัติงานในองค์การระหว่างประเทศ
+import FormSpouse from "@/modules/09_leave/components/05_Leave/formDetail/formSpouse.vue"; // ลาติดตามคู่สมรส
+import FormVocationalRehabilitation from "@/modules/09_leave/components/05_Leave/formDetail/formVocationalRehabilitation.vue"; //ลาไปฟื้นฟูสมรรถภาพด้านอาชีพ
 import WorkFlow from "@/components/Workflow/Main.vue";
 
 /** use */
diff --git a/src/modules/09_leave/components/2_Leave/Tab1.vue b/src/modules/09_leave/components/05_Leave/Tab1.vue
similarity index 83%
rename from src/modules/09_leave/components/2_Leave/Tab1.vue
rename to src/modules/09_leave/components/05_Leave/Tab1.vue
index d48562785..eca64a497 100644
--- a/src/modules/09_leave/components/2_Leave/Tab1.vue
+++ b/src/modules/09_leave/components/05_Leave/Tab1.vue
@@ -8,14 +8,11 @@ import { useCounterMixin } from "@/stores/mixin";
 import { useLeavelistDataStore } from "@/modules/09_leave/stores/LeaveStore";
 
 /**importType*/
-import type {
-  QuerySting,
-  DateFilter,
-} from "@/modules/09_leave/interface/request/leave";
+import type { QuerySting } from "@/modules/09_leave/interface/request/leave";
 
-import TableList from "@/modules/09_leave/components/2_Leave/TableList.vue";
-import ToolBar from "@/modules/09_leave/components/2_Leave/ToolBarLeave.vue";
-import CalendarView from "@/modules/09_leave/components/2_Leave/Calendar.vue";
+import TableList from "@/modules/09_leave/components/05_Leave/TableList.vue";
+import ToolBar from "@/modules/09_leave/components/05_Leave/ToolBarLeave.vue";
+import CalendarView from "@/modules/09_leave/components/05_Leave/Calendar.vue";
 
 const $q = useQuasar(); //ใช้ noti quasar
 const mixin = useCounterMixin();
@@ -49,13 +46,13 @@ async function fecthLeaveList() {
     showLoader();
     await http
       .post(config.API.leaveList(), querySting)
-      .then((res) => {
+      .then(async (res) => {
         const data = res.data.result;
         totalList.value = Math.ceil(
           res.data.result.total / querySting.pageSize
         );
         total.value = res.data.result.total;
-        leaveStore.fetchListLeave(data.data); /** ส่งข้อมูลไป stores*/
+        await leaveStore.fetchListLeave(data.data); /** ส่งข้อมูลไป stores*/
       })
       .catch((err) => {
         messageError($q, err);
@@ -75,8 +72,7 @@ async function fetchOption() {
     })
     .catch((err) => {
       messageError($q, err);
-    })
-    .finally(() => {});
+    });
 }
 
 function getSearch() {
@@ -95,13 +91,12 @@ watch(
   () => leaveStore.tabView,
   async () => {
     leaveStore.tabView === "list" &&
-      (await fecthLeaveList(), await fetchOption());
+      (await Promise.all([fetchOption(), fecthLeaveList()]));
   }
 );
 
 onMounted(async () => {
-  await fetchOption();
-  await fecthLeaveList();
+  await Promise.all([fetchOption(), fecthLeaveList()]);
 });
 </script>
 <template>
@@ -144,7 +139,12 @@ onMounted(async () => {
     </q-tabs>
   </q-toolbar>
   <div v-if="leaveStore.tabView === 'list'">
-    <ToolBar :dataToobar="dataToobar" v-model:query-sting="querySting" :get-list="fecthLeaveList" :get-search="getSearch"/>
+    <ToolBar
+      :dataToobar="dataToobar"
+      v-model:query-sting="querySting"
+      :get-list="fecthLeaveList"
+      :get-search="getSearch"
+    />
     <TableList
       v-model:total="total"
       v-model:total-list="totalList"
diff --git a/src/modules/09_leave/components/2_Leave/Tab2.vue b/src/modules/09_leave/components/05_Leave/Tab2.vue
similarity index 74%
rename from src/modules/09_leave/components/2_Leave/Tab2.vue
rename to src/modules/09_leave/components/05_Leave/Tab2.vue
index b1c4cf4b1..9daa0ade5 100644
--- a/src/modules/09_leave/components/2_Leave/Tab2.vue
+++ b/src/modules/09_leave/components/05_Leave/Tab2.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, reactive, onMounted,watch } from "vue";
+import { ref, reactive, onMounted, watch } from "vue";
 import { useQuasar } from "quasar";
 
 import http from "@/plugins/http";
@@ -13,8 +13,8 @@ import type {
   DateFilter,
 } from "@/modules/09_leave/interface/request/leave";
 
-import TableList from "@/modules/09_leave/components/2_Leave/TableList.vue";
-import ToolBar from "@/modules/09_leave/components/2_Leave/ToolBarLeave.vue";
+import TableList from "@/modules/09_leave/components/05_Leave/TableList.vue";
+import ToolBar from "@/modules/09_leave/components/05_Leave/ToolBarLeave.vue";
 
 const mixin = useCounterMixin();
 const leaveStore = useLeavelistDataStore();
@@ -63,28 +63,6 @@ async function fecthLeaveList() {
         hideLoader();
       });
   }
-  // const data = APIDATA.data;
-}
-
-/**
- *
- * @param newPage หน้า
- * @param pageSize จำนวนต่อแถว
- * @param dateFilter ข้อมูลค้นหา
- */
-async function updatePaging(
-  newPage: number,
-  pageSize: number,
-  dateFilter: DateFilter
-) {
-  querySting.year = dateFilter ? dateFilter.year : querySting.year;
-  querySting.type = dateFilter ? dateFilter.type : querySting.type;
-  querySting.status = dateFilter ? dateFilter.status : querySting.status;
-  querySting.page = newPage;
-  querySting.pageSize = pageSize ? pageSize : querySting.pageSize;
-  querySting.keyword = dateFilter ? dateFilter.keyword : querySting.keyword;
-
-  await fecthLeaveList();
 }
 
 /** function เรียกข้อมูลสถานะ*/
@@ -96,8 +74,7 @@ async function fetchOption() {
     })
     .catch((err) => {
       messageError($q, err);
-    })
-    .finally(() => {});
+    });
 }
 
 function getSearch() {
@@ -113,8 +90,7 @@ watch(
 );
 
 onMounted(async () => {
-  await fetchOption();
-  await fecthLeaveList();
+  await Promise.all([fetchOption(), fecthLeaveList()]);
 });
 </script>
 <template>
diff --git a/src/modules/09_leave/components/2_Leave/TableList.vue b/src/modules/09_leave/components/05_Leave/TableList.vue
similarity index 98%
rename from src/modules/09_leave/components/2_Leave/TableList.vue
rename to src/modules/09_leave/components/05_Leave/TableList.vue
index 491d3a1c9..30f52e52c 100644
--- a/src/modules/09_leave/components/2_Leave/TableList.vue
+++ b/src/modules/09_leave/components/05_Leave/TableList.vue
@@ -261,7 +261,7 @@ onMounted(() => {
     dense
     class="custom-header-table"
     :visible-columns="leaveStore.visibleColumns"
-    :rows-per-page-options="[1, 25, 50, 100]"
+    :rows-per-page-options="[10, 25, 50, 100]"
     @update:pagination="updatePagination"
   >
     <template v-slot:header="props">
@@ -290,9 +290,7 @@ onMounted(() => {
         <q-td v-for="col in props.cols" :key="col.name" :props="props">
           <div v-if="col.name == 'no'">
             {{
-              (pagination.page - 1) * pagination.pageSize +
-              props.rowIndex +
-              1
+              (pagination.page - 1) * pagination.pageSize + props.rowIndex + 1
             }}
           </div>
           <div v-else-if="col.name == 'leaveTypeName'">
diff --git a/src/modules/09_leave/components/2_Leave/ToolBarLeave.vue b/src/modules/09_leave/components/05_Leave/ToolBarLeave.vue
similarity index 100%
rename from src/modules/09_leave/components/2_Leave/ToolBarLeave.vue
rename to src/modules/09_leave/components/05_Leave/ToolBarLeave.vue
diff --git a/src/modules/09_leave/components/2_Leave/formDetail/formCheckSelect.vue b/src/modules/09_leave/components/05_Leave/formDetail/formCheckSelect.vue
similarity index 100%
rename from src/modules/09_leave/components/2_Leave/formDetail/formCheckSelect.vue
rename to src/modules/09_leave/components/05_Leave/formDetail/formCheckSelect.vue
diff --git a/src/modules/09_leave/components/2_Leave/formDetail/formChildbirth.vue b/src/modules/09_leave/components/05_Leave/formDetail/formChildbirth.vue
similarity index 100%
rename from src/modules/09_leave/components/2_Leave/formDetail/formChildbirth.vue
rename to src/modules/09_leave/components/05_Leave/formDetail/formChildbirth.vue
diff --git a/src/modules/09_leave/components/2_Leave/formDetail/formHajj.vue b/src/modules/09_leave/components/05_Leave/formDetail/formHajj.vue
similarity index 100%
rename from src/modules/09_leave/components/2_Leave/formDetail/formHajj.vue
rename to src/modules/09_leave/components/05_Leave/formDetail/formHajj.vue
diff --git a/src/modules/09_leave/components/2_Leave/formDetail/formHoliday.vue b/src/modules/09_leave/components/05_Leave/formDetail/formHoliday.vue
similarity index 100%
rename from src/modules/09_leave/components/2_Leave/formDetail/formHoliday.vue
rename to src/modules/09_leave/components/05_Leave/formDetail/formHoliday.vue
diff --git a/src/modules/09_leave/components/2_Leave/formDetail/formLeave.vue b/src/modules/09_leave/components/05_Leave/formDetail/formLeave.vue
similarity index 100%
rename from src/modules/09_leave/components/2_Leave/formDetail/formLeave.vue
rename to src/modules/09_leave/components/05_Leave/formDetail/formLeave.vue
diff --git a/src/modules/09_leave/components/2_Leave/formDetail/formLeaveToTraining.vue b/src/modules/09_leave/components/05_Leave/formDetail/formLeaveToTraining.vue
similarity index 100%
rename from src/modules/09_leave/components/2_Leave/formDetail/formLeaveToTraining.vue
rename to src/modules/09_leave/components/05_Leave/formDetail/formLeaveToTraining.vue
diff --git a/src/modules/09_leave/components/2_Leave/formDetail/formLeaveToWorkInternational.vue b/src/modules/09_leave/components/05_Leave/formDetail/formLeaveToWorkInternational.vue
similarity index 100%
rename from src/modules/09_leave/components/2_Leave/formDetail/formLeaveToWorkInternational.vue
rename to src/modules/09_leave/components/05_Leave/formDetail/formLeaveToWorkInternational.vue
diff --git a/src/modules/09_leave/components/2_Leave/formDetail/formMain.vue b/src/modules/09_leave/components/05_Leave/formDetail/formMain.vue
similarity index 100%
rename from src/modules/09_leave/components/2_Leave/formDetail/formMain.vue
rename to src/modules/09_leave/components/05_Leave/formDetail/formMain.vue
diff --git a/src/modules/09_leave/components/2_Leave/formDetail/formSpouse.vue b/src/modules/09_leave/components/05_Leave/formDetail/formSpouse.vue
similarity index 100%
rename from src/modules/09_leave/components/2_Leave/formDetail/formSpouse.vue
rename to src/modules/09_leave/components/05_Leave/formDetail/formSpouse.vue
diff --git a/src/modules/09_leave/components/2_Leave/formDetail/formStudy.vue b/src/modules/09_leave/components/05_Leave/formDetail/formStudy.vue
similarity index 100%
rename from src/modules/09_leave/components/2_Leave/formDetail/formStudy.vue
rename to src/modules/09_leave/components/05_Leave/formDetail/formStudy.vue
diff --git a/src/modules/09_leave/components/2_Leave/formDetail/formUpasom.vue b/src/modules/09_leave/components/05_Leave/formDetail/formUpasom.vue
similarity index 100%
rename from src/modules/09_leave/components/2_Leave/formDetail/formUpasom.vue
rename to src/modules/09_leave/components/05_Leave/formDetail/formUpasom.vue
diff --git a/src/modules/09_leave/components/2_Leave/formDetail/formVocationalRehabilitation.vue b/src/modules/09_leave/components/05_Leave/formDetail/formVocationalRehabilitation.vue
similarity index 100%
rename from src/modules/09_leave/components/2_Leave/formDetail/formVocationalRehabilitation.vue
rename to src/modules/09_leave/components/05_Leave/formDetail/formVocationalRehabilitation.vue
diff --git a/src/modules/09_leave/interface/request/changeRound.ts b/src/modules/09_leave/interface/request/changeRound.ts
index 51154ff24..ed8c9347a 100644
--- a/src/modules/09_leave/interface/request/changeRound.ts
+++ b/src/modules/09_leave/interface/request/changeRound.ts
@@ -1,4 +1,4 @@
-interface dataPost {
+interface DataPost {
   cardId: string;
   firstName: string;
   lastName: string;
@@ -28,7 +28,7 @@ interface MyObjectRoundChangeMainRef {
   [key: string]: any;
 }
 export type {
-  dataPost,
+  DataPost,
   changeRoundEdit,
   MyObjectRoundChangeRef,
   MyObjectRoundChangeMainRef,
diff --git a/src/modules/09_leave/router.ts b/src/modules/09_leave/router.ts
index cda8f8e50..6666df9f0 100644
--- a/src/modules/09_leave/router.ts
+++ b/src/modules/09_leave/router.ts
@@ -1,16 +1,15 @@
-const workMain = () => import("@/modules/09_leave/views/WorkingMain.vue");
-const leaveMain = () => import("@/modules/09_leave/views/LeaveListMain.vue");
+const workMain = () => import("@/modules/09_leave/views/02_WorkingMain.vue");
+const leaveMain = () => import("@/modules/09_leave/views/05_LeaveListMain.vue");
 const leaveDetail = () =>
-  import("@/modules/09_leave/components/2_Leave/DetailLeave.vue");
+  import("@/modules/09_leave/components/05_Leave/DetailLeave.vue");
 const leaveDetailReject = () =>
-  import("@/modules/09_leave/components/2_Leave/DetailLeaveReject.vue");
-const RoundMain = () => import("@/modules/09_leave/views/RoundMain.vue");
+  import("@/modules/09_leave/components/05_Leave/DetailLeaveReject.vue");
+const RoundMain = () => import("@/modules/09_leave/views/01_RoundMain.vue");
 const ChangeRoundMain = () =>
-  import("@/modules/09_leave/views/ChangeRoundMain.vue");
+  import("@/modules/09_leave/views/03_ChangeRoundMain.vue");
 const SpecialTimeMain = () =>
-  import("@/modules/09_leave/views/SpecialTimeMain.vue");
-const leaveReport = () =>
-  import("@/modules/09_leave/components/3_Report/LeaveReport.vue");
+  import("@/modules/09_leave/views/04_SpecialTimeMain.vue");
+const leaveReport = () => import("@/modules/09_leave/views/06_ReportMain.vue");
 export default [
   {
     path: "/round-time",
diff --git a/src/modules/09_leave/stores/ChangeRoundStore.ts b/src/modules/09_leave/stores/ChangeRoundStore.ts
index 6e5250267..183770760 100644
--- a/src/modules/09_leave/stores/ChangeRoundStore.ts
+++ b/src/modules/09_leave/stores/ChangeRoundStore.ts
@@ -116,7 +116,6 @@ export const useChangeRoundDataStore = defineStore(
 
     // ข้อมูลในตาราง
     function setProfileId(id: string) {
-      console.log(profileId);
       profileId.value = id;
     }
 
@@ -125,6 +124,7 @@ export const useChangeRoundDataStore = defineStore(
 
     function fetchDataForCardId(dataDetail: any) {
       if (dataDetail) {
+        rows.value = [];
         showLoader();
         http
           .post(config.API.leaveSearch(), {
@@ -152,8 +152,6 @@ export const useChangeRoundDataStore = defineStore(
                 currentRound: `${e.startTimeMorning}-${e.leaveTimeAfterNoon}`,
                 effectiveDate: date2Thai(e.effectiveDate) ?? "-",
               }));
-              console.log(profileId.value);
-              console.log(apiData.length);
             } else {
               rows.value = [];
               checkCilck.value = true;
diff --git a/src/modules/09_leave/stores/RoundStores.ts b/src/modules/09_leave/stores/RoundStores.ts
index b0f1d5d9e..c25ad5737 100644
--- a/src/modules/09_leave/stores/RoundStores.ts
+++ b/src/modules/09_leave/stores/RoundStores.ts
@@ -62,7 +62,7 @@ export const useRoundDataStore = defineStore("roundWorkStore", () => {
    * Function รับข้อมูลจาก API map
    * @param data รับข้อมูลจาก API
    */
-  function fetchData(data: dataRowRound[]) {
+  async function fetchData(data: dataRowRound[]) {
     let datalist: roundShow[] = data.map((e: dataRowRound) => {
       return {
         id: e.id,
diff --git a/src/modules/09_leave/views/RoundMain.vue b/src/modules/09_leave/views/01_RoundMain.vue
similarity index 94%
rename from src/modules/09_leave/views/RoundMain.vue
rename to src/modules/09_leave/views/01_RoundMain.vue
index 42c03c2c3..0ab49da05 100644
--- a/src/modules/09_leave/views/RoundMain.vue
+++ b/src/modules/09_leave/views/01_RoundMain.vue
@@ -9,7 +9,7 @@ import { useRoundDataStore } from "@/modules/09_leave/stores/RoundStores";
 import { useCounterMixin } from "@/stores/mixin";
 
 /** ImportComponents*/
-import DialogForm from "@/modules/09_leave/components/3_WorkTime/DialogForm.vue";
+import DialogForm from "@/modules/09_leave/components/01_RoundTime/DialogForm.vue";
 import { checkPermission } from "@/utils/permissions";
 
 const $q = useQuasar(); //ใช้ noti quasar
@@ -35,13 +35,13 @@ const resetFilter = () => {
 };
 
 /** Function get ข้อมูลรายการรอบการปฏิบัติงาน */
-async function fetchListRoind() {
+async function fetchListRound() {
   showLoader();
   await http
     .get(config.API.roundDutytime())
-    .then((res) => {
-      const data = res.data.result;
-      fetchData(data);
+    .then(async (res) => {
+      const data = await res.data.result;
+      await fetchData(data);
     })
     .catch((err) => {
       messageError($q, err);
@@ -57,16 +57,18 @@ async function fetchListRoind() {
  */
 function onClickDelete(id: string) {
   dialogRemove($q, async () => {
+    showLoader();
     await http
       .delete(config.API.roundDutytimeByid(id))
-      .then(() => {
+      .then(async () => {
+        await fetchListRound();
         success($q, "ลบข้อมูลสำเร็จ");
       })
       .catch((err) => {
         messageError($q, err);
       })
-      .finally(async () => {
-        await fetchListRoind();
+      .finally(() => {
+        hideLoader();
       });
   });
 }
@@ -112,8 +114,8 @@ const pagination = ref({
 });
 
 /** Hook*/
-onMounted(() => {
-  fetchListRoind();
+onMounted(async () => {
+  await fetchListRound();
 });
 </script>
 <template>
@@ -172,7 +174,6 @@ onMounted(() => {
         map-options
         :options="dataStore.columns"
         option-value="name"
-        
         style="min-width: 140px"
         class="col-xs-12 col-sm-3 col-md-2"
       />
@@ -285,7 +286,7 @@ onMounted(() => {
     :closeDialog="closeDialog"
     :editCheck="editCheck"
     :detailData="detailData"
-    :fetchData="fetchListRoind"
+    :fetchData="fetchListRound"
     v-model:isRead="isRead"
   />
 </template>
diff --git a/src/modules/09_leave/views/WorkingMain.vue b/src/modules/09_leave/views/02_WorkingMain.vue
similarity index 87%
rename from src/modules/09_leave/views/WorkingMain.vue
rename to src/modules/09_leave/views/02_WorkingMain.vue
index 788a1f48d..0335224c2 100644
--- a/src/modules/09_leave/views/WorkingMain.vue
+++ b/src/modules/09_leave/views/02_WorkingMain.vue
@@ -2,9 +2,9 @@
 import { ref } from "vue";
 
 /** import Components */
-import Tab1 from "@/modules/09_leave/components/1_Work/Tab1.vue";
-import Tab2 from "@/modules/09_leave/components/1_Work/Tab2.vue";
-import DialogReport from "@/modules/09_leave/components/1_Work/DialogReport.vue";
+import Tab1 from "@/modules/09_leave/components/02_WorkList/Tab1.vue";
+import Tab2 from "@/modules/09_leave/components/02_WorkList/Tab2.vue";
+import DialogReport from "@/modules/09_leave/components/02_WorkList/DialogReport.vue";
 
 const tab = ref("1");
 
diff --git a/src/modules/09_leave/views/ChangeRoundMain.vue b/src/modules/09_leave/views/03_ChangeRoundMain.vue
similarity index 98%
rename from src/modules/09_leave/views/ChangeRoundMain.vue
rename to src/modules/09_leave/views/03_ChangeRoundMain.vue
index 24633bf0a..52021281d 100644
--- a/src/modules/09_leave/views/ChangeRoundMain.vue
+++ b/src/modules/09_leave/views/03_ChangeRoundMain.vue
@@ -8,9 +8,9 @@ import { useCounterMixin } from "@/stores/mixin";
 import { useChangeRoundDataStore } from "@/modules/09_leave/stores/ChangeRoundStore";
 import { checkPermission } from "@/utils/permissions";
 
-import type { dataPost } from "@/modules/09_leave/interface/request/changeRound";
+import type { DataPost } from "@/modules/09_leave/interface/request/changeRound";
 
-import Dialogform from "@/modules/09_leave/components/4_ChangeRound/DialogForm.vue";
+import Dialogform from "@/modules/09_leave/components/03_ChangeRound/DialogForm.vue";
 
 /** useStore */
 const mixin = useCounterMixin();
@@ -32,7 +32,7 @@ const dateWork = ref<string>("NORMAL");
 const modalFix = ref<boolean>(false);
 const editCheck = ref<string>("");
 const DataRow = ref<any>();
-const formData = reactive<dataPost>({
+const formData = reactive<DataPost>({
   cardId: "",
   firstName: "",
   lastName: "",
@@ -97,12 +97,12 @@ function save() {
       })
       .then(() => {
         success($q, "บันทึกข้อมูลสำเร็จ");
+        closeDialog();
       })
       .catch((err) => {
         messageError($q, err);
       })
       .finally(() => {
-        closeDialog();
         hideLoader();
       });
   });
diff --git a/src/modules/09_leave/views/SpecialTimeMain.vue b/src/modules/09_leave/views/04_SpecialTimeMain.vue
similarity index 98%
rename from src/modules/09_leave/views/SpecialTimeMain.vue
rename to src/modules/09_leave/views/04_SpecialTimeMain.vue
index a42162a49..fde61f269 100644
--- a/src/modules/09_leave/views/SpecialTimeMain.vue
+++ b/src/modules/09_leave/views/04_SpecialTimeMain.vue
@@ -16,7 +16,7 @@ import type {
 } from "@/modules/09_leave/interface/request/specialTime";
 
 import DialogReason from "@/components/Dialogs/PopupReason.vue";
-import DialogApprove from "@/modules/09_leave/components/4_specialTime/DialogApprove.vue";
+import DialogApprove from "@/modules/09_leave/components/04_SpecialTime/DialogApprove.vue";
 
 const $q = useQuasar(); // show dialog
 const mixin = useCounterMixin();
@@ -86,7 +86,6 @@ const visibleColumns = ref<String[]>([
   "timeAfternoon",
   "description",
 ]);
-
 const columns = ref<QTableProps["columns"]>([
   {
     name: "no",
@@ -199,14 +198,14 @@ async function clickSave(reason: string) {
   };
   await http
     .put(config.API.specialTimeReject(id.value), body)
-    .then(() => {
+    .then(async () => {
+      await fetchData();
       success($q, "บันทึกข้อมูลสำเร็จ");
     })
     .catch((e) => {
       messageError($q, e);
     })
-    .finally(async () => {
-      await fetchData();
+    .finally(() => {
       hideLoader();
     });
 }
@@ -396,7 +395,6 @@ onMounted(async () => {
         map-options
         :options="columns"
         option-value="name"
-        
         style="min-width: 140px"
         class="col-xs-12 col-sm-3 col-md-2"
       />
diff --git a/src/modules/09_leave/views/LeaveListMain.vue b/src/modules/09_leave/views/05_LeaveListMain.vue
similarity index 88%
rename from src/modules/09_leave/views/LeaveListMain.vue
rename to src/modules/09_leave/views/05_LeaveListMain.vue
index afba501f3..89258e08d 100644
--- a/src/modules/09_leave/views/LeaveListMain.vue
+++ b/src/modules/09_leave/views/05_LeaveListMain.vue
@@ -3,8 +3,8 @@
 import { useLeavelistDataStore } from "@/modules/09_leave/stores/LeaveStore";
 
 /**importComponets*/
-import Tab1 from "@/modules/09_leave/components/2_Leave/Tab1.vue";
-import Tab2 from "@/modules/09_leave/components/2_Leave/Tab2.vue";
+import Tab1 from "@/modules/09_leave/components/05_Leave/Tab1.vue";
+import Tab2 from "@/modules/09_leave/components/05_Leave/Tab2.vue";
 
 const leaveStore = useLeavelistDataStore();
 </script>
diff --git a/src/modules/09_leave/components/3_Report/LeaveReport.vue b/src/modules/09_leave/views/06_ReportMain.vue
similarity index 98%
rename from src/modules/09_leave/components/3_Report/LeaveReport.vue
rename to src/modules/09_leave/views/06_ReportMain.vue
index eef8fc11a..819acff74 100644
--- a/src/modules/09_leave/components/3_Report/LeaveReport.vue
+++ b/src/modules/09_leave/views/06_ReportMain.vue
@@ -82,17 +82,17 @@ async function fetchLeaveday(
 
   await http
     .post(config.API.leaveReportLeaveday(type), body)
-    .then((res) => {
+    .then(async (res) => {
       const data = res.data.result;
-      data && genReport(data);
-      !data && hideLoader();
+      data && (await genReport(data));
       detailReport.value = data;
     })
     .catch((err) => {
       messageError($q, err);
-      hideLoader();
     })
-    .finally(() => {});
+    .finally(() => {
+      hideLoader();
+    });
 }
 
 /**
@@ -101,7 +101,7 @@ async function fetchLeaveday(
  */
 async function genReport(data: any) {
   await axios
-    .post(apiGenReport, data, {
+    .post(`${config.API.reportTemplate}/xlsx`, data, {
       headers: {
         accept: "application/pdf",
         "content-Type": "application/json",
@@ -135,7 +135,7 @@ async function genReport(data: any) {
  */
 async function genReportXLSX(data: any) {
   await axios
-    .post(apiGenReport, data, {
+    .post(`${config.API.reportTemplate}/xlsx`, data, {
       headers: {
         accept:
           "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",

From c37a16664dc557afc6a0f7e62258fc33561f4f2d Mon Sep 17 00:00:00 2001
From: setthawutttty <trx.setthawut@gmail.com>
Date: Mon, 25 Nov 2024 17:40:03 +0700
Subject: [PATCH 08/14] =?UTF-8?q?=E0=B8=9B=E0=B8=A3=E0=B8=B1=E0=B8=9A=20ro?=
 =?UTF-8?q?ute=20=E0=B9=84=E0=B8=9B=E0=B8=84=E0=B8=B9=E0=B9=88=E0=B8=A1?=
 =?UTF-8?q?=E0=B8=B7=E0=B8=AD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app.config.ts | 85 +++++++++++++++++++++++++++++++++++++++++------
 1 file changed, 75 insertions(+), 10 deletions(-)

diff --git a/src/app.config.ts b/src/app.config.ts
index a4bf54b97..bea19bd34 100644
--- a/src/app.config.ts
+++ b/src/app.config.ts
@@ -148,6 +148,7 @@ const path =
   "https://bma-ehr-manual.frappet.synology.me";
 
 const generatePopupPath = (routeName: any) => {
+  console.log("🚀 ~ generatePopupPath ~ routeName:", routeName);
   if (routeName.includes("metadata")) {
     return `${path}/manual/chapter-2-admin-metadata`;
   } else if (routeName.includes("registryNew")) {
@@ -174,10 +175,22 @@ const generatePopupPath = (routeName: any) => {
     return `${path}/manual/chapter-12-admin-retirement`;
   } else if (routeName.includes("discharged")) {
     return `${path}/manual/chapter-12-admin-retirement`;
-  } else if (routeName.includes("discipline")) {
-    return `${path}/manual/chapter-15-admin-discipline`;
-  } else if (routeName.includes("appeal")) {
-    return `${path}/manual/chapter-15-admin-discipline`;
+  } else if (routeName.includes("disciplineComplaints")) {
+    return `${path}/manual/chapter-14-admin-discipline-complaints`;
+  } else if (routeName.includes("disciplineInvestigatefacts")) {
+    return `${path}/manual/chapter-14-2-admin-discipline-investigatefacts`;
+  } else if (routeName.includes("disciplineDisciplinary")) {
+    return `${path}/manual/chapter-14-3-admin-discipline-disciplinary`;
+  } else if (routeName.includes("disciplineResult")) {
+    return `${path}/manual/chapter-14-4-admin-discipline-result`;
+  } else if (routeName.includes("disciplineListSuspend")) {
+    return `${path}/manual/chapter-14-5-admin-discipline-suspend`;
+  } else if (routeName.includes("appealComplain")) {
+    return `${path}/manual/chapter-14-6-admin-discipline-appealcomplain`;
+  } else if (routeName.includes("disciplineDirector")) {
+    return `${path}/manual/chapter-14-7-admin-discipline-director`;
+  } else if (routeName.includes("disciplineChannel")) {
+    return `${path}/manual/chapter-14-7-2-admin-discipline-channel`;
   } else if (routeName.includes("KPIIndicatorByPlan")) {
     return `${path}/manual/chapter-2-admin-evaluate`;
   } else if (routeName.includes("KPIIndicatorByRole")) {
@@ -188,8 +201,6 @@ const generatePopupPath = (routeName: any) => {
     return `${path}/manual/chapter-2-2-admin-evaluate`;
   } else if (routeName.includes("strategic")) {
     return `${path}/manual/chapter-2-3-admin-evaluate`;
-  } else if (routeName.includes("salary")) {
-    return `${path}/manual/chapter-17-admin-salary`;
   } else if (routeName == "commandListPage") {
     return `${path}/manual/chapter-7-admin-order`;
   } else if (routeName == "competePeriod") {
@@ -206,6 +217,32 @@ const generatePopupPath = (routeName: any) => {
     return `${path}/manual/chapter-8-4-5-admin-qualify-disable-stat`;
   } else if (routeName.includes("competePeriodStat")) {
     return `${path}/manual/chapter-8-3-2-admin-compete-period-stat`;
+  } else if (routeName.includes("probation")) {
+    return `${path}/manual/chapter-10-admin-probation`;
+  } else if (routeName.includes("insigniaProposals")) {
+    return `${path}/manual/chapter-12-admin-insignia`;
+  } else if (routeName.includes("insigniaManage")) {
+    return `${path}/manual/chapter-12-2-admin-insignia`;
+  } else if (routeName.includes("insigniaRecord")) {
+    return `${path}/manual/chapter-12-3-admin-insignia`;
+  } else if (routeName.includes("insigniaAllocate")) {
+    return `${path}/manual/chapter-12-4-admin-insignia`;
+  } else if (routeName.includes("insigniaBorrow")) {
+    return `${path}/manual/chapter-12-5-admin-insignia`;
+  } else if (routeName.includes("insigniaReport")) {
+    return `${path}/manual/chapter-12-6-admin-insignia`;
+  } else if (routeName.includes("roundTime")) {
+    return `${path}/manual/chapter-13-admin-leave`;
+  } else if (routeName.includes("workList")) {
+    return `${path}/manual/chapter-13-2-admin-leave`;
+  } else if (routeName.includes("changeRound")) {
+    return `${path}/manual/chapter-13-3-admin-leave`;
+  } else if (routeName.includes("timestampSpecial")) {
+    return `${path}/manual/chapter-13-4-admin-leave`;
+  } else if (routeName == "leave") {
+    return `${path}/manual/chapter-13-5-admin-leave`;
+  } else if (routeName == "leaveReport") {
+    return `${path}/manual/chapter-13-6-admin-leave`;
   } else if (
     routeName.includes("qualify") ||
     routeName.includes("recruiting") ||
@@ -214,10 +251,38 @@ const generatePopupPath = (routeName: any) => {
     routeName.includes("manage")
   ) {
     return `${path}/manual/chapter-9-admin-recruit`;
-  } else if (routeName.includes("development")) {
-    return `${path}/manual/chapter-19-admin-development`;
-  } else if (routeName.includes("evaluate")) {
-    return `${path}/manual/chapter-18-admin-perf-evaluation`;
+  } else if (routeName.includes("developmentMain")) {
+    return `${path}/manual/chapter-18-admin-development`;
+  } else if (routeName.includes("developmentHistory")) {
+    return `${path}/manual/chapter-18-2-admin-development-history`;
+  } else if (routeName.includes("developmentEmployeeHistory")) {
+    return `${path}/manual/chapter-18-3-admin-development-employee-history`;
+  } else if (routeName.includes("developmentScholarship")) {
+    return `${path}/manual/chapter-18-4-admin-development-scholarship`;
+  } else if (routeName == "evaluate") {
+    return `${path}/manual/chapter-15-admin-KPI`;
+  } else if (routeName == "evaluateDirector") {
+    return `${path}/manual/chapter-15-2-admin-KPI`;
+  } else if (routeName == "evaluateMeeting") {
+    return `${path}/manual/chapter-15-2-2-admin-KPI`;
+  } else if (routeName == "salaryChart") {
+    return `${path}/manual/chapter-16-admin-salary`;
+  } else if (routeName == "salaryEmployeeChart") {
+    return `${path}/manual/chapter-16-2-admin-salary`;
+  } else if (routeName == "salaryRound") {
+    return `${path}/manual/chapter-16-3-admin-salary`;
+  } else if (routeName == "salaryLists") {
+    return `${path}/manual/chapter-16-4-admin-salary`;
+  } else if (routeName == "salaryEmployeeLists") {
+    return `${path}/manual/chapter-16-5-admin-salary`;
+  } else if (routeName == "KPIRound") {
+    return `${path}/manual/chapter-17-admin-development`;
+  } else if (routeName == "KPI​List") {
+    return `${path}/manual/chapter-17-2-admin-development-history`;
+  } else if (routeName == "KPIResults") {
+    return `${path}/manual/chapter-17-3-admin-development-employee-history`;
+  } else if (routeName == "KPIReport") {
+    return `${path}/manual/chapter-17-4-admin-development-scholarship`;
   } else {
     return manualConfig[routeName as keyof typeof manualConfig];
   }

From b28f759ac73fcff2ed70c06a91000f5a5121fdbb Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Tue, 26 Nov 2024 11:10:23 +0700
Subject: [PATCH 09/14] =?UTF-8?q?fix=20bug=20pagintion=20=3D=3D>=20=20=20?=
 =?UTF-8?q?=E0=B8=A3=E0=B8=B0=E0=B8=9A=E0=B8=9A=E0=B9=80=E0=B8=9B=E0=B8=A5?=
 =?UTF-8?q?=E0=B8=B5=E0=B9=88=E0=B8=A2=E0=B8=99=E0=B9=81=E0=B8=9B=E0=B8=A5?=
 =?UTF-8?q?=E0=B8=87=E0=B8=A3=E0=B8=AD=E0=B8=9A=E0=B8=81=E0=B8=B2=E0=B8=A3?=
 =?UTF-8?q?=E0=B8=9B=E0=B8=8F=E0=B8=B4=E0=B8=9A=E0=B8=B1=E0=B8=95=E0=B8=B4?=
 =?UTF-8?q?=E0=B8=87=E0=B8=B2=E0=B8=99=E0=B8=82=E0=B8=AD=E0=B8=87=E0=B8=9C?=
 =?UTF-8?q?=E0=B8=B9=E0=B9=89=E0=B9=83=E0=B8=8A=E0=B9=89=E0=B8=87=E0=B8=B2?=
 =?UTF-8?q?=E0=B8=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/03_ChangeRound/DialogForm.vue  | 32 +++++++++++++------
 .../09_leave/stores/ChangeRoundStore.ts       | 22 ++++++-------
 .../09_leave/views/03_ChangeRoundMain.vue     | 18 ++++++-----
 3 files changed, 43 insertions(+), 29 deletions(-)

diff --git a/src/modules/09_leave/components/03_ChangeRound/DialogForm.vue b/src/modules/09_leave/components/03_ChangeRound/DialogForm.vue
index 0a8290190..ef50d6ced 100644
--- a/src/modules/09_leave/components/03_ChangeRound/DialogForm.vue
+++ b/src/modules/09_leave/components/03_ChangeRound/DialogForm.vue
@@ -68,8 +68,8 @@ const pageSize = ref<number>(10);
 const initialPagination = ref<any>({
   sortBy: null,
   descending: false,
-  page: 1,
-  rowsPerPage: pageSize, // set ตาม page หลักส่งมา
+  page: dataStore.page,
+  rowsPerPage: dataStore.pageSize, // set ตาม page หลักส่งมา
 });
 
 // Pagination - page & change page & get new data
@@ -77,7 +77,7 @@ const currentPage = ref<number>(1);
 const roundOp = ref<any>([]);
 async function updatePagination(newPagination: any) {
   initialPagination.value = newPagination;
-  currentPage.value = 1; // set current page เป็น 1 เสมอเมื่อเปลี่ยน per row
+  // currentPage.value = 1; // set current page เป็น 1 เสมอเมื่อเปลี่ยน per row
 }
 
 /** Function validateForm */
@@ -103,7 +103,7 @@ function onSubmit() {
     $q,
     () => {
       changeRound();
-      props.closeDialog?.();
+      // props.closeDialog?.();
     },
     "ยืนยันการบันทึกข้อมูล",
     "ต้องการยืนยันการบันทึกข้อมูลนี้หรือไม่ ?"
@@ -112,6 +112,7 @@ function onSubmit() {
 
 /** Function เปลี่ยนรอบเวลา*/
 async function changeRound() {
+  showLoader();
   await http
     .post(config.API.leaveRound(), {
       profileId: props.personId,
@@ -121,12 +122,13 @@ async function changeRound() {
     })
     .then(() => {
       success($q, "บันทึกข้อมูลเปลี่ยนรอบเวลา");
+      props.closeDialog?.();
     })
     .catch((err) => {
       messageError($q, err);
     })
     .finally(() => {
-      props.closeDialog?.();
+      hideLoader();
     });
 }
 
@@ -135,7 +137,7 @@ async function changeRound() {
  *
  */
 async function fetchDataOption() {
-  showLoader();
+  props.editCheck !== "history" && showLoader();
   await http
     .get(config.API.leaveRound())
     .then((res) => {
@@ -156,7 +158,7 @@ async function fetchDataOption() {
       messageError($q, err);
     })
     .finally(() => {
-      hideLoader();
+      props.editCheck !== "history" && hideLoader();
     });
 }
 
@@ -168,8 +170,9 @@ function close() {
 }
 
 watch(
-  [() => currentPage.value, () => initialPagination.value.rowsPerPage],
+  () => initialPagination.value.rowsPerPage,
   () => {
+    currentPage.value = 1;
     emit(
       "update:change-page",
       currentPage.value,
@@ -179,6 +182,15 @@ watch(
   }
 );
 
+function nextPage() {
+  emit(
+    "update:change-page",
+    currentPage.value,
+    initialPagination.value.rowsPerPage,
+    true
+  );
+}
+
 watch(
   () => props.modal,
   async () => {
@@ -188,6 +200,7 @@ watch(
       formData.effectiveDate = null;
     }
     if (props.modal === true) {
+      currentPage.value = 1;
       await fetchDataOption();
     }
   }
@@ -355,7 +368,7 @@ watch(
             dense
             class="custom-header-table"
             :visible-columns="dataStore.visibleColumnsHistory"
-            :rows-per-page-options="[5, 10, 25, 50, 100]"
+            :rows-per-page-options="[1, 10, 25, 50, 100]"
             :pagination="initialPagination"
             @update:pagination="updatePagination"
           >
@@ -370,6 +383,7 @@ watch(
                 boundary-links
                 direction-links
                 :max="Number(dataStore.maxPage)"
+                @update:model-value="nextPage"
               ></q-pagination>
             </template>
             <template v-slot:header="props">
diff --git a/src/modules/09_leave/stores/ChangeRoundStore.ts b/src/modules/09_leave/stores/ChangeRoundStore.ts
index 183770760..53334f149 100644
--- a/src/modules/09_leave/stores/ChangeRoundStore.ts
+++ b/src/modules/09_leave/stores/ChangeRoundStore.ts
@@ -122,17 +122,16 @@ export const useChangeRoundDataStore = defineStore(
     const maxPageMain = ref<number>(0);
     const totalListMain = ref<number>(0);
 
-    function fetchDataForCardId(dataDetail: any) {
+    async function fetchDataForCardId(dataDetail: any) {
       if (dataDetail) {
-        rows.value = [];
         showLoader();
-        http
+        await http
           .post(config.API.leaveSearch(), {
             citizenId: dataDetail.cardId || "", //เลขประจำตัวประชาชน
             firstname: dataDetail.firstName || "", //ชื่อจริง
             lastname: dataDetail.lastName || "", //นามสกุล
-            page: dataDetail.page || 1, //*หน้า
-            pageSize: dataDetail.pageSize || 10, //*จำนวนแถวต่อหน้า
+            page: dataDetail.page, //หน้า
+            pageSize: dataDetail.pageSize || 10, //จำนวนแถวต่อหน้า
             keyword: dataDetail.keyword || "", //keyword ค้นหา
           })
           .then((res) => {
@@ -160,7 +159,7 @@ export const useChangeRoundDataStore = defineStore(
           .catch((e) => {
             messageError($q, e);
           })
-          .finally(async () => {
+          .finally(() => {
             hideLoader();
           });
       }
@@ -179,13 +178,13 @@ export const useChangeRoundDataStore = defineStore(
      * @param pageSizeVal pagesize
      */
     async function changePage(pageVal: number, pageSizeVal: number) {
-      page.value = await pageVal;
-      pageSize.value = await pageSizeVal;
+      page.value = pageVal;
+      pageSize.value = pageSizeVal;
       fetchDatainHistory();
     }
     /**ฟังก์ชั่นดึงดาต้าประวัติ */
     async function fetchDatainHistory() {
-      console.log(profileId.value);
+      rowsHistory.value = [];
       showLoader();
       await http
         .get(
@@ -194,7 +193,6 @@ export const useChangeRoundDataStore = defineStore(
         )
         .then((res) => {
           const dataHistory = res.data.result.data;
-          rowsHistory.value = [];
           dataHistory.map((e: DataInterface) => {
             rowsHistory.value.push({
               round: e.round,
@@ -206,9 +204,7 @@ export const useChangeRoundDataStore = defineStore(
             });
             total.value = res.data.result.total;
             maxPage.value = Math.ceil(total.value / pageSize.value);
-            maxPage.value = maxPage.value < 1 ? 1 : maxPage.value;
           });
-          console.log(rowsHistory.value);
         })
         .catch((err) => {
           messageError($q, err);
@@ -232,6 +228,8 @@ export const useChangeRoundDataStore = defineStore(
       changePage,
       total,
       maxPage,
+      page,
+      pageSize,
 
       totalListMain,
       maxPageMain,
diff --git a/src/modules/09_leave/views/03_ChangeRoundMain.vue b/src/modules/09_leave/views/03_ChangeRoundMain.vue
index 52021281d..c0ab50381 100644
--- a/src/modules/09_leave/views/03_ChangeRoundMain.vue
+++ b/src/modules/09_leave/views/03_ChangeRoundMain.vue
@@ -45,14 +45,15 @@ const formData = reactive<DataPost>({
  * @param check action edit,history
  * @param detail รายละเอียดข้อมูลรอบการปฏิบัติของผู้ใช้งาน
  */
-function Openmodal(check: string, detail: any) {
+async function Openmodal(check: string, detail: any) {
   DataRow.value = detail;
   modal.value = true;
   dataStore.setProfileId(DataRow.value.profileId);
   editCheck.value = check;
   if (check === "history") {
     modal.value = true;
-    dataStore.fetchDatainHistory();
+    dataStore.changePage(1, dataStore.pageSize);
+    // dataStore.fetchDatainHistory();
   }
 }
 
@@ -71,15 +72,15 @@ async function fetchDataCalendarWork(id: string) {
       messageError($q, err);
     })
     .finally(() => {
-      modalFix.value = true;
       hideLoader();
     });
 }
 
 const detailByid = ref();
 async function OpenmodalFix(detail: any) {
-  await fetchDataCalendarWork(detail.profileId);
   detailByid.value = detail;
+  modalFix.value = true;
+  await fetchDataCalendarWork(detail.profileId);
 }
 
 /** Function closePopup */
@@ -95,7 +96,8 @@ function save() {
       .put(config.API.leaveWorkByid(detailByid.value.profileId), {
         work: dateWork.value,
       })
-      .then(() => {
+      .then(async () => {
+        // await searchData();
         success($q, "บันทึกข้อมูลสำเร็จ");
         closeDialog();
       })
@@ -113,14 +115,13 @@ function save() {
  * @param newPagination ข้อมูล Pagination ใหม่
  */
 function updatePagination(newPagination: any) {
-  formData.page = 1;
   formData.pageSize = newPagination.rowsPerPage;
 }
 
 /** Function ค้นหาข้อมูล */
-function searchData() {
+async function searchData() {
   if (formData.cardId || formData.firstName || formData.lastName) {
-    dataStore.fetchDataForCardId(formData);
+    await dataStore.fetchDataForCardId(formData);
   } else {
     dialogMessageNotify($q, "กรุณากรอกข้อมูลอย่างน้อย 1 ช่อง");
   }
@@ -129,6 +130,7 @@ function searchData() {
 watch(
   () => formData.pageSize,
   () => {
+    formData.page = 1;
     searchData();
   }
 );

From 3fc10ef14a29910cd71d2a99705fa54faa7dde1e Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Tue, 26 Nov 2024 11:15:03 +0700
Subject: [PATCH 10/14] fix

---
 src/modules/09_leave/components/03_ChangeRound/DialogForm.vue | 4 ++--
 src/modules/09_leave/stores/ChangeRoundStore.ts               | 4 +++-
 src/modules/09_leave/views/03_ChangeRoundMain.vue             | 2 +-
 3 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/modules/09_leave/components/03_ChangeRound/DialogForm.vue b/src/modules/09_leave/components/03_ChangeRound/DialogForm.vue
index ef50d6ced..3b5a0f634 100644
--- a/src/modules/09_leave/components/03_ChangeRound/DialogForm.vue
+++ b/src/modules/09_leave/components/03_ChangeRound/DialogForm.vue
@@ -368,7 +368,7 @@ watch(
             dense
             class="custom-header-table"
             :visible-columns="dataStore.visibleColumnsHistory"
-            :rows-per-page-options="[1, 10, 25, 50, 100]"
+            :rows-per-page-options="[10, 25, 50, 100]"
             :pagination="initialPagination"
             @update:pagination="updatePagination"
           >
@@ -402,7 +402,7 @@ watch(
               <q-tr :props="props" class="cursor-pointer">
                 <q-td v-for="col in props.cols" :key="col.name" :props="props">
                   <div>
-                    {{ col.value }}
+                    {{ col.value ?? "-" }}
                   </div>
                 </q-td>
               </q-tr>
diff --git a/src/modules/09_leave/stores/ChangeRoundStore.ts b/src/modules/09_leave/stores/ChangeRoundStore.ts
index 53334f149..4083c11e4 100644
--- a/src/modules/09_leave/stores/ChangeRoundStore.ts
+++ b/src/modules/09_leave/stores/ChangeRoundStore.ts
@@ -149,7 +149,9 @@ export const useChangeRoundDataStore = defineStore(
                 roundStart: e.startTimeMorning,
                 roundEnd: e.leaveTimeAfterNoon,
                 currentRound: `${e.startTimeMorning}-${e.leaveTimeAfterNoon}`,
-                effectiveDate: date2Thai(e.effectiveDate) ?? "-",
+                effectiveDate: e.effectiveDate
+                  ? date2Thai(e.effectiveDate)
+                  : "-",
               }));
             } else {
               rows.value = [];
diff --git a/src/modules/09_leave/views/03_ChangeRoundMain.vue b/src/modules/09_leave/views/03_ChangeRoundMain.vue
index c0ab50381..ed4cb68b9 100644
--- a/src/modules/09_leave/views/03_ChangeRoundMain.vue
+++ b/src/modules/09_leave/views/03_ChangeRoundMain.vue
@@ -293,7 +293,7 @@ watch(
             </q-td>
             <q-td v-for="col in props.cols" :key="col.name" :props="props">
               <div>
-                {{ col.value }}
+                {{ col.value ?? '-' }}
               </div>
             </q-td>
           </q-tr>

From 62e45e274303461e7b9ce871df9db2169fc53eba Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Tue, 26 Nov 2024 11:32:48 +0700
Subject: [PATCH 11/14] =?UTF-8?q?fix=20bug=20=20=E0=B8=A3=E0=B8=B2?=
 =?UTF-8?q?=E0=B8=A2=E0=B8=81=E0=B8=B2=E0=B8=A3=E0=B8=A5=E0=B8=87=E0=B9=80?=
 =?UTF-8?q?=E0=B8=A7=E0=B8=A5=E0=B8=B2=E0=B8=81=E0=B8=A3=E0=B8=93=E0=B8=B5?=
 =?UTF-8?q?=E0=B8=9E=E0=B8=B4=E0=B9=80=E0=B8=A8=E0=B8=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../09_leave/views/04_SpecialTimeMain.vue     | 39 ++++++++++---------
 1 file changed, 21 insertions(+), 18 deletions(-)

diff --git a/src/modules/09_leave/views/04_SpecialTimeMain.vue b/src/modules/09_leave/views/04_SpecialTimeMain.vue
index fde61f269..8aaaee5a9 100644
--- a/src/modules/09_leave/views/04_SpecialTimeMain.vue
+++ b/src/modules/09_leave/views/04_SpecialTimeMain.vue
@@ -12,7 +12,6 @@ import { checkPermission } from "@/utils/permissions";
 import type {
   DataDateMonthObject,
   DetailData,
-  Pagination,
 } from "@/modules/09_leave/interface/request/specialTime";
 
 import DialogReason from "@/components/Dialogs/PopupReason.vue";
@@ -28,6 +27,7 @@ const {
   showLoader,
   success,
   date2Thai,
+  dialogConfirm,
 } = mixin;
 const emit = defineEmits(["update:change-page"]);
 const rows = ref<any[]>([]);
@@ -191,23 +191,25 @@ function closeDialog() {
 
 /** API reject */
 async function clickSave(reason: string) {
-  showLoader();
-  modalUnapprove.value = false;
-  const body = {
-    reason: reason,
-  };
-  await http
-    .put(config.API.specialTimeReject(id.value), body)
-    .then(async () => {
-      await fetchData();
-      success($q, "บันทึกข้อมูลสำเร็จ");
-    })
-    .catch((e) => {
-      messageError($q, e);
-    })
-    .finally(() => {
-      hideLoader();
-    });
+  dialogConfirm($q, async () => {
+    showLoader();
+    modalUnapprove.value = false;
+    const body = {
+      reason: reason,
+    };
+    await http
+      .put(config.API.specialTimeReject(id.value), body)
+      .then(async () => {
+        await fetchData();
+        success($q, "บันทึกข้อมูลสำเร็จ");
+      })
+      .catch((e) => {
+        messageError($q, e);
+      })
+      .finally(() => {
+        hideLoader();
+      });
+  });
 }
 
 /**
@@ -473,6 +475,7 @@ onMounted(async () => {
                 "
                 >อนุมัติ</q-btn
               >
+
               <q-badge
                 v-if="props.row.status == 'APPROVE'"
                 rounded

From d0e7154d3530743b00e78487c77900226881c0ae Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Tue, 26 Nov 2024 16:11:02 +0700
Subject: [PATCH 12/14] no message

---
 src/modules/02_organization/components/TreeMain.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/modules/02_organization/components/TreeMain.vue b/src/modules/02_organization/components/TreeMain.vue
index 81ab199c6..ba4f62543 100644
--- a/src/modules/02_organization/components/TreeMain.vue
+++ b/src/modules/02_organization/components/TreeMain.vue
@@ -416,7 +416,7 @@ watch(
                 class="cursor-pointer"
                 @click="filter = ''"
               />
-              <q-icon name="search" color="grey-5" />
+              <q-icon name="search" color="grey-5" v-else />
             </template>
           </q-input>
         </div>

From 1e892b89f494d2294f434dc612ea5b5d2f68d8f6 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Tue, 26 Nov 2024 17:07:53 +0700
Subject: [PATCH 13/14] fix bug

---
 src/modules/06_retirement/views/Main.vue | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/modules/06_retirement/views/Main.vue b/src/modules/06_retirement/views/Main.vue
index 5c822e9ee..84fc24629 100644
--- a/src/modules/06_retirement/views/Main.vue
+++ b/src/modules/06_retirement/views/Main.vue
@@ -100,10 +100,10 @@ const yearOptions = ref<any>([{ id: "", year: "ทั้งหมด" }]);
 // ประกาศเกษียณอายุราชการ
 async function fetchRetirement(type: string, year: any) {
   showLoader();
+  rows.value = [];
   await http
     .get(config.API.retirement(type, year))
     .then((res) => {
-      rows.value = [];
       let data = res.data.result;
       rows.value = data.map((items: any) => ({
         id: items.id,
@@ -335,7 +335,6 @@ onMounted(async () => {
                 map-options
                 :options="columns"
                 option-value="name"
-                
                 style="min-width: 140px"
                 class="col-xs-12 col-sm-3 col-md-2"
               />

From 62f1c818415d928fd00ea2ddbde5ab6143efa1a1 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Wed, 27 Nov 2024 17:45:36 +0700
Subject: [PATCH 14/14] =?UTF-8?q?fix=20=E0=B8=9E=E0=B9=8D=E0=B8=92?=
 =?UTF-8?q?=E0=B8=99=E0=B8=B2=E0=B8=9A=E0=B8=B8=E0=B8=84=E0=B8=A5=E0=B8=B2?=
 =?UTF-8?q?=E0=B8=81=E0=B8=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/ProjectDetail.vue              | 52 ++++++++++++++++---
 .../15_development/components/Target.vue      | 14 ++---
 .../15_development/interface/index/Main.ts    |  7 ++-
 .../15_development/views/EmployeeHistory.vue  |  1 -
 src/modules/15_development/views/History.vue  |  1 -
 src/modules/15_development/views/MainPage.vue | 26 +++++-----
 6 files changed, 71 insertions(+), 30 deletions(-)

diff --git a/src/modules/15_development/components/ProjectDetail.vue b/src/modules/15_development/components/ProjectDetail.vue
index db0674c1e..517e910bb 100644
--- a/src/modules/15_development/components/ProjectDetail.vue
+++ b/src/modules/15_development/components/ProjectDetail.vue
@@ -13,7 +13,7 @@ import type {
   DataOptionTechnique,
   FormProjectDetail,
   DataOption,
-  StrategyNode
+  StrategyNode,
 } from "@/modules/15_development/interface/index/Main";
 import type { DataStrategic } from "@/modules/15_development/interface/response/Main";
 
@@ -310,12 +310,24 @@ function fetchTree() {
 }
 
 /** Main save */
-function onSubmit() {
+async function onSubmit() {
   showLoader();
-  http
+  await http
     .put(config.API.developmentMainTab("tab3", projectId.value), {
       ...formData,
       totalDate: formData.totalDate === "" ? null : formData.totalDate,
+      projectDayBackPlanned:
+        formData.projectDayBackPlanned === ""
+          ? null
+          : formData.projectDayBackPlanned,
+      projectDayHoldPlanned:
+        formData.projectDayHoldPlanned === ""
+          ? null
+          : formData.projectDayHoldPlanned,
+      projectNigthHoldPlanned:
+        formData.projectNigthHoldPlanned === ""
+          ? null
+          : formData.projectNigthHoldPlanned,
       reasonPlanned70: reasonPlanned70.value,
       reasonPlanned20: reasonPlanned20.value,
       reasonPlanned10: reasonPlanned10.value,
@@ -392,6 +404,21 @@ function updatetotalDate() {
 function onNextTab() {
   step.value == "next" ? props.nextStep() : props.prevStep();
 }
+
+const isCheckLocation = computed(() => {
+  if (formData?.developmentAddresss?.length !== 0) {
+    if (
+      formData.developmentAddresss[formData.developmentAddresss.length - 1]
+        .address !== "" &&
+      formData.developmentAddresss[formData.developmentAddresss.length - 1]
+        .provinceId !== ""
+    ) {
+      return true;
+    } else return false;
+  }
+  return true;
+});
+
 /**
  * ดึงข้อมูลเมื่อคอมโพเนนต์โหลดเสร็จสมบูรณ์
  */
@@ -465,6 +492,7 @@ defineExpose({
                     </template>
                   </q-input>
                   <q-tree
+                    style="height: 350px; overflow: scroll"
                     dense
                     :nodes="nodes"
                     selected-color="primary"
@@ -529,6 +557,7 @@ defineExpose({
                     </template>
                   </q-input>
                   <q-tree
+                    style="height: 350px; overflow: scroll"
                     dense
                     :nodes="nodes"
                     node-key="id"
@@ -680,8 +709,9 @@ defineExpose({
 
             <div class="col-12 q-mt-md">
               <span class="text-bold">สถานที่ดำเนินการ</span>
+
               <q-btn
-                v-if="!checkRoutePermission"
+                v-if="!checkRoutePermission && isCheckLocation"
                 dense
                 flat
                 round
@@ -785,11 +815,15 @@ defineExpose({
                   value="GO_BLACK"
                   label="ไป-กลับ"
                   v-model="formData.isBackPlanned"
-                  @update:model-value="props.onCheckChangeData()"
+                  @update:model-value="
+                    props.onCheckChangeData(),
+                      (formData.projectDayBackPlanned = null)
+                  "
                 ></q-checkbox>
               </div>
               <div class="col-12 col-md-4">
                 <q-input
+                  :disable="!formData.isBackPlanned"
                   :readonly="
                     store.projectStatus === 'FINISH' || checkRoutePermission
                   "
@@ -816,11 +850,16 @@ defineExpose({
                   value="HOLD"
                   label="พักค้าง"
                   v-model="formData.isHoldPlanned"
-                  @update:model-value="props.onCheckChangeData()"
+                  @update:model-value="
+                    props.onCheckChangeData(),
+                      (formData.projectDayHoldPlanned = null),
+                      (formData.projectNigthHoldPlanned = null)
+                  "
                 ></q-checkbox>
               </div>
               <div class="col-12 col-md-4">
                 <q-input
+                  :disable="!formData.isHoldPlanned"
                   :readonly="
                     store.projectStatus === 'FINISH' || checkRoutePermission
                   "
@@ -836,6 +875,7 @@ defineExpose({
               </div>
               <div class="col-12 col-md-4">
                 <q-input
+                  :disable="!formData.isHoldPlanned"
                   :readonly="
                     store.projectStatus === 'FINISH' || checkRoutePermission
                   "
diff --git a/src/modules/15_development/components/Target.vue b/src/modules/15_development/components/Target.vue
index 8c18da78c..7a2b8790a 100644
--- a/src/modules/15_development/components/Target.vue
+++ b/src/modules/15_development/components/Target.vue
@@ -374,7 +374,9 @@ function onSubmitRelate() {
             amount: formGroupRelate.amount,
           }
         )
-        .then(() => {
+        .then(async () => {
+          await fetchData(projectId.value);
+          onClickCloseDialog();
           success($q, "บันทึกข้อมูลสำเร็จ");
         })
         .catch((err) => {
@@ -395,7 +397,9 @@ function onSubmitRelate() {
             amount: formGroupRelate.amount,
           }
         )
-        .then(() => {
+        .then(async () => {
+          await fetchData(projectId.value);
+          onClickCloseDialog();
           success($q, "บันทึกข้อมูลสำเร็จ");
         })
         .catch((err) => {
@@ -405,10 +409,6 @@ function onSubmitRelate() {
           hideLoader();
         });
     }
-    setTimeout(() => {
-      fetchData(projectId.value);
-      onClickCloseDialog();
-    }, 100);
   });
 }
 
@@ -434,7 +434,7 @@ function onClickCloseDialog() {
   modalRelate.value = false;
   cleanFormData();
   fetchType();
-  fetchData(projectId.value);
+  // fetchData(projectId.value);
 }
 
 /**
diff --git a/src/modules/15_development/interface/index/Main.ts b/src/modules/15_development/interface/index/Main.ts
index 9729cdf31..ad522fc46 100644
--- a/src/modules/15_development/interface/index/Main.ts
+++ b/src/modules/15_development/interface/index/Main.ts
@@ -90,7 +90,12 @@ interface FormProjectDetail {
   dateStart: Date | null; //วันที่เริ่มต้น
   dateEnd: Date | null; //วันที่สิ้นสุด
   totalDate: number | null | string; //รวมระยะเวลา (วัน)
-  developmentAddresss: [{ address: string; provinceId: string }]; //ที่อยู่ ,จังหวัด
+  developmentAddresss: DevelopmentAddress[]; //ที่อยู่ ,จังหวัด
+}
+
+interface DevelopmentAddress {
+  address: string;
+  provinceId: string;
 }
 
 interface DataHistory {
diff --git a/src/modules/15_development/views/EmployeeHistory.vue b/src/modules/15_development/views/EmployeeHistory.vue
index 009ad031a..57a484e6f 100644
--- a/src/modules/15_development/views/EmployeeHistory.vue
+++ b/src/modules/15_development/views/EmployeeHistory.vue
@@ -388,7 +388,6 @@ onMounted(async () => {
             map-options
             :options="columns"
             option-value="name"
-            style="min-width: 140px"
           />
         </div>
       </q-toolbar>
diff --git a/src/modules/15_development/views/History.vue b/src/modules/15_development/views/History.vue
index 62d5196e3..f9541ab59 100644
--- a/src/modules/15_development/views/History.vue
+++ b/src/modules/15_development/views/History.vue
@@ -409,7 +409,6 @@ onMounted(() => {
             map-options
             :options="columns"
             option-value="name"
-            style="min-width: 140px"
           />
         </div>
       </q-toolbar>
diff --git a/src/modules/15_development/views/MainPage.vue b/src/modules/15_development/views/MainPage.vue
index 40f245bf5..2854f062b 100644
--- a/src/modules/15_development/views/MainPage.vue
+++ b/src/modules/15_development/views/MainPage.vue
@@ -417,19 +417,18 @@ onMounted(() => {
             map-options
             @update:model-value="fetchListProjectNew"
           />
-          <q-toolbar-title>
-            <q-btn
-              v-if="checkPermission($route)?.attrIsCreate"
-              flat
-              round
-              dense
-              icon="add"
-              color="primary"
-              @click="onAdd()"
-            >
-              <q-tooltip>เพิ่มข้อมูล</q-tooltip>
-            </q-btn>
-          </q-toolbar-title>
+
+          <q-btn
+            v-if="checkPermission($route)?.attrIsCreate"
+            flat
+            round
+            dense
+            icon="add"
+            color="primary"
+            @click="onAdd()"
+          >
+            <q-tooltip>เพิ่มข้อมูล</q-tooltip>
+          </q-btn>
 
           <q-space />
 
@@ -480,7 +479,6 @@ onMounted(() => {
             map-options
             :options="columns"
             option-value="name"
-            
             style="min-width: 140px"
           />
         </q-toolbar>