From 45ef9649e1b772d112db603f83788a16ee161777 Mon Sep 17 00:00:00 2001
From: AnandaTon <ananda@frappet.com>
Date: Fri, 17 Nov 2023 14:21:53 +0700
Subject: [PATCH] comment code retirement

---
 .../06_retirement/components/DialogFooter.vue |  3 +
 .../06_retirement/components/DialogHeader.vue |  5 ++
 .../components/Expulsion/expulsionMain.vue    | 24 ++++--
 .../Expulsion/expulsionRegistry.vue           | 22 +++--
 .../components/ListRetirement/AddList.vue     | 10 ++-
 .../components/ListRetirement/TableList.vue   | 34 ++++++--
 .../components/ListRetirement/popupAdd.vue    |  4 +
 .../components/resign/Deceased.vue            | 11 +++
 .../components/resign/DetailByidDeceased.vue  | 80 +++++++++++++-----
 .../components/resign/DetailDeceased.vue      |  6 ++
 .../components/resign/DialogSendToCommand.vue |  8 ++
 .../components/resign/Resign.vue              | 81 ++++++++++++++++---
 .../components/resign/ResignByid.vue          | 48 ++++++++---
 .../components/resign/ResignOrder.vue         | 22 ++++-
 .../components/2_Leave/DetailLeave.vue        |  1 -
 15 files changed, 295 insertions(+), 64 deletions(-)

diff --git a/src/modules/06_retirement/components/DialogFooter.vue b/src/modules/06_retirement/components/DialogFooter.vue
index 6f75a69b5..e7e10e928 100644
--- a/src/modules/06_retirement/components/DialogFooter.vue
+++ b/src/modules/06_retirement/components/DialogFooter.vue
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+/** props*/
 const props = defineProps({
   editvisible: Boolean,
   modalEdit: Boolean,
@@ -32,6 +33,8 @@ const edit = async () => {
   updateEdit(!props.editvisible);
   props.edit();
 };
+
+/* บันทึกข้อมูล**/
 const checkSave = () => {
   props.validate();
   props.save();
diff --git a/src/modules/06_retirement/components/DialogHeader.vue b/src/modules/06_retirement/components/DialogHeader.vue
index 82ba60d98..7bc9b4207 100644
--- a/src/modules/06_retirement/components/DialogHeader.vue
+++ b/src/modules/06_retirement/components/DialogHeader.vue
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+/** props*/
 const props = defineProps({
   title: String,
   close: {
@@ -6,6 +7,10 @@ const props = defineProps({
     default: () => console.log("not function"),
   },
 });
+
+/**
+ * ฟังก์ชั่น close
+ */
 const close = async () => {
   props.close();
 };
diff --git a/src/modules/06_retirement/components/Expulsion/expulsionMain.vue b/src/modules/06_retirement/components/Expulsion/expulsionMain.vue
index a78a5521e..be9c92eef 100644
--- a/src/modules/06_retirement/components/Expulsion/expulsionMain.vue
+++ b/src/modules/06_retirement/components/Expulsion/expulsionMain.vue
@@ -11,11 +11,12 @@ import http from "@/plugins/http";
 import config from "@/app.config";
 import type { ResponseData } from "@/modules/06_retirement/interface/response/expulsion";
 
+/** use */
 const $q = useQuasar();
 const router = useRouter();
+const modal = ref<boolean>(false);
 const mixin = useCounterMixin();
 const retirementStore = useRetirementDataStore();
-
 const {
   date2Thai,
   messageError,
@@ -26,7 +27,7 @@ const {
 } = mixin;
 const { statusText } = retirementStore;
 
-const modal = ref<boolean>(false);
+/** คอลัมน์ที่แสดง */
 const visibleColumns = ref<string[]>([
   "no",
   "fullname",
@@ -46,6 +47,7 @@ const resetFilter = () => {
   filterRef.value.focus();
 };
 
+/** คอลัมน์ */
 const rows = ref<ResponseData[]>([]);
 const rows2 = ref<ResponseData[]>([]);
 const filters = ref<ResponseData[]>([]);
@@ -115,10 +117,14 @@ const columns = ref<QTableProps["columns"]>([
   },
 ]);
 
+/** HOOK */
 onMounted(async () => {
   await getData();
 });
 
+/**
+ * ฟังก์ชั่น modal
+ */
 const openModalOrder = () => {
   openModal();
   const row = filters.value.filter(
@@ -136,7 +142,12 @@ const openModalOrder = () => {
   );
   rows2.value = row;
 };
+const openModal = () => (modal.value = true);
+const closeModal = () => (modal.value = false);
 
+/**
+ * นำข้อมูลมาจาก API
+ */
 const getData = async () => {
   showLoader();
   await http
@@ -179,6 +190,10 @@ const getData = async () => {
     });
 };
 
+/**
+ * ลบข้อมูล
+ * @param id ไอดีข้อมูล
+ */
 const clickDelete = async (id: string) => {
   dialogRemove(
     $q,
@@ -189,7 +204,7 @@ const clickDelete = async (id: string) => {
     `ต้องการทำการลบข้อมูลนี้ใช่หรือไม่?`
   );
 };
-
+//ลบข้อมูลจากAPI
 const deleteData = async (id: string) => {
   await http
     .delete(config.API.expulsionByid(id))
@@ -205,8 +220,7 @@ const deleteData = async (id: string) => {
     });
 };
 
-const openModal = () => (modal.value = true);
-const closeModal = () => (modal.value = false);
+/** Setting Pagination */
 const pagination = ref({
   sortBy: "createdAt",
   descending: true,
diff --git a/src/modules/06_retirement/components/Expulsion/expulsionRegistry.vue b/src/modules/06_retirement/components/Expulsion/expulsionRegistry.vue
index 3ac9103d8..c440012e3 100644
--- a/src/modules/06_retirement/components/Expulsion/expulsionRegistry.vue
+++ b/src/modules/06_retirement/components/Expulsion/expulsionRegistry.vue
@@ -4,19 +4,18 @@ import { useQuasar } from "quasar";
 import { useRoute, useRouter } from "vue-router";
 import { useCounterMixin } from "@/stores/mixin";
 import CurrencyInput from "@/components/CurruncyInput.vue";
-
 import http from "@/plugins/http";
 import config from "@/app.config";
 import keycloak from "@/plugins/keycloak";
-
+/**Import Type */
 import type { QForm } from "quasar";
 import type { ResponseDataDetail } from "@/modules/06_retirement/interface/response/expulsion";
 
+/** Use */
 const $q = useQuasar();
 const route = useRoute();
 const router = useRouter();
 const mixin = useCounterMixin();
-
 const dataId = route.params.id.toString();
 const {
   date2Thai,
@@ -27,10 +26,10 @@ const {
   dialogConfirm,
 } = mixin;
 
+/**ตัวแปร */
 const myForm = ref<QForm | null>(null);
 const roleAdmin = ref<boolean>(false);
 const edit = ref<boolean>(false);
-
 const organizationPositionOld = ref<string>("");
 const positionTypeOld = ref<string>("");
 const positionLevelOld = ref<string>("");
@@ -40,6 +39,7 @@ const organization = ref<string>("");
 const date = ref<Date | null>(null);
 const reason = ref<string>("");
 
+/**Setค่าตัวแปร */
 const responseData = ref<ResponseDataDetail>({
   personId: "",
   avataPath: "",
@@ -57,6 +57,7 @@ const responseData = ref<ResponseDataDetail>({
   fullname: "",
 });
 
+/**Hook */
 onMounted(async () => {
   if (keycloak.tokenParsed != null) {
     roleAdmin.value = await keycloak.tokenParsed.role.includes("placement1");
@@ -64,6 +65,9 @@ onMounted(async () => {
   await getData();
 });
 
+/**
+ * นำข้อมูลมาจาก API
+ */
 const getData = async () => {
   showLoader();
   await http
@@ -108,11 +112,15 @@ const getData = async () => {
     });
 };
 
+/**ฟังก์ชั่นcancel */
 const clickCancel = async () => {
   await getData();
   edit.value = false;
 };
 
+/**
+ * Functionบันทึก
+ */
 const conditionSave = async () => {
   if (myForm.value !== null) {
     myForm.value.validate().then((success) => {
@@ -129,7 +137,7 @@ const conditionSave = async () => {
     });
   }
 };
-
+//Save จาก Api
 const saveData = async () => {
   const body = {
     organization: organization.value,
@@ -157,6 +165,10 @@ const saveData = async () => {
     });
 };
 
+/**
+ * Function เพิ่ม Class เวลา Edit
+ * @param val เมื่อเป็นEdit จะเปลี่ยน Class
+ */
 const getClass = (val: boolean) => {
   return {
     "full-width inputgreen cursor-pointer": val,
diff --git a/src/modules/06_retirement/components/ListRetirement/AddList.vue b/src/modules/06_retirement/components/ListRetirement/AddList.vue
index 4a1ad11af..754cfddfe 100644
--- a/src/modules/06_retirement/components/ListRetirement/AddList.vue
+++ b/src/modules/06_retirement/components/ListRetirement/AddList.vue
@@ -6,12 +6,14 @@ import { useCounterMixin } from "@/stores/mixin";
 import { useQuasar } from "quasar";
 import { useRoute } from "vue-router";
 
+/** Use */
 const $q = useQuasar(); //ใช้ noti quasar
 const mixin = useCounterMixin();
 const { messageError, success, showLoader, hideLoader, dialogConfirm } = mixin;
 const route = useRoute();
-
 const retireld_params = route.params.id;
+
+/** props*/
 const props = defineProps({
   retireld: String,
   profileId: String,
@@ -27,6 +29,7 @@ const retireld = ref<any>();
 const type = ref<any>();
 const filter = ref<string>("");
 
+/** คอลัมน์ */
 const columns = ref<any["columns"]>([
   {
     name: "index",
@@ -78,6 +81,7 @@ watch(modal, () => {
     fecthlistRetire();
   }
 });
+
 // fecth profile
 const fecthlistRetire = async () => {
   showLoader();
@@ -93,6 +97,7 @@ const fecthlistRetire = async () => {
       messageError($q, e);
     });
 };
+
 // เรียกรายชื่อประกาศเกษียณอายุราชการเพิ่ม
 const findlist = async (id: string) => {
   let data = [{}];
@@ -154,6 +159,9 @@ const updateListData = (retireld: string, pId: string) => {
   props.UpdateListId(retireld, pId);
 };
 
+/**
+ * Setiting Pagination
+ */
 const paging = ref<boolean>(true);
 const pagination = ref({
   sortBy: "fullname",
diff --git a/src/modules/06_retirement/components/ListRetirement/TableList.vue b/src/modules/06_retirement/components/ListRetirement/TableList.vue
index f745f127d..08618d96d 100644
--- a/src/modules/06_retirement/components/ListRetirement/TableList.vue
+++ b/src/modules/06_retirement/components/ListRetirement/TableList.vue
@@ -10,6 +10,7 @@ import config from "@/app.config";
 import DialogHeader from "@/components/DialogHeader.vue";
 import DialogPopupReason from "@/components/Dialogs/PopupReason.vue";
 
+/** Use */
 const route = useRoute();
 const router = useRouter();
 const $q = useQuasar();
@@ -26,6 +27,7 @@ const {
 } = mixin;
 const myForm = ref<QForm | null>(null);
 
+/** ตัวแปร  */
 const retireld_params = route.params.retirementId;
 const modalNote = ref<boolean>(false);
 const note = ref<string>("");
@@ -37,7 +39,14 @@ const statusUpload = ref<boolean>();
 const modalEdit = ref<boolean>(false);
 const textReport = ref<string>("");
 const employeeType = ref<string>("OFFICER");
+const action = ref<string>("");
+const fileUpload = ref<any>(null);
+const round = ref<number>();
+const typeReport = ref<string>("");
+const statusReport = ref<boolean>();
+const dataProfile = ref<Object>([]);
 
+/** คอลัมน์ที่แสดง */
 const columns = ref<any["columns"]>([]);
 const rows = ref<any>([]);
 const visibleColumns = ref<string[]>([
@@ -55,22 +64,20 @@ const visibleColumns = ref<string[]>([
   "bureau",
 ]);
 
-const action = ref<string>("");
-const fileUpload = ref<any>(null);
-
+/** Hook */
 onMounted(() => {
   retireld.value = retireld_params.toString();
   fecthlistprofile(retireld.value);
 });
 
+/**
+ * ฟังก์ชั่นปิด Dialog
+ */
 const closeDialog = () => {
   modalNote.value = false;
   modalUpload.value = false;
 };
-const round = ref<number>();
-const typeReport = ref<string>("");
-const statusReport = ref<boolean>();
-const dataProfile = ref<Object>([]);
+
 // fecthlist
 const fecthlistprofile = async (id: string) => {
   showLoader();
@@ -121,6 +128,7 @@ const fecthlistprofile = async (id: string) => {
       messageError($q, e);
     })
     .finally(() => {
+      //คอลัมน์
       columns.value = [
         {
           name: "order",
@@ -243,6 +251,7 @@ const fecthCheck = async (id: string) => {
       messageError($q, err);
     });
 };
+
 // DelProfile
 const clickDelete = () => {
   dialogRemove(
@@ -269,6 +278,7 @@ const clickDelete = () => {
     "ต้องการลบข้อมูลนี้ใช่หรือไม่ ?"
   );
 };
+
 // แก้ไข้ข้อมูล
 const saveNote = () => {
   dialogConfirm(
@@ -296,19 +306,23 @@ const saveNote = () => {
   );
 };
 
+//อัพเดท ListId
 const UpdateListId = (retireld: string, pId: string) => {
   profileId.value = pId;
   fecthlistprofile(retireld);
 };
+
 // กลับหน้าเดิม
 const backHistory = () => {
   window.history.back();
 };
+
 const visibleNote = computed(() => {
   if (note.value === "" || note.value === undefined) {
     return true;
   }
 });
+
 // อัปโหลดไฟล์
 const modalUpload = ref<boolean>(false);
 const signDate = ref<Date | null>(null);
@@ -352,6 +366,7 @@ const uploadFile = async (event: any, signDate: any) => {
     });
   }
 };
+
 // downloadAttachment
 const downloadAttachment = async (type: string, id: string) => {
   showLoader();
@@ -369,6 +384,7 @@ const downloadAttachment = async (type: string, id: string) => {
       hideLoader();
     });
 };
+
 // downloadFile
 const downloadFile = (response: any, filename: string) => {
   const link = document.createElement("a");
@@ -379,6 +395,7 @@ const downloadFile = (response: any, filename: string) => {
   link.click();
   document.body.removeChild(link);
 };
+
 // ยืนยันการแก้ไขข้อมูล
 const saveEdiitReport = (reason: string) => {
   const formdata = new FormData();
@@ -403,15 +420,18 @@ const saveEdiitReport = (reason: string) => {
     "ต้องการยืนยันการแก้ไขข้อมูลนี้หรือไม่ ?"
   );
 };
+
 // เปิด popup เหตุผล
 const openmodalEditReport = () => {
   modalEdit.value = true;
 };
+
 // ปิด popup เหตุผล
 const closemodalEditReport = () => {
   modalEdit.value = false;
 };
 
+/** Setting Pagination */
 const paging = ref<boolean>(true);
 const pagination = ref({
   sortBy: "order",
diff --git a/src/modules/06_retirement/components/ListRetirement/popupAdd.vue b/src/modules/06_retirement/components/ListRetirement/popupAdd.vue
index 126c5927d..7ed7d8542 100644
--- a/src/modules/06_retirement/components/ListRetirement/popupAdd.vue
+++ b/src/modules/06_retirement/components/ListRetirement/popupAdd.vue
@@ -6,11 +6,13 @@ import { useRouter } from "vue-router";
 import http from "@/plugins/http";
 import config from "@/app.config";
 
+/** Use */
 const $q = useQuasar();
 const mixin = useCounterMixin();
 const { dialogConfirm, messageError } = mixin;
 const router = useRouter();
 
+/** Prop */
 const props = defineProps({
   type: {
     type: String,
@@ -63,6 +65,7 @@ const clickAdd = () => {
     }
   }
 };
+
 // เลือกรายการเพิ่ม
 const clickSelect = async (action: string) => {
   dialogConfirm(
@@ -81,6 +84,7 @@ const clickSelect = async (action: string) => {
     "ต้องการแก้ไขข้อมูลประกาศเกษียณใช่หรือไม่ ?"
   );
 };
+
 // เพิ่มรอบประกาศเกษียณอายุราชการ API
 const cerateRetirement = async (data: object) => {
   await http
diff --git a/src/modules/06_retirement/components/resign/Deceased.vue b/src/modules/06_retirement/components/resign/Deceased.vue
index 02bf8e424..3c8e01a1d 100644
--- a/src/modules/06_retirement/components/resign/Deceased.vue
+++ b/src/modules/06_retirement/components/resign/Deceased.vue
@@ -6,11 +6,14 @@ import { useCounterMixin } from "@/stores/mixin";
 import { useRouter } from "vue-router";
 import http from "@/plugins/http";
 import config from "@/app.config";
+
+/** Use */
 const router = useRouter();
 const $q = useQuasar();
 const mixin = useCounterMixin();
 const { showLoader, hideLoader, messageError, success, date2Thai } = mixin;
 
+/** คอลัมน์ */
 const rows = ref<any>([]);
 const columns = ref<QTableProps["columns"]>([
   {
@@ -88,6 +91,8 @@ const columns = ref<QTableProps["columns"]>([
     style: "font-size: 14px",
   },
 ]);
+
+/** คอลัมน์ที่แสดง */
 const visibleColumns = ref<string[]>([
   "no",
   "prefix",
@@ -99,9 +104,13 @@ const visibleColumns = ref<string[]>([
   "oc",
   "createdAt",
 ]);
+
+/**Hook */
 onMounted(() => {
   fectListDecased();
 });
+
+/**เรียกข้อมูลจาก APi */
 const fectListDecased = async () => {
   showLoader();
   await http
@@ -134,6 +143,8 @@ const resetFilter = () => {
   filterKeyword.value = "";
   filterRef.value.focus();
 };
+
+/** Setting Pagination */
 const nextPage = (id: string) => {
   router.push("/deceased/" + id);
 };
diff --git a/src/modules/06_retirement/components/resign/DetailByidDeceased.vue b/src/modules/06_retirement/components/resign/DetailByidDeceased.vue
index 095ba918a..12af75555 100644
--- a/src/modules/06_retirement/components/resign/DetailByidDeceased.vue
+++ b/src/modules/06_retirement/components/resign/DetailByidDeceased.vue
@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import { ref, onMounted } from "vue";
 import { useQuasar } from "quasar";
-
 import { useCounterMixin } from "@/stores/mixin";
 import DialogHeader from "@/modules/04_registry/components/DialogHeader.vue";
 import type { QInput, QForm } from "quasar";
@@ -9,15 +8,28 @@ import type { treeTab } from "@/modules/05_placement/interface/index/Main";
 import http from "@/plugins/http";
 import config from "@/app.config";
 import type { QTableProps } from "quasar";
-
 import type {
   requestSendNoti,
   DataCopyOrder,
   ResponseOrganiz,
 } from "@/modules/06_retirement/interface/response/Deceased";
 import { useRouter, useRoute } from "vue-router";
+
+/** Use */
 const router = useRouter();
 const route = useRoute();
+const $q = useQuasar();
+const mixin = useCounterMixin(); //เรียกฟังก์ชันกลาง
+const {
+  dialogRemove,
+  messageError,
+  showLoader,
+  hideLoader,
+  success,
+  dialogConfirm,
+} = mixin;
+
+/** props*/
 const props = defineProps({
   next: {
     type: Function,
@@ -31,24 +43,25 @@ const props = defineProps({
 const profileId = ref<string>(route.params.id.toString());
 const next = () => props.next();
 
-const $q = useQuasar();
-const mixin = useCounterMixin(); //เรียกฟังก์ชันกลาง
-const { dialogRemove, messageError, showLoader, hideLoader, success,dialogConfirm } = mixin;
-
+/**ตัวแปร */
 const myForm = ref<QForm | null>(null);
 const filterRef = ref<QInput>();
 const filter = ref<string>("");
-
 const modal = ref<boolean>(false);
 const search = ref<string>("");
 const expanded = ref<string[]>([]);
 const selected = ref<string>("");
 const nodesTree = ref<treeTab[]>([]);
-
 const selectedModal = ref<ResponseOrganiz[]>([]);
-
 const filterModal = ref<string>("");
+const rows = ref<DataCopyOrder[]>([]);
+const editRows = ref<DataCopyOrder[]>([]);
+
+/** คอลัมน์Modal ที่แสดง */
 const visibleColumnsModal = ref<String[]>(["no", "idCard", "name", "position"]);
+
+/** คอลัมน์Modal  */
+const rowsModal = ref<ResponseOrganiz[]>([]);
 const columnsModal = ref<QTableProps["columns"]>([
   {
     name: "no",
@@ -88,13 +101,13 @@ const columnsModal = ref<QTableProps["columns"]>([
   },
 ]);
 
-const rowsModal = ref<ResponseOrganiz[]>([]);
-
+/** selcet OPtion */
 const optionSelect = ref<any>([
   { id: 1, name: "อีเมล" },
   { id: 2, name: "กล่องข้อความ" },
 ]);
 
+/** คอลัมน์ที่แสดง */
 const visibleColumns = ref<String[]>([
   "no",
   "idCard",
@@ -103,6 +116,8 @@ const visibleColumns = ref<String[]>([
   "unit",
   "send",
 ]);
+
+/** คอลัมน์ */
 const columns = ref<QTableProps["columns"]>([
   { name: "no", align: "left", label: "ลำดับ", field: "no", sortable: true },
   {
@@ -152,14 +167,15 @@ const columns = ref<QTableProps["columns"]>([
   },
 ]);
 
-const rows = ref<DataCopyOrder[]>([]);
-
-const editRows = ref<DataCopyOrder[]>([]);
-
+/** Hook */
 onMounted(async () => {
   await getData();
 });
 
+/**
+ * ดึงข้อมูล list จาก api
+ * @param id id ของข้อมูล
+ */
 const listModal = async (id: string) => {
   showLoader();
   await http
@@ -189,6 +205,7 @@ const listModal = async (id: string) => {
     });
 };
 
+/** เรียกข้อมูลจาก api */
 const getData = async () => {
   showLoader();
   await http
@@ -235,6 +252,9 @@ const getData = async () => {
     });
 };
 
+/**
+ *ฟังก์ชั่น Save
+ */
 const saveData = async () => {
   showLoader();
   const persons = selectedModal.value.map((item) => ({
@@ -260,6 +280,10 @@ const resetFilter = () => {
   filterRef.value!.focus();
 };
 
+/**
+ * class จัดรูปแบบแสดงระหว่างข้อมูลที่แก้ไขหรือแสดงเฉยๆ
+ * @param val ข้อมูล input สำหรับแก้ไขหรือไม่
+ */
 const getClass = (val: boolean) => {
   return {
     "full-width inputgreen cursor-pointer": val,
@@ -267,10 +291,14 @@ const getClass = (val: boolean) => {
   };
 };
 
+/** Close Modal */
 const clickClose = async () => {
   modal.value = false;
 };
 
+/**
+ * กดปุ่มเพิ่มด้านบน table
+ */
 const clickAdd = async () => {
   await nodeTree();
   selected.value = "";
@@ -282,10 +310,16 @@ const clickAdd = async () => {
   }
 };
 
+/**
+ * ลบข้อมูล
+ */
 const clickDelete = (id: string) => {
   dialogRemove($q, () => deleteData(id));
 };
 
+/**
+ *  โหลดโครงสร้าง tree
+ */
 const nodeTree = async () => {
   showLoader();
   await http
@@ -305,10 +339,12 @@ const nodeTree = async () => {
     });
 };
 
+// เลือกหน่วยงาน
 const onSelected = async (id: string) => {
   await listModal(id);
 };
 
+/**ลบข้อมูล */
 const deleteData = async (id: string) => {
   await http
     .delete(config.API.detailByidDeceased(id))
@@ -323,16 +359,24 @@ const deleteData = async (id: string) => {
     });
 };
 
+/**
+ * Save ข้อมูล
+ */
 const saveDataCopyOrder = async () => {
   if (myForm.value !== null) {
     myForm.value.validate().then(async (result: boolean) => {
       if (result) {
-        dialogConfirm($q,() => fetchSaveCopyOrder(),'ยืนยันการส่งหนังสือเวียน','ต้องการยืนยันการส่งหนังสือเวียนหรือไม่')
+        dialogConfirm(
+          $q,
+          () => fetchSaveCopyOrder(),
+          "ยืนยันการส่งหนังสือเวียน",
+          "ต้องการยืนยันการส่งหนังสือเวียนหรือไม่"
+        );
       }
     });
   }
 };
-
+//อัพเดทข้อมูลหลัง Save
 const fetchSaveCopyOrder = async () => {
   let list: requestSendNoti[] = [];
   rows.value.map((r: DataCopyOrder) => {
@@ -343,7 +387,6 @@ const fetchSaveCopyOrder = async () => {
       isSendNotification: true,
     });
   });
-
   showLoader();
   await http
     .put(config.API.notiDeceased(profileId.value), { Persons: list })
@@ -359,7 +402,6 @@ const fetchSaveCopyOrder = async () => {
       getData();
     });
 };
-
 const updateData = (row: DataCopyOrder) => {
   editRows.value.push(row);
 };
diff --git a/src/modules/06_retirement/components/resign/DetailDeceased.vue b/src/modules/06_retirement/components/resign/DetailDeceased.vue
index 12737dadf..c8da5a8fd 100644
--- a/src/modules/06_retirement/components/resign/DetailDeceased.vue
+++ b/src/modules/06_retirement/components/resign/DetailDeceased.vue
@@ -6,6 +6,7 @@ import { useCounterMixin } from "@/stores/mixin";
 import http from "@/plugins/http";
 import config from "@/app.config";
 
+/**use*/
 const $q = useQuasar();
 const router = useRouter();
 const route = useRoute();
@@ -15,6 +16,7 @@ const fullName = ref<string>("");
 const profileId = ref<string>(route.params.id.toString());
 const detail = ref<any>([]);
 
+/** Hook */
 onMounted(() => {
   fectdata();
 });
@@ -63,6 +65,10 @@ const downloadFile = (response: any, filename: string) => {
   document.body.removeChild(link);
 };
 
+/**
+ * ฟังก์ชั่น ดาว์โหลด
+ * @param type typeของรายละเอียด
+ */
 const fileDownload = async (type: string) => {
   showLoader();
   await http
diff --git a/src/modules/06_retirement/components/resign/DialogSendToCommand.vue b/src/modules/06_retirement/components/resign/DialogSendToCommand.vue
index f7389d1da..f9fcda40f 100644
--- a/src/modules/06_retirement/components/resign/DialogSendToCommand.vue
+++ b/src/modules/06_retirement/components/resign/DialogSendToCommand.vue
@@ -8,6 +8,7 @@ import DialogHeader from "@/modules/05_placement/components/PersonalList/DialogH
 import http from "@/plugins/http";
 import config from "@/app.config";
 
+/** use */
 const $q = useQuasar();
 const selected = ref<ResponseItems[]>([]);
 const mixin = useCounterMixin();
@@ -15,6 +16,7 @@ const { showLoader, success, messageError, dialogConfirm, hideLoader } = mixin;
 const filterKeyword = ref<string>("");
 const filterRef = ref<any>(null);
 
+/** คอลัมน์ */
 const columns2 = ref<QTableProps["columns"]>([
   {
     name: "no",
@@ -107,6 +109,8 @@ const columns2 = ref<QTableProps["columns"]>([
       a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
   },
 ]);
+
+/** คอลัมน์ที่แสดง */
 const visibleColumns2 = ref<string[]>([
   "no",
   "fullname",
@@ -118,6 +122,7 @@ const visibleColumns2 = ref<string[]>([
   "statustext",
 ]);
 
+/** props*/
 const props = defineProps({
   modal: Boolean,
   closeModal: Function,
@@ -132,6 +137,9 @@ const resetFilter = () => {
   filterRef.value.focus();
 };
 
+/**
+ * ฟังก์ชั่นการ Selected Data
+ */
 const checkSelected = computed(() => {
   if (selected.value.length === 0) {
     return true;
diff --git a/src/modules/06_retirement/components/resign/Resign.vue b/src/modules/06_retirement/components/resign/Resign.vue
index d90b49741..42c9c0ae8 100644
--- a/src/modules/06_retirement/components/resign/Resign.vue
+++ b/src/modules/06_retirement/components/resign/Resign.vue
@@ -10,6 +10,7 @@ import config from "@/app.config";
 import type { QTableProps } from "quasar";
 import type { ResponseItems } from "@/modules/06_retirement/interface/response/Main";
 
+/** use */
 const RetirementData = useRetirementDataStore();
 const { statusText } = RetirementData;
 const $q = useQuasar(); //ใช้ noti quasar
@@ -17,6 +18,7 @@ const router = useRouter();
 const mixin = useCounterMixin();
 const { messageError, date2Thai, showLoader, hideLoader } = mixin;
 
+/** คอลัมน์ */
 const rows = ref<ResponseItems[]>([]);
 const columns = ref<QTableProps["columns"]>([
   {
@@ -120,6 +122,8 @@ const columns = ref<QTableProps["columns"]>([
       a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
   },
 ]);
+
+/** คอลัมน์ที่แสดง */
 const visibleColumns = ref<string[]>([
   "no",
   "prefix",
@@ -148,12 +152,13 @@ const closeModal = () => {
   modal.value = false;
   filterKeyword2.value = "";
 };
-
+//reset filter
 const resetFilter = () => {
   filterKeyword.value = "";
   filterRef.value.focus();
 };
 
+//เปิด Modal
 const openModalOrder = async () => {
   openModal();
   const row = await filters.value.filter(
@@ -170,6 +175,7 @@ const openModalOrder = async () => {
   rows2.value = row;
 };
 
+/**Hook */
 onMounted(async () => {
   await fecthlist();
 });
@@ -219,6 +225,8 @@ const fecthlist = async () => {
       hideLoader();
     });
 };
+
+/**Setting pagination */
 const pagination = ref({
   sortBy: "datetext",
   descending: true,
@@ -234,28 +242,66 @@ const pagination = ref({
       <div class="row col-12">
         <div class="row col-12 q-col-gutter-sm">
           <div>
-            <q-btn @click="openModalOrder" size="14px" flat round color="add" icon="mdi-account-arrow-right">
+            <q-btn
+              @click="openModalOrder"
+              size="14px"
+              flat
+              round
+              color="add"
+              icon="mdi-account-arrow-right"
+            >
               <q-tooltip>ส่งไปออกคำสั่งลาออก</q-tooltip>
             </q-btn>
           </div>
 
           <q-space />
 
-          <q-input class="col-xs-12 col-sm-3 col-md-2" standout dense v-model="filterKeyword" ref="filterRef" outlined
-            debounce="300" placeholder="ค้นหา">
+          <q-input
+            class="col-xs-12 col-sm-3 col-md-2"
+            standout
+            dense
+            v-model="filterKeyword"
+            ref="filterRef"
+            outlined
+            debounce="300"
+            placeholder="ค้นหา"
+          >
             <template v-slot:append>
               <q-icon v-if="filterKeyword == ''" name="search" />
-              <q-icon v-if="filterKeyword !== ''" name="clear" class="cursor-pointer" @click="resetFilter" />
+              <q-icon
+                v-if="filterKeyword !== ''"
+                name="clear"
+                class="cursor-pointer"
+                @click="resetFilter"
+              />
             </template>
           </q-input>
 
-          <q-select v-model="visibleColumns" multiple outlined dense options-dense :display-value="$q.lang.table.columns"
-            emit-value map-options :options="columns" option-value="name" options-cover style="min-width: 150px"
-            class="col-xs-12 col-sm-3 col-md-2" />
+          <q-select
+            v-model="visibleColumns"
+            multiple
+            outlined
+            dense
+            options-dense
+            :display-value="$q.lang.table.columns"
+            emit-value
+            map-options
+            :options="columns"
+            option-value="name"
+            options-cover
+            style="min-width: 150px"
+            class="col-xs-12 col-sm-3 col-md-2"
+          />
         </div>
         <div class="col-12 q-pt-sm">
-          <d-table :columns="columns" :rows="rows" :filter="filterKeyword" row-key="id" :visible-columns="visibleColumns"
-            v-model:pagination="pagination">
+          <d-table
+            :columns="columns"
+            :rows="rows"
+            :filter="filterKeyword"
+            row-key="id"
+            :visible-columns="visibleColumns"
+            v-model:pagination="pagination"
+          >
             <template v-slot:header="props">
               <q-tr :props="props">
                 <q-th v-for="col in props.cols" :key="col.name" :props="props">
@@ -264,7 +310,11 @@ const pagination = ref({
               </q-tr>
             </template>
             <template v-slot:body="props">
-              <q-tr :props="props" class="cursor-pointer" @click="router.push(`/retirement/resign/${props.row.id}`)">
+              <q-tr
+                :props="props"
+                class="cursor-pointer"
+                @click="router.push(`/retirement/resign/${props.row.id}`)"
+              >
                 <q-td key="no" :props="props">
                   {{ props.rowIndex + 1 }}
                 </q-td>
@@ -303,7 +353,12 @@ const pagination = ref({
     </div>
   </q-card>
 
-  <DialogSendToCommand v-model:modal="modal" :closeModal="closeModal" :rows2="rows2"
-    v-model:filterKeyword2="filterKeyword2" :fecthlistRecevice="fecthlist" />
+  <DialogSendToCommand
+    v-model:modal="modal"
+    :closeModal="closeModal"
+    :rows2="rows2"
+    v-model:filterKeyword2="filterKeyword2"
+    :fecthlistRecevice="fecthlist"
+  />
 </template>
 <style scoped lang="scss"></style>
diff --git a/src/modules/06_retirement/components/resign/ResignByid.vue b/src/modules/06_retirement/components/resign/ResignByid.vue
index 5c2dbe633..ef2a8a06d 100644
--- a/src/modules/06_retirement/components/resign/ResignByid.vue
+++ b/src/modules/06_retirement/components/resign/ResignByid.vue
@@ -6,20 +6,22 @@ import DialogFooter from "@/modules/05_placement/components/PersonalList/DialogF
 import DialogHeader from "@/modules/05_placement/components/PersonalList/DialogHeader.vue";
 import { useCounterMixin } from "@/stores/mixin";
 import { useRetirementDataStore } from "@/modules/06_retirement/store";
-
 import CurrencyInput from "@/components/CurruncyInput.vue";
 import http from "@/plugins/http";
 import config from "@/app.config";
 import keycloak from "@/plugins/keycloak";
-import type { TypeFile, rowFile } from "@/modules/06_retirement/interface/response/Main";
+import type {
+  TypeFile,
+  rowFile,
+} from "@/modules/06_retirement/interface/response/Main";
 import type { QTableProps } from "quasar";
 
+/** Use */
 const $q = useQuasar();
 const route = useRoute();
 const router = useRouter();
 const mixin = useCounterMixin();
 const RetirementData = useRetirementDataStore();
-
 const {
   messageError,
   date2Thai,
@@ -31,6 +33,7 @@ const {
 } = mixin;
 const { statusText } = RetirementData;
 
+/** ตัวแปร */
 const roleUser = ref<string>("");
 const id = ref<string>(route.params.id.toString());
 const myForm = ref<QForm | null>(null);
@@ -58,7 +61,6 @@ const dataDetail = ref<any>({
   statustext: "",
   fullname: "",
 });
-
 const organizationPositionOld = ref<string>("");
 const positionTypeOld = ref<string>("");
 const positionLevelOld = ref<string>("");
@@ -70,12 +72,12 @@ const reason = ref<string>("");
 const location = ref<string>("");
 const status = ref<string>("");
 const remarkHorizontal = ref<string>("");
-
 const modal = ref<boolean>(false);
 const actionPass = ref<boolean>(false);
 const reasonReign = ref<string>("");
 const dateBreak = ref<Date | null>(null);
 
+/** คอลัมน์ */
 const rows = ref<TypeFile[]>([]);
 const columns = ref<QTableProps["columns"]>([
   {
@@ -107,9 +109,11 @@ const columns = ref<QTableProps["columns"]>([
   },
 ]);
 
+/**เปิด-ปิด modal */
 const closeModal = () => (modal.value = false);
 const openModal = () => (modal.value = true);
 
+/** Hook */
 onMounted(async () => {
   fetchData(id.value);
   if (keycloak.tokenParsed !== undefined) {
@@ -139,6 +143,9 @@ const diffDate = () => {
   return false;
 };
 
+/**
+ * นำข้อมูลมาจาก API
+ */
 const fetchData = async (id: string) => {
   showLoader();
   await http
@@ -187,13 +194,14 @@ const fetchData = async (id: string) => {
 //   document.body.removeChild(link);
 // };
 
+/**Pop up */
 const popUp = (action: "pass" | "passNot") => {
   reasonReign.value = "";
   dateBreak.value = null;
   actionPass.value = action === "pass";
   openModal();
 };
-
+//เงื่อนไขpop up
 const conditionPopup = () => {
   if (myFormConfirm.value !== null) {
     myFormConfirm.value.validate().then(async (check) => {
@@ -208,6 +216,7 @@ const conditionPopup = () => {
   }
 };
 
+//pop up ยืนยันการอนุมัติ
 const confirmpopUp = async () => {
   dialogConfirm(
     $q,
@@ -233,6 +242,7 @@ const confirmpopUp = async () => {
   );
 };
 
+//pop up การยับยั้งสำเร็จ
 const rejectpopUp = async () => {
   dialogConfirm(
     $q,
@@ -258,15 +268,26 @@ const rejectpopUp = async () => {
     "ต้องการยืนยันการยับยั้งนี้หรือไม่ ?"
   );
 };
+
+/**
+ * ไปยังข้อมูล
+ * @param id ไอดีข้อมูล
+ */
 const redirectToRegistry = (id: string) => {
   router.push(`/registry/${id}`);
 };
 
+/**
+ * กดยกเลิก
+ */
 const clickCancel = async () => {
   await fetchData(id.value);
   edit.value = false;
 };
 
+/**
+ * Functionบันทึก
+ */
 const conditionSave = () => {
   if (myForm.value !== null) {
     myForm.value.validate().then((success) => {
@@ -285,7 +306,7 @@ const conditionSave = () => {
     });
   }
 };
-
+//Save จาก Api
 const saveData = async () => {
   const formData = new FormData();
   const send = date.value !== null ? new Date(date.value).toUTCString() : "";
@@ -317,12 +338,18 @@ const saveData = async () => {
     });
 };
 
+/**
+ * Function เพิ่ม Class เวลา Edit
+ * @param val เมื่อเป็นEdit จะเปลี่ยน Class
+ */
 const getClass = (val: boolean) => {
   return {
     "full-width inputgreen cursor-pointer": val,
     "full-width cursor-pointer": !val,
   };
 };
+
+/** แปลง StatusOrder */
 const statusOrder = (val: boolean) => {
   switch (val) {
     case true:
@@ -335,12 +362,12 @@ const statusOrder = (val: boolean) => {
 // เอกสารดาวน์โหลด
 const rowsFileDownload = ref<rowFile[]>([
   {
-    fileName:
-      "แบบฟอร์มหนังสือขอลาออกจากราชการ",
+    fileName: "แบบฟอร์มหนังสือขอลาออกจากราชการ",
     pathName: "",
-  }
+  },
 ]);
 
+// ดาว์นโหลดไฟล์
 const fileDownload = async (type: string, fileName: string) => {
   showLoader();
   await http
@@ -358,6 +385,7 @@ const fileDownload = async (type: string, fileName: string) => {
     });
 };
 
+// ดาว์นโหลดไฟล์
 const downloadFile = (response: any, filename: string) => {
   const link = document.createElement("a");
   var fileName = filename;
diff --git a/src/modules/06_retirement/components/resign/ResignOrder.vue b/src/modules/06_retirement/components/resign/ResignOrder.vue
index cc4466b62..fc9be4c48 100644
--- a/src/modules/06_retirement/components/resign/ResignOrder.vue
+++ b/src/modules/06_retirement/components/resign/ResignOrder.vue
@@ -8,6 +8,7 @@ import { useOrderPlacementDataStore } from "@/modules/05_placement/store";
 import router from "@/router";
 import { useQuasar } from "quasar";
 
+/** Use */
 const $q = useQuasar(); //ใช้ noti quasar
 const DataStore = useOrderPlacementDataStore();
 const pagination = ref({
@@ -16,7 +17,6 @@ const pagination = ref({
   page: 1,
   rowsPerPage: 10,
 });
-
 const mixin = useCounterMixin();
 const { dateText } = mixin;
 
@@ -25,6 +25,7 @@ const textDate = (value: Date) => {
   return dateText(value);
 };
 
+/** คอลัมน์ที่แสดง */
 const visibleColumns = ref<string[]>([
   "Order",
   "OrderType",
@@ -263,6 +264,7 @@ const rows = ref<FormOrderPlacementMainData[]>([
 let OriginalData = ref<FormOrderPlacementMainData[]>([]);
 let UpdataData = ref<FormOrderPlacementMainData[]>([]);
 
+/**Hook */
 onMounted(async () => {
   await OriginalDataFetch();
   fiscalYearFilter();
@@ -271,6 +273,9 @@ onMounted(async () => {
   OrderTypeFilter();
 });
 
+/**
+ * ดึงค่าข้อมูลจาก store
+ */
 const OriginalDataFetch = async () => {
   await DataStore.DataMainOrder(rows.value);
   OriginalData.value = await DataStore.DataMainOrigOrder;
@@ -282,6 +287,10 @@ const redirectToPage = (id?: number) => {
   router.push(`/placement/order/detail`);
 };
 
+/**
+ * function delete
+ * @param id id delete
+ */
 const clickDelete = (id: string) => {
   $q.dialog({
     title: "ยืนยันการลบข้อมูล",
@@ -297,6 +306,7 @@ const clickDelete = (id: string) => {
     .onDismiss(() => {});
 };
 
+//route ไปหน้า OrderplacementDetail
 const clickAdd = () => {
   router.push({ name: "OrderplacementDetail" });
 };
@@ -320,6 +330,9 @@ const fiscalYearFilter = async () => {
   }
 };
 
+/**
+ * เลือกประเภทคำสั่ง
+ */
 const OrderType = ref<string>("");
 const OrderTypeOption = reactive<DataOption[]>([{ id: 0, name: "ทั้งหมด" }]);
 const addedOrderTypeValues: string[] = [];
@@ -335,6 +348,10 @@ const OrderTypeFilter = async () => {
     }
   }
 };
+
+/**
+ * เลือกStatus คำสั่ง
+ */
 const OrderStatus = ref<string>("");
 const OrderStatusOption = reactive<DataOption[]>([{ id: 1, name: "ทั้งหมด" }]);
 const addedOrderStatusValues: string[] = [];
@@ -366,9 +383,7 @@ const resetFilter = () => {
   filterKeyword.value = "";
   filterRef.value.focus();
 };
-
 const attrs = ref<any>(useAttrs());
-
 const searchFilterTable = async () => {
   await DataStore.DataUpdateOrder(
     OrderType.value,
@@ -378,6 +393,7 @@ const searchFilterTable = async () => {
   UpdataData.value = DataStore.DataMainUpdateOrder;
 };
 
+/**Setting pagination */
 const paging = ref<boolean>(true);
 const paginationLabel = (start: string, end: string, total: string) => {
   if (paging.value == true) return " " + start + "-" + end + " ใน " + total;
diff --git a/src/modules/09_leave/components/2_Leave/DetailLeave.vue b/src/modules/09_leave/components/2_Leave/DetailLeave.vue
index 4230ca4c3..a01681764 100644
--- a/src/modules/09_leave/components/2_Leave/DetailLeave.vue
+++ b/src/modules/09_leave/components/2_Leave/DetailLeave.vue
@@ -7,7 +7,6 @@ import { useCounterMixin } from "@/stores/mixin";
 import { useLeavelistDataStore } from "@/modules/09_leave/stores/LeaveStore";
 import { useLeavelistDataStoreTest } from "@/modules/09_leave/stores/ListLeave";
 import DialogReason from "@/components/Dialogs/PopupReason.vue";
-import DialogReason1 from "@/components/Dialogs/PopupReason.vue";
 const APIDATA = useLeavelistDataStoreTest();
 
 /** importType */