From cf6cbf1c5c1f0e4dd8f43d083e516c6731754d66 Mon Sep 17 00:00:00 2001
From: Wenjie Zhang <wenjie.zhang@stu.jiangnan.edu.cn>
Date: Wed, 26 Feb 2025 10:57:24 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E8=A7=86=E8=A7=89=E6=95=88?=
 =?UTF-8?q?=E6=9E=9C=E5=92=8C=E5=A4=84=E7=90=86=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/components/ChatComponent.vue | 11 +++++++++--
 web/src/views/GraphView.vue          |  4 +++-
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/web/src/components/ChatComponent.vue b/web/src/components/ChatComponent.vue
index 610ece88..0943c333 100644
--- a/web/src/components/ChatComponent.vue
+++ b/web/src/components/ChatComponent.vue
@@ -52,7 +52,7 @@
         class="message-box"
         :class="message.role"
       >
-        <div v-if="message.reasoning_content" class="searching-msg">
+        <div v-if="message.reasoning_content" class="reasoning-msg">
           <a-collapse
             v-model:activeKey="message.showThinking"
             :bordered="false"
@@ -66,7 +66,7 @@
               :header="message.status=='reasoning' ? '正在思考...' : '推理过程'"
               :style="'background: #f7f7f7; border-radius: 8px; margin-bottom: 24px; border: 0; overflow: hidden'"
             >
-              <p>{{ message.reasoning_content }}</p>
+              <p style="color: var(--gray-800)">{{ message.reasoning_content }}</p>
             </a-collapse-panel>
           </a-collapse>
         </div>
@@ -763,6 +763,13 @@ watch(
 
     .searching-msg {
       color: var(--gray-500);
+      animation: colorPulse 2s infinite;
+    }
+
+    @keyframes colorPulse {
+      0% { color: var(--gray-700); }
+      50% { color: var(--gray-300); }
+      100% { color: var(--gray-700); }
     }
   }
 
diff --git a/web/src/views/GraphView.vue b/web/src/views/GraphView.vue
index 99aa0330..40b50e95 100644
--- a/web/src/views/GraphView.vue
+++ b/web/src/views/GraphView.vue
@@ -3,7 +3,7 @@
     <a-empty>
       <template #description>
         <span>
-          前往 <router-link to="/setting" style="color: var(--main-color); font-weight: bold;">设置</router-link> 页面配置图数据库。
+          前往 <router-link to="/setting" style="color: var(--main-color); font-weight: bold;">设置</router-link> 页面启用知识图谱。
         </span>
       </template>
     </a-empty>
@@ -178,6 +178,8 @@ const loadSampleNodes = () => {
     .then((res) => {
       if (res.ok) {
         return res.json();
+      } else if (!configStore.config.enable_knowledge_graph) {
+        throw new Error('请前往设置页面配置启用知识图谱')
       } else {
         throw new Error("加载失败");
       }