From 986ac2d37117bb903c3e743ba1e1bed8ed3ad11f Mon Sep 17 00:00:00 2001
From: zhaozhenfang <zhaozhenfang@kylinos.cn>
Date: Wed, 20 Mar 2024 11:07:56 +0800
Subject: [PATCH] fix bug of machine uuid does not refresh

---
 frontend/src/views/Cluster/MachineDetail/Base.vue | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/frontend/src/views/Cluster/MachineDetail/Base.vue b/frontend/src/views/Cluster/MachineDetail/Base.vue
index bea963c3..85c92472 100644
--- a/frontend/src/views/Cluster/MachineDetail/Base.vue
+++ b/frontend/src/views/Cluster/MachineDetail/Base.vue
@@ -27,7 +27,7 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, onMounted } from "vue";
+import { ref, onMounted, watch } from "vue";
 import { ElMessage } from 'element-plus';
 import { useRoute } from 'vue-router'
 
@@ -40,7 +40,18 @@ const machineID = ref(route.params.uuid)
 
 const machineInfo = ref<any>({})
 
+
+watch(() => route.params.uuid, (new_uuid) => {
+  if (new_uuid) {
+    machineID.value = new_uuid;
+    getMachineBaseInfo();
+  }
+})
 onMounted(() => {
+  getMachineBaseInfo();
+})
+
+const getMachineBaseInfo = () => {
   getMachineOverview({
     uuid: machineID.value
   }).then((resp: any) => {
@@ -52,7 +63,7 @@ onMounted(() => {
   }).catch((err: any) => {
     ElMessage.error("failed to get machines overview info:" + err.msg)
   })
-})
+}
 
 // 设置磁盘占比颜色
 const customColorMethod = (percentage: number) => {
-- 
Gitee