comment LeaveHistory

src/modules/09_leave/views/07_LeaveHistoryMain.vue

@@ -97,9 +97,9 @@ const visibleColumns = ref<string[]>([
   "leaveDaysUsed",
 ]);
 
-const modalDialogForm = ref<boolean>(false);
-const isStatusEdit = ref<boolean>(false);
-const rowData = ref<DataLeaveBeginning>();
+const modalDialogForm = ref<boolean>(false); //modal Dialog บันทึกข้อมูลการลาย้อนหลัง
+const isStatusEdit = ref<boolean>(false); //สถานะการแก้ไข
+const rowData = ref<DataLeaveBeginning>(); //ข้อมูลรายการที่ต้องการ
 
 /** ฟังก์ชันเรียกข้อมูลประเภทการลา*/
 async function fetchLeaveType() {
@@ -114,6 +114,7 @@ async function fetchLeaveType() {
   leaveTypeOptions.value = leaveTypeData.value;
 }
 
+/** ฟังก์ชันเรียกข้อมูลรายการลาย้อนหลัง*/
 async function fetchDataLeaveBeginning() {
   await http
     .post(config.API.leaveBeginning + `/list`, {
@@ -147,6 +148,11 @@ async function onSearchData(newSearch: boolean = true) {
   }
 }
 
+/**
+ * ฟังก์ชันเปิด Dialog form บันทึกข้อมูลย้อนหลัง
+ * @param isEdit สถานะก่ารแก้ไข
+ * @param data ข้อมูลที่ต้องการแก้ไข
+ */
 function onOpenDialogForm(
   isEdit: boolean,
   data: DataLeaveBeginning = {} as DataLeaveBeginning
@@ -169,6 +175,10 @@ function filterOptionFn(val: string, update: Function) {
   });
 }
 
+/**
+ * ฟังก์ชันยืนยันการลบรายการการลาย้อนหัง
+ * @param id รายการที่ต้องการลบ
+ */
 function onDeleteLeaveBeginning(id: string) {
   dialogRemove($q, async () => {
     showLoader();
@@ -195,12 +205,14 @@ function updatePagination(newPagination: DataPagination) {
   formFilter.pageSize = newPagination.rowsPerPage;
 }
 
+/** Hook*/
 watch(
   () => formFilter.pageSize,
   () => {
     onSearchData(true);
   }
 );
+
 onMounted(async () => {
   try {
     showLoader();