From 83a683f8e6bd8f4d91d29fb98a0593a405277eb9 Mon Sep 17 00:00:00 2001
From: blackflash997 <blackflash997@gmail.com>
Date: Mon, 30 Sep 2024 09:04:35 +0800
Subject: [PATCH] =?UTF-8?q?fix-=E8=A7=92=E8=89=B2=E7=BB=84=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9E=E6=88=96=E5=88=A0=E9=99=A4=E9=9C=80=E8=A6=81=E5=88=B7?=
 =?UTF-8?q?=E6=96=B0=E7=95=8C=E9=9D=A2=E6=89=8D=E8=83=BD=E6=9B=B4=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 datasophon-ui/src/pages/serviceManage/exampleList.vue |  7 +++++++
 datasophon-ui/src/pages/serviceManage/index.vue       |  4 ++--
 datasophon-ui/src/pages/serviceManage/setting.vue     | 10 ++++++++++
 3 files changed, 19 insertions(+), 2 deletions(-)

diff --git a/datasophon-ui/src/pages/serviceManage/exampleList.vue b/datasophon-ui/src/pages/serviceManage/exampleList.vue
index 943118bf..91ea2cb0 100644
--- a/datasophon-ui/src/pages/serviceManage/exampleList.vue
+++ b/datasophon-ui/src/pages/serviceManage/exampleList.vue
@@ -184,6 +184,10 @@ export default {
   name: "exampleList",
   props: {
     serviceId: String,
+    tabKey: {
+      type: String,
+      required: true
+    }
   },
   provide () {
     return {
@@ -635,6 +639,9 @@ export default {
     },
   },
   watch: {
+    tabKey(newVal, oldVal) {
+      this.getServiceRoleType();
+    },
     logsVisible: {
       handler (val) {
         if (val) {
diff --git a/datasophon-ui/src/pages/serviceManage/index.vue b/datasophon-ui/src/pages/serviceManage/index.vue
index ed710e7d..a008bd78 100644
--- a/datasophon-ui/src/pages/serviceManage/index.vue
+++ b/datasophon-ui/src/pages/serviceManage/index.vue
@@ -30,10 +30,10 @@
         <OverViewPage :serviceId="serviceId" />
       </a-tab-pane>
       <a-tab-pane :key="2" tab="实例">
-        <ExampleList ref="ExampleListRef" :serviceId="serviceId" />
+        <ExampleList ref="ExampleListRef" :serviceId="serviceId" :tabKey="tabKey"/>
       </a-tab-pane>
       <a-tab-pane :key="3" tab="配置">
-        <Setting />
+        <Setting :tabKey="tabKey"/>
       </a-tab-pane>
       <a-tab-pane v-if="serviceName === 'YARN'" :key="4" tab="资源配置">
         <Queue />
diff --git a/datasophon-ui/src/pages/serviceManage/setting.vue b/datasophon-ui/src/pages/serviceManage/setting.vue
index 88853928..229f6228 100644
--- a/datasophon-ui/src/pages/serviceManage/setting.vue
+++ b/datasophon-ui/src/pages/serviceManage/setting.vue
@@ -71,6 +71,10 @@ export default {
   components: { CommonTemplate },
   props: {
     steps4Data: Object,
+    tabKey: {
+      type: String,
+      required: true
+    }
   },
   data() {
     return {
@@ -412,6 +416,12 @@ export default {
       return data;
     },
   },
+  watch: {
+    // 监控 tabKey 的变化
+    tabKey(newVal, oldVal) {
+      this.getServiceRoleType();
+    }
+  },
   created() {},
   mounted() {
     this.getServiceRoleType()