chore:可以看见历史记录了

This commit is contained in:
2025-12-12 16:41:54 +08:00
parent b4aed459c5
commit a06ee95482

View File

@@ -838,57 +838,63 @@ export default {
// 加载更多历史消息
async loadMoreHistory() {
if (!this.showLoadMore || !this.currentConversationId) {
this.hasMoreHistory = false
if (!this.showLoadMore || !this.currentConversationId || this.isLoadingHistory) {
return
}
this.hasMoreHistory = true
this.isLoadingHistory = true
this.loadingText = '加载历史消息中...'
this.hasMoreHistory = true
try {
const res = await aiService.getConversationHistory({
const response = await aiService.getConversationHistory({
conversation_id: this.currentConversationId,
limit: 20,
offset: this.messages.length // 简单分页:已加载多少条,就跳过多少
offset: this.messages.length
})
if (res.success && Array.isArray(res.messages)) {
// 转换后端消息格式 → 前端组件格式
const historyMessages = res.messages.map(msg => ({
id: msg.id, // 直接用后端的字符串 ID比自增数字更可靠
role: msg.role === 'user' ? 'user' : 'ai', // 关键:'assistant' → 'ai'
if (response.success && Array.isArray(response.messages)) {
const historyMessages = response.messages.map(msg => ({
id: msg.id,
role: msg.role === 'user' ? 'user' : 'ai',
type: 'text',
content: msg.content,
timestamp: msg.create_time * 1000 // 秒 → 毫秒
})).reverse() // 后端按时间正序(旧→新),但我们要插到顶部,所以 reverse 成 新→旧?不!
timestamp: msg.create_time * 1000
}))
// ⚠️ 注意getHistory 返回的是从旧到新offset=0 是最早的消息)
// 而 this.messages 是 [旧, ..., 新]
// 所以新加载的历史应该放在现有消息的前面,且保持“旧→新”顺序
// 因此 **不要 reverse**!直接拼接即可(但确保 offset 正确)
// 更安全的做法:按时间排序(可选)
// historyMessages.sort((a, b) => a.timestamp - b.timestamp)
// 插入到顶部(历史在上,最新在下)
if (historyMessages.length > 0) {
this.messages = [...historyMessages, ...this.messages]
// 判断是否还有更多历史
this.hasMoreHistory = res.total > this.messages.length
this.showLoadMore = res.total > this.messages.length
// 👇 注意:这里加了 async
this.$nextTick(async () => {
const query = uni.createSelectorQuery().in(this)
query.select('.chat-messages').boundingClientRect()
query.select('.chat-messages').scrollOffset()
const res = await new Promise((resolve) => {
query.exec(resolve)
})
const currentScrollTop = res[1]?.scrollTop || 0
const avgMessageHeight = 80
const addedHeight = historyMessages.length * avgMessageHeight
this.scrollTop = currentScrollTop - addedHeight
})
}
} else {
this.hasMoreHistory = false
this.showLoadMore = false
}
} catch (error) {
console.error('加载历史失败:', error)
uni.showToast({ title: '加载历史失败', icon: 'none' })
this.hasMoreHistory = false
this.showLoadMore = false
} finally {
this.isLoadingHistory = false
this.hasMoreHistory = false
this.loadingText = '加载更多历史消息'
}
},
// 显示更多工具
showMoreTools() {
this.showToolsPanel = true