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

src/modules/06_evaluate/components/viewstep/popupHistory.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
-import { ref, watch } from "vue";
+import { ref, watch, computed } from "vue";
+import { useRoute } from "vue-router";
 import http from "@/plugins/http";
 import config from "@/app.config";
 
@@ -8,9 +9,16 @@ import HeaderDialog from "@/components/DialogHeader.vue";
 import type { QTableProps } from "quasar";
 import { useCounterMixin } from "@/stores/mixin";
 
+const route = useRoute();
 const mixins = useCounterMixin();
 const { showLoader, hideLoader, date2Thai } = mixins;
 
+// const evaluateId = ref<string>(route.params.id.toString());
+
+const evaluateId = computed(() => {
+  const id = route.params.id ? route.params.id.toString() : "";
+  return id;
+});
 /** รับ props Tab 1  */
 const props = defineProps({
   id: {
@@ -89,7 +97,7 @@ async function fetchListHistory(id: string) {
 watch(
   () => props.modal,
   () => {
-    props.modal && props.id && fetchListHistory(props.id);
+    props.modal && fetchListHistory(evaluateId.value);
   }
 );
 </script>