Refactoring code module 12_evaluatePersonal

src/modules/12_evaluatePersonal/components/Detail/step/step2.vue

@@ -9,23 +9,25 @@ import type { FormCommand } from "@/modules/12_evaluatePersonal/interface/index/
 
 import { useCounterMixin } from "@/stores/mixin";
 const route = useRoute();
-const id = ref<string>(route.params.id as string);
 const $q = useQuasar();
 
 const mixin = useCounterMixin();
 const { showLoader, hideLoader, messageError } = mixin;
 
+const id = ref<string>(route.params.id as string); //id ประเมิน
 /** ฟรอมจัดเตรียมเอกสารเล่ม 1*/
-const author = ref<string>("");
-const subject = ref<string>("");
+const subject = ref<string>(""); //ชื่อผลงาน
+const author = ref<string>(""); //เจ้าของผลงาน
 const formCommand = reactive<FormCommand>({
-  elementaryFullName: "",
-  elementaryPosition: "",
-  abovelevelFullname: "",
-  abovelevelPosition: "",
+  elementaryFullName: "", //ชื่อ-นามสกุลผู้บังคับบัญชาชั้นต้น
+  elementaryPosition: "", //ตำแหน่งผู้บังคับบัญชาชั้นต้น
+  abovelevelFullname: "", //ชื่อ-นามสกุลผู้บังคับบัญชาเหนือขึ้นไป 1 ระดับ
+  abovelevelPosition: "", //ตำแหน่งผู้บังคับบัญชาเหนือขึ้นไป 1 ระดับ
 });
 
-/** function เรียกข้อมลผลงาน*/
+/**
+ * function เรียกข้อมลผลงาน
+ */
 async function fetchSigner() {
   showLoader();
   await http
@@ -54,6 +56,10 @@ async function fetchSigner() {
       }, 1000);
     });
 }
+
+/**
+ * ทำงานเมือ Components ถูกเรียกใช้งาน
+ */
 onMounted(async () => {
   await fetchSigner();
 });