diff --git a/src/modules/06_evaluate/components/DialogMain.vue b/src/modules/06_evaluate/components/DialogMain.vue
index fa7cd4f..11d6699 100644
--- a/src/modules/06_evaluate/components/DialogMain.vue
+++ b/src/modules/06_evaluate/components/DialogMain.vue
@@ -1,12 +1,14 @@
 <script setup lang="ts">
+import { ref, watch } from "vue";
 import { useRouter } from "vue-router";
 import { useQuasar } from "quasar";
 
+/** import Components*/
 import DialogHeader from "@/components/DialogHeader.vue";
 
+/** import*/
 import { useCounterMixin } from "@/stores/mixin";
 import { useEvaluateStore } from "@/modules/06_evaluate/store";
-import { onMounted, ref, watch } from "vue";
 
 const router = useRouter();
 const $q = useQuasar();
@@ -30,13 +32,6 @@ const props = defineProps({
 });
 
 const step = ref<number>(1);
-function nextStep() {
-  step.value++;
-}
-
-function prevStep() {
-  step.value--;
-}
 
 function onCklicNext() {
   dialogConfirm(
@@ -53,22 +48,6 @@ function onCklicNext() {
   );
 }
 
-const thumbStyle = ref<any>({
-  right: "4px",
-  borderRadius: "5px",
-  backgroundColor: "var(--q-primary)",
-  width: "5px",
-  opacity: 0.75,
-});
-
-const barStyle = ref<any>({
-  right: "2px",
-  borderRadius: "9px",
-  backgroundColor: "var(--q-primary)",
-  width: "9px",
-  opacity: 0.2,
-});
-
 watch(props, () => {
   step.value = 1;
 });
diff --git a/src/modules/06_evaluate/components/EvaluateStepMain.vue b/src/modules/06_evaluate/components/EvaluateStepMain.vue
index c4c8690..8712874 100644
--- a/src/modules/06_evaluate/components/EvaluateStepMain.vue
+++ b/src/modules/06_evaluate/components/EvaluateStepMain.vue
@@ -5,12 +5,14 @@ import { useQuasar } from "quasar";
 import http from "@/plugins/http";
 import config from "@/app.config";
 
+/** import Type*/
 import type {
   FormSpec,
   FormCommand,
   FormCommandRef,
 } from "@/modules/06_evaluate/interface/evalute";
 
+/** import Components*/
 import Stepper from "@/modules/06_evaluate/components/Stepper.vue";
 import Step1 from "@/modules/06_evaluate/components/step/step1.vue";
 import Step2 from "@/modules/06_evaluate/components/step/step2.vue";
@@ -21,7 +23,6 @@ import Step6 from "@/modules/06_evaluate/components/step/step6.vue";
 import Step7 from "@/modules/06_evaluate/components/step/step7.vue";
 import Step8 from "@/modules/06_evaluate/components/step/step8.vue";
 import Step9 from "@/modules/06_evaluate/components/step/step9.vue";
-import tab1 from "@/modules/06_evaluate/components/Tab1.vue";
 
 import ViewStep1 from "@/modules/06_evaluate/components/viewstep/viewStep1.vue";
 import ViewStep3 from "@/modules/06_evaluate/components/viewstep/viewStep3.vue";
@@ -29,9 +30,11 @@ import ViewStep7 from "@/modules/06_evaluate/components/viewstep/viewStep7.vue";
 
 import PopupHistory from "@/modules/06_evaluate/components/viewstep/popupHistory.vue";
 
+/** import Store*/
 import { useEvaluateStore } from "@/modules/06_evaluate/store";
 import { useCounterMixin } from "@/stores/mixin";
 
+/** use*/
 const router = useRouter();
 const route = useRoute();
 const store = useEvaluateStore();
@@ -43,7 +46,6 @@ const { showLoader, hideLoader, messageError, dialogConfirm } = mixin;
 const externalLink =
   "https://accreditation.ocsc.go.th/accreditation/search/curriculum";
 
-// const evaluateId = ref<string>(route.params.id.toString());
 const showLoadStatus = ref<boolean>(false);
 
 const modalHistory = ref<boolean>(false);
@@ -51,6 +53,7 @@ function onClickPopupHistory() {
   modalHistory.value = !modalHistory.value;
 }
 
+/** function NextToStep*/
 async function onCilckNextStep() {
   const functionCreateDoc: (() => Promise<void>) | null =
     store.step === 1
@@ -91,6 +94,7 @@ async function onCilckNextStep() {
       );
 }
 
+/** function validateForm Step 2,4*/
 async function validateForm() {
   store.checkFileupload = !store.checkFileupload;
   const emptyValues = downloadFileRef.value.filter((e: any) => e === "");
@@ -104,7 +108,6 @@ async function validateForm() {
       }
     }
   }
-
   if (hasError.every((result) => result === true)) {
     if (emptyValues.length > 0 && store.statusUpload === true) {
       console.log("There are empty values in the array.");
@@ -121,8 +124,6 @@ async function validateForm() {
         nextTostep7();
       }
     }
-
-    // store.step === 2 && emptyValues.length > 0 ? saveStep2() : saveStep6();
   }
 }
 
@@ -527,6 +528,7 @@ async function nextTostep7() {
   );
 }
 
+/** STEP 7*/
 async function saveStep7() {
   showLoader();
   await http
diff --git a/src/modules/06_evaluate/components/Tab1.vue b/src/modules/06_evaluate/components/Tab1.vue
deleted file mode 100644
index b03ae2a..0000000
--- a/src/modules/06_evaluate/components/Tab1.vue
+++ /dev/null
@@ -1,448 +0,0 @@
-<script setup lang="ts">
-import { ref, reactive, onMounted, onUnmounted } from "vue";
-import { useQuasar } from "quasar";
-import evaluationFunctions from "@/modules/06_evaluate/stores/evaluationFunction";
-
-import type {
-  FormSpec,
-  FormCommand,
-  FormCommandRef,
-} from "@/modules/06_evaluate/interface/evalute";
-
-import Stepper from "@/modules/06_evaluate/components/Stepper.vue";
-import Step1 from "@/modules/06_evaluate/components/step/step1.vue";
-import Step2 from "@/modules/06_evaluate/components/step/step2.vue";
-import Step3 from "@/modules/06_evaluate/components/step/step3.vue";
-import Step4 from "@/modules/06_evaluate/components/step/step4.vue";
-import Step5 from "@/modules/06_evaluate/components/step/step5.vue";
-import Step6 from "@/modules/06_evaluate/components/step/step6.vue";
-import Step7 from "@/modules/06_evaluate/components/step/step7.vue";
-import Step8 from "@/modules/06_evaluate/components/step/step8.vue";
-import Step9 from "@/modules/06_evaluate/components/step/step9.vue";
-
-import ViewStep1 from "@/modules/06_evaluate/components/viewstep/viewStep1.vue";
-import ViewStep3 from "@/modules/06_evaluate/components/viewstep/viewStep3.vue";
-import ViewStep7 from "@/modules/06_evaluate/components/viewstep/viewStep7.vue";
-
-import PopupHistory from "@/modules/06_evaluate/components/viewstep/popupHistory.vue";
-
-import { useEvaluateStore } from "@/modules/06_evaluate/store";
-import { useCounterMixin } from "@/stores/mixin";
-
-const store = useEvaluateStore();
-const mixin = useCounterMixin();
-const $q = useQuasar();
-
-const { dialogConfirm, showLoader, hideLoader, messageError } = mixin;
-const {
-  fetchCheckStatus,
-  saveEvaluation,
-  nextPrapare,
-  nextCheckDoc,
-  nextCheckDoc2,
-  nextPrepareDoc2,
-} = evaluationFunctions;
-
-const props = defineProps({
-  title: {
-    type: String,
-  },
-  step: {
-    type: Number,
-  },
-});
-
-const externalLink =
-  "https://accreditation.ocsc.go.th/accreditation/search/curriculum";
-
-const formDetail = ref<any>();
-const formSpec = reactive<FormSpec>({
-  isEducationalQft: false, // คุณวุฒิการศึกษา
-  isGovermantServiceHtr: false, // ประวัติการรับราชการ
-  isOperatingExp: false, // ประสบการณ์ในการปฏิบัติงาน
-  isMinPeriodOfTenure: false, // ระยะเวลาขั้นต่ำในการดำรงตำแหน่งในสายงานที่ขอเข้ารับการคัดเลือก
-  isHaveSpecificQft: false, // มีคุณสมบัติตรงตามคุณสมบัติเฉพาะสำหรับตำแหน่งที่กำหนด ในมาตราฐานกำหนดตำแหน่ง
-  isHaveProLicense: false, // มีใบอนุญาตประกอบวิชาชีพของสายงานต่างๆ
-  isHaveMinPeriodOrHoldPos: false, // มีระยะเวลาขั้นต่ำในการดำรงตำแหน่งหรือเคยดำรงตำแหน่งในสายงานที่จะคัดเลือกตามคุณวุฒิของบุคคลและระดับตำแหน่งที่จะคัดเลือก
-});
-
-const formCommand = reactive<FormCommand>({
-  commanderFullname: "",
-  commanderPosition: "",
-  commanderAboveFullname: "",
-  commanderAbovePosition: "",
-});
-
-const commanderFullnameRef = ref<object | null>(null);
-const commanderPositionRef = ref<object | null>(null);
-const commanderAboveFullnameRef = ref<object | null>(null);
-const commanderAbovePositionRef = ref<object | null>(null);
-const fileEvaluation1Ref = ref<object | null>(null);
-const fileEvaluation2Ref = ref<object | null>(null);
-const fileEvaluation3Ref = ref<object | null>(null);
-const fileEvaluation4Ref = ref<object | null>(null);
-const fileEvaluation5Ref = ref<object | null>(null);
-const fileEvaluation6Ref = ref<object | null>(null);
-
-const formCommandRef: FormCommandRef = {
-  commanderFullname: commanderFullnameRef,
-  commanderPosition: commanderPositionRef,
-  commanderAboveFullname: commanderAboveFullnameRef,
-  commanderAbovePosition: commanderAbovePositionRef,
-  fileEvaluation1: fileEvaluation1Ref,
-  fileEvaluation2: fileEvaluation2Ref,
-  fileEvaluation3: fileEvaluation3Ref,
-  fileEvaluation4: fileEvaluation4Ref,
-  fileEvaluation5: fileEvaluation5Ref,
-  fileEvaluation6: fileEvaluation6Ref,
-};
-
-async function onCilckNextStep() {
-  const functionCreateDoc: (() => Promise<void>) | null =
-    store.step === 1
-      ? await saveStep1
-      : store.step === 3
-      ? await saveStep3
-      : store.step === 4
-      ? await saveStep4
-      : store.step === 5
-      ? await saveStep5
-      : store.step === 7
-      ? await saveStep7
-      : store.step === 8
-      ? await saveStep8
-      : store.step === 9
-      ? await saveStep9
-      : null;
-
-  store.step === 2 || store.step === 6
-    ? validateStep2()
-    : store.step == 3 || store.step == 7
-    ? dialogConfirm(
-        $q,
-        () => {
-          functionCreateDoc?.();
-        },
-        "ยืนยันการยื่นเอกสาร",
-        "ต้องการยืนยันการยื่นเอกสารใช่หรือไม่? หากยืนยันแล้วคุณจะไม่สามารถกลับมาแก้ไขเอกสารได้อีก"
-      )
-    : store.step < 9 &&
-      dialogConfirm(
-        $q,
-        async () => {
-          showLoader();
-          await functionCreateDoc?.();
-        },
-        "ยืนยันการดำเนินการ",
-        "ต้องการยืนยันการดำเนินการต่อใช่หรือไม่?"
-      );
-}
-
-// async function onCilckprPeviousStep(type: string) {
-//   store.step < 9 &&
-//     dialogConfirm(
-//       $q,
-//       async () => {
-//         store.step--;
-//       },
-//       "ยืนยันการย้อนกลับ",
-//       "ต้องการย้อนกลับใช่หรือไม่?"
-//     );
-// }
-
-async function saveStep1() {
-  showLoader();
-  await saveEvaluation(formSpec, formDetail.value);
-}
-
-async function updateCheckSpec(data: FormSpec) {
-  formSpec.isEducationalQft = data.isEducationalQft;
-  formSpec.isGovermantServiceHtr = data.isGovermantServiceHtr;
-  formSpec.isOperatingExp = data.isOperatingExp;
-  formSpec.isMinPeriodOfTenure = data.isMinPeriodOfTenure;
-  formSpec.isHaveSpecificQft = data.isHaveSpecificQft;
-  formSpec.isHaveProLicense = data.isHaveProLicense;
-  formSpec.isHaveMinPeriodOrHoldPos = data.isHaveMinPeriodOrHoldPos;
-}
-
-function updateFormDetail(data: any) {
-  formDetail.value = data;
-}
-
-async function saveStep2() {
-  dialogConfirm(
-    $q,
-    () => {
-      nextPrapare("approve", formCommand);
-    },
-    "ยืนยันการดำเนินการ",
-    "ต้องการยืนยันการดำเนินการต่อใช่หรือไม่?"
-  );
-}
-
-function updateformCommand(val: any, ref: any) {
-  formCommand.commanderFullname = val.commanderFullname;
-  formCommand.commanderPosition = val.commanderPosition;
-  formCommand.commanderAboveFullname = val.commanderAboveFullname;
-  formCommand.commanderAbovePosition = val.commanderAbovePosition;
-
-  commanderFullnameRef.value = ref.commanderFullnameRef;
-  commanderPositionRef.value = ref.commanderPositionRef;
-  commanderAboveFullnameRef.value = ref.commanderAboveFullnameRef;
-  commanderAbovePositionRef.value = ref.commanderAbovePositionRef;
-  fileEvaluation1Ref.value = ref.fileEvaluation1Ref;
-  fileEvaluation2Ref.value = ref.fileEvaluation2Ref;
-  fileEvaluation3Ref.value = ref.fileEvaluation3Ref;
-  fileEvaluation4Ref.value = ref.fileEvaluation4Ref;
-  fileEvaluation5Ref.value = ref.fileEvaluation5Ref;
-  fileEvaluation6Ref.value = ref.fileEvaluation6Ref;
-}
-
-async function validateStep2() {
-  const hasError = [];
-  for (const key in formCommandRef) {
-    if (Object.prototype.hasOwnProperty.call(formCommandRef, key)) {
-      const property = formCommandRef[key];
-      if (property.value && typeof property.value.validate === "function") {
-        const isValid = property.value.validate();
-        hasError.push(isValid);
-      }
-    }
-  }
-  if (hasError.every((result) => result === true)) {
-    store.step === 2 ? saveStep2() : saveStep6();
-  }
-}
-
-const pdfSrc = ref<any>();
-async function saveStep3() {
-  nextCheckDoc("approve");
-}
-async function updateFilePDF(url: any) {
-  pdfSrc.value = url;
-}
-
-async function saveStep4() {
-  console.log("Save 4");
-}
-async function saveStep5() {
-  console.log("Save 5");
-}
-async function saveStep6() {
-  // nextCheckDoc2(formCommand);
-}
-async function saveStep7() {
-  nextPrepareDoc2();
-}
-async function saveStep8() {
-  console.log("Save 8");
-}
-async function saveStep9() {
-  console.log("Save 9");
-}
-
-// const modalDirector = ref<boolean>(false);
-
-// function onClickDialogDirevtor() {
-//   modalDirector.value = true;
-// }
-
-// function closeDialogDirector() {
-//   modalDirector.value = false;
-// }
-// function fetchDirector() {
-//   console.log("ประเมินชำนาญการ:director");
-// }
-
-// function fetchMeeting() {
-//   console.log("ประเมินชำนาญการ:meeting");
-// }
-
-const modalHistory = ref<boolean>(false);
-function onClickPopupHistory() {
-  modalHistory.value = !modalHistory.value;
-}
-
-onMounted(async () => {
-  await fetchCheckStatus();
-});
-</script>
-
-<template>
-  <div class="row q-col-gutter-md">
-    <!-- currentStep = {{ store.currentStep }}<br/>
-    step = {{ store.step }} -->
-    <div class="col-xs-12 col-sm-3">
-      <div class="toptitle">
-        {{ props.title }}
-        <q-btn
-          v-if="store.evaluateId"
-          flat
-          round
-          dense
-          color="primary"
-          icon="history"
-          @click="onClickPopupHistory"
-        >
-          <q-tooltip>ประวัติการประเมิน</q-tooltip>
-        </q-btn>
-      </div>
-      <Stepper />
-
-      <!-- <div class="text-center">
-        <q-btn
-          unelevated
-          outline
-          label="รายชื่อกรรมการและการประชุม"
-          color="public"
-          @click="onClickDialogDirevtor"
-        />
-      </div> -->
-    </div>
-
-    <div class="col-xs-12 col-sm-9">
-      <div class="col-12 row">
-        <div class="col-9">
-          <div class="toptitle">
-            {{ store.step }}.{{ store.title[store.step - 1] }}
-          </div>
-        </div>
-        <div class="col-3 text-right">
-          <q-btn
-            v-if="store.step === 1"
-            :href="externalLink"
-            target="_blank"
-            outline
-            color="blue"
-            no-caps
-          >
-            ตรวจสอบคุณสมบัติกับ ก.พ.
-          </q-btn>
-        </div>
-      </div>
-
-      <div class="row q-col-gutter-md col-12" v-if="store.showLoadStatus">
-        <div
-          :class="
-            store.step === 2 ||
-            store.step === 4 ||
-            store.step === 5 ||
-            store.step === 6 ||
-            store.step === 8 ||
-            store.step === 9
-              ? 'col-xs-12 col-sm-12 row'
-              : 'col-xs-12 col-sm-5 row'
-          "
-        >
-          <q-card flat bordered class="col-12 q-pa-md">
-            <q-card-section>
-              <Step1
-                v-if="store.step === 1"
-                @update:spec="updateCheckSpec"
-                :evaluateId="store.evaluateId"
-                :educations="formDetail?.educations"
-              />
-
-              <Step2
-                v-if="store.step === 2"
-                @update:form="updateformCommand"
-                :evaluateId="store.evaluateId"
-              />
-              <Step3
-                v-if="store.step === 3"
-                @update:file="updateFilePDF"
-                :evaluateId="store.evaluateId"
-              />
-              <Step4 v-if="store.step === 4" />
-              <Step5 v-if="store.step === 5" :evaluateId="store.evaluateId" />
-              <Step6
-                v-if="store.step === 6"
-                @update:form="updateformCommand"
-                :evaluateId="store.evaluateId"
-              />
-              <Step7
-                v-if="store.step === 7"
-                @update:file="updateFilePDF"
-                :evaluateId="store.evaluateId"
-              />
-              <Step8 v-if="store.step === 8" :evaluateId="store.evaluateId" />
-              <Step9 v-if="store.step === 9" />
-            </q-card-section>
-          </q-card>
-        </div>
-        <div
-          class="col-xs-12 col-sm-7 row"
-          v-if="store.step === 1 || store.step === 3 || store.step === 7"
-        >
-          <q-card flat bordered class="col-12">
-            <q-card-section>
-              <ViewStep1
-                v-if="store.step === 1"
-                @update:formDeital="updateFormDetail"
-                :evaluateId="store.evaluateId"
-              />
-              <ViewStep3 v-if="store.step === 3 && pdfSrc" :pdfSrc="pdfSrc" />
-              <ViewStep7
-                v-if="store.step === 7 && pdfSrc"
-                :pdfSrc="pdfSrc"
-              /> </q-card-section
-          ></q-card>
-        </div>
-      </div>
-      <div class="q-mt-md q-gutter-md" align="right">
-        <!-- <q-btn
-          v-if="store.step !== 1"
-          unelevated
-          outline
-          label="ย้อนกลับ"
-          color="public"
-          @click="onCilckprPeviousStep('reject')"
-        /> -->
-        <q-btn
-          v-if="
-            store.step >= store.currentStep &&
-            store.step !== 3 &&
-            store.step !== 4 &&
-            store.step !== 5 &&
-            store.step !== 7 &&
-            store.step !== 8 &&
-            store.step !== 9
-          "
-          unelevated
-          label="ดำเนินการต่อ"
-          color="public"
-          @click="onCilckNextStep"
-        />
-        <q-btn
-          v-else-if="
-            store.step >= store.currentStep &&
-            (store.step == 3 || store.step == 7)
-          "
-          unelevated
-          label="ยื่นเอกการ"
-          color="public"
-          @click="onCilckNextStep"
-        />
-      </div>
-    </div>
-  </div>
-
-  <!-- <DialogMain
-    :modal="modalDirector"
-    :close="closeDialogDirector"
-    :fetchDirector="fetchDirector"
-    :fetchMeeting="fetchMeeting"
-  /> -->
-
-  <PopupHistory
-    :modal="modalHistory"
-    :close="onClickPopupHistory"
-    :id="store.evaluateId"
-  />
-</template>
-
-<style>
-.q-stepper--vertical .q-stepper__step-inner {
-  padding: 0;
-}
-</style>
diff --git a/src/modules/06_evaluate/components/TableListEvaluate.vue b/src/modules/06_evaluate/components/TableListEvaluate.vue
index 7cb9ca6..69b1990 100644
--- a/src/modules/06_evaluate/components/TableListEvaluate.vue
+++ b/src/modules/06_evaluate/components/TableListEvaluate.vue
@@ -1,10 +1,14 @@
 <script setup lang="ts">
 import { ref, onMounted, watch } from "vue";
-import type { QTableProps } from "quasar";
 import { useRouter } from "vue-router";
 
+/**import Type */
+import type { QTableProps } from "quasar";
+
+/** import Store */
 import { useEvaluateStore } from "@/modules/06_evaluate/store";
 
+/** use*/
 const store = useEvaluateStore();
 const router = useRouter();
 
@@ -65,8 +69,9 @@ const columns = ref<QTableProps["columns"]>([
     style: "font-size: 14px",
   },
 ]);
+
+/** paging*/
 const pagination = ref({
-  // sortBy: "",
   descending: false,
   page: props.page,
   rowsPerPage: props.pageSize,
@@ -74,6 +79,11 @@ const pagination = ref({
 
 const currentPage = ref<number>(1);
 
+/**
+ * function ส่งข้อมูลไป Update Paging
+ * @param newPagination ข้อมูล Paging ใหม่
+ * @param page หน้า
+ */
 function updateProp(newPagination: any, page: number) {
   emit("update:pagination", newPagination, page);
 }
@@ -87,10 +97,15 @@ function updateRowsPerPagen(newPagination: any) {
   currentPage.value = 1;
 }
 
+/**
+ * function redireact ไปยังหน้ารายละเอียด
+ * @param data ข้อมูล row
+ */
 function redirectToDetail(data: any) {
   router.push(`/evaluate/detail/${data.typeparam.toLowerCase()}/${data.id}`);
 }
 
+/** Hook lifecycle*/
 onMounted(() => {
   store.columns = columns.value;
   store.visibleColumns = visibleColumns.value;
diff --git a/src/modules/06_evaluate/components/step/step2.vue b/src/modules/06_evaluate/components/step/step2.vue
index 0c4579b..db1169b 100644
--- a/src/modules/06_evaluate/components/step/step2.vue
+++ b/src/modules/06_evaluate/components/step/step2.vue
@@ -136,7 +136,7 @@ async function onClickDowloadFile(
   showLoader();
   let educations: any = [];
   if (profile.value != null) {
-    profile.value.education.map((e: any) => {
+    profile.value.educations.map((e: any) => {
       educations.push({
         educationLevel: e.educationLevel ?? "",
         finishYear:
@@ -149,7 +149,7 @@ async function onClickDowloadFile(
   }
   let certificates: any = [];
   if (profile.value != null) {
-    profile.value.certificate.map((e: any) => {
+    profile.value.certificates.map((e: any) => {
       certificates.push({
         certificateNo: e.certificateNo ?? "",
         certificateType: e.certificateType ?? "",
@@ -169,7 +169,7 @@ async function onClickDowloadFile(
   }
   let trainings: any = [];
   if (profile.value != null) {
-    profile.value.training.map((e: any) => {
+    profile.value.trainings.map((e: any) => {
       trainings.push({
         yearly: e.yearly ?? "",
         startDate: e.startDate == null ? "" : date2Thai(new Date(e.startDate)),
diff --git a/src/modules/06_evaluate/views/EvaluateMain.vue b/src/modules/06_evaluate/views/EvaluateMain.vue
index 93919b2..dc56add 100644
--- a/src/modules/06_evaluate/views/EvaluateMain.vue
+++ b/src/modules/06_evaluate/views/EvaluateMain.vue
@@ -5,14 +5,18 @@ import { useRouter } from "vue-router";
 import http from "@/plugins/http";
 import config from "@/app.config";
 
+/** import Type*/
 import type { ListMenu } from "@/modules/06_evaluate/interface/evalute";
 
-import TableListEvaluate from "@/modules/06_evaluate/components/TableListEvaluate.vue";
-import DialogMain from "@/modules/06_evaluate/components/DialogMain.vue";
+/** import Components*/
+import TableListEvaluate from "@/modules/06_evaluate/components/TableListEvaluate.vue"; // ตารางประเมิน
+import DialogMain from "@/modules/06_evaluate/components/DialogMain.vue"; // popup การเพิ่มประเมิน
 
+/** import Store*/
 import { useEvaluateStore } from "@/modules/06_evaluate/store";
 import { useCounterMixin } from "@/stores/mixin";
 
+/** use*/
 const mixin = useCounterMixin();
 const store = useEvaluateStore();
 const router = useRouter();
@@ -20,6 +24,9 @@ const $q = useQuasar();
 
 const { showLoader, hideLoader, messageError } = mixin;
 
+/** ตัวแปร*/
+const modal = ref<boolean>(false);
+const menu = ref<ListMenu>();
 const listMenu = ref<ListMenu[]>([
   {
     val: "EXPERT",
@@ -30,16 +37,22 @@ const listMenu = ref<ListMenu[]>([
     label: "ประเมินชำนาญการพิเศษ",
   },
 ]);
-const modal = ref<boolean>(false);
-const menu = ref<ListMenu>();
+
+/**
+ * function เปืด popup เพิ่มการประเมิน
+ * @param data
+ */
 function onclickAddEvaluate(data: ListMenu) {
   modal.value = !modal.value;
   menu.value = data;
 }
+
+/** ตัวแปร Paging*/
 const page = ref<number>(1);
 const pageSize = ref<number>(25);
 const maxPage = ref<number>(10);
 
+/** function เรียกรายการประเมิน*/
 async function fetchEvaluteList() {
   showLoader();
   await http
@@ -59,6 +72,11 @@ async function fetchEvaluteList() {
     });
 }
 
+/**
+ * function updatePaging
+ * @param newPagination  ข้อมูลใหม่ของ Paging
+ * @param currentPage  หน้า Page
+ */
 async function updatePaging(newPagination: any, currentPage: number) {
   page.value = currentPage;
   pageSize.value = newPagination.rowsPerPage;
@@ -66,8 +84,9 @@ async function updatePaging(newPagination: any, currentPage: number) {
   await fetchEvaluteList();
 }
 
-onMounted(() => {
-  fetchEvaluteList();
+/** hook lifecycle*/
+onMounted(async () => {
+  await fetchEvaluteList();
 });
 </script>
 <template>