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

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

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { onMounted, ref } from "vue";
+import { useRoute } from "vue-router";
 import http from "@/plugins/http";
 import config from "@/app.config";
 import { useQuasar } from "quasar";
@@ -11,6 +12,9 @@ import { useEvaluateStore } from "@/modules/06_evaluate/store";
 const store = useEvaluateStore();
 const mixin = useCounterMixin();
 const $q = useQuasar();
+const route = useRoute();
+
+const evaluateId = ref<string>(route.params.id.toString());
 
 const { showLoader, hideLoader, messageError } = mixin;
 
@@ -26,12 +30,12 @@ const selectedItem = ref(1);
 
 async function fetchDocument() {
   showLoader();
-  props.evaluateId &&
+  evaluateId.value &&
     (await http
       .get(
         config.API.loadFileDocument(
           "เล่ม 2",
-          props.evaluateId,
+          evaluateId.value,
           "1-เอกสารเล่ม 2"
         )
       )