Refactoring code module 06_retirement

src/modules/06_retirement/components/Discharged/dischargedRegistry.vue

@@ -4,17 +4,17 @@ import { useQuasar } from "quasar";
 import { useRoute, useRouter } from "vue-router";
 import { useCounterMixin } from "@/stores/mixin";
 
-import CurrencyInput from "@/components/CurruncyInput.vue";
 import http from "@/plugins/http";
 import config from "@/app.config";
+import { tokenParsed } from "@/plugins/auth";
+
 /**Import type */
 import type { QForm } from "quasar";
 import type { ResponseDataDetail } from "@/modules/06_retirement/interface/response/discharged";
-import PopupPersonal from "@/components/Dialogs/PopupPersonal.vue";
-import { tokenParsed } from "@/plugins/auth";
 
-const modalPersonal = ref<boolean>(false);
-const personId = ref<string>("");
+import PopupPersonal from "@/components/Dialogs/PopupPersonal.vue";
+import CurrencyInput from "@/components/CurruncyInput.vue";
+
 /** use */
 const $q = useQuasar();
 const route = useRoute();
@@ -30,6 +30,9 @@ const {
   dialogConfirm,
 } = mixin;
 
+const modalPersonal = ref<boolean>(false);
+const personId = ref<string>("");
+
 const myForm = ref<QForm | null>(null);
 const roleAdmin = ref<boolean>(false);
 const edit = ref<boolean>(false);
@@ -62,17 +65,8 @@ const responseData = ref<ResponseDataDetail>({
   fullname: "",
 });
 
-/** Hook */
-onMounted(async () => {
-  const user = await tokenParsed();
-  if (user) {
-    roleAdmin.value = await user.role.includes("placement1");
-  }
-  await getData();
-});
-
 /** Fnction เรียกข้อมูลจาก API  */
-const getData = async () => {
+async function getData() {
   showLoader();
   await http
     .get(config.API.dischargeByid(dataId))
@@ -111,20 +105,20 @@ const getData = async () => {
     .finally(() => {
       hideLoader();
     });
-};
+}
 
 /**
  * ฟังก์ชั่น Cancle
  */
-const clickCancel = async () => {
+async function clickCancel() {
   await getData();
   edit.value = false;
-};
+}
 
 /**
  * ฟังก์ชั่น Save
  */
-const conditionSave = async () => {
+async function conditionSave() {
   if (myForm.value !== null) {
     myForm.value.validate().then((success) => {
       if (success) {
@@ -139,10 +133,10 @@ const conditionSave = async () => {
       }
     });
   }
-};
+}
 
 //บันทึกข้อมูล
-const saveData = async () => {
+async function saveData() {
   const body = {
     organization: organization.value,
     reason: reason.value,
@@ -167,18 +161,18 @@ const saveData = async () => {
       await getData();
       hideLoader();
     });
-};
+}
 
 /**
  * Function เพิ่ม Class เวลา Edit
  * @param val เมื่อเป็นEdit จะเปลี่ยน Class
  */
-const getClass = (val: boolean) => {
+function getClass(val: boolean) {
   return {
     "full-width inputgreen cursor-pointer": val,
     "full-width cursor-pointer": !val,
   };
-};
+}
 
 function onclickViewinfo(id: string) {
   modalPersonal.value = true;
@@ -188,6 +182,15 @@ function onclickViewinfo(id: string) {
 function updatemodalPersonal(modal: boolean) {
   modalPersonal.value = modal;
 }
+
+/** Hook */
+onMounted(async () => {
+  const user = await tokenParsed();
+  if (user) {
+    roleAdmin.value = await user.role.includes("placement1");
+  }
+  await getData();
+});
 </script>
 <template>
   <div class="toptitle text-dark col-12 row items-center">