diff --git a/src/api/evaluate/api.evaluate.ts b/src/api/evaluate/api.evaluate.ts
index 932ca4f..d4e5ed5 100644
--- a/src/api/evaluate/api.evaluate.ts
+++ b/src/api/evaluate/api.evaluate.ts
@@ -3,7 +3,7 @@ import env from "../index";
 const evaluation = `${env.API_URI}/evaluation`;
 
 export default {
-  evaluationList:() =>`${evaluation}/user`,
+  evaluationList: () => `${evaluation}/user`,
   evaluationCheckStatus: () => `${evaluation}/check-status`,
   evaluationCheckStep: (id: string) => `${evaluation}/check/${id}`,
   evaluationCheckById: (id: string) => `${evaluation}/check/${id}`,
@@ -29,6 +29,8 @@ export default {
   evaluationDirectorMeetring: (id: string) =>
     `${evaluation}/director-meeting/${id}`,
   evaluationCheckDate: (id: string) => `${evaluation}/check-date/${id}`,
+  evaluationUpdateAuthor: (id: string, type: string) =>
+    `${evaluation}/update-author-${type}/${id}`,
 
   /**document */
   loadPathDocument: (val: string, id: string) =>
diff --git a/src/modules/06_evaluate/components/DialogMain.vue b/src/modules/06_evaluate/components/DialogMain.vue
index 1cd9500..3220179 100644
--- a/src/modules/06_evaluate/components/DialogMain.vue
+++ b/src/modules/06_evaluate/components/DialogMain.vue
@@ -5,11 +5,13 @@ import { useQuasar } from "quasar";
 import DialogHeader from "@/components/DialogHeader.vue";
 
 import { useCounterMixin } from "@/stores/mixin";
+import { useEvaluateStore } from "@/modules/06_evaluate/store";
 import { onMounted, ref, watch } from "vue";
 
 const router = useRouter();
 const $q = useQuasar();
 const mixin = useCounterMixin();
+const store = useEvaluateStore();
 
 const { dialogConfirm } = mixin;
 
@@ -40,6 +42,8 @@ function onCklicNext() {
     $q,
     () => {
       const type = props.menu ? props.menu.val?.toLowerCase() : "";
+      store.step = 1;
+      store.currentStep = 1;
       router.push(`/evaluate/add/${type}`);
     },
     "ยืนยันการดำเนินการ",
diff --git a/src/modules/06_evaluate/components/EvaluateStepMain.vue b/src/modules/06_evaluate/components/EvaluateStepMain.vue
index 7d38e0a..1556460 100644
--- a/src/modules/06_evaluate/components/EvaluateStepMain.vue
+++ b/src/modules/06_evaluate/components/EvaluateStepMain.vue
@@ -92,13 +92,8 @@ async function onCilckNextStep() {
 }
 
 async function validateForm() {
-  console.log(downloadFileRef.value);
-
   store.checkFileupload = !store.checkFileupload;
-  console.log(store.checkFileupload);
-
   const emptyValues = downloadFileRef.value.filter((e: any) => e === "");
-
   const hasError = [];
   for (const key in formCommandRef) {
     if (Object.prototype.hasOwnProperty.call(formCommandRef, key)) {
@@ -109,11 +104,22 @@ async function validateForm() {
       }
     }
   }
+
   if (hasError.every((result) => result === true)) {
-    if (emptyValues.length > 0) {
+    if (emptyValues.length > 0 && store.statusUpload === true) {
       console.log("There are empty values in the array.");
+    } else if (store.step === 2) {
+      if (store.statusUpload === false) {
+        saveStep2();
+      } else {
+        nextTostep3();
+      }
     } else {
-      store.step === 2 ? saveStep2() : saveStep6();
+      if (store.statusUpload === false) {
+        saveStep6();
+      } else {
+        nextTostep7();
+      }
     }
 
     // store.step === 2 && emptyValues.length > 0 ? saveStep2() : saveStep6();
@@ -308,11 +314,15 @@ async function saveStep1() {
 }
 
 /** STEP 2*/
+const statusUpload = ref<boolean>(false);
 const formCommand = reactive<FormCommand>({
   commanderFullname: "",
   commanderPosition: "",
   commanderAboveFullname: "",
   commanderAbovePosition: "",
+  author: "",
+  subject: "",
+  assignedPosition: "",
 });
 const commanderFullnameRef = ref<object | null>(null);
 const commanderPositionRef = ref<object | null>(null);
@@ -324,6 +334,9 @@ 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 performanceRef = ref<object | null>(null);
+const performanceOwnerRef = ref<object | null>(null);
+const assignedPositionRef = ref<object | null>(null);
 const formCommandRef: FormCommandRef = {
   commanderFullname: commanderFullnameRef,
   commanderPosition: commanderPositionRef,
@@ -335,6 +348,9 @@ const formCommandRef: FormCommandRef = {
   fileEvaluation4: fileEvaluation4Ref,
   fileEvaluation5: fileEvaluation5Ref,
   fileEvaluation6: fileEvaluation6Ref,
+  performance: performanceRef,
+  performanceOwner: performanceOwnerRef,
+  assignedPosition: assignedPositionRef,
 };
 const downloadFileRef = ref<any>();
 
@@ -343,6 +359,9 @@ function updateformCommand(val: any, ref: any) {
   formCommand.commanderPosition = val.commanderPosition;
   formCommand.commanderAboveFullname = val.commanderAboveFullname;
   formCommand.commanderAbovePosition = val.commanderAbovePosition;
+  formCommand.author = val.author;
+  formCommand.subject = val.subject;
+  formCommand.assignedPosition = val.assignedPosition;
   commanderFullnameRef.value = ref.commanderFullnameRef;
   commanderPositionRef.value = ref.commanderPositionRef;
   commanderAboveFullnameRef.value = ref.commanderAboveFullnameRef;
@@ -354,20 +373,59 @@ function updateformCommand(val: any, ref: any) {
   fileEvaluation5Ref.value = ref.fileEvaluation5Ref;
   fileEvaluation6Ref.value = ref.fileEvaluation6Ref;
   downloadFileRef.value = ref.downloadFile;
+  performanceRef.value = ref.performance;
+  performanceOwnerRef.value = ref.performanceOwner;
+  assignedPositionRef.value = ref.assignedPosition;
+  statusUpload.value = ref.statusUpload;
 }
 
 async function saveStep2() {
+  const body = {
+    commanderFullname: formCommand.commanderFullname,
+    commanderPosition: formCommand.commanderPosition,
+    commanderAboveFullname: formCommand.commanderAboveFullname,
+    commanderAbovePosition: formCommand.commanderAbovePosition,
+    author: formCommand.author,
+    subject: formCommand.subject,
+  };
+
+  dialogConfirm(
+    $q,
+    async () => {
+      statusUpload.value = true;
+      store.statusUpload = statusUpload.value;
+      showLoader();
+      await http
+        .put(
+          config.API.evaluationUpdateAuthor(
+            route.params.id.toString(),
+            "director"
+          ),
+          body
+        )
+        .then(() => {
+          route.params.id && fetchCheckStep(route.params.id.toString());
+        })
+        .catch((err) => {
+          messageError($q, err);
+        })
+        .finally(() => {
+          hideLoader();
+        });
+    },
+    "ยืนยันการบันทึกข้อมูล",
+    "ต้องการยืนยันการบันทึกข้อมูลนี้ใช่หรือไม่?"
+  );
+}
+
+async function nextTostep3() {
   dialogConfirm(
     $q,
     async () => {
       showLoader();
       await http
         .put(
-          config.API.evaluationPreparedoc(
-            route.params.id.toString(),
-            "approve"
-          ),
-          formCommand
+          config.API.evaluationPreparedoc(route.params.id.toString(), "approve")
         )
         .then(() => {
           route.params.id && fetchCheckStep(route.params.id.toString());
@@ -384,6 +442,7 @@ async function saveStep2() {
   );
 }
 
+/** STEP3*/
 async function saveStep3() {
   showLoader();
   await http
@@ -404,19 +463,54 @@ async function saveStep4() {
 async function saveStep5() {
   console.log("Save 5");
 }
+
+/** STEP 6*/
 async function saveStep6() {
   const body = {
     commanderAboveFullnameDoc2: formCommand.commanderAboveFullname,
     commanderAbovePositionDoc2: formCommand.commanderAbovePosition,
     commanderFullnameDoc2: formCommand.commanderFullname,
     commanderPositionDoc2: formCommand.commanderPosition,
+    authorDoc2: formCommand.author,
+    subjectDoc2: formCommand.subject,
+    assignedPosition: formCommand.assignedPosition,
   };
+  dialogConfirm(
+    $q,
+    async () => {
+      statusUpload.value = true;
+      store.statusUpload = statusUpload.value;
+      showLoader();
+      await http
+        .put(
+          config.API.evaluationUpdateAuthor(
+            route.params.id.toString(),
+            "director2"
+          ),
+          body
+        )
+        .then(() => {
+          route.params.id && fetchCheckStep(route.params.id.toString());
+        })
+        .catch((err) => {
+          messageError($q, err);
+        })
+        .finally(() => {
+          hideLoader();
+        });
+    },
+    "ยืนยันการบันทึกข้อมูล",
+    "ต้องการยืนยันการบันทึกข้อมูลนี้ใช่หรือไม่?"
+  );
+}
+
+async function nextTostep7() {
   dialogConfirm(
     $q,
     async () => {
       showLoader();
       await http
-        .put(config.API.evaluationCheckdocV2(route.params.id.toString()), body)
+        .put(config.API.evaluationCheckdocV2(route.params.id.toString()))
         .then(() => {
           route.params.id && fetchCheckStep(route.params.id.toString());
         })
@@ -431,6 +525,7 @@ async function saveStep6() {
     "ต้องการยืนยันการดำเนินการต่อใช่หรือไม่?"
   );
 }
+
 async function saveStep7() {
   showLoader();
   await http
@@ -576,7 +671,6 @@ onMounted(async () => {
                 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"> -->
                 <div class="col-12">
                   <ViewStep1
                     v-if="store.step === 1"
@@ -594,14 +688,13 @@ onMounted(async () => {
                     :urlDownloadFile="urlDownloadFile"
                   />
                 </div>
-
-                <!-- </q-card> -->
               </div>
             </div>
             <div class="q-mt-md q-gutter-md" align="right">
               <q-btn
                 v-if="
                   store.step >= store.currentStep &&
+                  store.statusUpload === false &&
                   store.step !== 3 &&
                   store.step !== 4 &&
                   store.step !== 5 &&
@@ -610,10 +703,15 @@ onMounted(async () => {
                   store.step !== 9
                 "
                 unelevated
-                label="ดำเนินการต่อ"
+                :label="
+                  store.step === 2 || store.step === 6
+                    ? 'บันทึกข้อมูล'
+                    : 'ดำเนินการต่อ'
+                "
                 color="public"
                 @click="onCilckNextStep()"
               />
+
               <q-btn
                 v-else-if="
                   store.step >= store.currentStep &&
@@ -624,6 +722,29 @@ onMounted(async () => {
                 color="public"
                 @click="onCilckNextStep()"
               />
+
+              <q-btn
+                v-if="
+                  store.step >= store.currentStep &&
+                  store.step == 2 &&
+                  store.statusUpload
+                "
+                unelevated
+                label="ดำเนินการต่อ"
+                color="public"
+                @click="onCilckNextStep()"
+              />
+              <q-btn
+                v-if="
+                  store.step >= store.currentStep &&
+                  store.step == 6 &&
+                  store.statusUpload
+                "
+                unelevated
+                label="ดำเนินการต่อ"
+                color="public"
+                @click="onCilckNextStep()"
+              />
             </div>
           </div>
         </q-card>
diff --git a/src/modules/06_evaluate/components/TableListEvaluate.vue b/src/modules/06_evaluate/components/TableListEvaluate.vue
index 557c241..c5bb0c2 100644
--- a/src/modules/06_evaluate/components/TableListEvaluate.vue
+++ b/src/modules/06_evaluate/components/TableListEvaluate.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, onMounted } from "vue";
+import { ref, onMounted, watch } from "vue";
 import type { QTableProps } from "quasar";
 import { useRouter } from "vue-router";
 
@@ -8,6 +8,23 @@ import { useEvaluateStore } from "@/modules/06_evaluate/store";
 const store = useEvaluateStore();
 const router = useRouter();
 
+const props = defineProps({
+  page: {
+    type: Number,
+    require: true,
+  },
+  pageSize: {
+    type: Number,
+    require: true,
+  },
+  maxPage: {
+    type: Number,
+    require: true,
+  },
+});
+
+const emit = defineEmits(["update:pagination"]);
+
 /** ค้นหาคอลัม */
 const visibleColumns = ref<string[]>(["no", "type", "dateSend", "status"]);
 const columns = ref<QTableProps["columns"]>([
@@ -51,10 +68,25 @@ const columns = ref<QTableProps["columns"]>([
 const pagination = ref({
   sortBy: "",
   descending: true,
-  page: 1,
-  rowsPerPage: 10,
+  page: props.page,
+  rowsPerPage: props.pageSize,
 });
 
+const currentPage = ref<number>(1);
+
+function updateProp(newPagination: any, page: number) {
+  emit("update:pagination", newPagination, page);
+}
+
+/**
+ * function updatePageSize
+ * @param newPagination  PageSize
+ */
+function updateRowsPerPagen(newPagination: any) {
+  pagination.value.rowsPerPage = newPagination.rowsPerPage;
+  currentPage.value = 1;
+}
+
 function redirectToDetail(data: any) {
   router.push(`/evaluate/detail/${data.typeparam.toLowerCase()}/${data.id}`);
 }
@@ -63,6 +95,11 @@ onMounted(() => {
   store.columns = columns.value;
   store.visibleColumns = visibleColumns.value;
 });
+
+/** function Callblck ทำงานเมื่อ pagination มีการเปลี่ยนแปลง */
+watch([() => currentPage.value, () => pagination.value.rowsPerPage], () => {
+  updateProp(pagination.value, currentPage.value);
+});
 </script>
 <template>
   <q-table
@@ -77,6 +114,7 @@ onMounted(() => {
     :visible-columns="store.visibleColumns"
     :filter="store.filterKeyword"
     v-model:pagination="pagination"
+    @update:pagination="updateRowsPerPagen"
   >
     <template v-slot:header="props">
       <q-tr :props="props">
@@ -104,13 +142,13 @@ onMounted(() => {
     </template>
     <template v-slot:pagination="scope">
       <q-pagination
-        v-model="pagination.page"
+        v-model="currentPage"
         active-color="primary"
         color="dark"
         size="sm"
         boundary-links
         direction-links
-        :max="scope.pagesNumber"
+        :max="Number(props.maxPage)"
       ></q-pagination>
     </template>
   </q-table>
diff --git a/src/modules/06_evaluate/components/step/step2.vue b/src/modules/06_evaluate/components/step/step2.vue
index 62cb374..0c4579b 100644
--- a/src/modules/06_evaluate/components/step/step2.vue
+++ b/src/modules/06_evaluate/components/step/step2.vue
@@ -25,6 +25,7 @@ const route = useRoute();
 const { showLoader, hideLoader, date2Thai, messageError, success } = mixin;
 
 const evaluateId = ref<string>(route.params.id.toString());
+const statusUpload = ref<boolean>(false);
 
 /** emit */
 const emit = defineEmits(["update:form"]);
@@ -38,6 +39,9 @@ const formCommand = reactive<FormCommand>({
   commanderPosition: "",
   commanderAboveFullname: "",
   commanderAbovePosition: "",
+  author: "",
+  subject: "",
+  assignedPosition: "",
 });
 
 /** formRef */
@@ -51,8 +55,8 @@ 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 performanceRef = ref<any>(null);
-const performanceOwnerRef = ref<any>(null);
+const performanceRef = ref<object | null>(null);
+const performanceOwnerRef = ref<object | null>(null);
 
 /**
  * function updateFormref
@@ -78,6 +82,9 @@ function updateInput(val: any) {
       downloadFile5.value,
       downloadFile6.value,
     ],
+    performance: performanceRef.value,
+    performanceOwner: performanceOwnerRef.value,
+    statusUpload: store.statusUpload,
   };
   emit("update:form", val, ref); // ส่งข้อมูลไปอัปเดท
 }
@@ -208,7 +215,7 @@ async function onClickDowloadFile(
 }
 
 /**
- * function fetch ลิงค์อัปโหลดไฟล์
+ * function fetch ลิงก์อัปโหลดไฟล์
  * @param volume เล่ม
  * @param id  evaluate ID
  * @param type ประเภทไฟล์
@@ -220,43 +227,35 @@ async function fetchPathUpload(
   type: string,
   file: any
 ) {
-  performanceRef.value.validate();
-  performanceOwnerRef.value.validate();
-
-  if (
-    performanceRef.value.hasError === false &&
-    performanceOwnerRef.value.hasError === false
-  ) {
-    const body = {
-      fileList: {
-        fileName: type,
-        metadata: {
-          subject: performance.value,
-          author: performanceOwner.value,
-        },
+  const body = {
+    fileList: {
+      fileName: type,
+      metadata: {
+        subject: performance.value,
+        author: performanceOwner.value,
       },
-    };
+    },
+  };
 
-    if (id && file) {
-      showLoader();
-      await http
-        .post(config.API.loadPathDocument(volume, id), body)
-        .then((res) => {
-          const foundKey: string | undefined = Object.keys(res.data).find(
-            (key) =>
-              res.data[key]?.fileName !== undefined &&
-              res.data[key]?.fileName !== ""
-          );
-          foundKey && uploadfile(res.data[foundKey]?.uploadUrl, file);
-        })
-        .catch((err) => {
-          messageError($q, err);
-        })
-        .finally(() => {
-          downloadFile(type);
-          hideLoader();
-        });
-    }
+  if (id && file) {
+    showLoader();
+    await http
+      .post(config.API.loadPathDocument(volume, id), body)
+      .then((res) => {
+        const foundKey: string | undefined = Object.keys(res.data).find(
+          (key) =>
+            res.data[key]?.fileName !== undefined &&
+            res.data[key]?.fileName !== ""
+        );
+        foundKey && uploadfile(res.data[foundKey]?.uploadUrl, file);
+      })
+      .catch((err) => {
+        messageError($q, err);
+      })
+      .finally(() => {
+        downloadFile(type);
+        hideLoader();
+      });
   }
 }
 
@@ -298,9 +297,13 @@ async function fetcheSigner(id: string) {
       formCommand.commanderPosition = data.commanderPosition;
       formCommand.commanderAboveFullname = data.commanderAboveFullname;
       formCommand.commanderAbovePosition = data.commanderAbovePosition;
+      formCommand.author = data.author;
+      formCommand.subject = data.subject;
+
+      store.statusUpload = true;
     })
-    .catch((err) => {
-      messageError($q, err);
+    .catch(() => {
+      store.statusUpload = false;
     })
     .finally(() => {
       hideLoader();
@@ -333,7 +336,7 @@ const downloadFile3 = ref<string>("");
 const downloadFile4 = ref<string>("");
 const downloadFile5 = ref<string>("");
 const downloadFile6 = ref<string>("");
-const emptyValues = ref<any>();
+
 /**
  * function ดาวน์โหลดไฟล์
  * @param fileName ชื่อไฟล์
@@ -380,6 +383,8 @@ async function downloadFile(fileName: string) {
         fileEvaluation4Ref: fileEvaluation4Ref.value,
         fileEvaluation5Ref: fileEvaluation5Ref.value,
         fileEvaluation6Ref: fileEvaluation6Ref.value,
+        performance: performanceRef.value,
+        performanceOwner: performanceOwnerRef.value,
         downloadFile: [
           downloadFile1.value,
           downloadFile2.value,
@@ -388,33 +393,25 @@ async function downloadFile(fileName: string) {
           downloadFile5.value,
           downloadFile6.value,
         ],
+        statusUpload: false,
       };
 
-      emptyValues.value = ref.downloadFile.filter((e: any) => e === "");
-      // if (emptyValues.value.length < 6) {
-      //   console.log("There are empty values in the array.");
-      // }
-
       emit("update:form", formCommand, ref);
 
       hideLoader();
     });
 }
 
-const statusUpload = ref<boolean>(false);
-function onClickCheckUploadStatus() {
-  statusUpload.value = true;
-}
-
 /**lifecycle Hooks*/
 onMounted(async () => {
   if (keycloak.tokenParsed != null) {
-    performanceOwner.value = keycloak.tokenParsed.name;
+    formCommand.author = keycloak.tokenParsed.name;
   }
 
-  if (store.currentStep > 2) {
-    fetcheSigner(evaluateId.value);
-  }
+  // if (store.currentStep > 2 && store.statusUpload) {
+  //   fetcheSigner(evaluateId.value);
+  // }
+  fetcheSigner(evaluateId.value);
   fetchCheckSpec(evaluateId.value);
   downloadFile("1-แบบพิจารณาคุณสมบัติบุคคล");
   downloadFile("2-แบบแสดงรายละเอียดการเสนอผลงาน");
@@ -452,6 +449,15 @@ watch(
     }
   }
 );
+
+watch(
+  () => store.statusUpload,
+  () => {
+    setTimeout(() => {
+      store.statusUpload && updateInput(formCommand);
+    }, 200);
+  }
+);
 </script>
 
 <template>
@@ -471,28 +477,24 @@ watch(
 
                 <div class="row col-12 q-col-gutter-md q-pa-sm">
                   <q-input
-                    :readonly="
-                      store.currentStep != 2 || emptyValues?.length < 6
-                    "
+                    :readonly="store.currentStep != 2 || store.statusUpload"
                     ref="performanceRef"
                     dense
                     class="col-xs-12 col-sm-6"
                     outlined
                     label="ชื่อผลงาน"
-                    v-model="performance"
+                    v-model="formCommand.subject"
                     @update:model-value="updateInput(formCommand)"
                     :rules="[(val) => !!val || `${'กรุณากรอกชื่อผลงาน'}`]"
                     lazy-rules
                   />
                   <q-input
-                    :readonly="
-                      store.currentStep != 2 || emptyValues?.length < 6
-                    "
+                    :readonly="store.currentStep != 2 || store.statusUpload"
                     ref="performanceOwnerRef"
                     class="col-xs-12 col-sm-6"
                     dense
                     outlined
-                    v-model="performanceOwner"
+                    v-model="formCommand.author"
                     @update:model-value="updateInput(formCommand)"
                     label="เจ้าของผลงาน"
                     :rules="[(val) => !!val || `${'กรุณากรอกเจ้าของผลงาน'}`]"
@@ -501,539 +503,533 @@ watch(
                 </div>
               </div>
             </div>
-            <!-- <div align="right">
-              <q-btn
-                unelevated
-                label="อัปโหลไฟล์"
-                color="public"
-                @click="onClickCheckUploadStatus"
-              />
-            </div> -->
           </div>
         </div>
       </q-card>
     </div>
 
-    <!-- แบบพิจารณาคุณสมบัติบุคคล -->
-    <div class="col-6" v-if="store.currentStep === 2">
-      <q-card bordered style="border: 1px solid #d6dee1">
-        <div class="text-weight-medium bg-grey-1 q-py-sm q-px-md">
-          แบบพิจารณาคุณสมบัติบุคคล
-        </div>
-        <div class="col-12"><q-separator /></div>
-        <div class="row">
-          <div class="col-12 q-pa-sm">
-            <div class="row q-col-gutter-md col-12">
-              <div class="col-xs-12 col-sm-6 row">
-                <q-btn
-                  class="col-12"
-                  outline
-                  icon="download"
-                  label="ดาวน์โหลดต้นแบบ"
-                  color="primary"
-                  @click="
-                    onClickDowloadFile(
-                      'EV1_005',
-                      'template-1',
-                      'แบบพิจารณาคุณสมบัติบุคคล'
-                    )
-                  "
-                >
-                  <q-tooltip> ดาวน์โหลดต้นแบบ </q-tooltip></q-btn
-                >
-              </div>
-              <div class="col-xs-12 col-sm-6 row">
-                <q-btn
-                  v-if="downloadFile1 != ''"
-                  :href="downloadFile1"
-                  target="_blank"
-                  class="col-12"
-                  outline
-                  icon="visibility"
-                  label="ดูไฟล์เอกสาร"
-                  color="primary"
-                >
-                  <q-tooltip> ดูไฟล์เอกสาร </q-tooltip></q-btn
-                >
-              </div>
-              <div class="col-xs-12 col-sm-10 row">
-                <q-file
-                  ref="fileEvaluation1Ref"
-                  v-model="fileEvaluation1"
-                  class="col-12"
-                  outlined
-                  dense
-                  hide-bottom-space
-                  lazy-rules
-                  accept=".pdf"
-                  :rules="
-                    downloadFile1 === ''
-                      ? [(val) => !!val || 'กรุณาเลือกไฟล์']
-                      : []
-                  "
-                >
-                  <template v-slot:prepend>
-                    <q-icon name="attach_file" />
-                  </template>
-                </q-file>
-              </div>
-              <div class="col-2 self-center text-center q-pl-none">
-                <q-btn
-                  flat
-                  round
-                  dense
-                  color="primary"
-                  icon="mdi-upload"
-                  @click="
-                    fetchPathUpload(
-                      'เล่ม 1',
-                      evaluateId,
-                      '1-แบบพิจารณาคุณสมบัติบุคคล',
-                      fileEvaluation1
-                    )
-                  "
-                  ><q-tooltip>อัปโหลดไฟล์</q-tooltip></q-btn
-                >
+    <div class="row q-col-gutter-sm" v-if="store.statusUpload">
+      <!-- แบบพิจารณาคุณสมบัติบุคคล -->
+      <div class="col-6" v-if="store.currentStep === 2">
+        <q-card bordered style="border: 1px solid #d6dee1">
+          <div class="text-weight-medium bg-grey-1 q-py-sm q-px-md">
+            แบบพิจารณาคุณสมบัติบุคคล
+          </div>
+          <div class="col-12"><q-separator /></div>
+          <div class="row">
+            <div class="col-12 q-pa-sm">
+              <div class="row q-col-gutter-md col-12">
+                <div class="col-xs-12 col-sm-6 row">
+                  <q-btn
+                    class="col-12"
+                    outline
+                    icon="download"
+                    label="ดาวน์โหลดต้นแบบ"
+                    color="primary"
+                    @click="
+                      onClickDowloadFile(
+                        'EV1_005',
+                        'template-1',
+                        'แบบพิจารณาคุณสมบัติบุคคล'
+                      )
+                    "
+                  >
+                    <q-tooltip> ดาวน์โหลดต้นแบบ </q-tooltip></q-btn
+                  >
+                </div>
+                <div class="col-xs-12 col-sm-6 row">
+                  <q-btn
+                    v-if="downloadFile1 != ''"
+                    :href="downloadFile1"
+                    target="_blank"
+                    class="col-12"
+                    outline
+                    icon="visibility"
+                    label="ดูไฟล์เอกสาร"
+                    color="primary"
+                  >
+                    <q-tooltip> ดูไฟล์เอกสาร </q-tooltip></q-btn
+                  >
+                </div>
+                <div class="col-xs-12 col-sm-10 row">
+                  <q-file
+                    ref="fileEvaluation1Ref"
+                    v-model="fileEvaluation1"
+                    class="col-12"
+                    outlined
+                    dense
+                    hide-bottom-space
+                    lazy-rules
+                    accept=".pdf"
+                    :rules="
+                      downloadFile1 === ''
+                        ? [(val) => !!val || 'กรุณาเลือกไฟล์']
+                        : []
+                    "
+                  >
+                    <template v-slot:prepend>
+                      <q-icon name="attach_file" />
+                    </template>
+                  </q-file>
+                </div>
+                <div class="col-2 self-center text-center q-pl-none">
+                  <q-btn
+                    flat
+                    round
+                    dense
+                    color="primary"
+                    icon="mdi-upload"
+                    @click="
+                      fetchPathUpload(
+                        'เล่ม 1',
+                        evaluateId,
+                        '1-แบบพิจารณาคุณสมบัติบุคคล',
+                        fileEvaluation1
+                      )
+                    "
+                    ><q-tooltip>อัปโหลดไฟล์</q-tooltip></q-btn
+                  >
+                </div>
               </div>
             </div>
           </div>
-        </div>
-      </q-card>
-    </div>
+        </q-card>
+      </div>
 
-    <!-- แบบแสดงรายละเอียดการเสนอผลงาน     -->
-    <div class="col-6" v-if="store.currentStep === 2">
-      <q-card bordered style="border: 1px solid #d6dee1">
-        <div class="text-weight-medium bg-grey-1 q-py-sm q-px-md">
-          แบบแสดงรายละเอียดการเสนอผลงาน
-        </div>
-        <div class="col-12"><q-separator /></div>
-        <div class="row">
-          <div class="col-12 q-pa-sm">
-            <div class="row q-col-gutter-md col-12">
-              <div class="col-xs-12 col-sm-6 row">
-                <q-btn
-                  class="col-12"
-                  outline
-                  icon="download"
-                  label="ดาวน์โหลดต้นแบบ"
-                  color="primary"
-                  @click="
-                    onClickDowloadFile(
-                      'EV1_006',
-                      'template-2',
-                      'แบบแสดงรายละเอียดการเสนอผลงาน'
-                    )
-                  "
-                >
-                  <q-tooltip> ดาวน์โหลดต้นแบบ </q-tooltip></q-btn
-                >
-              </div>
-              <div class="col-xs-12 col-sm-6 row">
-                <q-btn
-                  v-if="downloadFile2 != ''"
-                  :href="downloadFile2"
-                  target="_blank"
-                  class="col-12"
-                  outline
-                  icon="visibility"
-                  label="ดูไฟล์เอกสาร"
-                  color="primary"
-                >
-                  <q-tooltip> ดูไฟล์เอกสาร </q-tooltip></q-btn
-                >
-              </div>
-              <div class="col-xs-12 col-sm-10 row">
-                <q-file
-                  ref="fileEvaluation2Ref"
-                  v-model="fileEvaluation2"
-                  class="col-12"
-                  outlined
-                  dense
-                  hide-bottom-space
-                  lazy-rules
-                  accept=".pdf"
-                  :rules="
-                    downloadFile2 === ''
-                      ? [(val) => !!val || 'กรุณาเลือกไฟล์']
-                      : []
-                  "
-                >
-                  <template v-slot:prepend>
-                    <q-icon name="attach_file" />
-                  </template>
-                </q-file>
-              </div>
-              <div class="col-2 self-center text-center q-pl-none">
-                <q-btn
-                  flat
-                  round
-                  dense
-                  color="primary"
-                  icon="mdi-upload"
-                  @click="
-                    fetchPathUpload(
-                      'เล่ม 1',
-                      evaluateId,
-                      '2-แบบแสดงรายละเอียดการเสนอผลงาน',
-                      fileEvaluation2
-                    )
-                  "
-                  ><q-tooltip>อัปโหลดไฟล์</q-tooltip></q-btn
-                >
+      <!-- แบบแสดงรายละเอียดการเสนอผลงาน     -->
+      <div class="col-6" v-if="store.currentStep === 2">
+        <q-card bordered style="border: 1px solid #d6dee1">
+          <div class="text-weight-medium bg-grey-1 q-py-sm q-px-md">
+            แบบแสดงรายละเอียดการเสนอผลงาน
+          </div>
+          <div class="col-12"><q-separator /></div>
+          <div class="row">
+            <div class="col-12 q-pa-sm">
+              <div class="row q-col-gutter-md col-12">
+                <div class="col-xs-12 col-sm-6 row">
+                  <q-btn
+                    class="col-12"
+                    outline
+                    icon="download"
+                    label="ดาวน์โหลดต้นแบบ"
+                    color="primary"
+                    @click="
+                      onClickDowloadFile(
+                        'EV1_006',
+                        'template-2',
+                        'แบบแสดงรายละเอียดการเสนอผลงาน'
+                      )
+                    "
+                  >
+                    <q-tooltip> ดาวน์โหลดต้นแบบ </q-tooltip></q-btn
+                  >
+                </div>
+                <div class="col-xs-12 col-sm-6 row">
+                  <q-btn
+                    v-if="downloadFile2 != ''"
+                    :href="downloadFile2"
+                    target="_blank"
+                    class="col-12"
+                    outline
+                    icon="visibility"
+                    label="ดูไฟล์เอกสาร"
+                    color="primary"
+                  >
+                    <q-tooltip> ดูไฟล์เอกสาร </q-tooltip></q-btn
+                  >
+                </div>
+                <div class="col-xs-12 col-sm-10 row">
+                  <q-file
+                    ref="fileEvaluation2Ref"
+                    v-model="fileEvaluation2"
+                    class="col-12"
+                    outlined
+                    dense
+                    hide-bottom-space
+                    lazy-rules
+                    accept=".pdf"
+                    :rules="
+                      downloadFile2 === ''
+                        ? [(val) => !!val || 'กรุณาเลือกไฟล์']
+                        : []
+                    "
+                  >
+                    <template v-slot:prepend>
+                      <q-icon name="attach_file" />
+                    </template>
+                  </q-file>
+                </div>
+                <div class="col-2 self-center text-center q-pl-none">
+                  <q-btn
+                    flat
+                    round
+                    dense
+                    color="primary"
+                    icon="mdi-upload"
+                    @click="
+                      fetchPathUpload(
+                        'เล่ม 1',
+                        evaluateId,
+                        '2-แบบแสดงรายละเอียดการเสนอผลงาน',
+                        fileEvaluation2
+                      )
+                    "
+                    ><q-tooltip>อัปโหลดไฟล์</q-tooltip></q-btn
+                  >
+                </div>
               </div>
             </div>
           </div>
-        </div>
-      </q-card>
-    </div>
+        </q-card>
+      </div>
 
-    <!-- แบบตรวจสอบความถูกต้องครบถ้วนของข้อมูลเพื่อประกอบการคัดเลือกบุคคล (เอกสารแบบ ก.) -->
-    <div class="col-6" v-if="store.currentStep === 2">
-      <q-card bordered style="border: 1px solid #d6dee1">
-        <div class="text-weight-medium bg-grey-1 q-py-sm q-px-md">
-          แบบตรวจสอบความถูกต้องครบถ้วนของข้อมูลเพื่อประกอบการคัดเลือกบุคคล
-          (เอกสารแบบ ก.)
-        </div>
-        <div class="col-12"><q-separator /></div>
-        <div class="row">
-          <div class="col-12 q-pa-sm">
-            <div class="row q-col-gutter-md col-12">
-              <div class="col-xs-12 col-sm-6 row">
-                <q-btn
-                  class="col-12"
-                  outline
-                  icon="download"
-                  label="ดาวน์โหลดต้นแบบ"
-                  color="primary"
-                  @click="
-                    onClickDowloadFile(
-                      'EV1_007',
-                      'template-3',
-                      'แบบตรวจสอบความถูกต้องครบถ้วนของข้อมูลเพื่อประกอบการคัดเลือกบุคคล (เอกสารแบบ ก.)'
-                    )
-                  "
-                >
-                  <q-tooltip> ดาวน์โหลดต้นแบบ </q-tooltip></q-btn
-                >
-              </div>
-              <div class="col-xs-12 col-sm-6 row">
-                <q-btn
-                  v-if="downloadFile3 != ''"
-                  :href="downloadFile3"
-                  target="_blank"
-                  class="col-12"
-                  outline
-                  icon="visibility"
-                  label="ดูไฟล์เอกสาร"
-                  color="primary"
-                >
-                  <q-tooltip> ดูไฟล์เอกสาร </q-tooltip></q-btn
-                >
-              </div>
-              <div class="col-xs-12 col-sm-10 row">
-                <q-file
-                  ref="fileEvaluation3Ref"
-                  v-model="fileEvaluation3"
-                  class="col-12"
-                  outlined
-                  dense
-                  hide-bottom-space
-                  lazy-rules
-                  accept=".pdf"
-                  :rules="
-                    downloadFile3 === ''
-                      ? [(val) => !!val || 'กรุณาเลือกไฟล์']
-                      : []
-                  "
-                >
-                  <template v-slot:prepend>
-                    <q-icon name="attach_file" />
-                  </template>
-                </q-file>
-              </div>
-              <div class="col-2 self-center text-center q-pl-none">
-                <q-btn
-                  flat
-                  round
-                  dense
-                  color="primary"
-                  icon="mdi-upload"
-                  @click="
-                    fetchPathUpload(
-                      'เล่ม 1',
-                      evaluateId,
-                      '3-แบบตรวจสอบความถูกต้องครบถ้วนของข้อมูลเพื่อประกอบการคัดเลือกบุคคล (เอกสารแบบ ก.)',
-                      fileEvaluation3
-                    )
-                  "
-                  ><q-tooltip>อัปโหลดไฟล์</q-tooltip></q-btn
-                >
+      <!-- แบบตรวจสอบความถูกต้องครบถ้วนของข้อมูลเพื่อประกอบการคัดเลือกบุคคล (เอกสารแบบ ก.) -->
+      <div class="col-6" v-if="store.currentStep === 2">
+        <q-card bordered style="border: 1px solid #d6dee1">
+          <div class="text-weight-medium bg-grey-1 q-py-sm q-px-md">
+            แบบตรวจสอบความถูกต้องครบถ้วนของข้อมูลเพื่อประกอบการคัดเลือกบุคคล
+            (เอกสารแบบ ก.)
+          </div>
+          <div class="col-12"><q-separator /></div>
+          <div class="row">
+            <div class="col-12 q-pa-sm">
+              <div class="row q-col-gutter-md col-12">
+                <div class="col-xs-12 col-sm-6 row">
+                  <q-btn
+                    class="col-12"
+                    outline
+                    icon="download"
+                    label="ดาวน์โหลดต้นแบบ"
+                    color="primary"
+                    @click="
+                      onClickDowloadFile(
+                        'EV1_007',
+                        'template-3',
+                        'แบบตรวจสอบความถูกต้องครบถ้วนของข้อมูลเพื่อประกอบการคัดเลือกบุคคล (เอกสารแบบ ก.)'
+                      )
+                    "
+                  >
+                    <q-tooltip> ดาวน์โหลดต้นแบบ </q-tooltip></q-btn
+                  >
+                </div>
+                <div class="col-xs-12 col-sm-6 row">
+                  <q-btn
+                    v-if="downloadFile3 != ''"
+                    :href="downloadFile3"
+                    target="_blank"
+                    class="col-12"
+                    outline
+                    icon="visibility"
+                    label="ดูไฟล์เอกสาร"
+                    color="primary"
+                  >
+                    <q-tooltip> ดูไฟล์เอกสาร </q-tooltip></q-btn
+                  >
+                </div>
+                <div class="col-xs-12 col-sm-10 row">
+                  <q-file
+                    ref="fileEvaluation3Ref"
+                    v-model="fileEvaluation3"
+                    class="col-12"
+                    outlined
+                    dense
+                    hide-bottom-space
+                    lazy-rules
+                    accept=".pdf"
+                    :rules="
+                      downloadFile3 === ''
+                        ? [(val) => !!val || 'กรุณาเลือกไฟล์']
+                        : []
+                    "
+                  >
+                    <template v-slot:prepend>
+                      <q-icon name="attach_file" />
+                    </template>
+                  </q-file>
+                </div>
+                <div class="col-2 self-center text-center q-pl-none">
+                  <q-btn
+                    flat
+                    round
+                    dense
+                    color="primary"
+                    icon="mdi-upload"
+                    @click="
+                      fetchPathUpload(
+                        'เล่ม 1',
+                        evaluateId,
+                        '3-แบบตรวจสอบความถูกต้องครบถ้วนของข้อมูลเพื่อประกอบการคัดเลือกบุคคล (เอกสารแบบ ก.)',
+                        fileEvaluation3
+                      )
+                    "
+                    ><q-tooltip>อัปโหลดไฟล์</q-tooltip></q-btn
+                  >
+                </div>
               </div>
             </div>
           </div>
-        </div>
-      </q-card>
-    </div>
+        </q-card>
+      </div>
 
-    <!-- แบบประเมินคุณลักษณะบุคคล -->
-    <div class="col-6" v-if="store.currentStep === 2">
-      <q-card bordered style="border: 1px solid #d6dee1">
-        <div class="text-weight-medium bg-grey-1 q-py-sm q-px-md">
-          แบบประเมินคุณลักษณะบุคคล
-        </div>
-        <div class="col-12"><q-separator /></div>
-        <div class="row">
-          <div class="col-12 q-pa-sm">
-            <div class="row q-col-gutter-md col-12">
-              <div class="col-xs-12 col-sm-6 row">
-                <q-btn
-                  class="col-12"
-                  outline
-                  icon="download"
-                  label="ดาวน์โหลดต้นแบบ"
-                  color="primary"
-                  @click="
-                    onClickDowloadFile(
-                      'EV1_008',
-                      'template-4',
-                      'แบบประเมินคุณลักษณะบุคคล'
-                    )
-                  "
-                >
-                  <q-tooltip> ดาวน์โหลดต้นแบบ </q-tooltip></q-btn
-                >
-              </div>
-              <div class="col-xs-12 col-sm-6 row">
-                <q-btn
-                  v-if="downloadFile4 != ''"
-                  :href="downloadFile4"
-                  target="_blank"
-                  class="col-12"
-                  outline
-                  icon="visibility"
-                  label="ดูไฟล์เอกสาร"
-                  color="primary"
-                >
-                  <q-tooltip> ดูไฟล์เอกสาร </q-tooltip></q-btn
-                >
-              </div>
-              <div class="col-xs-12 col-sm-10 row">
-                <q-file
-                  ref="fileEvaluation4Ref"
-                  v-model="fileEvaluation4"
-                  class="col-12"
-                  outlined
-                  dense
-                  hide-bottom-space
-                  lazy-rules
-                  accept=".pdf"
-                  :rules="
-                    downloadFile4 === ''
-                      ? [(val) => !!val || 'กรุณาเลือกไฟล์']
-                      : []
-                  "
-                >
-                  <template v-slot:prepend>
-                    <q-icon name="attach_file" />
-                  </template>
-                </q-file>
-              </div>
-              <div class="col-2 self-center text-center q-pl-none">
-                <q-btn
-                  flat
-                  round
-                  dense
-                  color="primary"
-                  icon="mdi-upload"
-                  @click="
-                    fetchPathUpload(
-                      'เล่ม 1',
-                      evaluateId,
-                      '4-แบบประเมินคุณลักษณะบุคคล',
-                      fileEvaluation4
-                    )
-                  "
-                  ><q-tooltip>อัปโหลดไฟล์</q-tooltip></q-btn
-                >
+      <!-- แบบประเมินคุณลักษณะบุคคล -->
+      <div class="col-6" v-if="store.currentStep === 2">
+        <q-card bordered style="border: 1px solid #d6dee1">
+          <div class="text-weight-medium bg-grey-1 q-py-sm q-px-md">
+            แบบประเมินคุณลักษณะบุคคล
+          </div>
+          <div class="col-12"><q-separator /></div>
+          <div class="row">
+            <div class="col-12 q-pa-sm">
+              <div class="row q-col-gutter-md col-12">
+                <div class="col-xs-12 col-sm-6 row">
+                  <q-btn
+                    class="col-12"
+                    outline
+                    icon="download"
+                    label="ดาวน์โหลดต้นแบบ"
+                    color="primary"
+                    @click="
+                      onClickDowloadFile(
+                        'EV1_008',
+                        'template-4',
+                        'แบบประเมินคุณลักษณะบุคคล'
+                      )
+                    "
+                  >
+                    <q-tooltip> ดาวน์โหลดต้นแบบ </q-tooltip></q-btn
+                  >
+                </div>
+                <div class="col-xs-12 col-sm-6 row">
+                  <q-btn
+                    v-if="downloadFile4 != ''"
+                    :href="downloadFile4"
+                    target="_blank"
+                    class="col-12"
+                    outline
+                    icon="visibility"
+                    label="ดูไฟล์เอกสาร"
+                    color="primary"
+                  >
+                    <q-tooltip> ดูไฟล์เอกสาร </q-tooltip></q-btn
+                  >
+                </div>
+                <div class="col-xs-12 col-sm-10 row">
+                  <q-file
+                    ref="fileEvaluation4Ref"
+                    v-model="fileEvaluation4"
+                    class="col-12"
+                    outlined
+                    dense
+                    hide-bottom-space
+                    lazy-rules
+                    accept=".pdf"
+                    :rules="
+                      downloadFile4 === ''
+                        ? [(val) => !!val || 'กรุณาเลือกไฟล์']
+                        : []
+                    "
+                  >
+                    <template v-slot:prepend>
+                      <q-icon name="attach_file" />
+                    </template>
+                  </q-file>
+                </div>
+                <div class="col-2 self-center text-center q-pl-none">
+                  <q-btn
+                    flat
+                    round
+                    dense
+                    color="primary"
+                    icon="mdi-upload"
+                    @click="
+                      fetchPathUpload(
+                        'เล่ม 1',
+                        evaluateId,
+                        '4-แบบประเมินคุณลักษณะบุคคล',
+                        fileEvaluation4
+                      )
+                    "
+                    ><q-tooltip>อัปโหลดไฟล์</q-tooltip></q-btn
+                  >
+                </div>
               </div>
             </div>
           </div>
-        </div>
-      </q-card>
-    </div>
+        </q-card>
+      </div>
 
-    <!-- แบบสรุปข้อมูลของผู้ขอรับการคัดเลือก (เอกสารหมายเลข 9) -->
-    <div class="col-6" v-if="store.currentStep === 2">
-      <q-card bordered style="border: 1px solid #d6dee1">
-        <div class="text-weight-medium bg-grey-1 q-py-sm q-px-md">
-          แบบสรุปข้อมูลของผู้ขอรับการคัดเลือก (เอกสารหมายเลข 9)
-        </div>
-        <div class="col-12"><q-separator /></div>
-        <div class="row">
-          <div class="col-12 q-pa-sm">
-            <div class="row q-col-gutter-md col-12">
-              <div class="col-xs-12 col-sm-6 row">
-                <q-btn
-                  class="col-12"
-                  outline
-                  icon="download"
-                  label="ดาวน์โหลดต้นแบบ"
-                  color="primary"
-                  @click="
-                    onClickDowloadFile(
-                      'EV1_009',
-                      'template-5',
-                      'แบบสรุปข้อมูลของผู้ขอรับการคัดเลือก (เอกสารหมายเลข 9)'
-                    )
-                  "
-                  ><q-tooltip> ดาวน์โหลดต้นแบบ </q-tooltip></q-btn
-                >
-              </div>
-              <div class="col-xs-12 col-sm-6 row">
-                <q-btn
-                  v-if="downloadFile5 != ''"
-                  :href="downloadFile5"
-                  target="_blank"
-                  class="col-12"
-                  outline
-                  icon="visibility"
-                  label="ดูไฟล์เอกสาร"
-                  color="primary"
-                >
-                  <q-tooltip> ดูไฟล์เอกสาร </q-tooltip></q-btn
-                >
-              </div>
-              <div class="col-xs-12 col-sm-10 row">
-                <q-file
-                  ref="fileEvaluation5Ref"
-                  v-model="fileEvaluation5"
-                  class="col-12"
-                  outlined
-                  dense
-                  hide-bottom-space
-                  lazy-rules
-                  accept=".pdf"
-                  :rules="
-                    downloadFile5 === ''
-                      ? [(val) => !!val || 'กรุณาเลือกไฟล์']
-                      : []
-                  "
-                >
-                  <template v-slot:prepend>
-                    <q-icon name="attach_file" />
-                  </template>
-                </q-file>
-              </div>
-              <div class="col-2 self-center text-center q-pl-none">
-                <q-btn
-                  flat
-                  round
-                  dense
-                  color="primary"
-                  icon="mdi-upload"
-                  @click="
-                    fetchPathUpload(
-                      'เล่ม 1',
-                      evaluateId,
-                      '5-แบบสรุปข้อมูลของผู้ขอรับการคัดเลือก (เอกสารหมายเลข 9)',
-                      fileEvaluation5
-                    )
-                  "
-                  ><q-tooltip>อัปโหลดไฟล์</q-tooltip></q-btn
-                >
+      <!-- แบบสรุปข้อมูลของผู้ขอรับการคัดเลือก (เอกสารหมายเลข 9) -->
+      <div class="col-6" v-if="store.currentStep === 2">
+        <q-card bordered style="border: 1px solid #d6dee1">
+          <div class="text-weight-medium bg-grey-1 q-py-sm q-px-md">
+            แบบสรุปข้อมูลของผู้ขอรับการคัดเลือก (เอกสารหมายเลข 9)
+          </div>
+          <div class="col-12"><q-separator /></div>
+          <div class="row">
+            <div class="col-12 q-pa-sm">
+              <div class="row q-col-gutter-md col-12">
+                <div class="col-xs-12 col-sm-6 row">
+                  <q-btn
+                    class="col-12"
+                    outline
+                    icon="download"
+                    label="ดาวน์โหลดต้นแบบ"
+                    color="primary"
+                    @click="
+                      onClickDowloadFile(
+                        'EV1_009',
+                        'template-5',
+                        'แบบสรุปข้อมูลของผู้ขอรับการคัดเลือก (เอกสารหมายเลข 9)'
+                      )
+                    "
+                    ><q-tooltip> ดาวน์โหลดต้นแบบ </q-tooltip></q-btn
+                  >
+                </div>
+                <div class="col-xs-12 col-sm-6 row">
+                  <q-btn
+                    v-if="downloadFile5 != ''"
+                    :href="downloadFile5"
+                    target="_blank"
+                    class="col-12"
+                    outline
+                    icon="visibility"
+                    label="ดูไฟล์เอกสาร"
+                    color="primary"
+                  >
+                    <q-tooltip> ดูไฟล์เอกสาร </q-tooltip></q-btn
+                  >
+                </div>
+                <div class="col-xs-12 col-sm-10 row">
+                  <q-file
+                    ref="fileEvaluation5Ref"
+                    v-model="fileEvaluation5"
+                    class="col-12"
+                    outlined
+                    dense
+                    hide-bottom-space
+                    lazy-rules
+                    accept=".pdf"
+                    :rules="
+                      downloadFile5 === ''
+                        ? [(val) => !!val || 'กรุณาเลือกไฟล์']
+                        : []
+                    "
+                  >
+                    <template v-slot:prepend>
+                      <q-icon name="attach_file" />
+                    </template>
+                  </q-file>
+                </div>
+                <div class="col-2 self-center text-center q-pl-none">
+                  <q-btn
+                    flat
+                    round
+                    dense
+                    color="primary"
+                    icon="mdi-upload"
+                    @click="
+                      fetchPathUpload(
+                        'เล่ม 1',
+                        evaluateId,
+                        '5-แบบสรุปข้อมูลของผู้ขอรับการคัดเลือก (เอกสารหมายเลข 9)',
+                        fileEvaluation5
+                      )
+                    "
+                    ><q-tooltip>อัปโหลดไฟล์</q-tooltip></q-btn
+                  >
+                </div>
               </div>
             </div>
           </div>
-        </div>
-      </q-card>
-    </div>
+        </q-card>
+      </div>
 
-    <!--ผลงานที่จะส่งประเมิน (เอกสารหมายเลข 11) -->
-    <div class="col-6" v-if="store.currentStep === 2">
-      <q-card bordered style="border: 1px solid #d6dee1">
-        <div class="text-weight-medium bg-grey-1 q-py-sm q-px-md">
-          ผลงานที่จะส่งประเมิน (เอกสารหมายเลข 11)
-        </div>
-        <div class="col-12"><q-separator /></div>
-        <div class="row">
-          <div class="col-12 q-pa-sm">
-            <div class="row q-col-gutter-md col-12">
-              <div class="col-xs-12 col-sm-6 row">
-                <q-btn
-                  class="col-12"
-                  outline
-                  icon="download"
-                  label="ดาวน์โหลดต้นแบบ"
-                  color="primary"
-                  @click="
-                    onClickDowloadFile(
-                      'EV1_010',
-                      'template-6',
-                      'ผลงานที่จะส่งประเมิน (เอกสารหมายเลข 11)'
-                    )
-                  "
-                >
-                  <q-tooltip> ดาวน์โหลดต้นแบบ </q-tooltip></q-btn
-                >
-              </div>
-              <div class="col-xs-12 col-sm-6 row">
-                <q-btn
-                  v-if="downloadFile6 != ''"
-                  :href="downloadFile6"
-                  target="_blank"
-                  class="col-12"
-                  outline
-                  icon="visibility"
-                  label="ดูไฟล์เอกสาร"
-                  color="primary"
-                >
-                  <q-tooltip> ดูไฟล์เอกสาร </q-tooltip></q-btn
-                >
-              </div>
-              <div class="col-xs-12 col-sm-10 row">
-                <q-file
-                  ref="fileEvaluation6Ref"
-                  v-model="fileEvaluation6"
-                  class="col-12"
-                  outlined
-                  dense
-                  hide-bottom-space
-                  lazy-rules
-                  accept=".pdf"
-                  :rules="
-                    downloadFile6 === ''
-                      ? [(val) => !!val || 'กรุณาเลือกไฟล์']
-                      : []
-                  "
-                >
-                  <template v-slot:prepend>
-                    <q-icon name="attach_file" />
-                  </template>
-                </q-file>
-              </div>
-              <div class="col-2 self-center text-center q-pl-none">
-                <q-btn
-                  flat
-                  round
-                  dense
-                  color="primary"
-                  icon="mdi-upload"
-                  @click="
-                    fetchPathUpload(
-                      'เล่ม 1',
-                      evaluateId,
-                      '6-ผลงานที่จะส่งประเมิน (เอกสารหมายเลข 11)',
-                      fileEvaluation6
-                    )
-                  "
-                  ><q-tooltip>อัปโหลดไฟล์</q-tooltip></q-btn
-                >
+      <!--ผลงานที่จะส่งประเมิน (เอกสารหมายเลข 11) -->
+      <div class="col-6" v-if="store.currentStep === 2">
+        <q-card bordered style="border: 1px solid #d6dee1">
+          <div class="text-weight-medium bg-grey-1 q-py-sm q-px-md">
+            ผลงานที่จะส่งประเมิน (เอกสารหมายเลข 11)
+          </div>
+          <div class="col-12"><q-separator /></div>
+          <div class="row">
+            <div class="col-12 q-pa-sm">
+              <div class="row q-col-gutter-md col-12">
+                <div class="col-xs-12 col-sm-6 row">
+                  <q-btn
+                    class="col-12"
+                    outline
+                    icon="download"
+                    label="ดาวน์โหลดต้นแบบ"
+                    color="primary"
+                    @click="
+                      onClickDowloadFile(
+                        'EV1_010',
+                        'template-6',
+                        'ผลงานที่จะส่งประเมิน (เอกสารหมายเลข 11)'
+                      )
+                    "
+                  >
+                    <q-tooltip> ดาวน์โหลดต้นแบบ </q-tooltip></q-btn
+                  >
+                </div>
+                <div class="col-xs-12 col-sm-6 row">
+                  <q-btn
+                    v-if="downloadFile6 != ''"
+                    :href="downloadFile6"
+                    target="_blank"
+                    class="col-12"
+                    outline
+                    icon="visibility"
+                    label="ดูไฟล์เอกสาร"
+                    color="primary"
+                  >
+                    <q-tooltip> ดูไฟล์เอกสาร </q-tooltip></q-btn
+                  >
+                </div>
+                <div class="col-xs-12 col-sm-10 row">
+                  <q-file
+                    ref="fileEvaluation6Ref"
+                    v-model="fileEvaluation6"
+                    class="col-12"
+                    outlined
+                    dense
+                    hide-bottom-space
+                    lazy-rules
+                    accept=".pdf"
+                    :rules="
+                      downloadFile6 === ''
+                        ? [(val) => !!val || 'กรุณาเลือกไฟล์']
+                        : []
+                    "
+                  >
+                    <template v-slot:prepend>
+                      <q-icon name="attach_file" />
+                    </template>
+                  </q-file>
+                </div>
+                <div class="col-2 self-center text-center q-pl-none">
+                  <q-btn
+                    flat
+                    round
+                    dense
+                    color="primary"
+                    icon="mdi-upload"
+                    @click="
+                      fetchPathUpload(
+                        'เล่ม 1',
+                        evaluateId,
+                        '6-ผลงานที่จะส่งประเมิน (เอกสารหมายเลข 11)',
+                        fileEvaluation6
+                      )
+                    "
+                    ><q-tooltip>อัปโหลดไฟล์</q-tooltip></q-btn
+                  >
+                </div>
               </div>
             </div>
           </div>
-        </div>
-      </q-card>
+        </q-card>
+      </div>
     </div>
 
     <!-- เลือกผู้เซ็นเอกสาร -->
@@ -1052,7 +1048,7 @@ watch(
                 </div>
                 <div class="row col-12 q-col-gutter-md q-pa-sm">
                   <q-input
-                    :readonly="store.currentStep != 2"
+                    :readonly="store.currentStep != 2 || store.statusUpload"
                     ref="commanderFullnameRef"
                     dense
                     class="col-xs-12 col-sm-6"
@@ -1064,7 +1060,7 @@ watch(
                     lazy-rules
                   />
                   <q-input
-                    :readonly="store.currentStep != 2"
+                    :readonly="store.currentStep != 2 || store.statusUpload"
                     ref="commanderPositionRef"
                     class="col-xs-12 col-sm-6"
                     dense
@@ -1086,7 +1082,7 @@ watch(
                 </div>
                 <div class="row col-12 q-col-gutter-md q-pa-sm">
                   <q-input
-                    :readonly="store.currentStep != 2"
+                    :readonly="store.currentStep != 2 || store.statusUpload"
                     ref="commanderAboveFullnameRef"
                     dense
                     class="col-xs-12 col-sm-6"
@@ -1098,7 +1094,7 @@ watch(
                     @update:model-value="updateInput(formCommand)"
                   />
                   <q-input
-                    :readonly="store.currentStep != 2"
+                    :readonly="store.currentStep != 2 || store.statusUpload"
                     ref="commanderAbovePositionRef"
                     class="col-xs-12 col-sm-6"
                     dense
diff --git a/src/modules/06_evaluate/components/step/step5.vue b/src/modules/06_evaluate/components/step/step5.vue
index 753187a..cb59eb6 100644
--- a/src/modules/06_evaluate/components/step/step5.vue
+++ b/src/modules/06_evaluate/components/step/step5.vue
@@ -123,7 +123,7 @@ onMounted(async () => {
                     icon="mdi-clipboard-outline"
                     @click="onClickfetchDocument(item.fileName, 'COPPY')"
                   >
-                    <q-tooltip>คัดลอกลิงค์</q-tooltip>
+                    <q-tooltip>คัดลอกลิงก์</q-tooltip>
                   </q-btn>
                 </q-item-section>
               </q-item>
@@ -160,7 +160,7 @@ onMounted(async () => {
                       )
                     "
                   >
-                    <q-tooltip>คัดลอกลิงค์</q-tooltip>
+                    <q-tooltip>คัดลอกลิงก์</q-tooltip>
                   </q-btn>
                 </q-item-section>
               </q-item>
diff --git a/src/modules/06_evaluate/components/step/step6.vue b/src/modules/06_evaluate/components/step/step6.vue
index cf6b181..d6b9cf7 100644
--- a/src/modules/06_evaluate/components/step/step6.vue
+++ b/src/modules/06_evaluate/components/step/step6.vue
@@ -31,15 +31,14 @@ const performance = ref<string>("");
 const performanceOwner = ref<string>("");
 const position = ref<string>("");
 
-const performanceRef = ref<object | null>(null);
-const performanceOwnerRef = ref<object | null>(null);
-const positionRef = ref<object | null>(null);
-
 const formCommand = reactive<FormCommand>({
   commanderFullname: "",
   commanderPosition: "",
   commanderAboveFullname: "",
   commanderAbovePosition: "",
+  author: "",
+  subject: "",
+  assignedPosition: "",
 });
 
 const commanderFullnameRef = ref<object | null>(null);
@@ -47,6 +46,9 @@ 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 performanceRef = ref<object | null>(null);
+const performanceOwnerRef = ref<object | null>(null);
+const assignedPositionRef = ref<object | null>(null);
 
 const modalView = ref<boolean>(false);
 function onClickViewPDF(file: any) {
@@ -62,6 +64,9 @@ const updateInput = (value: any) => {
     commanderAbovePositionRef: commanderAbovePositionRef.value,
     fileEvaluation1Ref: fileEvaluation1Ref.value,
     downloadFile: [downloadUrl.value],
+    performance: performanceRef.value,
+    performanceOwner: performanceOwnerRef.value,
+    assignedPosition: assignedPositionRef.value,
   };
   emit("update:form", value, ref);
 };
@@ -78,7 +83,7 @@ async function fetchPathUpload(
       metadata: {
         subject: performance.value,
         author: performanceOwner.value,
-        position: position.value
+        position: position.value,
       },
     },
   };
@@ -104,7 +109,6 @@ async function fetchPathUpload(
 }
 
 async function uploadfile(uploadUrl: string, file: any) {
-  console.log(uploadUrl);
   await axios
     .put(uploadUrl, file, {
       headers: {
@@ -130,10 +134,15 @@ async function fetcheSigner(id: string) {
       formCommand.commanderPosition = data.commanderPositionDoc2;
       formCommand.commanderAboveFullname = data.commanderAboveFullnameDoc2;
       formCommand.commanderAbovePosition = data.commanderAbovePositionDoc2;
+      formCommand.author = data.authorDoc2;
+      formCommand.subject = data.subjectDoc2;
+      formCommand.assignedPosition = data.assignedPosition;
+
+      store.statusUpload = true;
+    })
+    .catch(() => {
+      store.statusUpload = false;
     })
-    // .catch((err) => {
-    //   messageError($q, err);
-    // })
     .finally(() => {
       hideLoader();
     });
@@ -159,19 +168,6 @@ async function fetchCheckDate() {
       .catch((err) => {}));
 }
 
-onMounted(async () => {
-  if (keycloak.tokenParsed != null) {
-    performanceOwner.value = keycloak.tokenParsed.name;
-  }
-  checkDoc();
-  if (store.currentStep > 2) {
-    fetcheSigner(evaluateId.value);
-  }
-  await fetchCheckDate();
-
-  // props.evaluateId && (await fetchPathUpload("เล่ม 2", props.evaluateId));
-});
-
 const downloadUrl = ref<string>("");
 function checkDoc() {
   showLoader();
@@ -194,12 +190,28 @@ function checkDoc() {
         commanderAbovePositionRef: commanderAbovePositionRef.value,
         fileEvaluation1Ref: fileEvaluation1Ref.value,
         downloadFile: [downloadUrl.value],
+        performance: performanceRef.value,
+        performanceOwner: performanceOwnerRef.value,
+        assignedPosition: assignedPositionRef.value,
       };
 
       emit("update:form", formCommand, ref);
     });
 }
 
+onMounted(async () => {
+  if (keycloak.tokenParsed != null) {
+    formCommand.author = keycloak.tokenParsed.name;
+  }
+  checkDoc();
+  if (store.currentStep > 2) {
+    fetcheSigner(evaluateId.value);
+  }
+  await fetchCheckDate();
+
+  // props.evaluateId && (await fetchPathUpload("เล่ม 2", props.evaluateId));
+});
+
 watch(
   () => store.checkFileupload,
   () => {
@@ -208,8 +220,14 @@ watch(
       : fileEvaluation1.value;
   }
 );
-
-// onMounted(() => {});
+watch(
+  () => store.statusUpload,
+  () => {
+    setTimeout(() => {
+      store.statusUpload && updateInput(formCommand);
+    }, 200);
+  }
+);
 </script>
 
 <template>
@@ -242,7 +260,7 @@ watch(
                     class="col-xs-12 col-sm-6"
                     outlined
                     label="ชื่อผลงาน"
-                    v-model="performance"
+                    v-model="formCommand.subject"
                     @update:model-value="updateInput(formCommand)"
                     :rules="[(val) => !!val || `${'กรุณากรอกชื่อผลงาน'}`]"
                     lazy-rules
@@ -253,7 +271,7 @@ watch(
                     class="col-xs-12 col-sm-6"
                     dense
                     outlined
-                    v-model="performanceOwner"
+                    v-model="formCommand.author"
                     @update:model-value="updateInput(formCommand)"
                     label="เจ้าของผลงาน"
                     :rules="[(val) => !!val || `${'กรุณากรอกเจ้าของผลงาน'}`]"
@@ -261,11 +279,11 @@ watch(
                   />
                   <q-input
                     :readonly="store.currentStep != 6"
-                    ref="positionRef"
+                    ref="assignedPositionRef"
                     class="col-xs-12 col-sm-6"
                     dense
                     outlined
-                    v-model="position"
+                    v-model="formCommand.assignedPosition"
                     @update:model-value="updateInput(formCommand)"
                     label="ตำแหน่งที่ได้รับ"
                     :rules="[
@@ -281,7 +299,7 @@ watch(
       </q-card>
     </div>
 
-    <div class="col-6" v-if="store.currentStep === 6">
+    <div class="col-6" v-if="store.statusUpload && store.currentStep === 6">
       <q-card bordered style="border: 1px solid #d6dee1">
         <div class="text-weight-medium bg-grey-1 q-py-sm q-px-md">
           เอกสารเล่ม 2
diff --git a/src/modules/06_evaluate/components/step/step9.vue b/src/modules/06_evaluate/components/step/step9.vue
index f373743..55abcbd 100644
--- a/src/modules/06_evaluate/components/step/step9.vue
+++ b/src/modules/06_evaluate/components/step/step9.vue
@@ -41,11 +41,11 @@ function copyLink() {
         class="q-mt-md"
         outline
         icon="mdi-clipboard-outline"
-        label="คัดลอกลิงค์"
+        label="คัดลอกลิงก์"
         color="primary"
         @click="copyLink"
       >
-        <q-tooltip> คัดลอกลิงค์ </q-tooltip></q-btn
+        <q-tooltip> คัดลอกลิงก์ </q-tooltip></q-btn
       >
     </div>
   </div>
diff --git a/src/modules/06_evaluate/interface/evalute.ts b/src/modules/06_evaluate/interface/evalute.ts
index e0194dd..56fc8ba 100644
--- a/src/modules/06_evaluate/interface/evalute.ts
+++ b/src/modules/06_evaluate/interface/evalute.ts
@@ -13,6 +13,9 @@ interface FormCommand {
   commanderPosition: string;
   commanderAboveFullname: string;
   commanderAbovePosition: string;
+  author: string;
+  subject: string;
+  assignedPosition: string;
 }
 
 interface FormCommandRef {
@@ -26,6 +29,8 @@ interface FormCommandRef {
   fileEvaluation4: object | null;
   fileEvaluation5: object | null;
   fileEvaluation6: object | null;
+  performance: object | null;
+  performanceOwner: object | null;
 
   [key: string]: any;
 }
diff --git a/src/modules/06_evaluate/store.ts b/src/modules/06_evaluate/store.ts
index ae4c716..168432a 100644
--- a/src/modules/06_evaluate/store.ts
+++ b/src/modules/06_evaluate/store.ts
@@ -29,6 +29,7 @@ export const useEvaluateStore = defineStore("evaluateStore", () => {
   const showLoadStatus = ref<boolean>(false);
   const step = ref<number>(1);
   const currentStep = ref<number>(1);
+  const statusUpload = ref<boolean>(false);
   const title = ref<string[]>([
     "ตรวจสอบคุณสมบัติ",
     "จัดเตรียมเอกสารเล่ม 1",
@@ -65,7 +66,6 @@ export const useEvaluateStore = defineStore("evaluateStore", () => {
   }
 
   const tabPanels = ref<string>("1");
-
   const evaluateId = ref<string>("");
 
   return {
@@ -79,6 +79,7 @@ export const useEvaluateStore = defineStore("evaluateStore", () => {
     checkFileupload,
     step,
     currentStep,
+    statusUpload,
     title,
     tabPanels,
     evaluateId,
diff --git a/src/modules/06_evaluate/views/EvaluateMain.vue b/src/modules/06_evaluate/views/EvaluateMain.vue
index bbb6f92..93919b2 100644
--- a/src/modules/06_evaluate/views/EvaluateMain.vue
+++ b/src/modules/06_evaluate/views/EvaluateMain.vue
@@ -36,12 +36,19 @@ function onclickAddEvaluate(data: ListMenu) {
   modal.value = !modal.value;
   menu.value = data;
 }
+const page = ref<number>(1);
+const pageSize = ref<number>(25);
+const maxPage = ref<number>(10);
 
 async function fetchEvaluteList() {
   showLoader();
   await http
-    .get(config.API.evaluationList())
+    .get(
+      config.API.evaluationList() +
+        `?page=${page.value}&pageSize=${pageSize.value}`
+    )
     .then((res) => {
+      maxPage.value = Math.ceil(res.data.result.total / pageSize.value);
       store.fetchEvaluateList(res.data.result.data);
     })
     .catch((err) => {
@@ -52,6 +59,13 @@ async function fetchEvaluteList() {
     });
 }
 
+async function updatePaging(newPagination: any, currentPage: number) {
+  page.value = currentPage;
+  pageSize.value = newPagination.rowsPerPage;
+
+  await fetchEvaluteList();
+}
+
 onMounted(() => {
   fetchEvaluteList();
 });
@@ -128,7 +142,12 @@ onMounted(() => {
             </div>
           </div>
           <div class="col-12">
-            <TableListEvaluate />
+            <TableListEvaluate
+              :page="page"
+              :pageSize="pageSize"
+              :maxPage="maxPage"
+              @update:pagination="updatePaging"
+            />
           </div>
         </q-card>
       </div>