From 32da03818eb418f704292839cacba8450da85f55 Mon Sep 17 00:00:00 2001
From: DaGou12138 <991623169@qq.com>
Date: Fri, 12 Jun 2026 10:35:40 +0800
Subject: [PATCH] =?UTF-8?q?#3212=20fix=EF=BC=9A=201.=E4=BF=AE=E6=94=B9?=
 =?UTF-8?q?=E7=9F=A5=E8=AF=86=E5=BA=93=E5=89=8D=E7=AB=AF=E5=8D=A1=E7=89=87?=
 =?UTF-8?q?=E6=8F=90=E7=A4=BA=E6=A0=B7=E5=BC=8F=EF=BC=8C=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E8=AD=A6=E7=A4=BA=E6=95=88=E6=9E=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/KnowledgeBaseManagement.vue     | 31 +++++++++++++------
 1 file changed, 21 insertions(+), 10 deletions(-)

diff --git a/main/manager-web/src/views/KnowledgeBaseManagement.vue b/main/manager-web/src/views/KnowledgeBaseManagement.vue
index e4d7fea9..dc380829 100644
--- a/main/manager-web/src/views/KnowledgeBaseManagement.vue
+++ b/main/manager-web/src/views/KnowledgeBaseManagement.vue
@@ -40,14 +40,9 @@
                   v-for="(kb, index) in filteredKnowledgeBases"
                   :key="kb.datasetId"
                   class="kb-card"
-                  :class="{ active: selectedKb && selectedKb.datasetId === kb.datasetId }"
+                  :class="{ active: selectedKb && selectedKb.datasetId === kb.datasetId, error: !!kb.errorMessage }"
                   @click="selectKnowledgeBase(kb)"
                 >
-                  <el-tooltip v-if="kb.errorMessage" :content="kb.errorMessage" placement="bottom-start" effect="dark">
-                    <div class="kb-card-warning">
-                      <i class="el-icon-warning"></i>
-                    </div>
-                  </el-tooltip>
                   <div class="kb-card-actions-top">
                     <button class="kb-action-icon" :title="$t('knowledgeBaseManagement.edit')" @click.stop="editKnowledgeBase(kb)">
                       <i class="el-icon-edit"></i>
@@ -77,6 +72,9 @@
                             @click.native.stop
                             @change="handleStatusChange(kb)"
                           ></el-switch>
+                          <el-tooltip v-if="kb.errorMessage" :content="kb.errorMessage" placement="top-end" effect="dark">
+                            <i class="kb-card-warning el-icon-warning"></i>
+                          </el-tooltip>
                         </div>
                       </div>
                     </div>
@@ -880,6 +878,21 @@ export default {
   &.active {
     border: 1px solid #6b80eb;
   }
+
+  &.error {
+    background: linear-gradient(135deg, #fff5f5, #fff0f0);
+    border: 1px solid #fde2e2;
+    box-shadow: 0 0 10px rgba(245, 108, 108, 0.15);
+
+    &:hover {
+      border: 1px solid #f56c6c;
+      box-shadow: 0 0 12px rgba(245, 108, 108, 0.25);
+    }
+
+    &.active {
+      border: 1px solid #f56c6c;
+    }
+  }
 }
 
 .kb-card-top {
@@ -890,13 +903,11 @@ export default {
 }
 
 .kb-card-warning {
-  position: absolute;
-  top: 2px;
-  left: 4px;
-  z-index: 2;
   color: #e6a23c;
   font-size: 16px;
   cursor: pointer;
+  vertical-align: middle;
+  margin-left: 6px;
   animation: warning-pulse 2s ease-in-out infinite;
 }