updated

src/modules/06_evaluate/components/step/step2.vue

@@ -113,7 +113,7 @@ async function onClickDowloadFile(
     reportName: templateName,
     data: data,
   };
-  console.log(body);
+
   await genReport(body, fileName);
 }
 
@@ -149,6 +149,7 @@ async function fetchPathUpload(
         messageError($q, err);
       })
       .finally(() => {
+        downloadFile(type);
         hideLoader();
       });
   }
@@ -189,6 +190,42 @@ async function fetcheSigner(id: string) {
     });
 }
 
+const downloadFile1 = ref<string>("");
+const downloadFile2 = ref<string>("");
+const downloadFile3 = ref<string>("");
+const downloadFile4 = ref<string>("");
+const downloadFile5 = ref<string>("");
+const downloadFile6 = ref<string>("");
+async function downloadFile(fileName: string) {
+  showLoader();
+  await http
+    .get(config.API.loadFileDocument("เล่ม 1", store.evaluateId, fileName))
+    .then((res) => {
+      console.log(res.data);
+      if (fileName === "1-แบบพิจารณาคุณสมบัติบุคคล") {
+        downloadFile1.value = res.data.downloadUrl;
+      } else if (fileName === "2-แบบแสดงรายละเอียดการเสนอผลงาน") {
+        downloadFile2.value = res.data.downloadUrl;
+      } else if (
+        fileName ===
+        "3-แบบตรวจสอบความถูกต้องครบถ้วนของข้อมูลเพื่อประกอบการคัดเลือกบุคคล (เอกสารแบบ ก.)"
+      ) {
+        downloadFile3.value = res.data.downloadUrl;
+      } else if (fileName === "4-แบบประเมินคุณลักษณะบุคคล") {
+        downloadFile4.value = res.data.downloadUrl;
+      } else if (
+        fileName === "5-แบบสรุปข้อมูลของผู้ขอรับการคัดเลือก (เอกสารหมายเลข 9)"
+      ) {
+        downloadFile5.value = res.data.downloadUrl;
+      } else if (fileName === "6-ผลงานที่จะส่งประเมิน (เอกสารหมายเลข 11)") {
+        downloadFile6.value = res.data.downloadUrl;
+      }
+    })
+    .finally(() => {
+      hideLoader();
+    });
+}
+
 onMounted(async () => {
   const ref = {
     commanderFullnameRef: commanderFullnameRef.value,
@@ -206,6 +243,14 @@ onMounted(async () => {
     fetcheSigner(store.evaluateId);
   }
   emit("update:form", formCommand, ref);
+  downloadFile("1-แบบพิจารณาคุณสมบัติบุคคล");
+  downloadFile("2-แบบแสดงรายละเอียดการเสนอผลงาน");
+  downloadFile(
+    "3-แบบตรวจสอบความถูกต้องครบถ้วนของข้อมูลเพื่อประกอบการคัดเลือกบุคคล (เอกสารแบบ ก.)"
+  );
+  downloadFile("4-แบบประเมินคุณลักษณะบุคคล");
+  downloadFile("5-แบบสรุปข้อมูลของผู้ขอรับการคัดเลือก (เอกสารหมายเลข 9)");
+  downloadFile("6-ผลงานที่จะส่งประเมิน (เอกสารหมายเลข 11)");
 });
 </script>
 
@@ -241,13 +286,14 @@ onMounted(async () => {
               </div>
               <div class="col-xs-12 col-sm-6 row">
                 <q-btn
-                  v-if="fileEvaluation1"
+                  v-if="downloadFile1 != ''"
+                  :href="downloadFile1"
+                  target="_blank"
                   class="col-12"
                   outline
                   icon="visibility"
                   label="ดูไฟล์เอกสาร"
                   color="primary"
-                  @click="onClickViewPDF(fileEvaluation1)"
                 >
                   <q-tooltip> ดูไฟล์เอกสาร </q-tooltip></q-btn
                 >
@@ -255,7 +301,6 @@ onMounted(async () => {
               <div class="col-xs-12 col-sm-10 row">
                 <q-file
                   ref="fileEvaluation1Ref"
-                  :rules="[(val) => !!val || 'เลือกไฟล']"
                   v-model="fileEvaluation1"
                   class="col-12"
                   outlined
@@ -323,7 +368,9 @@ onMounted(async () => {
               </div>
               <div class="col-xs-12 col-sm-6 row">
                 <q-btn
-                  v-if="fileEvaluation2"
+                  v-if="downloadFile2 != ''"
+                  :href="downloadFile2"
+                  target="_blank"
                   class="col-12"
                   outline
                   icon="visibility"
@@ -336,7 +383,6 @@ onMounted(async () => {
               <div class="col-xs-12 col-sm-10 row">
                 <q-file
                   ref="fileEvaluation2Ref"
-                  :rules="[(val) => !!val || 'เลือกไฟล']"
                   v-model="fileEvaluation2"
                   class="col-12"
                   outlined
@@ -405,7 +451,9 @@ onMounted(async () => {
               </div>
               <div class="col-xs-12 col-sm-6 row">
                 <q-btn
-                  v-if="fileEvaluation3"
+                  v-if="downloadFile3 != ''"
+                  :href="downloadFile3"
+                  target="_blank"
                   class="col-12"
                   outline
                   icon="visibility"
@@ -418,7 +466,6 @@ onMounted(async () => {
               <div class="col-xs-12 col-sm-10 row">
                 <q-file
                   ref="fileEvaluation3Ref"
-                  :rules="[(val) => !!val || 'เลือกไฟล']"
                   v-model="fileEvaluation3"
                   class="col-12"
                   outlined
@@ -486,7 +533,9 @@ onMounted(async () => {
               </div>
               <div class="col-xs-12 col-sm-6 row">
                 <q-btn
-                  v-if="fileEvaluation4"
+                  v-if="downloadFile4 != ''"
+                  :href="downloadFile4"
+                  target="_blank"
                   class="col-12"
                   outline
                   icon="visibility"
@@ -499,7 +548,6 @@ onMounted(async () => {
               <div class="col-xs-12 col-sm-10 row">
                 <q-file
                   ref="fileEvaluation4Ref"
-                  :rules="[(val) => !!val || 'เลือกไฟล']"
                   v-model="fileEvaluation4"
                   class="col-12"
                   outlined
@@ -566,7 +614,9 @@ onMounted(async () => {
               </div>
               <div class="col-xs-12 col-sm-6 row">
                 <q-btn
-                  v-if="fileEvaluation5"
+                  v-if="downloadFile5 != ''"
+                  :href="downloadFile5"
+                  target="_blank"
                   class="col-12"
                   outline
                   icon="visibility"
@@ -579,7 +629,6 @@ onMounted(async () => {
               <div class="col-xs-12 col-sm-10 row">
                 <q-file
                   ref="fileEvaluation5Ref"
-                  :rules="[(val) => !!val || 'เลือกไฟล']"
                   v-model="fileEvaluation5"
                   class="col-12"
                   outlined
@@ -647,7 +696,9 @@ onMounted(async () => {
               </div>
               <div class="col-xs-12 col-sm-6 row">
                 <q-btn
-                  v-if="fileEvaluation6"
+                  v-if="downloadFile6 != ''"
+                  :href="downloadFile6"
+                  target="_blank"
                   class="col-12"
                   outline
                   icon="visibility"
@@ -660,7 +711,6 @@ onMounted(async () => {
               <div class="col-xs-12 col-sm-10 row">
                 <q-file
                   ref="fileEvaluation6Ref"
-                  :rules="[(val) => !!val || 'เลือกไฟล']"
                   v-model="fileEvaluation6"
                   class="col-12"
                   outlined
@@ -714,6 +764,7 @@ onMounted(async () => {
                 </div>
                 <div class="row col-12 q-col-gutter-md q-pa-sm">
                   <q-input
+                    :readonly="store.currentStep != 2"
                     ref="commanderFullnameRef"
                     dense
                     class="col-xs-12 col-sm-6"
@@ -725,6 +776,7 @@ onMounted(async () => {
                     lazy-rules
                   />
                   <q-input
+                    :readonly="store.currentStep != 2"
                     ref="commanderPositionRef"
                     class="col-xs-12 col-sm-6"
                     dense
@@ -746,6 +798,7 @@ onMounted(async () => {
                 </div>
                 <div class="row col-12 q-col-gutter-md q-pa-sm">
                   <q-input
+                    :readonly="store.currentStep != 2"
                     ref="commanderAboveFullnameRef"
                     dense
                     class="col-xs-12 col-sm-6"
@@ -757,6 +810,7 @@ onMounted(async () => {
                     @update:model-value="updateInput(formCommand)"
                   />
                   <q-input
+                    :readonly="store.currentStep != 2"
                     ref="commanderAbovePositionRef"
                     class="col-xs-12 col-sm-6"
                     dense