fix ทดลองงาน

src/modules/05_placement/components/probation/FormEvaluation/FormEvaluate.vue

@@ -1085,7 +1085,7 @@ onMounted(async () => {
       </div>
 
       <FormUploadFile
-        :group="`ประเมินผลผู้บังคับบัญชาครั้งที่${props.tab?.charAt(4)}`"
+        :group="`ประเมินผลผู้บังคับบัญชาครั้งที่ ${props.tab?.charAt(4)}`"
         v-model:is-check-file="isCheckFile"
         :check-route-permisson="checkRoutePermisson"
         :data-permissions="

src/modules/05_placement/components/probation/FormEvaluation/FormEvaluateScore.vue

@@ -1405,7 +1405,7 @@ onMounted(async () => {
         </div>
 
         <FormUploadFile
-          :group="`ประเมินผลคณะกรรมการครั้งที่${props.tab?.charAt(4)}`"
+          :group="`ประเมินผลคณะกรรมการครั้งที่ ${props.tab?.charAt(4)}`"
           :check-route-permisson="checkRoutePermisson"
           :data-permissions="
             probationStore.dataPermissions?.tab5.isEdit

src/modules/05_placement/components/probation/FormEvaluation/FormReport.vue

@@ -894,7 +894,7 @@ onMounted(async () => {
 
     <FormUploadFile
       v-else
-      :group="`รายงานผลครั้งที่${props.tab?.charAt(4)}`"
+      :group="`รายงานผลครั้งที่ ${props.tab?.charAt(4)}`"
       v-model:is-check-file="isCheckFile"
       :check-route-permisson="checkRoutePermisson"
       :data-permissions="

src/modules/05_placement/components/probation/FormEvaluation/FormSaveResult.vue

@@ -1261,7 +1261,7 @@ onMounted(async () => {
       </div>
 
       <FormUploadFile
-        :group="`บันทึกผลผู้ดูแลครั้งที่${props.tab?.charAt(4)}`"
+        :group="`บันทึกผลผู้ดูแลครั้งที่ ${props.tab?.charAt(4)}`"
         v-model:is-check-file="isCheckFile"
         :check-route-permisson="checkRoutePermisson"
         :data-permissions="

src/modules/05_placement/components/probation/FormEvaluation/FormSaveResultCommader.vue

@@ -384,7 +384,9 @@ onMounted(async () => {
       <div v-if="status == false">
         <q-btn
           v-if="
-            !checkRoutePermisson && probationStore.dataPermissions?.tab3.isEdit && !isCheckFile
+            !checkRoutePermisson &&
+            probationStore.dataPermissions?.tab3.isEdit &&
+            !isCheckFile
           "
           dense
           flat
@@ -1271,7 +1273,7 @@ onMounted(async () => {
       </div>
 
       <FormUploadFile
-        :group="`บันทึกผลผู้บังคับบัญชาครั้งที่${props.tab?.charAt(4)}`"
+        :group="`บันทึกผลผู้บังคับบัญชาครั้งที่ ${props.tab?.charAt(4)}`"
         v-model:is-check-file="isCheckFile"
         :check-route-permisson="checkRoutePermisson"
         :data-permissions="

src/modules/05_placement/components/probation/FormEvaluation/FormUploadFile.vue

@@ -32,6 +32,7 @@ const dataPermissions = defineModel<boolean>("dataPermissions", {
 
 const assignId = ref<string>(route.params.form as string);
 const file = ref<any>();
+const dataDownload = ref<any>();
 
 function onUploadFiles() {
   showLoader();
@@ -72,6 +73,7 @@ async function uploadFileURL(uploadUrl: string) {
     })
     .then(async () => {
       await success($q, "อัปโหลดไฟล์สำเร็จ");
+      file.value = null;
       await fetchCheckfile();
     })
     .catch((err) => {
@@ -79,7 +81,6 @@ async function uploadFileURL(uploadUrl: string) {
     })
     .finally(() => {
       hideLoader();
-      file.value = null;
     });
 }
 
@@ -91,6 +92,7 @@ async function fetchCheckfile() {
     .then(async (res) => {
       if (res.data.length >= 1) {
         isCheckFile.value = true;
+        dataDownload.value = res.data[0];
       }
     })
     .catch((e) => {
@@ -98,6 +100,22 @@ async function fetchCheckfile() {
     });
 }
 
+async function onDownloadFile() {
+  showLoader();
+  http
+    .get(config.API.filefullPath(`${dataDownload.value.pathname}`))
+    .then(async (res) => {
+      const data = res.data.downloadUrl;
+      window.open(data, "_blank");
+    })
+    .catch((e) => {
+      messageError($q, e);
+    })
+    .finally(() => {
+      hideLoader();
+    });
+}
+
 onMounted(() => {
   fetchCheckfile();
 });
@@ -141,6 +159,15 @@ onMounted(() => {
       </div>
     </div>
   </div>
+
+  <div class="col-12" v-if="isCheckFile">
+    <q-btn
+      color="primary"
+      icon="mdi-download"
+      label="ดาวน์โหลดไฟล์"
+      @click="onDownloadFile"
+    />
+  </div>
 </template>
 
 <style scoped></style>

src/modules/05_placement/components/probation/FormEvaluation/Header.vue

@@ -69,7 +69,7 @@ function nextPage() {
         >
           <q-tab v-for="(i, j) in loop" :name="`save${i}`" :key="j">
             <div class="row col-12 items-center">
-              <div class="q-mr-sm">ครั้งที่{{ i }}</div>
+              <div class="q-mr-sm">ครั้งที่ {{ i }}</div>
               <q-btn
                 size="12px"
                 flat