feat:会话添加推荐会话功能

src/views/components/AiChat.vue

@@ -83,21 +83,30 @@
               </a-button>
             </div>  
           </div>
-        <!-- 操作按钮 -->
-        <div class="operation-box" v-if="msg.messageType === 'received' && msg.recordId">
-          <div class="operation-buttons">
-            <button class="operation-btn copy-btn" @click="handleCopy(msg)" title="复制">
-              <copy-outlined />
-            </button>
-            <button class="operation-btn like-btn" @click="handleLike(msg)" title="赞">
-              <like-outlined />
-            </button>
-            <button class="operation-btn dislike-btn" @click="handleDislike(msg)" title="踩">
-              <dislike-outlined />
-            </button>
+          <!-- 会话结束 -->
+          <div v-if="msg.messageType === 'received' && msg.recordId" class="conversation-end">
+             <!-- 推荐会话列表 -->
+             <div v-if="msg.showRecommendations !== false && msg.recommendations && msg.recommendations.length > 0" class="recommendation-list">
+               <div v-for="(item, i) in msg.recommendations" :key="i" class="recommendation-item" @click="handleRecommendationClick(msg, item)">
+                   <span class="recommendation-title">{{ item.title }}</span>
+                 </div>
+             </div>
+              <!-- 操作按钮 -->
+              <div class="operation-box" v-if="msg.messageType === 'received' && msg.recordId">
+                <div class="operation-buttons">
+                  <button class="operation-btn copy-btn" @click="handleCopy(msg)" title="复制">
+                    <copy-outlined />
+                  </button>
+                  <button class="operation-btn like-btn" @click="handleLike(msg)" title="赞">
+                    <like-outlined />
+                  </button>
+                  <button class="operation-btn dislike-btn" @click="handleDislike(msg)" title="踩">
+                    <dislike-outlined />
+                  </button>
+                </div>
+              </div>
           </div>
         </div>
-        </div>
       </div>
     </div>
 
@@ -341,22 +350,22 @@ const validateMessageParams = (type: MessageType, params: MessageParams): boolea
 
 // 统一发送消息函数
 const sendMessage = async (type: MessageType = 'text', params: MessageParams = {}) => {
-  // 如果消息文本为空且是文本类型，则延迟1秒后模拟折线图消息进行测试
-  // if (type === 'text' && !messageText.value.trim() && !params.message) {
-  //   loading.value = true;
-  //   console.log('📊 检测到空消息，1秒后发送折线图测试...');
+  //如果消息文本为空且是文本类型，则延迟1秒后模拟折线图消息进行测试
+  if (type === 'text' && !messageText.value.trim() && !params.message) {
+    loading.value = true;
+    console.log('📊 检测到空消息，1秒后发送折线图测试...');
     
-  //   setTimeout(() => {
-  //     simulateLineChartMessage();
-  //     loading.value = false;
-  //   }, 1000);
-  //   setTimeout(() => {
-  //     simulateTips();
-  //     loading.value = false;
-  //   }, 2000);
+    // setTimeout(() => {
+    //   simulateLineChartMessage();
+    //   loading.value = false;
+    // }, 1000);
+    setTimeout(() => {
+      simulateTips();
+      loading.value = false;
+    }, 2000);
     
-  //   return;
-  // }
+    return;
+  }
 
   loading.value = true;
   
@@ -504,6 +513,14 @@ const retrySendMessage = async (messageIndex: number) => {
   });
 };
 
+// 处理推荐会话点击
+const handleRecommendationClick = (message: Message, item: any) => {
+  // 隐藏推荐信息列表
+  message.showRecommendations = false;
+  // 直接发送推荐会话内容
+  sendMessage('text', { message: item.title });
+};
+
 // 处理消息点击 - 将消息内容放到输入框
 const handleMessageClick = (message: Message, block: any) => {
   // 只处理文字消息，不处理音频、图表等特殊消息
@@ -826,26 +843,22 @@ const simulateLineChartMessage = () => {
 const simulateTips = () => {
   console.log('模拟总结消息');
 const simulatedMessage = {
-  message: `# 四川公司费用总额分析📊
-
-## 数据概览
-- **2025年1月**：费用总额为 **10,682,961.54元**，同比减少 **1,557,818.80元**（约 **12.72%**）。
-- **2025年2月**：费用总额为 **25,086,103.67元**，同比减少 **1,444,015.52元**（约 **5.44%**）。
-- **2025年3月**：费用总额为 **39,060,157.77元**，同比增加 **526,502.57元**（约 **1.36%**）。
-
-## 问题分析
-- **费用总额同比波动较大**，1月和2月均出现同比下降，3月略有回升，但整体仍低于去年同期水平，可能与成本控制或业务结构调整有关。
-- **缺乏年初及预算数据**，无法判断费用总额是否符合预算目标，影响进一步分析。
-- **费用增长趋势不明确**，3月虽有回升，但增幅较小，需关注后续月份数据以判断是否为短期波动。
-
-## 建议
-- **加强费用预算管理**，明确费用控制目标。
-- **深入分析费用结构**，识别费用增长或下降的主要驱动因素。
-- **补充年初及预算数据**，以便进行更全面的费用对比分析。
-
-🔍 **结论**：四川公司费用总额呈现波动下降趋势，需进一步分析费用结构及预算执行情况，以优化费用管理。`,
+  message: {
+    recordId:'33333',
+    options:[
+      {
+        title: '出差标准',
+      },
+      {
+        title: '2025年2月',
+      },
+      {
+        title: '2025年3月',
+      }
+    ]
+  },
   status: 3, // 图表数据
-  type: 6  // 总结消息
+  type: 7  // 总结消息
 }
 
 

src/views/components/style.less

@@ -311,6 +311,9 @@ li {
 }
 
 // 操作按钮样式
+.conversation-end{
+  margin-top: 12px;
+}
 .operation-box {
   margin-top: 12px;
   display: flex;
@@ -921,6 +924,36 @@ li {
 
 
 
+// =============================================
+// 推荐会话样式 
+// =============================================
+.recommendation-list {
+  width: 100%;
+  max-width: 100%;
+  .recommendation-item {
+    display: flex;
+    align-items: center;
+    margin-bottom: 16px;
+
+    
+    margin-bottom: 16px;
+
+    .recommendation-title {
+      font-size: 14px;
+      color: @gray-7;
+      line-height:22px;
+      background: #F2F3F5;
+      padding: 4px 6px;
+      gap: 2px;
+      border-radius: 2px;
+      cursor: pointer;
+        &:hover {
+          background-color: @blue-light-1;
+        }
+    }
+  }
+}
+
 // =============================================
 // Tips消息样式 
 // =============================================
@@ -931,7 +964,7 @@ li {
   margin: 8px 0 -1px;
   padding: 12px 16px;
   border-bottom: none;
-  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.05);
+  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.05); 
   border-radius: 8px 8px 0 0;
   position: relative;
   background-color: @blue-light-2;

src/views/components/utils/contentTemplateService.ts

@@ -54,6 +54,9 @@ export interface Message {
   originalContent?: string;
   // 消息类型（用于重发）
   originalMessageType?: 'text' | 'audio';
+  // 推荐会话相关属性
+  recommendations?: any[];
+  showRecommendations?: boolean;
 }
 
 // SSE数据类型定义
@@ -290,6 +293,33 @@ export class ContentTemplateService {
       case 3: // 图表数据
         if (updatedResponse) {
           switch (contentType) {
+            case 0: // 普通文本内容
+              // 检查最后一个块是否是普通文本块，如果是则合并，否则创建新块
+              const isLastText = isLastBlockText(updatedResponse.contentBlocks);
+              
+              if (isLastText) {
+                // 合并到现有的普通文本块
+                const lastTextIndex = getLastTextBlockIndex(updatedResponse.contentBlocks);
+                
+                if (lastTextIndex !== -1) {
+                  updatedResponse.contentBlocks[lastTextIndex].content = 
+                    mergeTextContent(
+                      updatedResponse.contentBlocks[lastTextIndex].content,
+                      messageContent
+                    );
+                }
+              } else {
+                // 创建新的内容块
+                updatedBlockIndex = updatedResponse.contentBlocks.length;
+                updatedResponse.contentBlocks.push({
+                  content: this.templates.text(messageContent),
+                  hasThinkBox: false,
+                  thinkContent: '',
+                  thinkBoxExpanded: false,
+                });
+              }
+              break;
+              
             case 2: 
               // 图表数据处理
               updatedResponse.contentBlocks.push({
@@ -380,19 +410,15 @@ export class ContentTemplateService {
                   });
                 }
                 break;
-                
-              
-            default: // 默认处理
-              updatedResponse.contentBlocks.push({
-                content: this.templates.text(messageContent || ''),
-                hasThinkBox: false,
-                thinkContent: '',
-                thinkBoxExpanded: false,
-              });
-              break;
+              case 7: // 推荐会话数据
+                if (updatedResponse) {
+                  updatedResponse.recommendations = messageContent?.options || [];
+                  updatedResponse.showRecommendations = true;
+                }
+                break;
+            }
           }
-        }
-        break;
+          break;
        
 
       case 10: // 思考开始
@@ -421,31 +447,35 @@ export class ContentTemplateService {
 
       case 11: // 思考结束
         if (updatedResponse && updatedBlockIndex !== -1 && updatedResponse.contentBlocks[updatedBlockIndex]) {
-          const currentThinkContent = updatedResponse.contentBlocks[updatedBlockIndex].thinkContent;
-          
           // 计算思考用时
           const thinkingTime = this.thinkingStartTime ? Math.round((Date.now() - this.thinkingStartTime) / 1000) : 0;
           // 对于历史数据，直接显示"已完成思考"，不显示具体用时
           const thinkingTimeText = isHistoryData ? '已完成思考' : (thinkingTime > 0 ? '已完成思考' : '已完成思考');
           
-          updatedResponse.contentBlocks[updatedBlockIndex].thinkContent = currentThinkContent;
+          // 如果message有内容，更新思考内容
+          if (messageContent && messageContent.trim() !== '') {
+            updatedResponse.contentBlocks[updatedBlockIndex].thinkContent = messageContent;
+          }
+          
           // 添加思考时长信息到内容块中，供前端模板使用
           updatedResponse.contentBlocks[updatedBlockIndex].thinkingTime = thinkingTime;
           updatedResponse.contentBlocks[updatedBlockIndex].thinkingTimeText = thinkingTimeText;
           
           updatedResponse.contentBlocks[updatedBlockIndex].hasThinkBox = true;
           // 思考结束后保持展开状态
-          // updatedResponse.contentBlocks[updatedBlockIndex].thinkBoxExpanded = defaultThinkBoxExpanded;
-           updatedResponse.contentBlocks[updatedBlockIndex].thinkBoxExpanded = true;
+          updatedResponse.contentBlocks[updatedBlockIndex].thinkBoxExpanded = true;
           
           // 重置思考开始时间
           this.thinkingStartTime = null;
         }
+        // 确保思考模式被正确关闭
         updatedIsThinking = false;
+        updatedBlockIndex = -1;
         break;
 
       case 20: // 初始连接回传信息
         if (updatedResponse) {
+          recordId = messageContent?.recordId || '';
           updatedResponse.contentBlocks.push({
             content: this.templates.text(messageContent?.words || ''),
             hasThinkBox: false,