เเก้ไข UI detailLeave

comment code retirement

src/modules/06_retirement/components/DismissOrder/outRegistry.vue

@@ -3,20 +3,20 @@ import { onMounted, ref } from "vue";
 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 keycloak from "@/plugins/keycloak";
 
+/**Import type */
 import type { QForm } from "quasar";
 import type { ResponseDataDetail } from "@/modules/06_retirement/interface/response/expulsion";
 
+/** use */
 const $q = useQuasar();
 const route = useRoute();
 const router = useRouter();
 const mixin = useCounterMixin();
-
 const dataId = route.params.id.toString();
 const {
   date2Thai,
@@ -27,6 +27,9 @@ const {
   success,
 } = mixin;
 
+/**
+ * กำหนดค่าตัวแปร
+ */
 const myForm = ref<QForm | null>(null);
 const roleAdmin = ref<boolean>(false);
 const edit = ref<boolean>(false);
@@ -38,7 +41,6 @@ const salary = ref<number>(0);
 const organization = ref<string>("");
 const date = ref<Date | null>(null);
 const reason = ref<string>("");
-
 const responseData = ref<ResponseDataDetail>({
   personId: "",
   avataPath: "",
@@ -56,6 +58,7 @@ const responseData = ref<ResponseDataDetail>({
   fullname: "",
 });
 
+/** Hook */
 onMounted(async () => {
   if (keycloak.tokenParsed != null) {
     roleAdmin.value = await keycloak.tokenParsed.role.includes("placement1");
@@ -63,7 +66,7 @@ onMounted(async () => {
   await getData();
 });
 
-//นำข้อมูลมาแสดง
+//นำข้อมูลจาก API มาแสดง
 const getData = async () => {
   showLoader();
   await http
@@ -106,11 +109,17 @@ const getData = async () => {
     });
 };
 
+/**
+ * ฟังก์ชั่น Cancle
+ */
 const clickCancel = async () => {
   await getData();
   edit.value = false;
 };
 
+/**
+ * ฟังก์ชั่น Save
+ */
 const conditionSave = async () => {
   if (myForm.value !== null) {
     myForm.value.validate().then((success) => {
@@ -130,6 +139,9 @@ const conditionSave = async () => {
   }
 };
 
+/**
+ * ฟังก์ชั่น Saveจาก API
+ */
 const saveData = async () => {
   const body = {
     organization: organization.value,
@@ -157,6 +169,10 @@ const saveData = async () => {
     });
 };
 
+/**
+ * Function เพิ่ม Class เวลา Edit
+ * @param val เมื่อเป็นEdit จะเปลี่ยน Class
+ */
 const getClass = (val: boolean) => {
   return {
     "full-width inputgreen cursor-pointer": val,