chore：可以看到之前历史对话了，但是获取时会晃动不完整
This commit is contained in:
@@ -436,9 +436,24 @@ export default {
|
||||
// Dify API相关
|
||||
currentConversationId: null,
|
||||
isAIServiceAvailable: true,
|
||||
aiServiceError: null
|
||||
aiServiceError: null,
|
||||
isLoadingHistory: false, // 新增：标记历史加载状态
|
||||
|
||||
}
|
||||
},
|
||||
onShow() {
|
||||
// 优先读取本地缓存的会话 ID
|
||||
const localConvId = this.getConversationIdFromLocal();
|
||||
if (localConvId) {
|
||||
this.currentConversationId = localConvId;
|
||||
aiService.setConversationId(localConvId);
|
||||
} else {
|
||||
this.currentConversationId = aiService.getConversationId();
|
||||
}
|
||||
this.loadChatHistoryIfExist();
|
||||
|
||||
|
||||
},
|
||||
created() {
|
||||
this.messages = [...this.initialMessages]
|
||||
this.messageId = this.messages.length
|
||||
@@ -447,6 +462,7 @@ export default {
|
||||
this.initUserAvatarData()
|
||||
// 初始化用户昵称（缓存优先）
|
||||
this.initUserNicknameData()
|
||||
this.currentConversationId = aiService.getConversationId();
|
||||
},
|
||||
mounted() {
|
||||
this.scrollToBottom()
|
||||
@@ -462,6 +478,18 @@ export default {
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
// 【新增：会话 ID 本地缓存方法】
|
||||
saveConversationIdToLocal(convId) {
|
||||
if (convId) {
|
||||
uni.setStorageSync('dify_conversation_id', convId);
|
||||
}
|
||||
},
|
||||
getConversationIdFromLocal() {
|
||||
return uni.getStorageSync('dify_conversation_id') || null;
|
||||
},
|
||||
clearConversationIdFromLocal() {
|
||||
uni.removeStorageSync('dify_conversation_id');
|
||||
},
|
||||
// 初始化音频上下文
|
||||
initAudioContext() {
|
||||
// #ifdef H5
|
||||
@@ -490,7 +518,39 @@ export default {
|
||||
this.localUserAvatar = this.defaultAvatar
|
||||
}
|
||||
},
|
||||
// 👇 新增：加载历史记录
|
||||
async loadChatHistoryIfExist() {
|
||||
const convId = aiService.getConversationId();
|
||||
if (convId) {
|
||||
try {
|
||||
const history = await aiService.getConversationHistory({
|
||||
conversation_id: convId,
|
||||
uniacid: this.$store.state.uniacid,
|
||||
user_id: this.$store.state.memberInfo?.id || 'anonymous'
|
||||
});
|
||||
|
||||
if (history.success && history.messages?.length > 0) {
|
||||
// 格式化消息
|
||||
this.messages = history.messages.map(msg => ({
|
||||
id: msg.message_id || Date.now() + Math.random(),
|
||||
role: msg.role === 'user' ? 'user' : 'assistant',
|
||||
content: msg.content || msg.answer || msg.text || '',
|
||||
timestamp: msg.created_at,
|
||||
actions: msg.role !== 'user' ? [
|
||||
{ id: 1, text: '有帮助', type: 'like' },
|
||||
{ id: 2, text: '没帮助', type: 'dislike' }
|
||||
] : []
|
||||
}));
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('加载历史记录失败:', error);
|
||||
// 可选：清除无效ID
|
||||
aiService.clearConversationId();
|
||||
this.clearConversationIdFromLocal();
|
||||
this.currentConversationId = null;
|
||||
}
|
||||
}
|
||||
},
|
||||
// 新增：初始化用户昵称（支持缓存持久化）
|
||||
initUserNicknameData() {
|
||||
// 1. 优先读取本地缓存的昵称
|
||||
@@ -697,7 +757,9 @@ export default {
|
||||
|
||||
// 更新会话ID
|
||||
if (response.conversationId) {
|
||||
this.currentConversationId = response.conversationId
|
||||
this.currentConversationId = response.conversationId;
|
||||
aiService.setConversationId(response.conversationId);
|
||||
this.saveConversationIdToLocal(response.conversationId);
|
||||
}
|
||||
|
||||
const aiMessage = {
|
||||
@@ -734,32 +796,49 @@ export default {
|
||||
this.messages = this.messages.filter(msg => msg.type !== 'loading')
|
||||
this.messages.push(streamMessage)
|
||||
|
||||
// 开始流式响应
|
||||
await aiService.sendStreamMessage(
|
||||
userMessage,
|
||||
// 流式数据回调
|
||||
(chunk) => {
|
||||
streamMessage.content += chunk
|
||||
// 触发内容更新
|
||||
this.$forceUpdate()
|
||||
},
|
||||
// 完成回调
|
||||
(completeContent) => {
|
||||
streamMessage.isStreaming = false
|
||||
streamMessage.content = completeContent
|
||||
|
||||
// 添加操作按钮
|
||||
streamMessage.actions = [
|
||||
{ id: 1, text: '有帮助', type: 'like' },
|
||||
{ id: 2, text: '没帮助', type: 'dislike' }
|
||||
]
|
||||
|
||||
this.$emit('ai-response', streamMessage)
|
||||
}
|
||||
)
|
||||
},
|
||||
|
||||
// 生成AI回复（模拟）
|
||||
// 开始流式响应
|
||||
await aiService.sendStreamMessage(
|
||||
userMessage,
|
||||
// 流式数据回调
|
||||
(chunk) => {
|
||||
streamMessage.content += chunk
|
||||
this.$forceUpdate() // 或 this.$nextTick()
|
||||
},
|
||||
// 完成回调：处理对象或字符串
|
||||
(completeResult) => {
|
||||
let finalContent = '';
|
||||
let convId = '';
|
||||
|
||||
// 判断是对象还是字符串
|
||||
if (typeof completeResult === 'string') {
|
||||
finalContent = completeResult;
|
||||
} else {
|
||||
finalContent = completeResult.content || '';
|
||||
convId = completeResult.conversation_id || ''; // 👈 关键：提取 conversation_id
|
||||
}
|
||||
|
||||
// 更新消息状态
|
||||
streamMessage.isStreaming = false;
|
||||
streamMessage.content = finalContent;
|
||||
|
||||
// 添加操作按钮
|
||||
streamMessage.actions = [
|
||||
{ id: 1, text: '有帮助', type: 'like' },
|
||||
{ id: 2, text: '没帮助', type: 'dislike' }
|
||||
];
|
||||
|
||||
// 保存 conversation_id 到本地
|
||||
if (convId) {
|
||||
aiService.setConversationId(convId);
|
||||
}
|
||||
|
||||
// 触发事件
|
||||
this.$emit('ai-response', streamMessage);
|
||||
this.saveConversationIdToLocal(convId);
|
||||
this.currentConversationId = convId;
|
||||
}
|
||||
);
|
||||
},
|
||||
generateAIResponse(userMessage) {
|
||||
const responses = {
|
||||
'你好': '您好！我是AI智能客服，很高兴为您服务！有什么可以帮助您的吗？',
|
||||
@@ -767,16 +846,15 @@ export default {
|
||||
'发货': '一般情况下，订单会在24小时内发货，具体时效请查看物流信息。',
|
||||
'退货': '支持7天无理由退货，请确保商品完好无损。',
|
||||
'客服': '我们的客服工作时间是9:00-18:00，有问题可以随时联系我们。'
|
||||
}
|
||||
|
||||
};
|
||||
for (let key in responses) {
|
||||
if (userMessage.includes(key)) {
|
||||
return responses[key]
|
||||
return responses[key];
|
||||
}
|
||||
}
|
||||
|
||||
return `感谢您的咨询！关于"${userMessage}"的问题，我们的专业客服会尽快为您解答。您也可以查看我们的帮助文档获取更多信息。`
|
||||
return `感谢您的咨询！关于"${userMessage}"的问题，我们的专业客服会尽快为您解答。您也可以查看我们的帮助文档获取更多信息。`;
|
||||
},
|
||||
|
||||
|
||||
// 解析Markdown
|
||||
parseMarkdown(content) {
|
||||
@@ -838,6 +916,10 @@ export default {
|
||||
|
||||
// 加载更多历史消息
|
||||
async loadMoreHistory() {
|
||||
if (!this.currentConversationId) {
|
||||
this.currentConversationId = this.getConversationIdFromLocal();
|
||||
aiService.setConversationId(this.currentConversationId);
|
||||
}
|
||||
if (!this.showLoadMore || !this.currentConversationId || this.isLoadingHistory) {
|
||||
return
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user