From 9c842ab8025b6c71d2dd7e8f83fd5af8b2d06111 Mon Sep 17 00:00:00 2001
From: Gsh <15170702455@163.com>
Date: Wed, 31 Dec 2025 01:05:20 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=89=8D=E7=AB=AF=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E6=9E=B6=E6=9E=84=E9=87=8D=E6=9E=84=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../layouts/components/ChatAside/index.vue    | 30 +++++++++++++++----
 1 file changed, 25 insertions(+), 5 deletions(-)

diff --git a/Yi.Ai.Vue3/src/layouts/components/ChatAside/index.vue b/Yi.Ai.Vue3/src/layouts/components/ChatAside/index.vue
index 90bc5731..91496ed3 100644
--- a/Yi.Ai.Vue3/src/layouts/components/ChatAside/index.vue
+++ b/Yi.Ai.Vue3/src/layouts/components/ChatAside/index.vue
@@ -18,6 +18,9 @@ const loadMoreLoading = computed(() => sessionStore.isLoadingMore);
 const active = ref<string | undefined>();
 const isCollapsed = computed(() => designStore.isCollapseConversationList);
 
+// 判断是否为新建对话状态（没有选中任何会话）
+const isNewChatState = computed(() => !sessionStore.currentSession);
+
 onMounted(async () => {
   await sessionStore.requestSessionList();
   if (conversationsList.value.length > 0 && sessionId.value) {
@@ -139,8 +142,9 @@ function toggleSidebar() {
         <!-- 展开状态显示logo和标题 -->
         <div
           v-if="!isCollapsed"
-          class="header-content-expanded flex items-center gap-8px hover:cursor-pointer"
-          @click="handleCreatChat"
+          class="header-content-expanded flex items-center gap-8px"
+          :class="{ 'is-disabled': isNewChatState, 'hover:cursor-pointer': !isNewChatState }"
+          @click="!isNewChatState && handleCreatChat()"
         >
           <span class="logo-text max-w-150px text-overflow">会话</span>
         </div>
@@ -182,8 +186,11 @@ function toggleSidebar() {
         <div class="creat-chat-btn-wrapper">
           <div
             class="creat-chat-btn"
-            :class="{ 'creat-chat-btn-collapsed': isCollapsed }"
-            @click="handleCreatChat"
+            :class="{
+              'creat-chat-btn-collapsed': isCollapsed,
+              'is-disabled': isNewChatState
+            }"
+            @click="!isNewChatState && handleCreatChat()"
           >
             <el-icon class="add-icon">
               <Plus />
@@ -339,6 +346,13 @@ function toggleSidebar() {
 
   .header-content-expanded {
     flex: 1;
+    transition: opacity 0.2s ease;
+
+    &.is-disabled {
+      opacity: 0.5;
+      cursor: not-allowed !important;
+      pointer-events: none;
+    }
   }
 
   .header-content-collapsed {
@@ -406,11 +420,17 @@ function toggleSidebar() {
       border-radius: 12px;
       transition: all 0.2s ease;
 
-      &:hover {
+      &:hover:not(.is-disabled) {
         background-color: rgb(0 87 255 / 12%);
         transform: translateY(-1px);
       }
 
+      &.is-disabled {
+        opacity: 0.5;
+        cursor: not-allowed;
+        pointer-events: none;
+      }
+
       &.creat-chat-btn-collapsed {
         width: 40px;
         height: 40px;