From 174530e7f9bad0a8b1072ba608e3ecd04294f140 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Fri, 10 Nov 2023 13:56:18 +0700
Subject: [PATCH 1/4] =?UTF-8?q?=E0=B8=9B=E0=B8=A3=E0=B8=B1=E0=B8=9A=20mixi?=
 =?UTF-8?q?n=20messageError=20=E0=B9=81=E0=B8=AA=E0=B8=94=E0=B8=87=20resul?=
 =?UTF-8?q?t=20=E0=B8=81=E0=B9=88=E0=B8=AD=E0=B8=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/modules/09_leave/components/3_WorkTime/DialogForm.vue | 2 +-
 src/modules/09_leave/views/RoundMain.vue                  | 2 +-
 src/stores/mixin.ts                                       | 3 ++-
 3 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/modules/09_leave/components/3_WorkTime/DialogForm.vue b/src/modules/09_leave/components/3_WorkTime/DialogForm.vue
index 56310434a..ad6f3f720 100644
--- a/src/modules/09_leave/components/3_WorkTime/DialogForm.vue
+++ b/src/modules/09_leave/components/3_WorkTime/DialogForm.vue
@@ -16,7 +16,7 @@ import { useQuasar } from "quasar";
 
 const $q = useQuasar();
 const mixin = useCounterMixin();
-const { showLoader, dialogConfirm, success, messageError } = mixin;
+const { dialogConfirm, success, messageError } = mixin;
 
 /** propsData จาก RoundMain */
 const props = defineProps({
diff --git a/src/modules/09_leave/views/RoundMain.vue b/src/modules/09_leave/views/RoundMain.vue
index cc98f7782..2fbae0053 100644
--- a/src/modules/09_leave/views/RoundMain.vue
+++ b/src/modules/09_leave/views/RoundMain.vue
@@ -229,7 +229,7 @@ const pagination = ref({
             </q-td>
             <q-td>
               <q-btn
-                v-if="props.row.isActive === false"
+                v-if="props.row.isDefault === false"
                 dense
                 flat
                 round
diff --git a/src/stores/mixin.ts b/src/stores/mixin.ts
index 9909212ec..d5b93d965 100644
--- a/src/stores/mixin.ts
+++ b/src/stores/mixin.ts
@@ -376,11 +376,12 @@ export const useCounterMixin = defineStore("mixin", () => {
             },
           });
         } else {
+          const message = e.response.data.result ?? e.response.data.message;
           q.dialog({
             component: CustomComponent,
             componentProps: {
               title: `พบข้อผิดพลาด`,
-              message: `${e.response.data.message}`,
+              message: `${message}`,
               icon: "warning",
               color: "red",
               onlycancel: true,

From b311f1482b8e35993018c5abf84e1ee48c82de32 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Fri, 10 Nov 2023 13:59:48 +0700
Subject: [PATCH 2/4] no message

---
 src/modules/09_leave/views/RoundMain.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/modules/09_leave/views/RoundMain.vue b/src/modules/09_leave/views/RoundMain.vue
index 2fbae0053..b20b24f33 100644
--- a/src/modules/09_leave/views/RoundMain.vue
+++ b/src/modules/09_leave/views/RoundMain.vue
@@ -229,7 +229,9 @@ const pagination = ref({
             </q-td>
             <q-td>
               <q-btn
-                v-if="props.row.isDefault === false"
+                v-if="
+                  props.row.isDefault === false && props.row.isActive === false
+                "
                 dense
                 flat
                 round

From b202f2ed9d3dcd9478d9048be63c0a4a0c944e20 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Fri, 10 Nov 2023 14:49:16 +0700
Subject: [PATCH 3/4] =?UTF-8?q?=E0=B8=84=E0=B8=AD=E0=B8=A1=E0=B9=80?=
 =?UTF-8?q?=E0=B8=A1=E0=B9=89=E0=B8=99=20Code=20=E0=B8=A3=E0=B8=B0?=
 =?UTF-8?q?=E0=B8=9A=E0=B8=9A=20=E0=B8=A5=E0=B8=87=E0=B9=80=E0=B8=A7?=
 =?UTF-8?q?=E0=B8=A5=E0=B8=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/1_Work/DialogDetail.vue        | 11 ++++++--
 .../09_leave/components/1_Work/TableList.vue  | 28 ++++++++++++-------
 .../09_leave/components/1_Work/ToolBar.vue    |  6 ++--
 .../components/1_Work/ToolBarDate.vue         |  8 +++---
 .../components/2_Leave/DetailLeave.vue        | 14 +++++-----
 .../09_leave/components/2_Leave/TableList.vue | 28 ++++++++-----------
 .../09_leave/components/2_Leave/ToolBar.vue   | 12 ++++++--
 .../components/3_WorkTime/DialogForm.vue      |  1 +
 .../09_leave/views/ChangeRoundMain.vue        |  2 +-
 src/modules/09_leave/views/LeaveListMain.vue  |  6 +---
 src/modules/09_leave/views/WorkingMain.vue    | 27 ++++++++++--------
 11 files changed, 80 insertions(+), 63 deletions(-)

diff --git a/src/modules/09_leave/components/1_Work/DialogDetail.vue b/src/modules/09_leave/components/1_Work/DialogDetail.vue
index a02604db2..d6ca9f1f3 100644
--- a/src/modules/09_leave/components/1_Work/DialogDetail.vue
+++ b/src/modules/09_leave/components/1_Work/DialogDetail.vue
@@ -1,18 +1,24 @@
 <script setup lang="ts">
 import { ref, watch } from "vue";
+
+/** props จาก TableList */
 const props = defineProps({
   modal: {
     type: Boolean,
+    require: true,
   },
   detail: {
     type: Object,
+    require: true,
   },
   colse: {
     type: Function,
+    require: true,
   },
 });
 const statusEdit = ref<boolean>(false);
-// รายละเอียดข้อมูล
+
+/** รายละเอียดข้อมูล */
 const titlename = ref<string>("");
 const timeIn = ref<string>("");
 const timeOut = ref<string>("");
@@ -33,7 +39,8 @@ watch(props, () => {
     }
   }
 });
-// ปิด popup
+
+/** Function ปิด popup */
 function colsePopup() {
   props.colse ? props.colse() : false;
 }
diff --git a/src/modules/09_leave/components/1_Work/TableList.vue b/src/modules/09_leave/components/1_Work/TableList.vue
index d69217f23..ec163523e 100644
--- a/src/modules/09_leave/components/1_Work/TableList.vue
+++ b/src/modules/09_leave/components/1_Work/TableList.vue
@@ -1,20 +1,23 @@
 <script setup lang="ts">
 import { ref, onMounted } from "vue";
+
+/** importType*/
 import type { QTableProps } from "quasar";
-//import Stores
+
+/** importComponents */
+import DialogDetail from "@/modules/09_leave/components/1_Work/DialogDetail.vue";
+
+/** importStores */
 import { useCounterMixin } from "@/stores/mixin";
 import { useWorklistDataStore } from "@/modules/09_leave/stores/WorkStore";
 
-//importComponents
-import DialogDetail from "@/modules/09_leave/components/1_Work/DialogDetail.vue";
-
+/** useStore */
 const mixin = useCounterMixin();
 const workStore = useWorklistDataStore();
-
 const { date2Thai } = mixin;
 const { searchDataFn, filterFn } = workStore;
 
-//ข้อมูล Table
+/** ข้อมูลหัวตาราง*/
 const columns = ref<QTableProps["columns"]>([
   {
     name: "no",
@@ -80,24 +83,29 @@ const visibleColumns = ref<string[]>([
   "coordinatesOut",
 ]);
 
+/** Hook */
 onMounted(() => {
   workStore.columns = columns.value;
   workStore.visibleColumns = visibleColumns.value;
 });
 
-//DialogDetail
+/** ข้อมูล popup */
 const modal = ref<boolean>(false);
 const dataDetail = ref<any>([]);
-// เปิด popup ลายละเอียด
+/**
+ * Function openPopup และแสดงรายละเอียด
+ * @param data ข้อมูลรายละเอียด
+ */
 function clickDetail(data: any) {
   modal.value = true;
   dataDetail.value = data;
-} //ปิด popup ลายละเอียด
+}
+/** Function ปิด popup */
 function colseDeyail() {
   modal.value = false;
 }
 
-//pagination
+/** pagination */
 const pagination = ref({
   descending: true,
   page: 1,
diff --git a/src/modules/09_leave/components/1_Work/ToolBar.vue b/src/modules/09_leave/components/1_Work/ToolBar.vue
index f519ebe0f..ccd80c8df 100644
--- a/src/modules/09_leave/components/1_Work/ToolBar.vue
+++ b/src/modules/09_leave/components/1_Work/ToolBar.vue
@@ -1,14 +1,14 @@
 <script setup lang="ts">
-//import Stores
+/** importStores */
 import { useCounterMixin } from "@/stores/mixin";
 import { useWorklistDataStore } from "@/modules/09_leave/stores/WorkStore";
-
+/** useStore */
 const workStore = useWorklistDataStore();
 const mixin = useCounterMixin();
-
 const { date2Thai } = mixin;
 const { filterFn, searchDataFn } = workStore;
 
+/** Functicon หาค่ามากสุดและปิดวันที่ไม่ให้เลือกวันล่วงหน้า*/
 function calculateMaxDate() {
   const today = new Date();
   today.setDate(today.getDate());
diff --git a/src/modules/09_leave/components/1_Work/ToolBarDate.vue b/src/modules/09_leave/components/1_Work/ToolBarDate.vue
index 8ae1cc18b..92ca0c224 100644
--- a/src/modules/09_leave/components/1_Work/ToolBarDate.vue
+++ b/src/modules/09_leave/components/1_Work/ToolBarDate.vue
@@ -1,14 +1,14 @@
 <script setup lang="ts">
-//import Stores
+/** importStores */
 import { useCounterMixin } from "@/stores/mixin";
 import { useWorklistDataStore } from "@/modules/09_leave/stores/WorkStore";
-
+/** useStore */
 const workStore = useWorklistDataStore();
 const mixin = useCounterMixin();
-
 const { date2Thai } = mixin;
-const { filterFn, searchDataFn } = workStore;
+const { searchDataFn } = workStore;
 
+/** Functicon หาค่ามากสุดและปิดวันที่ไม่ให้เลือกวันล่วงหน้า*/
 function calculateMaxDate() {
   const today = new Date();
   today.setDate(today.getDate());
diff --git a/src/modules/09_leave/components/2_Leave/DetailLeave.vue b/src/modules/09_leave/components/2_Leave/DetailLeave.vue
index 7a255d482..8a4ae48e6 100644
--- a/src/modules/09_leave/components/2_Leave/DetailLeave.vue
+++ b/src/modules/09_leave/components/2_Leave/DetailLeave.vue
@@ -2,17 +2,17 @@
 import { ref, reactive, onMounted } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import { useQuasar } from "quasar";
-//importStore
+/** importStore */
 import { useCounterMixin } from "@/stores/mixin";
 import { useLeavelistDataStore } from "@/modules/09_leave/stores/LeaveStore";
 import { useLeavelistDataStoreTest } from "@/modules/09_leave/stores/ListLeave";
 
 const APIDATA = useLeavelistDataStoreTest();
 
-//importType
+/** importType */
 import type { FremData } from "@/modules/09_leave/interface/request/leave";
 
-// importForm
+/** importForm*/
 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"; // ลาไปช่วยเหลือภริยาที่คลอดบุตร
@@ -25,6 +25,8 @@ import FormLeaveToTraining from "@/modules/09_leave/components/2_Leave/formDetai
 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"; //ลาไปฟื้นฟูสมรรถภาพด้านอาชีพ
+
+/** use */
 const $q = useQuasar();
 const mixin = useCounterMixin();
 const { dialogConfirm, showLoader, hideLoader, date2Thai } = mixin;
@@ -170,17 +172,15 @@ function fetchDetailLeave(paramsId: string) {
     formData.historyFollow = e.historyFollow;
   });
 
-  // setTimeout(() => {
-
+  /** ส่งประเภทของการลาไป Function เช็คประเภทการลา*/
   checkLeaveType(formData.leaveType ? formData.leaveType : "");
   hideLoader();
-  // }, 1000);
 }
 /**Status Form การลา*/
 const checkForm = ref<string>("");
 /**
  * Function เช็คประเภทการลา
- * @param type รับค่าประเภทของการลา
+ * @param type รับค่า
  */
 function checkLeaveType(type: string) {
   if (type === "leave1" || type === "leave2" || type === "leave3") {
diff --git a/src/modules/09_leave/components/2_Leave/TableList.vue b/src/modules/09_leave/components/2_Leave/TableList.vue
index 4627e2220..b1c513a48 100644
--- a/src/modules/09_leave/components/2_Leave/TableList.vue
+++ b/src/modules/09_leave/components/2_Leave/TableList.vue
@@ -3,7 +3,8 @@ q
 import { ref, onMounted } from "vue";
 import type { QTableProps } from "quasar";
 import { useRouter } from "vue-router";
-//import Stores
+
+/** importStores*/
 import { useCounterMixin } from "@/stores/mixin";
 import { useLeavelistDataStore } from "@/modules/09_leave/stores/LeaveStore";
 const mixin = useCounterMixin();
@@ -11,10 +12,17 @@ const leaveStore = useLeavelistDataStore();
 
 const router = useRouter();
 
-const { date2Thai } = mixin;
-const { optionYear, searchDataFn, filterOption } = leaveStore; // เรียน funtion จาก stores
+/** Hook*/
+onMounted(() => {
+  leaveStore.columns = columns.value;
+  leaveStore.visibleColumns = visibleColumns.value;
+});
 
-// ข้อมูล TABLE
+/** เรียน funtion จาก stores*/
+// const { date2Thai } = mixin;
+// const { optionYear, searchDataFn, filterOption } = leaveStore;
+
+/** ข้อมูลหัวตาราง  */
 const columns = ref<QTableProps["columns"]>([
   {
     name: "no",
@@ -70,22 +78,11 @@ const visibleColumns = ref<string[]>([
   "status",
 ]);
 
-onMounted(() => {
-  leaveStore.columns = columns.value;
-  leaveStore.visibleColumns = visibleColumns.value;
-});
-
 const pagination = ref({
   descending: true,
   page: 1,
   rowsPerPage: 10,
 });
-
-const paging = ref<boolean>(true);
-const paginationLabel = (start: string, end: string, total: string) => {
-  if (paging.value == true) return " " + start + "-" + end + " ใน " + total;
-  else return start + "-" + end + " ใน " + total;
-};
 </script>
 
 <template>
@@ -101,7 +98,6 @@ const paginationLabel = (start: string, end: string, total: string) => {
     dense
     class="custom-header-table"
     :visible-columns="leaveStore.visibleColumns"
-    :pagination-label="paginationLabel"
     v-model:pagination="pagination"
     :loading="leaveStore.loadTable"
   >
diff --git a/src/modules/09_leave/components/2_Leave/ToolBar.vue b/src/modules/09_leave/components/2_Leave/ToolBar.vue
index dafe9ad8e..0742441b9 100644
--- a/src/modules/09_leave/components/2_Leave/ToolBar.vue
+++ b/src/modules/09_leave/components/2_Leave/ToolBar.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-//import Stores
+/** importStores*/
 import { useLeavelistDataStore } from "@/modules/09_leave/stores/LeaveStore";
 
 const leaveStore = useLeavelistDataStore();
@@ -70,7 +70,13 @@ const { searchDataFn, filterOption } = leaveStore;
             (inputValue:any, doneFn:Function) =>
             filterOption(inputValue, doneFn, 'status')
           "
-      />
+      >
+        <template v-slot:no-option>
+          <q-item>
+            <q-item-section class="text-grey"> ไม่มีข้อมูล </q-item-section>
+          </q-item>
+        </template></q-select
+      >
     </div>
     <q-space />
     <div class="col-xs-12 col-sm-3 col-md-2">
@@ -99,4 +105,4 @@ const { searchDataFn, filterOption } = leaveStore;
       />
     </div>
   </div>
-</template>
\ No newline at end of file
+</template>
diff --git a/src/modules/09_leave/components/3_WorkTime/DialogForm.vue b/src/modules/09_leave/components/3_WorkTime/DialogForm.vue
index ad6f3f720..83719aafd 100644
--- a/src/modules/09_leave/components/3_WorkTime/DialogForm.vue
+++ b/src/modules/09_leave/components/3_WorkTime/DialogForm.vue
@@ -134,6 +134,7 @@ async function putRoundDuty(id: string) {
     });
 }
 
+//** Function ปิด Popup */
 function close() {
   props.closeDialog?.();
 }
diff --git a/src/modules/09_leave/views/ChangeRoundMain.vue b/src/modules/09_leave/views/ChangeRoundMain.vue
index 512808b32..45274c65a 100644
--- a/src/modules/09_leave/views/ChangeRoundMain.vue
+++ b/src/modules/09_leave/views/ChangeRoundMain.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, useAttrs, onMounted, reactive } from "vue";
+import { ref, onMounted, reactive } from "vue";
 import { useQuasar } from "quasar";
 // ค้นหาในตาราง
 import type { dataPost } from "@/modules/09_leave/interface/request/changeRound";
diff --git a/src/modules/09_leave/views/LeaveListMain.vue b/src/modules/09_leave/views/LeaveListMain.vue
index de75d51a4..14e88037b 100644
--- a/src/modules/09_leave/views/LeaveListMain.vue
+++ b/src/modules/09_leave/views/LeaveListMain.vue
@@ -19,12 +19,8 @@ const { fetchList, clearFilter } = leaveStore;
 onMounted(() => {
   fecthLeaveList();
 });
-/**
- * เรียกข้อมูลจาก API
- */
+/** เรียกข้อมูลจาก API*/
 function fecthLeaveList() {
-  console.log(APIDATA.data);
-
   const data = APIDATA.data;
 
   fetchList(data); /** ส่งข้อมูลไป stores*/
diff --git a/src/modules/09_leave/views/WorkingMain.vue b/src/modules/09_leave/views/WorkingMain.vue
index 0580e8be8..370364815 100644
--- a/src/modules/09_leave/views/WorkingMain.vue
+++ b/src/modules/09_leave/views/WorkingMain.vue
@@ -1,29 +1,32 @@
 <script setup lang="ts">
 import { ref, onMounted } from "vue";
-//import Stores
+
+/** importStores */
 import { useCounterMixin } from "@/stores/mixin";
 import { useWorklistDataStore } from "@/modules/09_leave/stores/WorkStore";
-//import Components
+
+/** import Components */
 import TableList from "@/modules/09_leave/components/1_Work/TableList.vue";
 import ToolBar from "@/modules/09_leave/components/1_Work/ToolBar.vue";
-// import Type
-import type {
-  TableRows,
-  DataRes,
-} from "@/modules/09_leave/interface/response/work";
 import ToolBarDate from "../components/1_Work/ToolBarDate.vue";
-// use Store
+
+/** import Type */
+import type { DataRes } from "@/modules/09_leave/interface/response/work";
+
+/** use Store */
 const mixin = useCounterMixin();
 const workStore = useWorklistDataStore();
 const { date2Thai } = mixin;
 const { fetchList } = workStore;
 
-const tab = ref("1")
+const tab = ref("1");
 
+/** Hook */
 onMounted(() => {
   fecthWorkList();
 });
-//เรียกข้อมูลรายการลงเวลาปฏิบัติงาน
+
+/** เรียกข้อมูลรายการลงเวลาปฏิบัติงาน */
 function fecthWorkList() {
   const listData: DataRes[] = [
     {
@@ -98,10 +101,10 @@ function fecthWorkList() {
         active-bg-color="teal-1"
         active-class="text-primary"
       >
-        <q-tab name="1" label="รายการลงเวลาที่ประมวลผลแล้ว"/>
+        <q-tab name="1" label="รายการลงเวลาที่ประมวลผลแล้ว" />
         <q-tab name="2" label="รายการลงเวลา" />
       </q-tabs>
-        
+
       <q-separator />
 
       <q-tab-panels v-model="tab" animated>

From ef6d41ff56d7d364aa92871b7faefc30104e92cc Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Fri, 10 Nov 2023 14:58:49 +0700
Subject: [PATCH 4/4] =?UTF-8?q?=E0=B8=84=E0=B8=AD=E0=B8=A1=E0=B9=80?=
 =?UTF-8?q?=E0=B8=A1=E0=B9=89=E0=B8=99=20code=20=E0=B8=A3=E0=B8=B0?=
 =?UTF-8?q?=E0=B8=9A=E0=B8=9A=E0=B8=81=E0=B8=B2=E0=B8=A3=E0=B8=A5=E0=B8=B2?=
 =?UTF-8?q?(=E0=B9=80=E0=B8=9E=E0=B8=B4=E0=B9=88=E0=B8=A1=E0=B9=80?=
 =?UTF-8?q?=E0=B8=95=E0=B8=B4=E0=B8=A1)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/4_ChangeRound/DialogForm.vue   | 15 +++++++++---
 .../09_leave/views/ChangeRoundMain.vue        | 24 ++++++++++++++++---
 2 files changed, 33 insertions(+), 6 deletions(-)

diff --git a/src/modules/09_leave/components/4_ChangeRound/DialogForm.vue b/src/modules/09_leave/components/4_ChangeRound/DialogForm.vue
index 370c5ec18..1ca7c917b 100644
--- a/src/modules/09_leave/components/4_ChangeRound/DialogForm.vue
+++ b/src/modules/09_leave/components/4_ChangeRound/DialogForm.vue
@@ -1,17 +1,23 @@
 <script setup lang="ts">
-import { ref, reactive, watchEffect, watch } from "vue";
+import { ref, reactive, watch } from "vue";
+import { useQuasar } from "quasar";
+
+/** importType */
 import type {
   changeRoundEdit,
   MyObjectRoundChangeRef,
 } from "@/modules/09_leave/interface/request/changeRound";
+
+/** importStore */
 import { useCounterMixin } from "@/stores/mixin";
-import { useQuasar } from "quasar";
 import { useChangeRoundDataStore } from "@/modules/09_leave/stores/ChangeRoundStore";
+/** useStore */
 const dataStore = useChangeRoundDataStore();
-const $q = useQuasar();
 const mixin = useCounterMixin();
 const { dialogConfirm, date2Thai } = mixin;
 
+const $q = useQuasar();
+
 const roundRef = ref<Object | null>(null);
 const resonRef = ref<Object | null>(null);
 const effectiveDateRef = ref<Object | null>(null);
@@ -38,6 +44,7 @@ const objectRoundChange: MyObjectRoundChangeRef = {
   effectiveDate: effectiveDateRef,
 };
 
+/** Function validateForm */
 function validateForm() {
   const hasError = [];
   for (const key in objectRoundChange) {
@@ -55,6 +62,8 @@ function validateForm() {
     console.log(hasError);
   }
 }
+
+/** Function ยืนยันการบันทึกข้อมูล */
 function onSubmit() {
   dialogConfirm(
     $q,
diff --git a/src/modules/09_leave/views/ChangeRoundMain.vue b/src/modules/09_leave/views/ChangeRoundMain.vue
index 45274c65a..01af6062b 100644
--- a/src/modules/09_leave/views/ChangeRoundMain.vue
+++ b/src/modules/09_leave/views/ChangeRoundMain.vue
@@ -1,16 +1,25 @@
 <script setup lang="ts">
 import { ref, onMounted, reactive } from "vue";
 import { useQuasar } from "quasar";
-// ค้นหาในตาราง
+
+/** importType */
 import type { dataPost } from "@/modules/09_leave/interface/request/changeRound";
-import { useChangeRoundDataStore } from "@/modules/09_leave/stores/ChangeRoundStore";
+
+/** importComponents */
 import Dialogform from "@/modules/09_leave/components/4_ChangeRound/DialogForm.vue";
 import Modal from "@/modules/05_placement/components/AppointEmployee/Modal.vue";
+
+/** importStore */
 import { useCounterMixin } from "@/stores/mixin";
-const $q = useQuasar();
+import { useChangeRoundDataStore } from "@/modules/09_leave/stores/ChangeRoundStore";
+/** useStore */
 const mixin = useCounterMixin();
 const { dialogConfirm, date2Thai, dialogMessageNotify } = mixin;
 const dataStore = useChangeRoundDataStore();
+
+/** use */
+const $q = useQuasar();
+
 const modal = ref<boolean>(false);
 const editCheck = ref<string>("");
 const DataRow = ref<any>();
@@ -20,16 +29,23 @@ const formData = reactive<dataPost>({
   lastName: "",
 });
 
+/**
+ * Function openPopup
+ * @param check action edit,history
+ * @param detail รายละเอียดข้อมูลรอบการปฏิบัติของผู้ใช้งาน
+ */
 function Openmodal(check: string, detail: any) {
   DataRow.value = detail;
   modal.value = true;
   editCheck.value = check;
 }
 
+/** Function closePopup */
 function closeDialog() {
   modal.value = false;
 }
 
+/** Function ค้นหาข้อมูล */
 function searchData() {
   if (formData.cardId || formData.firstName || formData.lastName) {
     dataStore.fetchDataForCardId(formData, "click");
@@ -37,6 +53,8 @@ function searchData() {
     dialogMessageNotify($q, "กรุณากรอกข้อมูลอย่างน้อย 1 ช่อง");
   }
 }
+
+/** Hook */
 onMounted(() => {
   dataStore.fetchDatainHistory([
     {