diff --git a/src/modules/06_evaluate/components/step/step2.vue b/src/modules/06_evaluate/components/step/step2.vue
index 45d6aca..79b88c1 100644
--- a/src/modules/06_evaluate/components/step/step2.vue
+++ b/src/modules/06_evaluate/components/step/step2.vue
@@ -232,20 +232,21 @@ async function fetchPathUpload(
     showLoader();
     await http
       .post(config.API.loadPathDocument(volume, id), body)
-      .then((res) => {
+      .then(async (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);
+        foundKey && (await uploadfile(res.data[foundKey]?.uploadUrl, file));
+        await downloadFile(type);
       })
       .catch((err) => {
         messageError($q, err);
+        hideLoader();
       })
       .finally(() => {
-        downloadFile(type);
-        hideLoader();
+        // hideLoader();
       });
   }
 }
@@ -256,7 +257,6 @@ async function fetchPathUpload(
  * @param file  ไฟล์
  */
 async function uploadfile(uploadUrl: string, file: any) {
-  showLoader();
   await axios
     .put(uploadUrl, file, {
       headers: {
@@ -333,7 +333,7 @@ const downloadFile6 = ref<string>("");
  * @param fileName ชื่อไฟล์
  */
 async function downloadFile(fileName: string) {
-  showLoader();
+  // showLoader();
   await http
     .get(config.API.loadFileDocument("เล่ม 1", evaluateId.value, fileName))
     .then((res) => {
@@ -488,7 +488,7 @@ watch(
               label="ชื่อผลงาน"
               v-model="formCommand.subject"
               @update:model-value="updateInput(formCommand)"
-              :rules="[(val) => !!val || `${'กรุณากรอกชื่อผลงาน'}`]"
+              :rules="[(val:string) => !!val || `${'กรุณากรอกชื่อผลงาน'}`]"
               lazy-rules
               hide-bottom-space
             />
@@ -501,7 +501,7 @@ watch(
               v-model="formCommand.author"
               @update:model-value="updateInput(formCommand)"
               label="เจ้าของผลงาน"
-              :rules="[(val) => !!val || `${'กรุณากรอกเจ้าของผลงาน'}`]"
+              :rules="[(val:string) => !!val || `${'กรุณากรอกเจ้าของผลงาน'}`]"
               lazy-rules
               hide-bottom-space
             />
@@ -533,7 +533,7 @@ watch(
                   label="ชื่อ-นามสกุล"
                   v-model="formCommand.commanderFullname"
                   @update:model-value="updateInput(formCommand)"
-                  :rules="[(val) => !!val || `${'กรุณากรอกชื่อ-นามสกุล'}`]"
+                  :rules="[(val:string) => !!val || `${'กรุณากรอกชื่อ-นามสกุล'}`]"
                   lazy-rules
                   hide-bottom-space
                 />
@@ -546,7 +546,7 @@ watch(
                   v-model="formCommand.commanderPosition"
                   @update:model-value="updateInput(formCommand)"
                   label="ตำแหน่ง"
-                  :rules="[(val) => !!val || `${'กรุณากรอกตำแหน่ง'}`]"
+                  :rules="[(val:string) => !!val || `${'กรุณากรอกตำแหน่ง'}`]"
                   lazy-rules
                   hide-bottom-space
                 />
@@ -567,7 +567,7 @@ watch(
                   outlined
                   v-model="formCommand.commanderAboveFullname"
                   label="ชื่อ-นามสกุล"
-                  :rules="[(val) => !!val || `${'กรุณากรอกชื่อ-นามสกุล'}`]"
+                  :rules="[(val:string) => !!val || `${'กรุณากรอกชื่อ-นามสกุล'}`]"
                   lazy-rules
                   @update:model-value="updateInput(formCommand)"
                   hide-bottom-space
@@ -580,7 +580,7 @@ watch(
                   outlined
                   v-model="formCommand.commanderAbovePosition"
                   label="ตำแหน่ง"
-                  :rules="[(val) => !!val || `${'กรุณากรอกตำแหน่ง'}`]"
+                  :rules="[(val:string) => !!val || `${'กรุณากรอกตำแหน่ง'}`]"
                   lazy-rules
                   hide-bottom-space
                   @update:model-value="updateInput(formCommand)"
@@ -643,6 +643,7 @@ watch(
                   v-model="fileEvaluation1"
                   :disable="!store.statusUpload"
                   class="col-xs-12 col-sm-12"
+                  label="อัปโหลดไฟล์"
                   outlined
                   dense
                   lazy-rules
@@ -650,7 +651,7 @@ watch(
                   accept=".pdf"
                   :rules="
                     downloadFile1 === ''
-                      ? [(val) => !!val || 'กรุณาเลือกไฟล์']
+                      ? [(val:any) => !!val || 'กรุณาเลือกไฟล์']
                       : []
                   "
                 >
@@ -734,12 +735,13 @@ watch(
                   class="col-12"
                   outlined
                   dense
+                  label="อัปโหลดไฟล์"
                   lazy-rules
                   accept=".pdf"
                   hide-bottom-space
                   :rules="
                     downloadFile2 === ''
-                      ? [(val) => !!val || 'กรุณาเลือกไฟล์']
+                      ? [(val:any) => !!val || 'กรุณาเลือกไฟล์']
                       : []
                   "
                 >
@@ -829,9 +831,10 @@ watch(
                 accept=".pdf"
                 :rules="
                   downloadFile3 === ''
-                    ? [(val) => !!val || 'กรุณาเลือกไฟล์']
+                    ? [(val:any) => !!val || 'กรุณาเลือกไฟล์']
                     : []
                 "
+                label="อัปโหลดไฟล์"
               >
                 <template v-slot:prepend>
                   <q-icon name="attach_file" />
@@ -915,9 +918,10 @@ watch(
                 lazy-rules
                 accept=".pdf"
                 hide-bottom-space
+                label="อัปโหลดไฟล์"
                 :rules="
                   downloadFile5 === ''
-                    ? [(val) => !!val || 'กรุณาเลือกไฟล์']
+                    ? [(val:any) => !!val || 'กรุณาเลือกไฟล์']
                     : []
                 "
               >
@@ -1002,9 +1006,10 @@ watch(
                 lazy-rules
                 hide-bottom-space
                 accept=".pdf"
+                label="อัปโหลดไฟล์"
                 :rules="
                   downloadFile4 === ''
-                    ? [(val) => !!val || 'กรุณาเลือกไฟล์']
+                    ? [(val:any) => !!val || 'กรุณาเลือกไฟล์']
                     : []
                 "
               >
@@ -1088,10 +1093,11 @@ watch(
                 hide-bottom-space
                 dense
                 lazy-rules
+                label="อัปโหลดไฟล์"
                 accept=".pdf"
                 :rules="
                   downloadFile6 === ''
-                    ? [(val) => !!val || 'กรุณาเลือกไฟล์']
+                    ? [(val:any) => !!val || 'กรุณาเลือกไฟล์']
                     : []
                 "
               >
diff --git a/src/modules/06_evaluate/components/step/step6.vue b/src/modules/06_evaluate/components/step/step6.vue
index 08bc414..af925c6 100644
--- a/src/modules/06_evaluate/components/step/step6.vue
+++ b/src/modules/06_evaluate/components/step/step6.vue
@@ -108,8 +108,6 @@ async function fetchPathUpload(
       })
       .catch((err) => {
         messageError($q, err);
-      })
-      .finally(() => {
         hideLoader();
       });
   }
@@ -127,12 +125,15 @@ async function uploadfile(uploadUrl: string, file: any) {
         "Content-Type": file.type,
       },
     })
-    .then(() => {
-      checkDoc();
-      success($q, "อัปโหลไฟล์สำเร็จ");
+    .then(async () => {
+      await checkDoc();
+      await success($q, "อัปโหลไฟล์สำเร็จ");
     })
     .catch((err) => {
       messageError($q, err);
+    })
+    .finally(() => {
+      hideLoader();
     });
 }
 
@@ -184,7 +185,7 @@ async function fetchCheckDate() {
 const downloadUrl = ref<string>("");
 /** function เช็คไฟล์อัปโหลด*/
 function checkDoc() {
-  showLoader();
+  // showLoader();
   http
     .get(
       config.API.loadFileDocument("เล่ม 2", evaluateId.value, "1-เอกสารเล่ม 2")
@@ -194,7 +195,7 @@ function checkDoc() {
     })
     .catch(() => {})
     .finally(() => {
-      hideLoader();
+      // hideLoader();
       const ref = {
         commanderFullnameRef: commanderFullnameRef.value,
         commanderPositionRef: commanderPositionRef.value,
@@ -261,7 +262,7 @@ watch(
   <div class="row col-12 q-pa-sm">
     <div class="row q-col-gutter-sm">
       <div class="col-12 text-center">
-          <q-banner rounded class="text-weight-bold text-red-14 bg-red-1">
+        <q-banner rounded class="text-weight-bold text-red-14 bg-red-1">
           <div class="text-weight-bold">
             <q-icon name="info_outline" color="red-14" size="24px" />
             วันสุดท้ายของการส่งผลงานคือวันที่ {{ dateEndPrepareDoc2 }}
@@ -287,7 +288,7 @@ watch(
                     label="ชื่อผลงาน"
                     v-model="formCommand.subject"
                     @update:model-value="updateInput(formCommand)"
-                    :rules="[(val) => !!val || `${'กรุณากรอกชื่อผลงาน'}`]"
+                    :rules="[(val:string) => !!val || `${'กรุณากรอกชื่อผลงาน'}`]"
                     hide-bottom-space
                     lazy-rules
                   />
@@ -301,7 +302,7 @@ watch(
                     @update:model-value="updateInput(formCommand)"
                     label="เจ้าของผลงาน"
                     hide-bottom-space
-                    :rules="[(val) => !!val || `${'กรุณากรอกเจ้าของผลงาน'}`]"
+                    :rules="[(val:string) => !!val || `${'กรุณากรอกเจ้าของผลงาน'}`]"
                     lazy-rules
                   />
                   <q-input
@@ -315,7 +316,7 @@ watch(
                     label="ตำแหน่งที่ได้รับ"
                     hide-bottom-space
                     :rules="[
-                      (val) => !!val || `${'กรุณากรอกตำแหน่งที่ได้รับ'}`,
+                      (val:string) => !!val || `${'กรุณากรอกตำแหน่งที่ได้รับ'}`,
                     ]"
                     lazy-rules
                   />
@@ -335,74 +336,74 @@ watch(
           <div class="col-12"><q-separator /></div>
           <div class="col-12 q-pa-sm">
             <div class="row q-col-gutter-sm">
-                <div class="col-xs-12 col-sm-12 row">
-                  <div class="text-weight-medium q-pt-xs q-pl-sm">
-                    ผู้บังคับบัญชาชั้นต้น
-                  </div>
-                  <div class="row col-12 q-col-gutter-sm q-pa-sm">
-                    <q-input
-                      :readonly="store.currentStep != 6"
-                      ref="commanderFullnameRef"
-                      dense
-                      class="col-xs-12 col-sm-6"
-                      outlined
-                      label="ชื่อ-นามสกุล"
-                      v-model="formCommand.commanderFullname"
-                      @update:model-value="updateInput(formCommand)"
-                      :rules="[(val) => !!val || `${'กรุณากรอกชื่อ-นามสกุล'}`]"
-                      lazy-rules
-                      hide-bottom-space
-                    />
-                    <q-input
-                      :readonly="store.currentStep != 6"
-                      ref="commanderPositionRef"
-                      class="col-xs-12 col-sm-6"
-                      dense
-                      outlined
-                      v-model="formCommand.commanderPosition"
-                      @update:model-value="updateInput(formCommand)"
-                      label="ตำแหน่ง"
-                      :rules="[(val) => !!val || `${'กรุณากรอกตำแหน่ง'}`]"
-                      lazy-rules
-                      hide-bottom-space
-                    />
-                  </div>
+              <div class="col-xs-12 col-sm-12 row">
+                <div class="text-weight-medium q-pt-xs q-pl-sm">
+                  ผู้บังคับบัญชาชั้นต้น
+                </div>
+                <div class="row col-12 q-col-gutter-sm q-pa-sm">
+                  <q-input
+                    :readonly="store.currentStep != 6"
+                    ref="commanderFullnameRef"
+                    dense
+                    class="col-xs-12 col-sm-6"
+                    outlined
+                    label="ชื่อ-นามสกุล"
+                    v-model="formCommand.commanderFullname"
+                    @update:model-value="updateInput(formCommand)"
+                    :rules="[(val:string) => !!val || `${'กรุณากรอกชื่อ-นามสกุล'}`]"
+                    lazy-rules
+                    hide-bottom-space
+                  />
+                  <q-input
+                    :readonly="store.currentStep != 6"
+                    ref="commanderPositionRef"
+                    class="col-xs-12 col-sm-6"
+                    dense
+                    outlined
+                    v-model="formCommand.commanderPosition"
+                    @update:model-value="updateInput(formCommand)"
+                    label="ตำแหน่ง"
+                    :rules="[(val:string) => !!val || `${'กรุณากรอกตำแหน่ง'}`]"
+                    lazy-rules
+                    hide-bottom-space
+                  />
                 </div>
               </div>
+            </div>
 
-              <div class="row q-col-gutter-sm">
-                <div class="col-xs-12 col-sm-12 row">
-                  <div class="text-weight-medium q-pt-xs q-pl-sm">
-                    ผู้บังคับบัญชาเหนือขึ้นไป 1 ระดับ
-                  </div>
-                  <div class="row col-12 q-col-gutter-sm q-pa-sm">
-                    <q-input
-                      :readonly="store.currentStep != 6"
-                      ref="commanderAboveFullnameRef"
-                      dense
-                      class="col-xs-12 col-sm-6"
-                      outlined
-                      v-model="formCommand.commanderAboveFullname"
-                      label="ชื่อ-นามสกุล"
-                      :rules="[(val) => !!val || `${'กรุณากรอกชื่อ-นามสกุล'}`]"
-                      lazy-rules
-                      @update:model-value="updateInput(formCommand)"
-                      hide-bottom-space
-                    />
-                    <q-input
-                      :readonly="store.currentStep != 6"
-                      ref="commanderAbovePositionRef"
-                      class="col-xs-12 col-sm-6"
-                      dense
-                      outlined
-                      v-model="formCommand.commanderAbovePosition"
-                      label="ตำแหน่ง"
-                      :rules="[(val) => !!val || `${'กรุณากรอกตำแหน่ง'}`]"
-                      lazy-rules
-                      @update:model-value="updateInput(formCommand)"
-                      hide-bottom-space
-                    />
-                  </div>
+            <div class="row q-col-gutter-sm">
+              <div class="col-xs-12 col-sm-12 row">
+                <div class="text-weight-medium q-pt-xs q-pl-sm">
+                  ผู้บังคับบัญชาเหนือขึ้นไป 1 ระดับ
+                </div>
+                <div class="row col-12 q-col-gutter-sm q-pa-sm">
+                  <q-input
+                    :readonly="store.currentStep != 6"
+                    ref="commanderAboveFullnameRef"
+                    dense
+                    class="col-xs-12 col-sm-6"
+                    outlined
+                    v-model="formCommand.commanderAboveFullname"
+                    label="ชื่อ-นามสกุล"
+                    :rules="[(val:string) => !!val || `${'กรุณากรอกชื่อ-นามสกุล'}`]"
+                    lazy-rules
+                    @update:model-value="updateInput(formCommand)"
+                    hide-bottom-space
+                  />
+                  <q-input
+                    :readonly="store.currentStep != 6"
+                    ref="commanderAbovePositionRef"
+                    class="col-xs-12 col-sm-6"
+                    dense
+                    outlined
+                    v-model="formCommand.commanderAbovePosition"
+                    label="ตำแหน่ง"
+                    :rules="[(val:string) => !!val || `${'กรุณากรอกตำแหน่ง'}`]"
+                    lazy-rules
+                    @update:model-value="updateInput(formCommand)"
+                    hide-bottom-space
+                  />
+                </div>
               </div>
             </div>
           </div>
@@ -413,10 +414,8 @@ watch(
       <div class="col-12" v-if="store.currentStep === 6">
         <q-card bordered class="shadow-0" style="border: 1px solid #d6dee1">
           <div class="col-12 row bg-grey-1">
-            <div class="text-weight-medium q-py-sm q-px-md">
-              เอกสารเล่ม 2
-            </div>
-            <q-space /> 
+            <div class="text-weight-medium q-py-sm q-px-md">เอกสารเล่ม 2</div>
+            <q-space />
             <div v-if="downloadUrl">
               <q-btn
                 :href="downloadUrl"
@@ -434,7 +433,6 @@ watch(
           <div class="row">
             <div class="col-12 q-pa-sm">
               <div class="row q-col-gutter-sm col-12">
-               
                 <div class="col-12">
                   <!-- :rules="[(val) => !!val || 'เลือกไฟล']" -->
                   <q-file
@@ -446,10 +444,11 @@ watch(
                     hide-bottom-space
                     dense
                     lazy-rules
+                    label="อัปโหลดไฟล์"
                     accept=".pdf"
                     :rules="
                       downloadUrl === ''
-                        ? [(val) => !!val || 'กรุณาเลือกไฟล์']
+                        ? [(val:any) => !!val || 'กรุณาเลือกไฟล์']
                         : []
                     "
                   >
@@ -458,23 +457,23 @@ watch(
                     </template>
                     <template v-slot:after>
                       <div>
-                      <q-btn
-                        :disable="!store.statusUpload"
-                        round
-                        dense
-                        flat
-                        color="primary"
-                        icon="mdi-upload"
-                        @click="
-                          fetchPathUpload(
-                            'เล่ม 2',
-                            evaluateId,
-                            '1-เอกสารเล่ม 2',
-                            fileEvaluation1
-                          )
-                        "
-                        ><q-tooltip>อัปโหลดไฟล์</q-tooltip></q-btn
-                      >
+                        <q-btn
+                          :disable="!store.statusUpload"
+                          round
+                          dense
+                          flat
+                          color="primary"
+                          icon="mdi-upload"
+                          @click="
+                            fetchPathUpload(
+                              'เล่ม 2',
+                              evaluateId,
+                              '1-เอกสารเล่ม 2',
+                              fileEvaluation1
+                            )
+                          "
+                          ><q-tooltip>อัปโหลดไฟล์</q-tooltip></q-btn
+                        >
                       </div>
                     </template>
                   </q-file>
diff --git a/src/modules/06_evaluate/components/step/step8.vue b/src/modules/06_evaluate/components/step/step8.vue
index 74e0d3c..8825faf 100644
--- a/src/modules/06_evaluate/components/step/step8.vue
+++ b/src/modules/06_evaluate/components/step/step8.vue
@@ -81,10 +81,10 @@ async function fetchPathUpload(
       })
       .catch((err) => {
         messageError($q, err);
-      })
-      .finally(() => {
         hideLoader();
       });
+    // .finally(() => {
+    // });
   }
 }
 
@@ -105,6 +105,9 @@ async function uploadfile(uploadUrl: string, file: any) {
     })
     .catch((err) => {
       messageError($q, err);
+    })
+    .finally(() => {
+      hideLoader();
     });
 }
 
@@ -237,6 +240,7 @@ onMounted(async () => {
                     hide-bottom-space
                     lazy-rules
                     accept=".pdf"
+                    label="อัปโหลดไฟล์"
                   >
                     <template v-slot:prepend>
                       <q-icon name="attach_file" />