diff --git a/components/aiChat/HistoryDrawer.vue b/components/aiChat/HistoryDrawer.vue
index 294c588..75a9c52 100644
--- a/components/aiChat/HistoryDrawer.vue
+++ b/components/aiChat/HistoryDrawer.vue
@@ -50,350 +50,350 @@
 </template>
 
 <script>
-import {
-	getHistory
-} from '../../api/aiChat/ai_index.js';
+	import {
+		getHistory
+	} from '../../api/aiChat/ai_index.js';
 
-export default {
-	name: 'HistoryDrawer',
-	props: {
-		visible: Boolean
-	},
-	data() {
-		return {
-			historyRecords: [],
-			filteredRecords: [],
-			searchKeyword: '', // 移除了重复定义
-			loading: false // 新增loading状态
-		};
-	},
-	watch: {
-		visible(newVal) {
-			if (newVal) this.loadHistoryRecords();
-			else this.clearSearch();
-		}
-	},
-	methods: {
-		closeDrawer() {
-			this.$emit('close');
+	export default {
+		name: 'HistoryDrawer',
+		props: {
+			visible: Boolean
 		},
-
-		async loadHistoryRecords() {
-			this.loading = true;
-			try {
-				// 1. 获取当前用户学号
-				const userNo = uni.getStorageSync('stuNo');
-				if (!userNo) throw new Error('未获取到用户学号');
-
-				// 2. 调用接口获取数据
-				const res = await getHistory({
-					user: userNo,
-					conversationId: '',
-					limit: 20
-				});
-				console.log('接口响应:', res);
-
-				// 3. 处理响应数据 - 修正数据结构解析
-				const list = Array.isArray(res.data?.data) ? res.data.data : [];
-				console.log('解析后的数据列表:', list);
-
-				// 4. 分组处理
-				const groupMap = {};
-				list.forEach(item => {
-					// 修正字段映射
-					const timestamp = item.created_at || item.create_time || item.timestamp || Date.now() /
-						1000;
-					const date = new Date(timestamp * 1000);
-
-					const record = {
-						id: item.id || Math.random().toString(36).slice(2),
-						date: this.formatDate(date),
-						time: this.formatTime(date),
-						content: item.query || item.content || '未知内容',
-						reply: item.answer || item.reply || '暂无回复',
-						timestamp: timestamp
-					};
-
-					const title = this.getGroupTitle(date);
-					(groupMap[title] ||= []).push(record);
-				});
-
-				// 5. 排序并更新数据
-				this.historyRecords = Object.entries(groupMap).map(([title, arr]) => ({
-					title,
-					list: arr.sort((a, b) => b.timestamp - a.timestamp)
-				}));
-
-				this.filteredRecords = [...this.historyRecords];
-				console.log('最终处理的历史记录:', this.historyRecords);
-			} catch (e) {
-				console.error('加载失败:', e);
-				uni.showToast({
-					title: `加载失败: ${e.message}`,
-					icon: 'none',
-					duration: 3000
-				});
-				this.historyRecords = [];
-			} finally {
-				this.loading = false;
+		data() {
+			return {
+				historyRecords: [],
+				filteredRecords: [],
+				searchKeyword: '', // 移除了重复定义
+				loading: false // 新增loading状态
+			};
+		},
+		watch: {
+			visible(newVal) {
+				if (newVal) this.loadHistoryRecords();
+				else this.clearSearch();
 			}
 		},
+		methods: {
+			closeDrawer() {
+				this.$emit('close');
+			},
+
+			async loadHistoryRecords() {
+				this.loading = true;
+				try {
+					// 1. 获取当前用户学号
+					const userNo = uni.getStorageSync('stuNo');
+					if (!userNo) throw new Error('未获取到用户学号');
+
+					// 2. 调用接口获取数据
+					const res = await getHistory({
+						user: userNo,
+						conversationId: '',
+						limit: 20
+					});
+					console.log('接口响应:', res);
+
+					// 3. 处理响应数据 - 修正数据结构解析
+					const list = Array.isArray(res.data?.data) ? res.data.data : [];
+					console.log('解析后的数据列表:', list);
+
+					// 4. 分组处理
+					const groupMap = {};
+					list.forEach(item => {
+						// 修正字段映射
+						const timestamp = item.created_at || item.create_time || item.timestamp || Date.now() /
+							1000;
+						const date = new Date(timestamp * 1000);
+
+						const record = {
+							id: item.id || Math.random().toString(36).slice(2),
+							date: this.formatDate(date),
+							time: this.formatTime(date),
+							content: item.query || item.content || '未知内容',
+							reply: item.answer || item.reply || '暂无回复',
+							timestamp: timestamp
+						};
+
+						const title = this.getGroupTitle(date);
+						(groupMap[title] ||= []).push(record);
+					});
+
+					// 5. 排序并更新数据
+					this.historyRecords = Object.entries(groupMap).map(([title, arr]) => ({
+						title,
+						list: arr.sort((a, b) => b.timestamp - a.timestamp)
+					}));
+
+					this.filteredRecords = [...this.historyRecords];
+					console.log('最终处理的历史记录:', this.historyRecords);
+				} catch (e) {
+					console.error('加载失败:', e);
+					uni.showToast({
+						title: `加载失败: ${e.message}`,
+						icon: 'none',
+						duration: 3000
+					});
+					this.historyRecords = [];
+				} finally {
+					this.loading = false;
+				}
+			},
 
 
-		// 处理搜索输入
-		handleSearch() {
-			const kw = this.searchKeyword.trim().toLowerCase();
-			if (!kw) return (this.filteredRecords = [...this.historyRecords]);
+			// 处理搜索输入
+			handleSearch() {
+				const kw = this.searchKeyword.trim().toLowerCase();
+				if (!kw) return (this.filteredRecords = [...this.historyRecords]);
 
-			// 过滤历史记录
-			this.filteredRecords = this.historyRecords
-				.map(g => ({
-					...g,
-					list: g.list.filter(i =>
-						i.content.toLowerCase().includes(kw) ||
-						i.reply.toLowerCase().includes(kw)
-					)
-				}))
-				.filter(g => g.list.length);
-		},
+				// 过滤历史记录
+				this.filteredRecords = this.historyRecords
+					.map(g => ({
+						...g,
+						list: g.list.filter(i =>
+							i.content.toLowerCase().includes(kw) ||
+							i.reply.toLowerCase().includes(kw)
+						)
+					}))
+					.filter(g => g.list.length);
+			},
 
-		// 清除搜索
-		clearSearch() {
-			this.searchKeyword = '';
-			this.filteredRecords = [...this.historyRecords];
-		},
+			// 清除搜索
+			clearSearch() {
+				this.searchKeyword = '';
+				this.filteredRecords = [...this.historyRecords];
+			},
 
-		// 高亮搜索关键词
-		highlightKeyword(text) {
-			if (!this.searchKeyword || !text) return text;
-			const kw = this.searchKeyword.trim();
-			return text.replace(
-				new RegExp(kw, 'gi'),
-				`<span class="highlight">${kw}</span>`
-			);
-		},
+			// 高亮搜索关键词
+			highlightKeyword(text) {
+				if (!this.searchKeyword || !text) return text;
+				const kw = this.searchKeyword.trim();
+				return text.replace(
+					new RegExp(kw, 'gi'),
+					`<span class="highlight">${kw}</span>`
+				);
+			},
 
-		// 获取分组标题（今天/昨天/7天内等）
-		getGroupTitle(date) {
-			const now = new Date();
-			const today = new Date(now.setHours(0, 0, 0, 0));
-			const yesterday = new Date(today).setDate(today.getDate() - 1);
-			const week = new Date(today).setDate(today.getDate() - 7);
-			const month = new Date(today).setDate(today.getDate() - 30);
+			// 获取分组标题（今天/昨天/7天内等）
+			getGroupTitle(date) {
+				const now = new Date();
+				const today = new Date(now.setHours(0, 0, 0, 0));
+				const yesterday = new Date(today).setDate(today.getDate() - 1);
+				const week = new Date(today).setDate(today.getDate() - 7);
+				const month = new Date(today).setDate(today.getDate() - 30);
 
-			if (date >= today) return '今天';
-			if (date >= yesterday) return '昨天';
-			if (date >= week) return '7天内';
-			if (date >= month) return '30天内';
-			return '更早';
-		},
+				if (date >= today) return '今天';
+				if (date >= yesterday) return '昨天';
+				if (date >= week) return '7天内';
+				if (date >= month) return '30天内';
+				return '更早';
+			},
 
-		// 格式化日期为YYYY-MM-DD
-		formatDate(date) {
-			return `${date.getFullYear()}-${(date.getMonth() + 1).toString().padStart(2, '0')}-${date
+			// 格式化日期为YYYY-MM-DD
+			formatDate(date) {
+				return `${date.getFullYear()}-${(date.getMonth() + 1).toString().padStart(2, '0')}-${date
 				.getDate()
 				.toString()
 				.padStart(2, '0')}`;
-		},
+			},
 
-		// 格式化时间为HH:MM
-		formatTime(date) {
-			return `${date.getHours().toString().padStart(2, '0')}:${date
+			// 格式化时间为HH:MM
+			formatTime(date) {
+				return `${date.getHours().toString().padStart(2, '0')}:${date
 				.getMinutes()
 				.toString()
 				.padStart(2, '0')}`;
-		},
+			},
 
-		// 点击历史记录项
-		onItemClick(item) {
-			// 移除HTML标签后触发事件
-			this.$emit('item-click', {
-				...item,
-				content: item.content.replace(/<[^>]+>/g, ''),
-				reply: item.reply.replace(/<[^>]+>/g, '')
-			});
-			this.closeDrawer();
+			// 点击历史记录项
+			onItemClick(item) {
+				// 移除HTML标签后触发事件
+				this.$emit('item-click', {
+					...item,
+					content: item.content.replace(/<[^>]+>/g, ''),
+					reply: item.reply.replace(/<[^>]+>/g, '')
+				});
+				this.closeDrawer();
+			}
 		}
-	}
-};
+	};
 </script>
 
 <style scoped>
-/* 抽屉容器样式 */
-.drawer-container {
-	position: fixed;
-	top: 0;
-	left: 0;
-	right: 0;
-	bottom: 0;
-	z-index: 999;
-}
+	/* 抽屉容器样式 */
+	.drawer-container {
+		position: fixed;
+		top: 0;
+		left: 0;
+		right: 0;
+		bottom: 0;
+		z-index: 999;
+	}
 
-/* 遮罩层样式 */
-.drawer-mask {
-	position: absolute;
-	top: 0;
-	left: 0;
-	width: 100%;
-	height: 100%;
-	background-color: rgba(0, 0, 0, 0.4);
-}
+	/* 遮罩层样式 */
+	.drawer-mask {
+		position: absolute;
+		top: 0;
+		left: 0;
+		width: 100%;
+		height: 100%;
+		background-color: rgba(0, 0, 0, 0.4);
+	}
 
-/* 抽屉内容区域样式 */
-.drawer-content {
-	position: absolute;
-	top: 0;
-	left: 0;
-	width: 66.67%;
-	height: 100vh;
-	background-color: #fff;
-	box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1);
-	display: flex;
-	flex-direction: column;
-}
+	/* 抽屉内容区域样式 */
+	.drawer-content {
+		position: absolute;
+		top: 0;
+		left: 0;
+		width: 66.67%;
+		height: 100vh;
+		background-color: #fff;
+		box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1);
+		display: flex;
+		flex-direction: column;
+	}
 
-/* 头部样式 */
-.drawer-header {
-	padding: 15px 15px 10px;
-	display: flex;
-	justify-content: space-between;
-	align-items: center;
-	border-bottom: 1px solid #eee;
-	height: 50px;
-	box-sizing: border-box;
-}
+	/* 头部样式 */
+	.drawer-header {
+		padding: 15px 15px 10px;
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		border-bottom: 1px solid #eee;
+		height: 50px;
+		box-sizing: border-box;
+	}
 
-.title {
-	font-size: 18px;
-	font-weight: 600;
-	color: #333;
-}
+	.title {
+		font-size: 18px;
+		font-weight: 600;
+		color: #333;
+	}
 
-.close-icon {
-	width: 24px;
-	height: 24px;
-}
+	.close-icon {
+		width: 24px;
+		height: 24px;
+	}
 
-/* 搜索栏样式 */
-.search-bar {
-	display: flex;
-	align-items: center;
-	padding: 10px 15px;
-	background-color: #f5f5f5;
-	border-bottom: 1px solid #eee;
-}
+	/* 搜索栏样式 */
+	.search-bar {
+		display: flex;
+		align-items: center;
+		padding: 10px 15px;
+		background-color: #f5f5f5;
+		border-bottom: 1px solid #eee;
+	}
 
-.search-icon {
-	width: 18px;
-	height: 18px;
-	margin-right: 8px;
-	tint-color: #999;
-}
+	.search-icon {
+		width: 18px;
+		height: 18px;
+		margin-right: 8px;
+		tint-color: #999;
+	}
 
-.search-input {
-	flex: 1;
-	height: 36px;
-	background-color: #fff;
-	border-radius: 18px;
-	padding: 0 15px;
-	font-size: 14px;
-}
+	.search-input {
+		flex: 1;
+		height: 36px;
+		background-color: #fff;
+		border-radius: 18px;
+		padding: 0 15px;
+		font-size: 14px;
+	}
 
-.clear-icon {
-	width: 16px;
-	height: 16px;
-	margin-left: 8px;
-	tint-color: #999;
-}
+	.clear-icon {
+		width: 16px;
+		height: 16px;
+		margin-left: 8px;
+		tint-color: #999;
+	}
 
-/* 历史列表样式 */
-.history-list {
-	flex: 1;
-	overflow-y: auto;
-	padding: 10px 0;
-	box-sizing: border-box;
-}
+	/* 历史列表样式 */
+	.history-list {
+		flex: 1;
+		overflow-y: auto;
+		padding: 10px 0;
+		box-sizing: border-box;
+	}
 
-/* 分组标题样式 */
-.group-title {
-	font-size: 14px;
-	color: #888;
-	padding: 12px 20px;
-	background-color: #f5f5f5;
-}
+	/* 分组标题样式 */
+	.group-title {
+		font-size: 14px;
+		color: #888;
+		padding: 12px 20px;
+		background-color: #f5f5f5;
+	}
 
-/* 历史记录项样式 */
-.history-item {
-	padding: 15px 20px;
-	background-color: #fff;
-	border-bottom: 1px solid #f0f0f0;
-}
+	/* 历史记录项样式 */
+	.history-item {
+		padding: 15px 20px;
+		background-color: #fff;
+		border-bottom: 1px solid #f0f0f0;
+	}
 
-/* 日期时间样式 */
-.datetime {
-	display: flex;
-	justify-content: space-between;
-	margin-bottom: 8px;
-}
+	/* 日期时间样式 */
+	.datetime {
+		display: flex;
+		justify-content: space-between;
+		margin-bottom: 8px;
+	}
 
-.date {
-	font-size: 13px;
-	color: #666;
-}
+	.date {
+		font-size: 13px;
+		color: #666;
+	}
 
-.time {
-	font-size: 12px;
-	color: #999;
-}
+	.time {
+		font-size: 12px;
+		color: #999;
+	}
 
-/* 消息内容样式 */
-.record {
-	font-size: 14px;
-	line-height: 1.6;
-}
+	/* 消息内容样式 */
+	.record {
+		font-size: 14px;
+		line-height: 1.6;
+	}
 
-.user-msg {
-	display: block;
-	color: #333;
-	margin-bottom: 6px;
-	padding: 6px 10px;
-	background-color: #f9f9f9;
-	border-radius: 6px;
-}
+	.user-msg {
+		display: block;
+		color: #333;
+		margin-bottom: 6px;
+		padding: 6px 10px;
+		background-color: #f9f9f9;
+		border-radius: 6px;
+	}
 
-.ai-msg {
-	display: block;
-	color: #333;
-	padding: 6px 10px;
-	background-color: #eef7ff;
-	border-radius: 6px;
-}
+	.ai-msg {
+		display: block;
+		color: #333;
+		padding: 6px 10px;
+		background-color: #eef7ff;
+		border-radius: 6px;
+	}
 
-/* 关键词高亮样式 */
-.highlight {
-	color: #ff4d4f;
-	font-weight: bold;
-}
+	/* 关键词高亮样式 */
+	.highlight {
+		color: #ff4d4f;
+		font-weight: bold;
+	}
 
-/* 分隔线样式 */
-.divider {
-	height: 8px;
-	background-color: #f9f9f9;
-	margin-top: 10px;
-	border-radius: 4px;
-}
+	/* 分隔线样式 */
+	.divider {
+		height: 8px;
+		background-color: #f9f9f9;
+		margin-top: 10px;
+		border-radius: 4px;
+	}
 
-/* 空状态提示样式 */
-.empty-tip {
-	text-align: center;
-	color: #999;
-	font-size: 16px;
-	margin-top: 50px;
-}
+	/* 空状态提示样式 */
+	.empty-tip {
+		text-align: center;
+		color: #999;
+		font-size: 16px;
+		margin-top: 50px;
+	}
 
-/* 修复输入框占位符样式 */
-input::-webkit-input-placeholder {
-	color: #ccc;
-	font-size: 14px;
-}
+	/* 修复输入框占位符样式 */
+	input::-webkit-input-placeholder {
+		color: #ccc;
+		font-size: 14px;
+	}
 </style>
\ No newline at end of file
diff --git a/config.js b/config.js
index 3e02304..f4eeb69 100644
--- a/config.js
+++ b/config.js
@@ -39,4 +39,4 @@ module.exports = {
 	 * 单点登出url
 	 */
 	caslogoutUrl: 'https://rsso.gxsdxy.cn/logout?service=http://zhxg.gxsdxy.cn/prod_api_test/getinfo',
-}
+}
\ No newline at end of file
diff --git a/pages/aiChat/ai_index.vue b/pages/aiChat/ai_index.vue
index 51c19b0..b269dc1 100644
--- a/pages/aiChat/ai_index.vue
+++ b/pages/aiChat/ai_index.vue
@@ -101,775 +101,792 @@
 </template>
 
 <script>
-/* ========== 依赖 ========== */
-import HistoryDrawer from '@/components/aiChat/HistoryDrawer.vue';
-import {
-	createChatStream
-} from '@/utils/ai_stream.js';
-import {
-	sendFeedback,
-	getHistory
-} from '@/api/aiChat/ai_index.js';
-import MarkdownIt from 'markdown-it';
-import DOMPurify from 'dompurify';
+	/* ========== 依赖 ========== */
+	import HistoryDrawer from '@/components/aiChat/HistoryDrawer.vue';
+	import {
+		createChatStream
+	} from '@/utils/ai_stream.js';
+	import {
+		sendFeedback,
+		getHistory
+	} from '@/api/aiChat/ai_index.js';
+	import MarkdownIt from 'markdown-it';
+	import DOMPurify from 'dompurify';
 
-/* DOMPurify 白名单加固 */
-DOMPurify.addHook('afterSanitizeAttributes', node => {
-	if (node.tagName === 'A') node.setAttribute('rel', 'noopener noreferrer');
-});
+	/* DOMPurify 白名单加固 */
+	DOMPurify.addHook('afterSanitizeAttributes', node => {
+		if (node.tagName === 'A') node.setAttribute('rel', 'noopener noreferrer');
+	});
 
-const md = new MarkdownIt({
-	html: true,
-	linkify: true,
-	typographer: true
-});
+	const md = new MarkdownIt({
+		html: true,
+		linkify: true,
+		typographer: true
+	});
 
-export default {
-	components: {
-		HistoryDrawer
-	},
-	data() {
-		return {
-			showHistoryDrawer: false,
-			inputMessage: '',
-			messages: [],
-			scrollTop: 0,
-			conversation_id: null,
-			showSingleReference: {},
-			currentCancel: null,
-			sending: false,
-			user: uni.getStorageSync('stuNo') || '',
-			userId: uni.getStorageSync('stuId') || '',
-			userName: uni.getStorageSync('stuName') || '',
-			// 分页加载相关字段
-			isLoadingHistory: false,
-			hasMoreHistory: true,
-			earliestMessageId: null,
-			scrollHeight: 0,
-			lastScrollTime: 0,
-			scrollDebounce: 100,
-			lastUserScrollTime: 0, // 添加这个字段用于智能滚动
-		};
-	},
-
-	/* ---------- 生命周期 ---------- */
-	onLoad() {
-		if (!this.user) {
-			this.$toast('请先登录');
-			setTimeout(() => uni.navigateTo({
-				url: '/pages/login/index'
-			}), 1500);
-			return;
-		}
-
-		// 从本地存储获取conversation_id
-		this.conversation_id = uni.getStorageSync('conversation_id') || null;
-
-		// 初始化聊天并确保滚动到底部
-		this.initChat().then(() => {
-			// 多重延迟确保DOM完全渲染
-			this.$nextTick(() => {
-				setTimeout(() => {
-					this.forceScrollToBottom();
-					// 再次确保滚动（处理某些设备的渲染延迟）
-					setTimeout(() => {
-						this.forceScrollToBottom();
-					}, 500);
-				}, 300);
-			});
-		});
-	},
-
-	/**
-	 * 页面显示时触发 - 确保每次进入页面都滚动到底部
-	 */
-	onShow() {
-		// 确保页面显示时滚动到底部
-		this.$nextTick(() => {
-			setTimeout(() => {
-				this.forceScrollToBottom();
-				// 额外延迟处理某些设备的渲染问题
-				setTimeout(() => {
-					this.forceScrollToBottom();
-				}, 200);
-			}, 100);
-		});
-	},
-
-	/* ---------- 方法 ---------- */
-	methods: {
-		/**
-		 * 返回首页
-		 */
-		goHome() {
-			uni.reLaunch({
-				url: '/pages/index/index'
-			});
+	export default {
+		components: {
+			HistoryDrawer
 		},
-
-		/**
-		 * 强制滚动到底部 - 优化版本
-		 */
-		forceScrollToBottom() {
-			this.$nextTick(() => {
-				const query = uni.createSelectorQuery().in(this);
-				query.select('.message-list').boundingClientRect(rect => {
-					if (rect && rect.scrollHeight > rect.height) {
-						// 计算需要滚动的距离
-						const targetScrollTop = rect.scrollHeight - rect.height + 50; // 额外50px确保完全显示
-						this.scrollTop = targetScrollTop;
-
-						// 双重确保滚动生效
-						setTimeout(() => {
-							this.scrollTop = targetScrollTop + 1;
-							setTimeout(() => {
-								this.scrollTop = targetScrollTop;
-							}, 50);
-						}, 100);
-					}
-				}).exec();
-			});
-		},
-
-		forceScrollToTop() {
-			this.$nextTick(() => {
-				// 直接滚动到顶部
-				this.scrollTop = 999;
-
-				// 双重确保滚动生效
-				setTimeout(() => {
-					this.scrollTop = 1;
-					setTimeout(() => {
-						this.scrollTop = 0;
-					}, 50);
-				}, 100);
-			});
-		},
-
-		/**
-		 * 切换历史记录抽屉显示状态
-		 */
-		toggleHistoryDrawer() {
-			this.showHistoryDrawer = !this.showHistoryDrawer;
-		},
-
-		/**
-		 * 渲染Markdown内容
-		 * @param {string} text - 需要渲染的Markdown文本
-		 * @returns {string} 安全的HTML内容
-		 */
-		renderMarkdown(text) {
-			return DOMPurify.sanitize(md.render(text || ''));
-		},
-
-		/**
-		 * 显示提示消息
-		 * @param {string} title - 提示内容
-		 * @param {string} icon - 图标类型
-		 */
-		$toast(title, icon = 'none') {
-			uni.showToast({
-				title,
-				icon
-			});
-		},
-
-		/**
-		 * 历史记录点击处理
-		 * @param {Object} item - 历史记录项
-		 */
-		onHistoryItemClick(item) {
-			// 清理当前消息和分页状态
-			this.messages = [];
-			this.isLoadingHistory = false;
-			this.hasMoreHistory = true;
-			this.earliestMessageId = null;
-
-			// 添加历史对话到消息列表
-			const userMessage = {
-				sender: 'user',
-				avatar: '/static/yonghu.png',
-				content: item.content,
-				image: '',
-				messageId: 'history-user-' + Date.now().toString()
+		data() {
+			return {
+				showHistoryDrawer: false,
+				inputMessage: '',
+				messages: [],
+				scrollTop: 0,
+				conversation_id: null,
+				showSingleReference: {},
+				currentCancel: null,
+				sending: false,
+				user: uni.getStorageSync('stuNo') || '',
+				userId: uni.getStorageSync('stuId') || '',
+				userName: uni.getStorageSync('stuName') || '',
+				// 分页加载相关字段
+				isLoadingHistory: false,
+				hasMoreHistory: true,
+				earliestMessageId: null,
+				scrollHeight: 0,
+				lastScrollTime: 0,
+				scrollDebounce: 100,
+				lastUserScrollTime: 0, // 添加这个字段用于智能滚动
 			};
+		},
 
-			const aiMessage = {
-				sender: 'ai',
-				avatar: '/static/AI.png',
-				content: item.reply,
-				retrieverResources: [],
-				image: '',
-				messageId: 'history-ai-' + Date.now().toString()
-			};
-
-			this.messages = [userMessage, aiMessage];
-			this.earliestMessageId = userMessage.messageId;
-
-			// 设置对话ID（如果有的话）
-			if (item.conversationId) {
-				this.conversation_id = item.conversationId;
-				uni.setStorageSync('conversation_id', this.conversation_id);
+		/* ---------- 生命周期 ---------- */
+		onLoad() {
+			if (!this.user) {
+				this.$toast('请先登录');
+				setTimeout(() => uni.navigateTo({
+					url: '/pages/login/index'
+				}), 1500);
+				return;
 			}
 
-			// 确保滚动到底部
-			this.$nextTick(() => {
-				setTimeout(() => {
-					this.scrollToBottom();
-				}, 300);
-			});
+			this.conversation_id = uni.getStorageSync('conversation_id') || null;
 
-			this.saveMessagesToLocal(); // 保存到本地
-			this.$toast('已加载历史对话', 'success');
+			// 先初始化消息，再滚动到底部
+			this.initChat().then(() => {
+				// 使用三重确保策略处理不同设备的渲染差异
+				const scrollWithRetry = (attempt = 0) => {
+					this.$nextTick(() => {
+						setTimeout(() => {
+							this.forceScrollToBottom();
+
+							// 第二次尝试（处理iOS等需要额外触发的设备）
+							setTimeout(() => {
+								this.forceScrollToBottom(30); // 使用稍小的偏移量
+
+								// 第三次确保（针对动态内容加载的情况）
+								if (attempt < 2) {
+									setTimeout(() => {
+										const query = uni.createSelectorQuery()
+											.in(this);
+										query.select('.message-list')
+											.boundingClientRect(rect => {
+												if (rect && Math.abs(rect
+														.scrollHeight -
+														rect.height - this
+														.scrollTop) > 50) {
+													scrollWithRetry(
+														attempt + 1
+													); // 递归调用直到成功
+												}
+											}).exec();
+									}, attempt === 0 ? 500 : 800);
+								}
+							}, 200);
+						}, 100);
+					});
+				};
+
+				// 初始触发
+				scrollWithRetry();
+			}).catch(e => {
+				console.error('初始化失败:', e);
+				// 失败时仍尝试滚动
+				this.$nextTick(() => {
+					setTimeout(() => this.forceScrollToBottom(), 300);
+				});
+			});
 		},
 
-		/**
-		 * 初始化聊天 - 从接口获取历史记录
-		 */
-		async initChat() {
-			if (!this.user) return this.initConversation();
+		/* ---------- 方法 ---------- */
+		methods: {
+			/**
+			 * 返回首页
+			 */
+			goHome() {
+				uni.reLaunch({
+					url: '/pages/index/index'
+				});
+			},
 
-			// 重置状态
-			this.isLoadingHistory = false;
-			this.hasMoreHistory = true;
-			this.earliestMessageId = null;
-			this.messages = [];
+			/**
+			 * 强制滚动到底部
+			 * @param {number} offset - 额外的偏移量，默认为50
+			 */
+			forceScrollToBottom(offset = 50) {
+				this.$nextTick(() => {
+					try {
+						const query = uni.createSelectorQuery().in(this);
+						query.select('.message-list').boundingClientRect(rect => {
+							if (rect) {
+								const targetScrollTop = rect.scrollHeight - rect.height - offset;
+								this.scrollTop = targetScrollTop;
 
-			try {
-				const res = await getHistory({
-					user: this.user,
-					conversationId: this.conversation_id || '',
-					limit: 20
+								// 双重确保滚动生效
+								setTimeout(() => {
+									this.scrollTop = targetScrollTop + 1;
+									setTimeout(() => {
+										this.scrollTop = targetScrollTop;
+									}, 50);
+								}, 100);
+							}
+						}).exec();
+					} catch (error) {
+						console.error('滚动到底部失败:', error);
+					}
+				});
+			},
+
+			// forceScrollToTop() {
+			// 	this.$nextTick(() => {
+			// 		this.scrollTop = 0;
+
+			// 		// 双重确保滚动生效
+			// 		setTimeout(() => {
+			// 			this.scrollTop = 1;
+			// 			setTimeout(() => {
+			// 				this.scrollTop = 0;
+			// 			}, 50);
+			// 		}, 100);
+			// 	});
+			// },
+
+			/**
+			 * 切换历史记录抽屉显示状态
+			 */
+			toggleHistoryDrawer() {
+				this.showHistoryDrawer = !this.showHistoryDrawer;
+			},
+
+			/**
+			 * 渲染Markdown内容
+			 * @param {string} text - 需要渲染的Markdown文本
+			 * @returns {string} 安全的HTML内容
+			 */
+			renderMarkdown(text) {
+				return DOMPurify.sanitize(md.render(text || ''));
+			},
+
+			/**
+			 * 显示提示消息
+			 * @param {string} title - 提示内容
+			 * @param {string} icon - 图标类型
+			 */
+			$toast(title, icon = 'none') {
+				uni.showToast({
+					title,
+					icon
+				});
+			},
+
+			/**
+			 * 历史记录点击处理
+			 * @param {Object} item - 历史记录项
+			 */
+			onHistoryItemClick(item) {
+				// 清理当前消息和分页状态
+				this.messages = [];
+				this.isLoadingHistory = false;
+				this.hasMoreHistory = true;
+				this.earliestMessageId = null;
+
+				// 添加历史对话到消息列表
+				const userMessage = {
+					sender: 'user',
+					avatar: '/static/yonghu.png',
+					content: item.content,
+					image: '',
+					messageId: 'history-user-' + Date.now().toString()
+				};
+
+				const aiMessage = {
+					sender: 'ai',
+					avatar: '/static/AI.png',
+					content: item.reply,
+					retrieverResources: [],
+					image: '',
+					messageId: 'history-ai-' + Date.now().toString()
+				};
+
+				this.messages = [userMessage, aiMessage];
+				this.earliestMessageId = userMessage.messageId;
+
+				// 设置对话ID（如果有的话）
+				if (item.conversationId) {
+					this.conversation_id = item.conversationId;
+					uni.setStorageSync('conversation_id', this.conversation_id);
+				}
+
+				// 确保滚动到底部
+				this.$nextTick(() => {
+					setTimeout(() => {
+						this.scrollToBottom();
+					}, 300);
 				});
 
-				console.log('API响应数据:', res); // 调试日志
+				this.saveMessagesToLocal(); // 保存到本地
+				this.$toast('已加载历史对话', 'success');
+			},
 
-				if (res.code === 200 && res.data && Array.isArray(res.data.data)) {
-					// 新消息数组
-					const newMessages = [];
+			/**
+			 * 初始化聊天 - 从接口获取历史记录
+			 */
+			async initChat() {
+				if (!this.user) return this.initConversation();
 
-					// 处理每条消息
-					res.data.data.forEach(msg => {
-						console.log('处理单条消息:', msg); // 调试日志
+				// 重置状态
+				this.isLoadingHistory = false;
+				this.hasMoreHistory = true;
+				this.earliestMessageId = null;
+				this.messages = [];
 
-						// 用户消息
-						if (msg.query) {
-							newMessages.push({
-								sender: 'user',
-								avatar: '/static/yonghu.png',
-								content: msg.query,
+				try {
+					const res = await getHistory({
+						user: this.user,
+						conversationId: this.conversation_id || '',
+						limit: 20
+					});
+
+					console.log('API响应数据:', res); // 调试日志
+
+					if (res.code === 200 && res.data && Array.isArray(res.data.data)) {
+						// 新消息数组
+						const newMessages = [];
+
+						// 处理每条消息
+						res.data.data.forEach(msg => {
+							console.log('处理单条消息:', msg); // 调试日志
+
+							// 用户消息
+							if (msg.query) {
+								newMessages.push({
+									sender: 'user',
+									avatar: '/static/yonghu.png',
+									content: msg.query,
+									image: '',
+									messageId: msg.id,
+									conversationId: msg.conversation_id
+								});
+							}
+
+							// AI消息
+							if (msg.answer) {
+								newMessages.push({
+									sender: 'ai',
+									avatar: '/static/AI.png',
+									content: msg.answer,
+									retrieverResources: msg.retriever_resources || [],
+									image: '',
+									messageId: 'ai-' + msg.id,
+									conversationId: msg.conversation_id
+								});
+							}
+						});
+
+						// 按创建时间排序
+						newMessages.sort((a, b) => {
+							return new Date(a.created_at) - new Date(b.created_at);
+						});
+
+						this.messages = newMessages;
+
+						if (newMessages.length > 0) {
+							this.conversation_id = newMessages[0].conversationId;
+							uni.setStorageSync('conversation_id', this.conversation_id);
+							this.earliestMessageId = newMessages[0].messageId;
+						}
+
+						this.hasMoreHistory = res.data.has_more || false;
+						this.scrollToBottom();
+					} else {
+						this.messages = this.getWelcomeMessage();
+						this.hasMoreHistory = false;
+					}
+				} catch (e) {
+					console.error('初始化聊天失败:', e);
+					this.$toast('加载历史记录失败');
+					this.initConversation();
+				}
+
+				// 确保初始化完成后滚动到底部
+				this.$nextTick(() => {
+					setTimeout(() => {
+						this.forceScrollToBottom();
+					}, 200);
+				});
+			},
+
+			/**
+			 * 加载更多历史记录 - 基于ID分页
+			 */
+			async loadMoreHistory() {
+				if (this.isLoadingHistory || !this.hasMoreHistory || !this.conversation_id || !this
+					.earliestMessageId) {
+					return;
+				}
+
+				this.isLoadingHistory = true;
+
+				try {
+					// 记录当前滚动位置和高度
+					const currentScrollTop = this.scrollTop;
+					const query = uni.createSelectorQuery().in(this);
+					const currentScrollHeight = await new Promise(resolve => {
+						query.select('.message-list').boundingClientRect(rect => {
+							resolve(rect.height);
+						}).exec();
+					});
+
+					// 使用当前最早的消息ID作为分页参数
+					const beforeId = this.earliestMessageId;
+
+					const res = await getHistory({
+						user: this.user,
+						conversationId: this.conversation_id,
+						limit: 10,
+						beforeId: beforeId // 获取指定ID之前的记录
+					});
+
+
+
+					// 修正数据结构解析：使用res.data.data而不是res.data
+					if (res.code === 200 && res.data && Array.isArray(res.data.data) && res.data.data.length > 0) {
+
+						// 处理新获取的消息
+						// 在数据解析后添加调试日志
+						const newMessages = res.data.data.map(msg => {
+							// 根据控制台数据结构分析，修正字段映射
+							let sender, content;
+
+							if (msg.inputs?.user_name) {
+								// 用户消息
+								sender = 'user';
+								content = msg.query || msg.content || '';
+							} else {
+								// AI消息 - 根据实际数据结构调整字段映射
+								sender = 'ai';
+								content = msg.answer || msg.content || msg.reply || '';
+							}
+
+							const message = {
+								sender: sender,
+								avatar: sender === 'user' ? '/static/yonghu.png' : '/static/AI.png',
+								content: content,
+								retrieverResources: msg.retriever_resources || [],
 								image: '',
 								messageId: msg.id,
 								conversationId: msg.conversation_id
-							});
-						}
+							};
 
-						// AI消息
-						if (msg.answer) {
-							newMessages.push({
-								sender: 'ai',
-								avatar: '/static/AI.png',
-								content: msg.answer,
-								retrieverResources: msg.retriever_resources || [],
-								image: '',
-								messageId: 'ai-' + msg.id,
-								conversationId: msg.conversation_id
-							});
-						}
-					});
+							return message;
+						});
 
-					// 按创建时间排序
-					newMessages.sort((a, b) => {
-						return new Date(a.created_at) - new Date(b.created_at);
-					});
+						// 按ID排序
+						newMessages.sort((a, b) => {
+							const aId = parseInt(a.messageId) || 0;
+							const bId = parseInt(b.messageId) || 0;
+							return aId - bId;
+						});
 
-					this.messages = newMessages;
+						// 插入到现有消息的前面
+						this.insertMessagesAtFront(newMessages);
 
-					if (newMessages.length > 0) {
-						this.conversation_id = newMessages[0].conversationId;
-						uni.setStorageSync('conversation_id', this.conversation_id);
-						this.earliestMessageId = newMessages[0].messageId;
+						// 使用has_more字段判断是否还有更多数据
+						this.hasMoreHistory = res.data.has_more || false;
+
+						// 保持滚动位置，避免跳变
+						this.$nextTick(() => {
+							query.select('.message-list').boundingClientRect(rect => {
+								if (rect) {
+									const heightDiff = rect.height - currentScrollHeight;
+									this.scrollTop = currentScrollTop + heightDiff;
+								}
+							}).exec();
+						});
+					} else {
+						this.hasMoreHistory = false;
 					}
-
-					this.hasMoreHistory = res.data.has_more || false;
-					this.scrollToBottom();
-				} else {
-					this.messages = this.getWelcomeMessage();
-					this.hasMoreHistory = false;
+				} catch (error) {
+					console.error('加载历史记录失败:', error);
+					this.$toast('加载历史记录失败');
+				} finally {
+					this.isLoadingHistory = false;
 				}
-			} catch (e) {
-				console.error('初始化聊天失败:', e);
-				this.$toast('加载历史记录失败');
-				this.initConversation();
-			}
 
-			// 确保初始化完成后滚动到底部
-			this.$nextTick(() => {
-				setTimeout(() => {
-					this.forceScrollToBottom();
-				}, 200);
-			});
-		},
+				return Promise.resolve();
+			},
 
-		/**
-		 * 加载更多历史记录 - 基于ID分页
-		 */
-		async loadMoreHistory() {
-			if (this.isLoadingHistory || !this.hasMoreHistory || !this.conversation_id || !this
-				.earliestMessageId) {
-				return;
-			}
+			/**
+			 * 按ID顺序插入新消息到前面
+			 * @param {Array} newMessages - 新消息数组
+			 */
+			insertMessagesAtFront(newMessages) {
+				if (!newMessages || newMessages.length === 0) return;
 
-			this.isLoadingHistory = true;
+				// 确保新消息有正确的messageId
+				const processedMessages = newMessages.map(msg => ({
+					...msg,
+					messageId: msg.messageId || msg.id || 'history-' + Date.now() + '-' + Math.random()
+				}));
 
-			try {
-				// 记录当前滚动位置和高度
-				const currentScrollTop = this.scrollTop;
-				const query = uni.createSelectorQuery().in(this);
-				const currentScrollHeight = await new Promise(resolve => {
-					query.select('.message-list').boundingClientRect(rect => {
-						resolve(rect.height);
-					}).exec();
+				// 按ID排序，确保正确的时间顺序
+				processedMessages.sort((a, b) => {
+					const aId = parseInt(a.messageId.replace(/\D/g, '')) || 0;
+					const bId = parseInt(b.messageId.replace(/\D/g, '')) || 0;
+					return aId - bId;
 				});
 
-				// 使用当前最早的消息ID作为分页参数
-				const beforeId = this.earliestMessageId;
+				// 插入到消息列表前面
+				this.messages = [...processedMessages, ...this.messages];
 
-				const res = await getHistory({
-					user: this.user,
-					conversationId: this.conversation_id,
-					limit: 10,
-					beforeId: beforeId // 获取指定ID之前的记录
-				});
-
-
-
-				// 修正数据结构解析：使用res.data.data而不是res.data
-				if (res.code === 200 && res.data && Array.isArray(res.data.data) && res.data.data.length > 0) {
-
-					// 处理新获取的消息
-					// 在数据解析后添加调试日志
-					const newMessages = res.data.data.map(msg => {
-						// 根据控制台数据结构分析，修正字段映射
-						let sender, content;
-
-						if (msg.inputs?.user_name) {
-							// 用户消息
-							sender = 'user';
-							content = msg.query || msg.content || '';
-						} else {
-							// AI消息 - 根据实际数据结构调整字段映射
-							sender = 'ai';
-							content = msg.answer || msg.content || msg.reply || '';
-						}
-
-						const message = {
-							sender: sender,
-							avatar: sender === 'user' ? '/static/yonghu.png' : '/static/AI.png',
-							content: content,
-							retrieverResources: msg.retriever_resources || [],
-							image: '',
-							messageId: msg.id,
-							conversationId: msg.conversation_id
-						};
-
-						return message;
-					});
-
-					// 按ID排序
-					newMessages.sort((a, b) => {
-						const aId = parseInt(a.messageId) || 0;
-						const bId = parseInt(b.messageId) || 0;
-						return aId - bId;
-					});
-
-					// 插入到现有消息的前面
-					this.insertMessagesAtFront(newMessages);
-
-					// 使用has_more字段判断是否还有更多数据
-					this.hasMoreHistory = res.data.has_more || false;
-
-					// 保持滚动位置，避免跳变
-					this.$nextTick(() => {
-						query.select('.message-list').boundingClientRect(rect => {
-							if (rect) {
-								const heightDiff = rect.height - currentScrollHeight;
-								this.scrollTop = currentScrollTop + heightDiff;
-							}
-						}).exec();
-					});
-				} else {
-					this.hasMoreHistory = false;
-				}
-			} catch (error) {
-				console.error('加载历史记录失败:', error);
-				this.$toast('加载历史记录失败');
-			} finally {
-				this.isLoadingHistory = false;
-			}
-
-			return Promise.resolve();
-		},
-
-		/**
-		 * 按ID顺序插入新消息到前面
-		 * @param {Array} newMessages - 新消息数组
-		 */
-		insertMessagesAtFront(newMessages) {
-			if (!newMessages || newMessages.length === 0) return;
-
-			// 确保新消息有正确的messageId
-			const processedMessages = newMessages.map(msg => ({
-				...msg,
-				messageId: msg.messageId || msg.id || 'history-' + Date.now() + '-' + Math.random()
-			}));
-
-			// 按ID排序，确保正确的时间顺序
-			processedMessages.sort((a, b) => {
-				const aId = parseInt(a.messageId.replace(/\D/g, '')) || 0;
-				const bId = parseInt(b.messageId.replace(/\D/g, '')) || 0;
-				return aId - bId;
-			});
-
-			// 插入到消息列表前面
-			this.messages = [...processedMessages, ...this.messages];
-
-			// 更新最早消息ID
-			if (processedMessages.length > 0) {
-				this.earliestMessageId = processedMessages[0].messageId;
-			}
-
-			// 保存到本地存储
-			this.saveMessagesToLocal();
-		},
-
-		/**
-		 * 初始化新对话
-		 */
-		initConversation() {
-			this.conversation_id = null;
-			this.messages = this.getWelcomeMessage();
-			this.hasMoreHistory = false; // 新对话没有历史记录
-			this.saveMessagesToLocal();
-		},
-
-		/**
-		 * 保存消息到本地存储
-		 */
-		saveMessagesToLocal() {
-			if (!this.user) return;
-
-			const storageKey = `chatMessages_${this.user}_${this.conversation_id || 'default'}`;
-
-			// 限制本地存储的消息数量，避免占用过多空间
-			const maxMessages = 100;
-			const messagesToSave = this.messages.length > maxMessages ?
-				this.messages.slice(0, maxMessages) :
-				this.messages;
-
-			uni.setStorageSync(storageKey, messagesToSave);
-		},
-
-		/**
-		 * 欢迎消息
-		 * @returns {Array} 欢迎消息数组
-		 */
-		getWelcomeMessage() {
-			return [{
-				sender: 'ai',
-				avatar: '/static/AI.png',
-				content: '你好！我是您的 AI 小助手，有什么可以帮您？😊',
-				retrieverResources: [],
-				image: '',
-				messageId: 'welcome-' + Date.now().toString()
-			}];
-		},
-
-		/**
-		 * 基于SSE的发送消息实现
-		 */
-		async sendMessage() {
-			const msg = this.inputMessage.trim();
-			if (!msg || this.sending) return;
-			this.sending = true;
-
-			// 添加用户消息
-			this.messages.push({
-				sender: 'user',
-				avatar: '/static/yonghu.png',
-				content: msg,
-				image: '',
-				messageId: Date.now().toString()
-			});
-			this.inputMessage = '';
-			this.saveMessagesToLocal(); // 保存用户消息
-
-			// 添加AI消息占位
-			const aiIdx = this.messages.push({
-				sender: 'ai',
-				avatar: '/static/AI.png',
-				content: '<span class="loading-text">正在思考...</span>',
-				retrieverResources: [],
-				image: '',
-				messageId: 'pending-' + Date.now().toString()
-			}) - 1;
-			this.$set(this.showSingleReference, aiIdx, {});
-			this.scrollToBottom();
-
-			// 取消之前的请求
-			if (this.currentCancel) {
-				this.currentCancel('新消息发送，终止旧连接');
-			}
-
-			try {
-				const {
-					stream,
-					cancel
-				} = createChatStream({
-					conversationId: this.conversation_id,
-					prompt: msg,
-					user: this.user,
-					userId: this.userId,
-					userName: this.userName
-				});
-
-				this.currentCancel = cancel;
-				const {
-					reader,
-					decoder
-				} = await stream;
-
-				let buffer = '';
-				// 流式处理响应
-				while (true) {
-					const {
-						done,
-						value
-					} = await reader.read();
-					if (done) break;
-					buffer += decoder.decode(value, {
-						stream: true
-					});
-					const lines = buffer.split('\n');
-					buffer = lines.pop() || '';
-
-					for (const line of lines) {
-						if (!line.trim()) continue;
-						try {
-							let jsonStr = line.replace(/^data:/, '').trim();
-							const data = JSON.parse(jsonStr);
-
-							// 更新消息内容
-							if (data.event === 'message' && data.answer) {
-								const currentContent = this.messages[aiIdx].content;
-								const newContent = (currentContent.includes('loading-text') ? '' :
-									currentContent) + data.answer;
-								this.$set(this.messages[aiIdx], 'content', newContent);
-
-								// 每次更新内容后立即滚动到底部
-								this.scrollToBottom(true); // 传入true表示是流式响应中的滚动
-								this.saveMessagesToLocal();
-							}
-
-							// 处理结束消息
-							if (data.event === 'message_end') {
-								if (data.conversation_id) {
-									this.conversation_id = data.conversation_id;
-									uni.setStorageSync('conversation_id', this.conversation_id);
-								}
-								if (data.metadata?.retriever_resources) {
-									this.$set(this.messages[aiIdx], 'retrieverResources', data.metadata
-										.retriever_resources);
-								}
-								if (data.message_id) {
-									this.$set(this.messages[aiIdx], 'messageId', data.message_id);
-								}
-
-								// 最终完成后再次确保滚动到底部
-								this.forceScrollToTop();
-							}
-						} catch (e) {
-							console.warn('JSON解析失败:', line, e);
-						}
-					}
-				}
-			} catch (e) {
-				console.error('流式请求失败:', e);
-				this.$set(this.messages[aiIdx], 'content', 'AI回复失败: ' + (e.message || '网络错误'));
-			} finally {
-				this.sending = false;
-				this.currentCancel = null;
-
-				// 确保AI消息有有效的messageId
-				if (this.messages[aiIdx].messageId.startsWith('pending-')) {
-					this.$set(this.messages[aiIdx], 'messageId', 'ai-' + Date.now().toString());
+				// 更新最早消息ID
+				if (processedMessages.length > 0) {
+					this.earliestMessageId = processedMessages[0].messageId;
 				}
 
-				// 保存消息到本地存储
+				// 保存到本地存储
 				this.saveMessagesToLocal();
-			}
-		},
+			},
 
-		/**
-		 * 滚动到底部
-		 * @param {boolean} isStreaming - 是否是流式响应中的滚动
-		 */
-		// 修改原有scrollToBottom方法
-		scrollToBottom(isStreaming = false) {
-			const now = Date.now();
-			if (now - this.lastScrollTime < this.scrollDebounce && isStreaming) {
-				return;
-			}
-			this.lastScrollTime = now;
+			/**
+			 * 初始化新对话
+			 */
+			initConversation() {
+				this.conversation_id = null;
+				this.messages = this.getWelcomeMessage();
+				this.hasMoreHistory = false; // 新对话没有历史记录
+				this.saveMessagesToLocal();
+			},
 
-			this.$nextTick(() => {
-				setTimeout(() => {
-					const query = uni.createSelectorQuery().in(this);
-					query.select('.message-list').boundingClientRect(rect => {
-						if (rect) {
-							// 确保滚动到最底部
-							this.scrollTop = rect.scrollHeight;
-						}
-					}).exec();
-				}, isStreaming ? 50 : 100);
-			});
-		},
+			/**
+			 * 保存消息到本地存储
+			 */
+			saveMessagesToLocal() {
+				if (!this.user) return;
 
-		/**
-		 * 切换单个引用的显示状态
-		 * @param {number} msgIdx - 消息索引
-		 * @param {number} refIdx - 引用索引
-		 */
-		toggleSingleReference(msgIdx, refIdx) {
-			if (!this.showSingleReference[msgIdx]) this.$set(this.showSingleReference, msgIdx, {});
-			const cur = this.showSingleReference[msgIdx][refIdx];
-			this.$set(this.showSingleReference[msgIdx], refIdx, !cur);
-		},
+				const storageKey = `chatMessages_${this.user}_${this.conversation_id || 'default'}`;
 
-		/**
-		 * 点赞处理
-		 * @param {string} id - 消息ID
-		 */
-		handleThumbUpClick(id) {
-			if (!id) {
-				this.$toast('消息ID不存在', 'error');
-				return;
-			}
+				// 限制本地存储的消息数量，避免占用过多空间
+				const maxMessages = 100;
+				const messagesToSave = this.messages.length > maxMessages ?
+					this.messages.slice(0, maxMessages) :
+					this.messages;
 
-			sendFeedback({
-				messageId: id,
-				action: 1,
-				user: this.user
-			}).then(res => {
-				if (res.code === 200) {
-					this.$toast('点赞成功', 'success');
-				} else {
-					this.$toast(res.msg || '点赞失败', 'error');
+				uni.setStorageSync(storageKey, messagesToSave);
+			},
+
+			/**
+			 * 欢迎消息
+			 * @returns {Array} 欢迎消息数组
+			 */
+			getWelcomeMessage() {
+				return [{
+					sender: 'ai',
+					avatar: '/static/AI.png',
+					content: '你好！我是您的 AI 小助手，有什么可以帮您？😊',
+					retrieverResources: [],
+					image: '',
+					messageId: 'welcome-' + Date.now().toString()
+				}];
+			},
+
+			/**
+			 * 基于SSE的发送消息实现
+			 */
+			async sendMessage() {
+				const msg = this.inputMessage.trim();
+				if (!msg || this.sending) return;
+				this.sending = true;
+
+				// 添加用户消息
+				this.messages.push({
+					sender: 'user',
+					avatar: '/static/yonghu.png',
+					content: msg,
+					image: '',
+					messageId: Date.now().toString()
+				});
+				this.inputMessage = '';
+				this.saveMessagesToLocal(); // 保存用户消息
+
+				// 添加AI消息占位
+				const aiIdx = this.messages.push({
+					sender: 'ai',
+					avatar: '/static/AI.png',
+					content: '<span class="loading-text">正在思考...</span>',
+					retrieverResources: [],
+					image: '',
+					messageId: 'pending-' + Date.now().toString()
+				}) - 1;
+				this.$set(this.showSingleReference, aiIdx, {});
+				this.scrollToBottom();
+
+				// 取消之前的请求
+				if (this.currentCancel) {
+					this.currentCancel('新消息发送，终止旧连接');
 				}
-			}).catch(err => {
-				console.error('点赞失败:', err);
-				this.$toast('点赞失败', 'error');
-			});
-		},
 
-		/**
-		 * 点踩处理
-		 * @param {string} id - 消息ID
-		 */
-		handleThumbDownClick(id) {
-			if (!id) {
-				this.$toast('消息ID不存在', 'error');
-				return;
-			}
+				try {
+					const {
+						stream,
+						cancel
+					} = createChatStream({
+						conversationId: this.conversation_id,
+						prompt: msg,
+						user: this.user,
+						userId: this.userId,
+						userName: this.userName
+					});
 
-			sendFeedback({
-				messageId: id,
-				action: 0,
-				user: this.user
-			}).then(res => {
-				if (res.code === 200) {
-					this.$toast('已反馈', 'success');
-				} else {
-					this.$toast(res.msg || '反馈失败', 'error');
-				}
-			}).catch(err => {
-				console.error('反馈失败:', err);
-				this.$toast('反馈失败', 'error');
-			});
-		},
+					this.currentCancel = cancel;
+					const {
+						reader,
+						decoder
+					} = await stream;
 
-		/**
-		 * 滚动事件监听
-		 * @param {Object} e - 事件对象
-		 */
-		onScroll(e) {
-			this.scrollHeight = e.detail.scrollHeight;
-			this.lastUserScrollTime = Date.now();
-		},
+					let buffer = '';
+					// 流式处理响应
+					while (true) {
+						const {
+							done,
+							value
+						} = await reader.read();
+						if (done) break;
+						buffer += decoder.decode(value, {
+							stream: true
+						});
+						const lines = buffer.split('\n');
+						buffer = lines.pop() || '';
 
-		/**
-		 * 智能滚动到顶部
-		 * 如果用户在3秒内没有滚动，则自动滚动到顶部
-		 */
-		smartScrollToTop() {
-			// 如果用户在3秒内没有滚动，则自动滚动到顶部
-			if (Date.now() - this.lastUserScrollTime > 3000) {
-				this.forceScrollToTop();
-			}
-		},
-
-		/**
-		 * 选择图片并上传
-		 */
-		selectImage() {
-			uni.chooseImage({
-				count: 1,
-				sizeType: ['compressed'],
-				sourceType: ['album', 'camera'],
-				success: res => {
-					const temp = res.tempFilePaths[0];
-					uni.uploadFile({
-						url: '/aitutor/aichat/files/upload',
-						filePath: temp,
-						name: 'file',
-						formData: {
-							user: this.user,
-							userId: this.userId,
-							userName: this.userName
-						},
-						success: ({
-							data
-						}) => {
+						for (const line of lines) {
+							if (!line.trim()) continue;
 							try {
-								const {
-									url
-								} = JSON.parse(data);
-								if (url) {
-									this.messages.push({
-										sender: 'user',
-										avatar: '/static/yonghu.png',
-										content: '',
-										image: url,
-										messageId: Date.now().toString()
-									});
-									this.scrollToBottom();
-									this.saveMessagesToLocal(); // 保存图片消息
+								let jsonStr = line.replace(/^data:/, '').trim();
+								const data = JSON.parse(jsonStr);
+
+								// 更新消息内容
+								if (data.event === 'message' && data.answer) {
+									const currentContent = this.messages[aiIdx].content;
+									const newContent = (currentContent.includes('loading-text') ? '' :
+										currentContent) + data.answer;
+									this.$set(this.messages[aiIdx], 'content', newContent);
+
+									// 每次更新内容后立即滚动到底部
+									this.scrollToBottom(true); // 传入true表示是流式响应中的滚动
+									this.saveMessagesToLocal();
+								}
+
+								// 处理结束消息
+								if (data.event === 'message_end') {
+									if (data.conversation_id) {
+										this.conversation_id = data.conversation_id;
+										uni.setStorageSync('conversation_id', this.conversation_id);
+									}
+									if (data.metadata?.retriever_resources) {
+										this.$set(this.messages[aiIdx], 'retrieverResources', data.metadata
+											.retriever_resources);
+									}
+									if (data.message_id) {
+										this.$set(this.messages[aiIdx], 'messageId', data.message_id);
+									}
+
+									// 最终完成后再次确保滚动到底部
+									this.forceScrollToTop();
 								}
 							} catch (e) {
-								this.$toast('上传解析失败');
+								console.warn('JSON解析失败:', line, e);
 							}
-						},
-						fail: () => this.$toast('上传失败')
-					});
-				},
-				fail: () => this.$toast('选择图片失败')
-			});
+						}
+					}
+				} catch (e) {
+					console.error('流式请求失败:', e);
+					this.$set(this.messages[aiIdx], 'content', 'AI回复失败: ' + (e.message || '网络错误'));
+				} finally {
+					this.sending = false;
+					this.currentCancel = null;
+
+					// 确保AI消息有有效的messageId
+					if (this.messages[aiIdx].messageId.startsWith('pending-')) {
+						this.$set(this.messages[aiIdx], 'messageId', 'ai-' + Date.now().toString());
+					}
+
+					// 保存消息到本地存储
+					this.saveMessagesToLocal();
+				}
+			},
+
+			/**
+			 * 滚动到底部
+			 * @param {boolean} isStreaming - 是否是流式响应中的滚动
+			 */
+			// 修改原有scrollToBottom方法
+			scrollToBottom(isStreaming = false) {
+				const now = Date.now();
+				if (now - this.lastScrollTime < this.scrollDebounce && isStreaming) {
+					return;
+				}
+				this.lastScrollTime = now;
+
+				this.$nextTick(() => {
+					setTimeout(() => {
+						const query = uni.createSelectorQuery().in(this);
+						query.select('.message-list').boundingClientRect(rect => {
+							if (rect) {
+								// 确保滚动到最底部
+								this.scrollTop = rect.scrollHeight;
+							}
+						}).exec();
+					}, isStreaming ? 50 : 100);
+				});
+			},
+
+			/**
+			 * 切换单个引用的显示状态
+			 * @param {number} msgIdx - 消息索引
+			 * @param {number} refIdx - 引用索引
+			 */
+			toggleSingleReference(msgIdx, refIdx) {
+				if (!this.showSingleReference[msgIdx]) this.$set(this.showSingleReference, msgIdx, {});
+				const cur = this.showSingleReference[msgIdx][refIdx];
+				this.$set(this.showSingleReference[msgIdx], refIdx, !cur);
+			},
+
+			/**
+			 * 点赞处理
+			 * @param {string} id - 消息ID
+			 */
+			handleThumbUpClick(id) {
+				if (!id) {
+					this.$toast('消息ID不存在', 'error');
+					return;
+				}
+
+				sendFeedback({
+					messageId: id,
+					action: 1,
+					user: this.user
+				}).then(res => {
+					if (res.code === 200) {
+						this.$toast('点赞成功', 'success');
+					} else {
+						this.$toast(res.msg || '点赞失败', 'error');
+					}
+				}).catch(err => {
+					console.error('点赞失败:', err);
+					this.$toast('点赞失败', 'error');
+				});
+			},
+
+			/**
+			 * 点踩处理
+			 * @param {string} id - 消息ID
+			 */
+			handleThumbDownClick(id) {
+				if (!id) {
+					this.$toast('消息ID不存在', 'error');
+					return;
+				}
+
+				sendFeedback({
+					messageId: id,
+					action: 0,
+					user: this.user
+				}).then(res => {
+					if (res.code === 200) {
+						this.$toast('已反馈', 'success');
+					} else {
+						this.$toast(res.msg || '反馈失败', 'error');
+					}
+				}).catch(err => {
+					console.error('反馈失败:', err);
+					this.$toast('反馈失败', 'error');
+				});
+			},
+
+			/**
+			 * 滚动事件监听
+			 * @param {Object} e - 事件对象
+			 */
+			onScroll(e) {
+				this.scrollHeight = e.detail.scrollHeight;
+				this.lastUserScrollTime = Date.now();
+			},
+
+			/**
+			 * 智能滚动到顶部
+			 * 如果用户在3秒内没有滚动，则自动滚动到顶部
+			 */
+			smartScrollToTop() {
+				// 如果用户在3秒内没有滚动，则自动滚动到顶部
+				if (Date.now() - this.lastUserScrollTime > 3000) {
+					this.forceScrollToTop();
+				}
+			},
+
+			/**
+			 * 选择图片并上传
+			 */
+			selectImage() {
+				uni.chooseImage({
+					count: 1,
+					sizeType: ['compressed'],
+					sourceType: ['album', 'camera'],
+					success: res => {
+						const temp = res.tempFilePaths[0];
+						uni.uploadFile({
+							url: '/aitutor/aichat/files/upload',
+							filePath: temp,
+							name: 'file',
+							formData: {
+								user: this.user,
+								userId: this.userId,
+								userName: this.userName
+							},
+							success: ({
+								data
+							}) => {
+								try {
+									const {
+										url
+									} = JSON.parse(data);
+									if (url) {
+										this.messages.push({
+											sender: 'user',
+											avatar: '/static/yonghu.png',
+											content: '',
+											image: url,
+											messageId: Date.now().toString()
+										});
+										this.scrollToBottom();
+										this.saveMessagesToLocal(); // 保存图片消息
+									}
+								} catch (e) {
+									this.$toast('上传解析失败');
+								}
+							},
+							fail: () => this.$toast('上传失败')
+						});
+					},
+					fail: () => this.$toast('选择图片失败')
+				});
+			}
 		}
-	}
-};
+	};
 </script>
 
 <style scoped>
-/* 引入全局样式 */
-@import '@/static/scss/ai_index.css';
+	/* 引入全局样式 */
+	@import '@/static/scss/ai_index.css';
 </style>
\ No newline at end of file
diff --git a/static/yonghu.png b/static/yonghu.png
index 690d094..f03cd4b 100644
Binary files a/static/yonghu.png and b/static/yonghu.png differ