From e0d9a295abd151fdfc5073d65bdb2cbb4fcd6cd6 Mon Sep 17 00:00:00 2001
From: Junyan Qin <rockchinq@gmail.com>
Date: Tue, 12 Nov 2024 18:57:43 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E4=BC=98=E5=8C=96=E9=83=A8=E5=88=86=20?=
 =?UTF-8?q?UI=20=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/pages/Plugins.vue  | 11 ++++++++---
 web/src/pages/Settings.vue |  2 +-
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/web/src/pages/Plugins.vue b/web/src/pages/Plugins.vue
index abd85e5..dbb7de9 100644
--- a/web/src/pages/Plugins.vue
+++ b/web/src/pages/Plugins.vue
@@ -6,7 +6,7 @@
         <div id="operation-btns">
             <v-tooltip text="设置插件优先级" location="top">
                 <template v-slot:activator="{ props }">
-                    <v-btn prepend-icon="mdi-priority-high" v-bind="props">
+                    <v-btn prepend-icon="mdi-priority-high" v-bind="props" :disabled="plugins.length == 0">
                         编排
 
                         <v-dialog activator="parent" max-width="500" persistent v-model="isOrchestrationDialogActive">
@@ -79,7 +79,8 @@
         </div>
     </v-card>
     <div class="plugins-container">
-        <PluginCard class="plugin-card" v-for="plugin in plugins" :key="plugin.name" :plugin="plugin"
+        <v-alert id="no-plugins-alert" v-if="plugins.length == 0" color="warning" icon="$warning" title="暂无插件" text="暂无已安装的插件，请安装插件" density="compact" style="margin-inline: 1rem;"></v-alert>
+        <PluginCard class="plugin-card" v-if="plugins.length > 0" v-for="plugin in plugins" :key="plugin.name" :plugin="plugin"
             @toggle="togglePlugin" @update="updatePlugin" @remove="removePlugin" />
     </div>
 </template>
@@ -240,6 +241,10 @@ const installDialogSource = ref('')
     margin-inline: 1rem;
 }
 
+#no-plugins-alert {
+    margin: 1rem;
+}
+
 .plugin-card {
     width: 18rem;
     height: 8rem;
@@ -298,4 +303,4 @@ const installDialogSource = ref('')
     flex-direction: column;
     gap: 1rem;
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/web/src/pages/Settings.vue b/web/src/pages/Settings.vue
index e5d6d73..6cffb18 100644
--- a/web/src/pages/Settings.vue
+++ b/web/src/pages/Settings.vue
@@ -72,7 +72,7 @@ import Vjsf from '@koumoul/vjsf';
 const { proxy } = getCurrentInstance()
 
 const managerList = ref([])
-const configType = ref('json')  // ui or json
+const configType = ref('')  // ui or json
 const currentManager = ref(null)
 const currentManagerName = ref('')
 const currentManagerDocLink = ref('')