เเก้ไข UI detailLeave

comment code retirement

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

@@ -8,15 +8,15 @@ 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/discharged";
 
+/** use */
 const $q = useQuasar();
 const route = useRoute();
 const router = useRouter();
 const mixin = useCounterMixin();
-
 const dataId = route.params.id.toString();
 const {
   date2Thai,
@@ -31,6 +31,9 @@ const myForm = ref<QForm | null>(null);
 const roleAdmin = ref<boolean>(false);
 const edit = ref<boolean>(false);
 
+/**
+ * กำหนดค่าตัวแปร
+ */
 const organizationPositionOld = ref<string>("");
 const positionTypeOld = ref<string>("");
 const positionLevelOld = ref<string>("");
@@ -39,7 +42,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: "",
@@ -57,6 +59,7 @@ const responseData = ref<ResponseDataDetail>({
   fullname: "",
 });
 
+/** Hook */
 onMounted(async () => {
   if (keycloak.tokenParsed != null) {
     roleAdmin.value = await keycloak.tokenParsed.role.includes("placement1");
@@ -64,6 +67,7 @@ onMounted(async () => {
   await getData();
 });
 
+/** Fnction เรียกข้อมูลจาก API  */
 const getData = async () => {
   showLoader();
   await http
@@ -105,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) => {
@@ -155,6 +165,10 @@ const saveData = async () => {
     });
 };
 
+/**
+ * Function เพิ่ม Class เวลา Edit
+ * @param val เมื่อเป็นEdit จะเปลี่ยน Class
+ */
 const getClass = (val: boolean) => {
   return {
     "full-width inputgreen cursor-pointer": val,