Merge branch 'develop' into devTee

src/modules/07_insignia/components/7_Reclaim/DialogForm.vue

@@ -219,6 +219,7 @@ function closeDialog() {
   keyword.value = "";
 }
 
+/** function ค้นหาข้อมูลใน Table*/
 function serchDataTable() {
   rows.value = onSearchDataTable(
     keyword.value,

src/modules/07_insignia/views/07_ReclaimMain.vue

@@ -209,20 +209,21 @@ const visibleColumns = ref<string[]>([
   "reclaimReason",
 ]);
 
-const isInsigniaRound = ref<boolean>(false);
+const isInsigniaRound = ref<boolean>(false); //สถานะรอบ
 
-const roundOps = ref<DataRound[]>(roundData.value);
+const roundOps = ref<DataRound[]>(roundData.value); //รอบเครืองราช
-const insigniaTypeOps = ref<OptionData[]>(insigniaTypeData.value);
+const insigniaTypeOps = ref<OptionData[]>(insigniaTypeData.value); //ประเภทเครื่องราช
-const employeeClassOps = ref<OptionData[]>(employeeClassData.value);
+const employeeClassOps = ref<OptionData[]>(employeeClassData.value); //ตำแหน่งประเภท
+
+const modalForm = ref<boolean>(false); // modal บันทึกการเรียกคืนเครื่องราชฯ
+const isEdit = ref<boolean>(false); // สถานะการแก้ไข
+const insigniaReclaimId = ref<string>(""); // ID รายการเรียกคืนเครื่องราชฯ
+const insigniaReclaimData = ref<DataReclaim>(); //ข้อมูลรายการเรียกคืนเครื่องราชฯ
 
-const modalForm = ref<boolean>(false);
-const isEdit = ref<boolean>(false);
-const insigniaReclaimId = ref<string>("");
-const insigniaReclaimData = ref<DataReclaim>();
 
 const yearRound = ref<number>(); //รอบการเสนอขอ
-const insigniaType = ref<string>("all");
+const insigniaType = ref<string>("all"); //ประเภทเครื่องราช
-const employeeType = ref<string>("all");
+const employeeType = ref<string>("all"); //ตำแหน่งประเภม
 
 /** function เรียกรอบการเสนอขอพระราชทานเครื่องราชฯ*/
 async function fetchInsigniaRound() {
@@ -262,6 +263,7 @@ async function fetchInsigniaType() {
     });
 }
 
+/** function เรียกข้อมูลรายการเรียกคืนเครื่องราชฯ*/
 async function fetchDataReclaim() {
   await http
     .post(config.API.insigniaReclaim + `-list`, {
@@ -278,6 +280,11 @@ async function fetchDataReclaim() {
     });
 }
 
+/**
+ * function เป็ด Dialog บันทึกการเรียกคืนเครื่องราชฯ
+ * @param actions สถานะการแก่ไข
+ * @param data  ข้อมูลของรายการที่ต้องการแก้ไข
+ */
 function onOpenDialogForm(
   actions: boolean,
   data: DataReclaim = {} as DataReclaim
@@ -288,6 +295,10 @@ function onOpenDialogForm(
   modalForm.value = true;
 }
 
+/**
+ * function ยืนยันการลบข้อมูลรายการเรียกคืนเครื่องราชฯ
+ * @param id ที่ต้องการลบ
+ */
 function onDeleteDataReclaim(id: string) {
   dialogRemove($q, async () => {
     showLoader();
@@ -306,6 +317,7 @@ function onDeleteDataReclaim(id: string) {
   });
 }
 
+/** function ค้นหาข้อมูลใน Table*/
 function onSearchDataReclaim() {
   if (insigniaType.value !== "all" && employeeType.value !== "all") {
     const data = rowsMain.value.filter(
@@ -372,6 +384,7 @@ function filterSelector(val: string, update: Function, name: string) {
   });
 }
 
+/** function เรียกข้อมูลรายการเรียกคืนเครื่องราชฯใหม่เมื่อเปลี่ยนรอบ*/
 async function fetchNewData() {
   showLoader();
   await fetchDataReclaim();