ประเมินบุคคล

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

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { ref, onMounted } from "vue";
+import { useRoute } from "vue-router";
 import http from "@/plugins/http";
 import config from "@/app.config";
 import { useQuasar } from "quasar";
@@ -11,13 +12,16 @@ import { useEvaluateStore } from "@/modules/06_evaluate/store";
 const $q = useQuasar();
 const store = useEvaluateStore();
 const mixin = useCounterMixin();
+const route = useRoute();
 const { showLoader, hideLoader, messageError } = mixin;
 
-const props = defineProps({
-  evaluateId: {
-    type: String,
-  },
-});
+const evaluateId = ref<string>(route.params.id.toString());
+
+// const props = defineProps({
+//   evaluateId: {
+//     type: String,
+//   },
+// });
 const emit = defineEmits(["update:file"]);
 
 const selectedItem = ref(1);
@@ -37,9 +41,9 @@ function handleItemClick(itemNumber: number) {
 }
 async function fetchDocument(fileName: string) {
   // showLoader();
-  props.evaluateId &&
+  evaluateId.value &&
     (await http
-      .get(config.API.loadFileDocument("เล่ม 1", props.evaluateId, fileName))
+      .get(config.API.loadFileDocument("เล่ม 1", evaluateId.value, fileName))
       .then((res) => {
         downloadFile(res.data.downloadUrl);
       })