updated

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

@@ -7,9 +7,11 @@ import { useQuasar } from "quasar";
 import genReport from "@/plugins/genreport";
 
 import TableDirector from "@/modules/06_evaluate/components/directorandmeet/Table.vue";
+import { useEvaluateStore } from "@/modules/06_evaluate/store";
 
 import { useCounterMixin } from "@/stores/mixin";
 
+const store = useEvaluateStore();
 const $q = useQuasar();
 const mixin = useCounterMixin();
 
@@ -124,7 +126,6 @@ async function fetchPathUpload(
 }
 
 async function uploadfile(uploadUrl: string, file: any) {
-  console.log(uploadUrl);
   await axios
     .put(uploadUrl, file, {
       headers: {
@@ -139,8 +140,31 @@ async function uploadfile(uploadUrl: string, file: any) {
     });
 }
 
+const downloadUrl = ref<string>("");
+function checkDoc() {
+  showLoader();
+  http
+    .get(
+      config.API.loadFileDocument(
+        "เล่ม 2",
+        store.evaluateId,
+        "2-เอกสารเล่ม 2 (ฉบับแก้ไข)"
+      )
+    )
+    .then((res: any) => {
+      downloadUrl.value = res.data.downloadUrl;
+    })
+    // .catch((e) => {
+    //   messageError($q, e);
+    // })
+    .finally(() => {
+      hideLoader();
+    });
+}
+
 onMounted(async () => {
   await fetchDirector();
+  checkDoc();
 });
 </script>
 
@@ -187,7 +211,7 @@ onMounted(async () => {
       </q-card>
     </div>
 
-    <div class="col-6">
+    <div class="col-12">
       <q-card bordered style="border: 1px solid #d6dee1">
         <div class="text-weight-medium bg-grey-1 q-py-sm q-px-md">
           เอกสารเล่ม 2 (ฉบับแก้ไข)
@@ -195,29 +219,13 @@ onMounted(async () => {
         <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">
+            <div
+              v-if="store.currentStep == 8"
+              class="row q-col-gutter-md col-12"
+            >
+              <div class="col-12 row">
                 <q-btn
                   v-if="fileEvaluationEdit"
-                  class="col-12"
                   outline
                   icon="visibility"
                   label="ดูไฟล์เอกสาร"
@@ -261,6 +269,20 @@ onMounted(async () => {
                 >
               </div>
             </div>
+            <div v-else class="col-12">
+              <q-btn
+                v-if="downloadUrl != ''"
+                :href="downloadUrl"
+                target="_blank"
+                class="col-12"
+                outline
+                icon="visibility"
+                label="ดูไฟล์เอกสาร"
+                color="primary"
+              >
+                <q-tooltip> ดูไฟล์เอกสาร </q-tooltip></q-btn
+              >
+            </div>
           </div>
         </div>
       </q-card>