comment LeaveHistory

src/modules/09_leave/components/07_LeaveHistory/DialogForm.vue

@@ -76,10 +76,10 @@ const leaveTypeCode = ref<string>("");
 const profileId = ref<string>("");
 const rowId = ref<string>("");
 const formData = reactive({
-  leaveTypeId: "",
-  leaveYear: new Date().getFullYear(),
-  leaveDays: "",
-  leaveDaysUsed: "",
+  leaveTypeId: "", //ประเภทการลา
+  leaveYear: new Date().getFullYear(), //ปี
+  leaveDays: "", //วันลาที่ยกมา
+  leaveDaysUsed: "", //วันลาที่ใช้ไป
 });
 const leaveTypeOptions = ref<DataLeaveType[]>([]);
 const leaveTypeOptionsMain = ref<DataLeaveType[]>([]);
@@ -141,6 +141,10 @@ async function fetchDataPerson() {
     });
 }
 
+/**
+ * ฟังก์ชันกำหนดค่าของ formData เมื่อมีการแก้ไขข้อมูล
+ * @param data ข้อมูลที่ต้องการแก้ไข
+ */
 async function defineDataLeaveBeginning(data: DataLeaveBeginning) {
   profileId.value = data.profileId;
   rowId.value = data.id;
@@ -235,6 +239,7 @@ function classInput(val: boolean) {
   };
 }
 
+/** Hook*/
 watch(
   () => formFilter.pageSize,
   () => {

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();