fix(plugin): fix can not show the no-config plugin ui

emqx · Aug 27, 2024 · 49969ab · 49969ab
1 parent 4b4e2da
commit 49969ab
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 11 deletions.
diff --git a/src/views/Plugins/PluginDetail.vue b/src/views/Plugins/PluginDetail.vue
@@ -44,6 +44,7 @@
               :plugin-name="pluginName"
               :plugin-version="pluginVersion"
               :plugin-with-config="pluginWithConfig"
+              :is-detail-loading="isDetailLoading"
             />
           </el-card>
         </el-tab-pane>

diff --git a/src/views/Plugins/components/PluginManage.vue b/src/views/Plugins/components/PluginManage.vue
@@ -1,16 +1,22 @@
 <template>
   <div class="plugin-manage">
-    <plugin-form-kit
-      v-if="uiConfigs"
-      :data="record"
-      :layouts="uiConfigs"
-      :save-func="handleSubmit"
-      @saved="fetchPluginConfigs(pluginName, pluginVersion)"
-    />
-    <template v-else>
-      <el-skeleton v-if="schemaLoading" :rows="6" animated />
-      <div v-else-if="!schemaLoading">{{ $t('Plugins.noPluginConfig') }}</div>
-    </template>
+    <el-skeleton v-if="isDetailLoading" :rows="6" animated />
+    <div v-else-if="!isDetailLoading && pluginWithConfig">
+      <plugin-form-kit
+        v-if="uiConfigs"
+        :data="record"
+        :layouts="uiConfigs"
+        :save-func="handleSubmit"
+        @saved="fetchPluginConfigs(pluginName, pluginVersion)"
+      />
+      <template v-else>
+        <el-skeleton v-if="schemaLoading" :rows="6" animated />
+        <div v-else>{{ $t('Plugins.noPluginConfig') }}</div>
+      </template>
+    </div>
+    <div v-else-if="!isDetailLoading && !pluginWithConfig">
+      {{ $t('Plugins.noPluginConfig') }}
+    </div>
   </div>
 </template>
 
@@ -30,6 +36,11 @@ const props = defineProps({
   },
   pluginWithConfig: {
     type: Boolean,
+    default: false,
+  },
+  isDetailLoading: {
+    type: Boolean,
+    default: false,
   },
 })