Refactoring code module 06_retirement

src/modules/06_retirement/components/ExitInterview/exitMain.vue

@@ -2,17 +2,17 @@
 import { ref, onMounted } from "vue";
 import { useQuasar, QForm } from "quasar";
 import { useRouter } from "vue-router";
-import { useCounterMixin } from "@/stores/mixin";
+
 import http from "@/plugins/http";
 import config from "@/app.config";
+import { useCounterMixin } from "@/stores/mixin";
+import { checkPermission } from "@/utils/permissions";
 
-/**Import type */
 import type { QTableProps } from "quasar";
 import type { ResponseItems } from "@/modules/06_retirement/interface/response/exitInterview";
 import DialogFooter from "@/modules/05_placement/components/PersonalList/DialogFooter.vue";
-import DialogHeader from "@/components/DialogHeader.vue";
 
-import { checkPermission } from "@/utils/permissions";
+import DialogHeader from "@/components/DialogHeader.vue";
 
 /** use */
 const $q = useQuasar(); //ใช้ noti quasar
@@ -157,16 +157,8 @@ const modal = ref<boolean>(false);
 const filterKeyword = ref<string>("");
 const filterRef = ref<any>(null);
 
-/** HOOK */
-onMounted(async () => {
-  await fecthlist();
-  if (columns.value) {
-    visibleColumns.value = columns.value.map((r: any) => r.name);
-  }
-});
-
 //นำข้อมูลจาก API มาแสดง
-const fecthlist = async () => {
+async function fecthlist() {
   showLoader();
   await http
     .get(config.API.listExitInterview())
@@ -202,10 +194,10 @@ const fecthlist = async () => {
     .finally(() => {
       hideLoader();
     });
-};
+}
 
 //กําหนดวันนัดหมายเพื่อทําการสัมภาษณ์การลาออก
-const saveAppoint = async () => {
+async function saveAppoint() {
   await myForm.value!.validate().then(async (result: boolean) => {
     if (result) {
       dialogConfirm($q, async () => {
@@ -229,13 +221,13 @@ const saveAppoint = async () => {
       });
     }
   });
-};
+}
 
 /**
  * ฟังก์ชั่น validate DATE ไทย
  * @param thaiDate วันที่ไทย
  */
-const validationDate = (thaiDate: string | null) => {
+function validationDate(thaiDate: string | null) {
   if (thaiDate && daterow.value) {
     let a = convertThaiDateToNumeric(thaiDate);
     let b = daterow.value;
@@ -243,10 +235,10 @@ const validationDate = (thaiDate: string | null) => {
       return a > b;
     }
   }
-};
+}
 
 //แปลงเดือนจากตัวเลขเป็นภาษาอ่าน
-const convertThaiDateToNumeric = (thaiDate: string) => {
+function convertThaiDateToNumeric(thaiDate: string) {
   const parts = thaiDate.split(" ");
   if (parts.length !== 3) return null;
   const [day, month, year] = parts;
@@ -267,22 +259,31 @@ const convertThaiDateToNumeric = (thaiDate: string) => {
   if (!(month in monthMap)) return null;
   const numericDate = `${year}${monthMap[month]}${day}`;
   return numericDate;
-};
+}
 /**
  * modal Setting
  */
 const openModal = () => (modal.value = true);
 const closeModal = () => (modal.value = false);
-const resetFilter = () => {
+function resetFilter() {
   filterKeyword.value = "";
   filterRef.value.focus();
-};
-const openModalCalendar = (rows: any) => {
+}
+
+function openModalCalendar(rows: any) {
   openModal();
   dateBreak.value = null;
   id.value = rows.id;
   daterow.value = convertThaiDateToNumeric(rows.datetext);
-};
+}
+
+/** HOOK */
+onMounted(async () => {
+  await fecthlist();
+  if (columns.value) {
+    visibleColumns.value = columns.value.map((r: any) => r.name);
+  }
+});
 </script>
 <template v-slot:body="props">
   <div class="toptitle text-dark col-12 row items-center">
@@ -445,9 +446,7 @@ const openModalCalendar = (rows: any) => {
                   </div>
                 </q-td>
                 <q-td key="appointDate" :props="props">
-                  {{
-                    props.row.appointDate ? props.row.appointDate : "-"
-                  }}
+                  {{ props.row.appointDate ? props.row.appointDate : "-" }}
                 </q-td>
                 <q-td key="datetext" :props="props">
                   {{ props.row.datetext ? props.row.datetext : "-" }}