From 0269f404613314ab61031030afa6ccc364022181 Mon Sep 17 00:00:00 2001
From: 2991692032 <cizq297@gmail.com>
Date: Sat, 31 May 2025 00:11:18 +0800
Subject: [PATCH] =?UTF-8?q?=E5=9F=BA=E6=9C=ACai=E5=AF=B9=E8=AF=9D=E5=8A=9F?=
 =?UTF-8?q?=E8=83=BD=E5=AE=9E=E7=8E=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/ai/AIAssistantView.vue          | 339 +++++++++++++++++-
 .../service/AiChatSessionHistoryService.java  |   7 +
 .../impl/AiChatSessionHistoryServiceImpl.java |  20 +-
 .../unilife/service/impl/AiServiceImpl.java   |  21 +-
 .../resources/mappers/AiChatSessionMapper.xml |   2 +-
 5 files changed, 368 insertions(+), 21 deletions(-)

diff --git a/unilife-frontend/src/views/ai/AIAssistantView.vue b/unilife-frontend/src/views/ai/AIAssistantView.vue
index f7d05ed..1744a92 100644
--- a/unilife-frontend/src/views/ai/AIAssistantView.vue
+++ b/unilife-frontend/src/views/ai/AIAssistantView.vue
@@ -36,11 +36,39 @@
               v-for="chat in chatHistory" 
               :key="chat.id"
               class="chat-item"
-              :class="{ active: currentChatId === chat.id }"
-              @click="loadChat(chat.id)"
+              :class="{ 
+                active: currentChatId === chat.id, 
+                loading: isLoadingChat && currentChatId === chat.id
+              }"
+              @click="handleChatItemClick(chat.id)"
             >
-              <div class="chat-title">{{ chat.title }}</div>
-              <div class="chat-time">{{ formatTime(chat.updatedAt) }}</div>
+              <div class="chat-content">
+                <div class="chat-title" @dblclick="openEditDialog(chat.id, chat.title)">
+                  {{ chat.title }}
+                </div>
+                <div class="chat-time">{{ formatTime(chat.updatedAt) }}</div>
+              </div>
+              
+              <div class="chat-actions" @click.stop>
+                <el-button
+                  text
+                  size="small"
+                  class="action-btn edit-btn"
+                  @click="openEditDialog(chat.id, chat.title)"
+                  title="编辑标题"
+                >
+                  <el-icon><Edit /></el-icon>
+                </el-button>
+                <el-button
+                  text
+                  size="small"
+                  class="action-btn delete-btn"
+                  @click="confirmDeleteChat(chat.id, chat.title)"
+                  title="删除会话"
+                >
+                  <el-icon><Delete /></el-icon>
+                </el-button>
+              </div>
             </div>
             
             <div v-if="chatHistory.length === 0" class="empty-history">
@@ -209,11 +237,52 @@
       </div>
     </div>
   </div>
+  
+  <!-- 编辑会话标题弹窗 -->
+  <el-dialog
+    v-model="editDialogVisible"
+    title="编辑会话标题"
+    width="450px"
+    :before-close="handleEditDialogClose"
+    :close-on-click-modal="false"
+    :close-on-press-escape="true"
+    center
+  >
+    <el-form @submit.prevent="confirmEditTitle">
+      <el-form-item label="会话标题" label-width="80px">
+        <el-input
+          v-model="editDialogTitle"
+          placeholder="请输入会话标题"
+          maxlength="50"
+          show-word-limit
+          ref="editDialogInputRef"
+          @keyup.enter="confirmEditTitle"
+          @keyup.escape="cancelEditTitle"
+          clearable
+        />
+      </el-form-item>
+    </el-form>
+    
+    <template #footer>
+      <div class="dialog-footer">
+        <el-button @click="cancelEditTitle" size="large">取消</el-button>
+        <el-button 
+          type="primary" 
+          @click="confirmEditTitle"
+          :disabled="!editDialogTitle.trim()"
+          :loading="isEditingTitle"
+          size="large"
+        >
+          确定
+        </el-button>
+      </div>
+    </template>
+  </el-dialog>
 </template>
 
 <script setup lang="ts">
 import { ref, onMounted, nextTick, computed } from 'vue'
-import { ElMessage } from 'element-plus'
+import { ElMessage, ElMessageBox } from 'element-plus'
 import { 
   Plus,
   ChatDotRound,
@@ -223,7 +292,9 @@ import {
   Right,
   ArrowLeft,
   Loading,
-  Promotion
+  Promotion,
+  Edit,
+  Delete
 } from '@element-plus/icons-vue'
 import { useUserStore } from '@/stores/user'
 import { MdPreview } from 'md-editor-v3'
@@ -248,6 +319,7 @@ const currentChatId = ref<string | null>(null)
 const messagesContainer = ref()
 const inputFocused = ref(false)
 const sidebarCollapsed = ref(false)
+const isLoadingChat = ref(false)
 
 // 聊天数据
 const chatHistory = ref<ChatSession[]>([])
@@ -266,6 +338,13 @@ const canSend = computed(() => {
   return userInput.value.trim() && !isStreaming.value
 })
 
+// 编辑弹窗相关
+const editDialogVisible = ref(false)
+const editDialogTitle = ref('')
+const editDialogChatId = ref<string | null>(null)
+const isEditingTitle = ref(false)
+const editDialogInputRef = ref()
+
 // 方法
 const startNewChat = async () => {
   try {
@@ -294,27 +373,36 @@ const startNewChat = async () => {
 }
 
 const loadChat = async (chatId: string) => {
+  // 防止重复点击同一个会话
+  if (currentChatId.value === chatId || isLoadingChat.value) {
+    return
+  }
+  
   try {
+    isLoadingChat.value = true
     currentChatId.value = chatId
     
     // 加载历史消息
     const response = await getChatMessages(chatId, 1, 50)
-    if (response.data.code === 200) {
-      currentMessages.value = response.data.data.messages || []
+    if ((response as any).code === 200) {
+      currentMessages.value = (response.data as any).messages || []
     } else {
       ElMessage.error('加载聊天记录失败')
     }
   } catch (error: any) {
     console.error('加载聊天记录失败:', error)
     ElMessage.error('加载聊天记录失败')
+  } finally {
+    isLoadingChat.value = false
   }
 }
 
 const loadChatHistory = async () => {
   try {
     const response = await getChatHistory(1, 20)
-    if (response.data.code === 200) {
-      chatHistory.value = response.data.data.sessions || []
+    if ((response as any).code === 200) {
+      // 后端已经在数据库查询中按updated_at DESC排序，直接使用返回的数据
+      chatHistory.value = (response.data as any).sessions || []
     } else {
       console.error('加载聊天历史失败:', response.data.message)
     }
@@ -408,6 +496,11 @@ const sendMessage = async () => {
   } finally {
     isStreaming.value = false
     await scrollToBottom()
+    
+    // 短暂延迟后刷新会话列表，确保后端已完成数据库更新
+    setTimeout(async () => {
+      await loadChatHistory()
+    }, 300)
   }
 }
 
@@ -443,6 +536,106 @@ const formatTime = (timestamp: string) => {
   return new Date(timestamp).toLocaleString()
 }
 
+const confirmDeleteChat = async (chatId: string, title: string) => {
+  try {
+    await ElMessageBox.confirm(
+      `确定要删除会话"${title}"吗？此操作不可撤销。`,
+      '删除会话',
+      {
+        confirmButtonText: '删除',
+        cancelButtonText: '取消',
+        type: 'warning',
+        confirmButtonClass: 'el-button--danger'
+      }
+    )
+    
+    // 执行删除
+    await deleteChatSession(chatId)
+    
+    // 如果删除的是当前会话，清空当前会话状态
+    if (currentChatId.value === chatId) {
+      currentChatId.value = null
+      currentMessages.value = []
+    }
+    
+    // 刷新会话列表
+    await loadChatHistory()
+    
+    ElMessage.success('会话已删除')
+  } catch (error: any) {
+    if (error !== 'cancel') {
+      console.error('删除会话失败:', error)
+      ElMessage.error('删除会话失败')
+    }
+  }
+}
+
+const handleChatItemClick = (chatId: string) => {
+  // 如果正在加载，则忽略点击
+  if (isLoadingChat.value) {
+    return
+  }
+  
+  loadChat(chatId)
+}
+
+const openEditDialog = (chatId: string, title: string) => {
+  editDialogChatId.value = chatId
+  editDialogTitle.value = title
+  editDialogVisible.value = true
+  
+  // 下一帧自动聚焦
+  nextTick(() => {
+    if (editDialogInputRef.value) {
+      editDialogInputRef.value.focus()
+      editDialogInputRef.value.select()
+    }
+  })
+}
+
+const handleEditDialogClose = () => {
+  if (isEditingTitle.value) {
+    return false // 编辑中阻止关闭
+  }
+  // 调用取消逻辑，保持一致性
+  cancelEditTitle()
+  return true
+}
+
+const confirmEditTitle = async () => {
+  if (!editDialogChatId.value || !editDialogTitle.value.trim() || isEditingTitle.value) {
+    return
+  }
+  
+  try {
+    isEditingTitle.value = true
+    await updateSessionTitle(editDialogChatId.value, editDialogTitle.value.trim())
+    await loadChatHistory()
+    ElMessage.success('会话标题已更新')
+    editDialogVisible.value = false
+    resetEditDialog()
+  } catch (error: any) {
+    console.error('更新会话标题失败:', error)
+    ElMessage.error('更新会话标题失败')
+  } finally {
+    isEditingTitle.value = false
+  }
+}
+
+const cancelEditTitle = () => {
+  if (isEditingTitle.value) {
+    return
+  }
+  editDialogVisible.value = false
+  resetEditDialog()
+}
+
+const resetEditDialog = () => {
+  editDialogChatId.value = null
+  editDialogTitle.value = ''
+  isEditingTitle.value = false
+}
+
 onMounted(() => {
   console.log('AI助手页面加载完成')
   loadChatHistory()
@@ -525,15 +718,59 @@ onMounted(() => {
   cursor: pointer;
   transition: all 0.2s ease;
   margin-bottom: 8px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  position: relative;
 }
 
 .chat-item:hover {
   background: rgba(102, 126, 234, 0.05);
 }
 
+.chat-item:hover .chat-actions {
+  opacity: 1;
+}
+
 .chat-item.active {
-  background: rgba(102, 126, 234, 0.1);
-  border-left: 3px solid #667eea;
+  background: linear-gradient(135deg, rgba(102, 126, 234, 0.12), rgba(118, 75, 162, 0.08));
+  border-left: 4px solid #667eea;
+  border-radius: 12px 8px 8px 12px;
+  box-shadow: 0 2px 8px rgba(102, 126, 234, 0.15);
+  transform: translateX(2px);
+}
+
+.chat-item.active .chat-title {
+  color: #4f46e5;
+  font-weight: 700;
+}
+
+.chat-item.active .chat-time {
+  color: #6366f1;
+}
+
+.chat-item.active .chat-actions {
+  opacity: 1;
+}
+
+.chat-item.loading {
+  background: rgba(102, 126, 234, 0.05);
+  pointer-events: none;
+  opacity: 0.7;
+}
+
+.chat-item.editing {
+  background: rgba(102, 126, 234, 0.08);
+}
+
+.chat-item.editing .chat-actions {
+  opacity: 0;
+  pointer-events: none;
+}
+
+.chat-content {
+  flex: 1;
+  min-width: 0;
 }
 
 .chat-title {
@@ -551,6 +788,44 @@ onMounted(() => {
   font-size: 12px;
 }
 
+.chat-actions {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  opacity: 0;
+  transition: opacity 0.2s ease;
+  flex-shrink: 0;
+}
+
+.action-btn {
+  width: 24px !important;
+  height: 24px !important;
+  padding: 0 !important;
+  border: none !important;
+  background: none !important;
+  color: #6b7280 !important;
+  border-radius: 4px !important;
+  display: flex !important;
+  align-items: center !important;
+  justify-content: center !important;
+  transition: all 0.2s ease !important;
+}
+
+.action-btn:hover {
+  background: rgba(0, 0, 0, 0.1) !important;
+  color: #374151 !important;
+}
+
+.edit-btn:hover {
+  background: rgba(16, 185, 129, 0.1) !important;
+  color: #10b981 !important;
+}
+
+.delete-btn:hover {
+  background: rgba(239, 68, 68, 0.1) !important;
+  color: #ef4444 !important;
+}
+
 .empty-history {
   text-align: center;
   padding: 40px 20px;
@@ -1062,4 +1337,44 @@ onMounted(() => {
     max-width: 90%;
   }
 }
+</style>
+
+<!-- 弹窗样式优化 -->
+<style>
+.el-dialog {
+  border-radius: 12px !important;
+  box-shadow: 0 12px 48px rgba(0, 0, 0, 0.15) !important;
+}
+
+.el-dialog__header {
+  padding: 24px 24px 16px !important;
+  border-bottom: 1px solid #f0f0f0 !important;
+}
+
+.el-dialog__title {
+  font-size: 18px !important;
+  font-weight: 600 !important;
+  color: #1f2937 !important;
+}
+
+.el-dialog__body {
+  padding: 24px !important;
+}
+
+.el-dialog__footer {
+  padding: 16px 24px 24px !important;
+  border-top: 1px solid #f0f0f0 !important;
+}
+
+.dialog-footer {
+  display: flex;
+  justify-content: flex-end;
+  gap: 12px;
+}
+
+.dialog-footer .el-button {
+  min-width: 80px;
+  border-radius: 8px;
+  font-weight: 500;
+}
 </style> 
\ No newline at end of file
diff --git a/unilife-server/src/main/java/com/unilife/service/AiChatSessionHistoryService.java b/unilife-server/src/main/java/com/unilife/service/AiChatSessionHistoryService.java
index f73fd6f..150c0ff 100644
--- a/unilife-server/src/main/java/com/unilife/service/AiChatSessionHistoryService.java
+++ b/unilife-server/src/main/java/com/unilife/service/AiChatSessionHistoryService.java
@@ -43,6 +43,13 @@ public interface AiChatSessionHistoryService {
      */
     Result<Void> updateSessionTitle(String sessionId, String title);
     
+    /**
+     * 更新会话的最后活动时间
+     * @param sessionId 会话ID
+     * @return 更新结果
+     */
+    Result<Void> updateSessionLastActivity(String sessionId);
+    
     /**
      * 删除会话（会话元数据和Spring AI ChatMemory中的消息）
      * @param sessionId 会话ID
diff --git a/unilife-server/src/main/java/com/unilife/service/impl/AiChatSessionHistoryServiceImpl.java b/unilife-server/src/main/java/com/unilife/service/impl/AiChatSessionHistoryServiceImpl.java
index 1931bfd..bfc3c80 100644
--- a/unilife-server/src/main/java/com/unilife/service/impl/AiChatSessionHistoryServiceImpl.java
+++ b/unilife-server/src/main/java/com/unilife/service/impl/AiChatSessionHistoryServiceImpl.java
@@ -39,7 +39,6 @@ public class AiChatSessionHistoryServiceImpl implements AiChatSessionHistoryServ
             AiChatSession existingSession = sessionMapper.selectById(sessionId);
             
             if (existingSession != null) {
-                // 更新现有会话
                 if (title != null && !title.equals(existingSession.getTitle())) {
                     sessionMapper.updateTitle(sessionId, title);
                     existingSession.setTitle(title);
@@ -135,6 +134,25 @@ public class AiChatSessionHistoryServiceImpl implements AiChatSessionHistoryServ
         }
     }
 
+    @Override
+    @Transactional
+    public Result<Void> updateSessionLastActivity(String sessionId) {
+        
+        try {
+            int updated = sessionMapper.updateMessageInfo(sessionId, LocalDateTime.now(), null);
+            if (updated > 0) {
+                log.info("成功更新会话 {} 的最后活动时间", sessionId);
+                return Result.success();
+            } else {
+                log.warn("会话 {} 不存在，无法更新活动时间", sessionId);
+                return Result.error("会话不存在");
+            }
+        } catch (Exception e) {
+            log.error("更新会话活动时间失败: {}", e.getMessage(), e);
+            return Result.error("更新会话活动时间失败");
+        }
+    }
+
     @Override
     @Transactional
     public Result<Void> deleteSession(String sessionId) {
diff --git a/unilife-server/src/main/java/com/unilife/service/impl/AiServiceImpl.java b/unilife-server/src/main/java/com/unilife/service/impl/AiServiceImpl.java
index 9043229..c79262d 100644
--- a/unilife-server/src/main/java/com/unilife/service/impl/AiServiceImpl.java
+++ b/unilife-server/src/main/java/com/unilife/service/impl/AiServiceImpl.java
@@ -41,21 +41,28 @@ public class AiServiceImpl implements AiService {
         log.info("发送消息给AI: {}, 会话ID: {}", sendMessageDTO.getMessage(), sendMessageDTO.getSessionId());
         
         String sessionId = sendMessageDTO.getSessionId();
-        if (sessionId == null || sessionId.trim().isEmpty()) {
-            // 如果没有提供会话ID，生成一个新的
-            sessionId = "session_" + System.currentTimeMillis();
-            log.info("生成新的会话ID: {}", sessionId);
-        }
-        
+
         // 确保会话元数据存在
         sessionHistoryService.createOrUpdateSession(sessionId, BaseContext.getId(), "新对话");
         
         // 使用ChatClient的流式响应，Spring AI会自动处理记忆
-        return chatClient.prompt()
+        Flux<String> responseFlux = chatClient.prompt()
                 .user(sendMessageDTO.getMessage())
                 .advisors(a -> a.param(ChatMemory.CONVERSATION_ID, sendMessageDTO.getSessionId()))
                 .stream()
                 .content();
+        
+        // 在消息发送完成后更新会话的活跃时间
+        final String finalSessionId = sessionId;
+        return responseFlux.doOnComplete(() -> {
+            try {
+                // 更新会话的最后活动时间
+                sessionHistoryService.updateSessionLastActivity(finalSessionId);
+                log.info("已更新会话 {} 的最后活动时间", finalSessionId);
+            } catch (Exception e) {
+                log.warn("更新会话活动时间失败: {}", e.getMessage());
+            }
+        });
     }
 
     @Override
diff --git a/unilife-server/src/main/resources/mappers/AiChatSessionMapper.xml b/unilife-server/src/main/resources/mappers/AiChatSessionMapper.xml
index afb5af7..a7f145e 100644
--- a/unilife-server/src/main/resources/mappers/AiChatSessionMapper.xml
+++ b/unilife-server/src/main/resources/mappers/AiChatSessionMapper.xml
@@ -69,7 +69,7 @@
     <!-- 更新会话的最后消息时间和消息数量（简化方案中保留方法但不使用） -->
     <update id="updateMessageInfo">
         UPDATE ai_chat_sessions
-        SET updated_at = CURRENT_TIMESTAMP
+        SET updated_at = #{lastMessageTime}
         WHERE id = #{id}
     </update>