From 6a52c888f744c86914ce4070dfb55e9aa567d257 Mon Sep 17 00:00:00 2001
From: "K.D.Zhu" <carlchu0113@gmail.com>
Date: Thu, 26 Sep 2024 16:13:36 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E7=89=88=E6=9C=AC?=
 =?UTF-8?q?=E5=AF=B9=E6=AF=94=E4=B8=AD=E6=8F=92=E4=BB=B6=E5=B7=AE=E5=BC=82?=
 =?UTF-8?q?=E9=AB=98=E4=BA=AE=E9=97=AE=E9=A2=98=20(#969)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/resource-detail/index.vue  | 23 ++++++++++---------
 1 file changed, 12 insertions(+), 11 deletions(-)

diff --git a/src/dashboard-front/src/components/resource-detail/index.vue b/src/dashboard-front/src/components/resource-detail/index.vue
index aa7e1f7e7..5fec8093b 100644
--- a/src/dashboard-front/src/components/resource-detail/index.vue
+++ b/src/dashboard-front/src/components/resource-detail/index.vue
@@ -663,15 +663,14 @@
     </bk-container>
 
     <!--  插件  -->
-    <div
-      v-if="props.diffData?.plugins && Object.keys(props.diffData.plugins).length"
-      :class="{ 'container-diff': checkPluginsDiff() }"
-    >
-      <template v-for="plugin in props.diffData.plugins" :key="plugin.id">
-        <p class="title mt15" :class="{ 'ag-diff': checkPluginsDiff() }">
-          {{ $t('插件:{name}', { name: plugin.name }) }}
-        </p>
-        <ConfigDisplayTable :plugin="plugin" first-col-width="auto" />
+    <div v-if="localData.plugins?.length">
+      <template v-for="plugin in localData.plugins" :key="plugin.id">
+        <div :class="{ 'container-diff': checkPluginDiff(plugin) }">
+          <p class="title mt15">
+            {{ $t('插件:{name}', { name: plugin.name }) }}
+          </p>
+          <ConfigDisplayTable :plugin="plugin" first-col-width="auto" />
+        </div>
       </template>
     </div>
   </div>
@@ -882,9 +881,11 @@ const checkDiff = (path: any) => {
 //   );
 // };
 
-const checkPluginsDiff = () => {
+const checkPluginDiff = (plugin: any) => {
+  // 检查传入的 plugin 是否记录在 diffMap 中
+  const diffMapPluginKey = `localData.plugins.${plugin.code || plugin.type}`;
   const keys = Object.keys(diffMap.value);
-  return keys.some(item => item.startsWith('localData.plugins'));
+  return keys.some(item => item.startsWith(diffMapPluginKey));
 };
 
 // 网关标签