ทะเบียนประวัติ => ข้อมูลผลงานและเครื่องราชฯ

src/modules/04_registryPerson/components/detail/Achievement/03_Insignia.vue

@@ -444,9 +444,11 @@ const visibleColumnsHistory = ref<String[]>([
   "lastUpdatedAt",
 ]);
 
+/**
+ * fetch ข้อมูลรายการเครื่องราชอิสริยาภรณ์
+ */
 async function fetchData() {
   if (!profileId.value) return;
-
   showLoader();
   try {
     const res = await http.get(
@@ -460,6 +462,9 @@ async function fetchData() {
   }
 }
 
+/**
+ * fetch ข้อมูลเครื่องราชอิสริยาภรณ์
+ */
 async function fetchInsignia() {
   showLoader();
   try {
@@ -473,9 +478,13 @@ async function fetchInsignia() {
   }
 }
 
+/**
+ * บันทึกข้อมูลเครื่องราชอิสริยาภรณ์
+ * @param editStatus แก้ไข,เพิ่ม
+ */
 async function addEditData(editStatus: boolean = false) {
   if (!profileId.value) return;
-
+  showLoader();
   const url = editStatus
     ? config.API.profileNewInsignById(id.value, empType.value)
     : config.API.profileNewInsign(empType.value);
@@ -489,8 +498,9 @@ async function addEditData(editStatus: boolean = false) {
   };
   try {
     await http[method](url, reqBody);
-    success($q, "บันทึกข้อมูลสำเร็จ");
     await fetchData();
+    await success($q, "บันทึกข้อมูลสำเร็จ");
+    modal.value = false;
   } catch (e) {
     messageError($q, e);
   } finally {
@@ -498,6 +508,9 @@ async function addEditData(editStatus: boolean = false) {
   }
 }
 
+/**
+ * เปิด form ข้อมูลเครื่องราชอิสริยาภรณ์
+ */
 function onClickOpenDialog(editStatus: boolean = false, row?: ResponseObject) {
   modal.value = true;
   isEdit.value = editStatus;
@@ -523,15 +536,20 @@ function onClickOpenDialog(editStatus: boolean = false, row?: ResponseObject) {
   }
 }
 
-async function clickClose() {
+/**
+ * ปิด form ข้อมูลเครื่องราชอิสริยาภรณ์
+ */
+function clickClose() {
   clearData();
   modal.value = false;
 }
 
+/**
+ * fetch ช้อมูลประวัติการแก้ไขรายการข้อมูลเครื่องราชอิสริยาภรณ์
+ */
 async function clickHistory(row: ResponseObject) {
   modalHistory.value = true;
   filterSearch.value = "";
-
   showLoader();
   try {
     const res = await http.get(
@@ -545,18 +563,26 @@ async function clickHistory(row: ResponseObject) {
   }
 }
 
+/**
+ * ยืนยีนการบันทึกข้อมูล
+ */
 function onSubmit() {
   dialogConfirm(
     $q,
-    async () => {
+    () => {
       addEditData(isEdit.value);
-      modal.value = false;
     },
     "ยืนยันการบันทึกข้อมูล",
     "ต้องการยืนยันการบันทึกข้อมูลนี้หรือไม่ ?"
   );
 }
 
+/**
+ * ฟิลเตอร์ข้อมูลจาก input
+ * @param val ค่าที่ป้อนให้ input
+ * @param update function จาก quasar
+ * @param refData type ที่กำหนด ของ input นั้นๆ
+ */
 function filterSelector(val: string, update: Function, refData: string) {
   switch (refData) {
     case "insigniaOptions":
@@ -571,6 +597,9 @@ function filterSelector(val: string, update: Function, refData: string) {
   }
 }
 
+/**
+ * ค้นหาลำดับชั้น
+ */
 function insigniaTypeSelection() {
   const insigniaTypeFilter = Ops.value.insigniaOptions.filter(
     (r: DataOptionInsignia) => r.id === insigniaForm.insigniaId
@@ -580,6 +609,9 @@ function insigniaTypeSelection() {
   }
 }
 
+/**
+ * เคลียร์ formDฟta
+ */
 function clearData() {
   id.value = "";
   (insigniaType.value = ""), (insigniaForm.year = 0);