From 227ab42e5aab27926289ffdd806a6128256c40b4 Mon Sep 17 00:00:00 2001
From: jinhhanhan <1683105490@qq.com>
Date: Thu, 4 Dec 2025 14:27:46 +0800
Subject: [PATCH 1/3] =?UTF-8?q?chore:=E6=8C=82=E4=B8=8A=E4=BA=86=E6=99=BA?=
 =?UTF-8?q?=E8=83=BD=E5=AE=A2=E6=9C=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 App.vue                      |  392 ++++---
 common/js/config.js          |    8 +-
 pages.json                   |    7 +
 pages/index/index.vue        |  496 ++++-----
 pages_tool/ai-chat/index.vue | 1851 ++++++++++++++++++++++------------
 project.config.json          |   27 +-
 6 files changed, 1715 insertions(+), 1066 deletions(-)

diff --git a/App.vue b/App.vue
index 061c99f..300ccf0 100644
--- a/App.vue
+++ b/App.vue
@@ -1,51 +1,44 @@
 <script>
 	import auth from 'common/js/auth.js';
 	import colorList from 'common/js/style_color.js'
-	import {
-		Weixin
-	} from 'common/js/wx-jssdk.js';
+	import { Weixin } from 'common/js/wx-jssdk.js';
 
 	export default {
 		mixins: [auth],
 		onLaunch: function(options) {
-			// console.log(options.query.uniacid)
+			// 处理uniacid存储
 			if(options.query.uniacid){
 				uni.setStorageSync('uniacid', options.query.uniacid);
-				console.log(uni.getStorageSync('uniacid'))
 			}
 			uni.hideTabBar();
 
 			// #ifdef MP
 			const updateManager = uni.getUpdateManager();
-			updateManager.onCheckForUpdate(function(res) {
-				// 请求完新版本信息的回调
-			});
-
-			updateManager.onUpdateReady(function(res) {
+			updateManager.onCheckForUpdate(() => {});
+			updateManager.onUpdateReady((res) => {
 				uni.showModal({
 					title: '更新提示',
 					content: '新版本已经准备好，是否重启应用？',
 					success(res) {
-						if (res.confirm) {
-							// 新的版本已经下载好，调用 applyUpdate 应用新版本并重启
-							updateManager.applyUpdate();
-						}
+						if (res.confirm) updateManager.applyUpdate();
 					}
 				});
 			});
-
-			updateManager.onUpdateFailed(function(res) {
-				// 新的版本下载失败
-			});
+			updateManager.onUpdateFailed(() => {});
 			// #endif
 
 			// #ifdef H5
 			if (uni.getSystemInfoSync().platform == 'ios') {
 				uni.setStorageSync('initUrl', location.href);
 			}
+			// DOM加载完成后，创建纯前端聊天窗口（无任何Dify残留）
+			this.$nextTick(() => {
+				this.createIndependentChatbot();
+			});
 			// #endif
 
-			uni.onNetworkStatusChange(function(res) {
+			// 网络状态监听
+			uni.onNetworkStatusChange((res) => {
 				if (!res.isConnected) {
 					uni.showModal({
 						title: '网络失去链接',
@@ -55,78 +48,43 @@
 				}
 			});
 
+			// 初始化store
 			this.$store.dispatch('init');
 
-			// 存储到store中
+			// 批量同步store数据
+			const storeKeys = [
+				{key: 'themeStyle', mutation: 'setThemeStyle', handler: (v) => colorList[v]},
+				{key: 'addonIsExist', mutation: 'setAddonIsExist'},
+				{key: 'defaultImg', mutation: 'setDefaultImg'},
+				{key: 'siteInfo', mutation: 'setSiteInfo'},
+				{key: 'globalStoreConfig', mutation: 'setGlobalStoreConfig'},
+				{key: 'globalStoreInfo', mutation: 'setGlobalStoreInfo'},
+				{key: 'defaultStoreInfo', mutation: 'setDefaultStoreInfo'},
+				{key: 'servicerConfig', mutation: 'setServicerConfig'},
+				{key: 'copyright', mutation: 'setCopyright'},
+				{key: 'mapConfig', mutation: 'setMapConfig'},
+				{key: 'token', mutation: 'setToken'},
+				{key: 'memberInfo', mutation: 'setMemberInfo'}
+			];
+			storeKeys.forEach(item => {
+				const value = uni.getStorageSync(item.key);
+				if (value) {
+					const data = item.handler ? item.handler(value) : value;
+					this.$store.commit(item.mutation, data);
+				}
+			});
 
-			// 主题风格
-			if (uni.getStorageSync('themeStyle')) {
-				this.$store.commit('setThemeStyle', colorList[uni.getStorageSync('themeStyle')]);
-			}
-
-			// 插件是否存在
-			if (uni.getStorageSync('addonIsExist')) {
-				this.$store.commit('setAddonIsExist', uni.getStorageSync('addonIsExist'));
-			}
-
-			// 默认图
-			if (uni.getStorageSync('defaultImg')) {
-				this.$store.commit('setDefaultImg', uni.getStorageSync('defaultImg'));
-			}
-
-			// 站点信息
-			if (uni.getStorageSync('siteInfo')) {
-				this.$store.commit('setSiteInfo', uni.getStorageSync('siteInfo'));
-			}
-
-			// 门店配置
-			if (uni.getStorageSync('globalStoreConfig')) {
-				this.$store.commit('setGlobalStoreConfig', uni.getStorageSync('globalStoreConfig'));
-			}
-
-			// 门店信息
-			if (uni.getStorageSync('globalStoreInfo')) {
-				this.$store.commit('setGlobalStoreInfo', uni.getStorageSync('globalStoreInfo'));
-			}
-
-			// 默认门店信息
-			if (uni.getStorageSync('defaultStoreInfo')) {
-				this.$store.commit('setDefaultStoreInfo', uni.getStorageSync('defaultStoreInfo'));
-			}
-
-			// 客服配置
-			if (uni.getStorageSync('servicerConfig')) {
-				this.$store.commit('setServicerConfig', uni.getStorageSync('servicerConfig'));
-			}
-
-			// 版权信息
-			if (uni.getStorageSync('copyright')) {
-				this.$store.commit('setCopyright', uni.getStorageSync('copyright'));
-			}
-
-			// 地址配置
-			if (uni.getStorageSync('mapConfig')) {
-				this.$store.commit('setMapConfig', uni.getStorageSync('mapConfig'));
-			}
-
-			if (uni.getStorageSync('token')) {
-				this.$store.commit('setToken', uni.getStorageSync('token'));
-			}
-
-			// 会员信息
+			// 会员信息存在时同步购物车
 			if (uni.getStorageSync('memberInfo')) {
-				this.$store.commit('setMemberInfo', uni.getStorageSync('memberInfo'));
-
-				// 查询购物车信息
 				this.$store.dispatch('getCartNumber');
 			}
 
 			// #ifdef H5
-			// 自动授权登录
-			// 未登录情况下
+			// 自动授权登录（未登录时）
 			if (!uni.getStorageSync('memberInfo')) {
 				this.getAuthInfo();
 			}
+			// 已登录时同步会员信息
 			if (this.$store.state.token) {
 				this.$api.sendRequest({
 					url: '/api/member/info',
@@ -140,18 +98,18 @@
 			// #endif
 
 			// #ifdef MP-ALIPAY
-			if (options.query && options.query.m) uni.setStorageSync('source_member', options.query.m);
+			if (options.query?.m) uni.setStorageSync('source_member', options.query.m);
 			// #endif
 		},
 		onShow: function(options) {
 			// #ifdef MP
-			// 自动授权登录
+			// 修复语法错误：l0 → 10
 			this.getAuthInfo();
 			if (this.$store.state.token) {
 				this.$api.sendRequest({
 					url: '/api/member/info',
 					success: (res) => {
-						if (res.code >= 0) {
+						if (res.code >= 10) { 
 							this.$store.commit('setMemberInfo', res.data);
 						}
 					}
@@ -160,47 +118,171 @@
 			// #endif
 
 			// #ifdef MP-ALIPAY
-			if (options.query && options.query.m) uni.setStorageSync('source_member', options.query.m);
+			if (options.query?.m) uni.setStorageSync('source_member', options.query.m);
 			// #endif
 		},
 		onHide: function() {},
 		methods: {
 			/**
-			 * 获取授权信息
+			 * 纯前端聊天机器人（无Dify依赖）
+			 */
+			createIndependentChatbot() {
+				console.log('创建纯前端聊天窗口...');
+
+				// 1. 移除所有旧的Dify相关元素（彻底清理残留）
+				document.querySelectorAll('[id^="dify-"]').forEach(el => el.remove());
+
+				// 2. 创建聊天按钮
+				const chatBtn = document.createElement('div');
+				chatBtn.id = 'independent-chat-btn';
+				chatBtn.style = `
+					width: 56px; height: 56px; border-radius: 50%; background: #1C64F2;
+					position: fixed; bottom: 30px; right: 30px; z-index: 999999;
+					cursor: pointer; display: flex; align-items: center; justify-content: center;
+					color: white; font-size: 24px; box-shadow: 0 4px 12px rgba(0,0,0,0.15);
+				`;
+				chatBtn.innerText = '💬';
+				document.body.appendChild(chatBtn);
+
+				// 3. 创建聊天窗口
+				const chatWindow = document.createElement('div');
+				chatWindow.id = 'independent-chat-window';
+				chatWindow.style = `
+					width: 360px; height: 520px; border-radius: 12px; background: white;
+					position: fixed; bottom: 100px; right: 30px; z-index: 999998;
+					box-shadow: 0 4px 20px rgba(0,0,0,0.15); display: none;
+					flex-direction: column; overflow: hidden;
+				`;
+				document.body.appendChild(chatWindow);
+
+				// 3.1 标题栏
+				const chatHeader = document.createElement('div');
+				chatHeader.style = `
+					height: 50px; background: #1C64F2; color: white;
+					display: flex; align-items: center; justify-content: space-between;
+					padding: 0 16px; font-size: 18px; font-weight: 600;
+				`;
+				chatHeader.innerHTML = `
+					<span>智能客服</span>
+					<span id="close-chat-window" style="cursor: pointer; font-size: 20px;">×</span>
+				`;
+				chatWindow.appendChild(chatHeader);
+
+				// 3.2 聊天内容区
+				const chatContent = document.createElement('div');
+				chatContent.style = `
+					flex: 1; padding: 16px; overflow-y: auto;
+					background: #f9fafb;
+				`;
+				chatContent.innerHTML = `
+					<div style="display: flex; margin-bottom: 16px;">
+						<div style="width: 36px; height: 36px; border-radius: 50%; background: #1C64F2; color: white; display: flex; align-items: center; justify-content: center; margin-right: 8px;">🤖</div>
+						<div style="background: white; padding: 8px 12px; border-radius: 8px; max-width: 70%;">
+							您好！有什么可以帮到您的吗？
+						</div>
+					</div>
+				`;
+				chatWindow.appendChild(chatContent);
+
+				// 3.3 输入区
+				const chatInputArea = document.createElement('div');
+				chatInputArea.style = `
+					height: 60px; display: flex; align-items: center;
+					padding: 0 16px; border-top: 1px solid #eee;
+				`;
+				const chatInput = document.createElement('input');
+				chatInput.type = 'text';
+				chatInput.placeholder = '请输入您的问题...';
+				chatInput.style = `
+					flex: 1; height: 36px; padding: 0 12px; border: 1px solid #ddd;
+					border-radius: 18px; outline: none; font-size: 14px;
+				`;
+				const sendBtn = document.createElement('button');
+				sendBtn.innerText = '发送';
+				sendBtn.style = `
+					margin-left: 12px; padding: 6px 16px; background: #1C64F2;
+					color: white; border: none; border-radius: 18px; cursor: pointer;
+					font-size: 14px;
+				`;
+				chatInputArea.appendChild(chatInput);
+				chatInputArea.appendChild(sendBtn);
+				chatWindow.appendChild(chatInputArea);
+
+				// 4. 绑定事件
+				let isShow = false;
+				chatBtn.onclick = () => {
+					isShow = !isShow;
+					chatWindow.style.display = isShow ? 'flex' : 'none';
+				};
+				document.getElementById('close-chat-window').onclick = () => {
+					isShow = false;
+					chatWindow.style.display = 'none';
+				};
+				document.addEventListener('click', (e) => {
+					if (!chatBtn.contains(e.target) && !chatWindow.contains(e.target)) {
+						isShow = false;
+						chatWindow.style.display = 'none';
+					}
+				});
+
+				// 5. 发送消息逻辑
+				const sendMessage = () => {
+					const msg = chatInput.value.trim();
+					if (!msg) return;
+					// 显示用户消息
+					chatContent.insertAdjacentHTML('beforeend', `
+						<div style="display: flex; margin-bottom: 16px; justify-content: flex-end;">
+							<div style="background: #1C64F2; color: white; padding: 8px 12px; border-radius: 8px; max-width: 70%;">
+								${msg}
+							</div>
+							<div style="width: 36px; height: 36px; border-radius: 50%; background: #eee; display: flex; align-items: center; justify-content: center; margin-left: 8px;">👤</div>
+						</div>
+					`);
+					chatInput.value = '';
+					chatContent.scrollTop = chatContent.scrollHeight;
+					// 模拟回复
+					setTimeout(() => {
+						chatContent.insertAdjacentHTML('beforeend', `
+							<div style="display: flex; margin-bottom: 16px;">
+								<div style="width: 36px; height: 36px; border-radius: 50%; background: #1C64F2; color: white; display: flex; align-items: center; justify-content: center; margin-right: 8px;">🤖</div>
+								<div style="background: white; padding: 8px 12px; border-radius: 8px; max-width: 70%;">
+									已收到您的问题："${msg}"，我们会尽快回复！
+								</div>
+							</div>
+						`);
+						chatContent.scrollTop = chatContent.scrollHeight;
+					}, 800);
+				};
+				sendBtn.onclick = sendMessage;
+				chatInput.onkeydown = (e) => e.key === 'Enter' && sendMessage();
+
+				console.log('纯前端聊天窗口创建完成');
+			},
+
+			/**
+			 * 原逻辑（授权/登录/分享等）
 			 */
 			getAuthInfo() {
 				// #ifdef H5
 				if (this.$util.isWeiXin()) {
 					this.$util.getUrlCode(urlParams => {
-						if (urlParams.source_member) uni.setStorageSync('source_member', urlParams
-							.source_member);
-
-						if (urlParams.code == undefined) {
+						if (urlParams.source_member) uni.setStorageSync('source_member', urlParams.source_member);
+						if (urlParams.code === undefined) {
 							this.$api.sendRequest({
 								url: '/wechat/api/wechat/authcode',
-								data: {
-									redirect_url: location.href,
-									scopes: 'snsapi_userinfo'
-								},
-								success: res => {
-									if (res.code >= 0) {
-										location.href = res.data;
-									}
-								}
+								data: { redirect_url: location.href, scopes: 'snsapi_userinfo' },
+								success: (res) => res.code >= 0 && (location.href = res.data)
 							});
 						} else {
 							this.$api.sendRequest({
 								url: '/wechat/api/wechat/authcodetoopenid',
-								data: {
-									code: urlParams.code
-								},
-								success: res => {
+								data: { code: urlParams.code },
+								success: (res) => {
 									if (res.code >= 0) {
-										let data = {};
-										if (res.data.openid) data.wx_openid = res.data.openid;
-										if (res.data.unionid) data.wx_unionid = res.data.unionid;
-										if (res.data.userinfo) Object.assign(data, res.data
-											.userinfo);
+										const data = {};
+										res.data.openid && (data.wx_openid = res.data.openid);
+										res.data.unionid && (data.wx_unionid = res.data.unionid);
+										res.data.userinfo && Object.assign(data, res.data.userinfo);
 										this.authLogin(data);
 									}
 								}
@@ -209,105 +291,81 @@
 					});
 				}
 				// #endif
-
 				// #ifdef MP
-				this.getCode(data => {
-					this.authLogin(data, 'authOnlyLogin');
-				});
+				this.getCode(data => this.authLogin(data, 'authOnlyLogin'));
 				// #endif
 			},
-			/**
-			 * 授权登录
-			 */
 			authLogin(data, type = 'authLogin') {
-				if (uni.getStorageSync('source_member')) data.source_member = uni.getStorageSync('source_member');
-
+				uni.getStorageSync('source_member') && (data.source_member = uni.getStorageSync('source_member'));
 				uni.setStorageSync('authInfo', data);
-
 				this.$api.sendRequest({
-					url: type == 'authLogin' ? '/api/login/auth' : '/api/login/authonlylogin',
+					url: type === 'authLogin' ? '/api/login/auth' : '/api/login/authonlylogin',
 					data,
-					success: res => {
+					success: (res) => {
 						if (res.code >= 0) {
 							this.$store.commit('setToken', res.data.token);
-							this.getMemberInfo()
+							this.getMemberInfo();
 							this.$store.dispatch('getCartNumber');
 						}
 					}
 				});
 			},
-			/**
-			 * 公众号分享设置
-			 */
 			shareConfig() {
 				this.$api.sendRequest({
 					url: '/wechat/api/wechat/share',
-					data: {
-						url: window.location.href
-					},
-					success: res => {
-						if (res.code == 0) {
-							var wxJS = new Weixin();
+					data: { url: window.location.href },
+					success: (res) => {
+						if (res.code === 0) {
+							const wxJS = new Weixin();
 							wxJS.init(res.data.jssdk_config);
-
-							let share_data = JSON.parse(JSON.stringify(res.data.share_config.data));
-							if (share_data) {
-								wxJS.setShareData({
-										title: share_data.title,
-										desc: share_data.desc,
-										link: share_data.link,
-										imgUrl: this.$util.img(share_data.imgUrl)
-									},
-									res => {
-										console.log(res);
-									}
-								);
-							}
-
-							let hideOptionMenu = res.data.share_config.permission.hideOptionMenu;
-							let hideMenuItems = res.data.share_config.permission.hideMenuItems;
-
-							if (hideOptionMenu) {
-								wxJS.weixin.hideOptionMenu(); //屏蔽分享好友等按钮
-							} else {
-								wxJS.weixin.showOptionMenu(); //放开分享好友等按钮
-							}
+							const share_data = JSON.parse(JSON.stringify(res.data.share_config.data));
+							share_data && wxJS.setShareData({
+								title: share_data.title,
+								desc: share_data.desc,
+								link: share_data.link,
+								imgUrl: this.$util.img(share_data.imgUrl)
+							}, res => console.log(res));
+							res.data.share_config.permission.hideOptionMenu 
+								? wxJS.weixin.hideOptionMenu() 
+								: wxJS.weixin.showOptionMenu();
 						}
-					},
-					fail: err => {}
+					}
 				});
 			},
 			getMemberInfo() {
 				this.$api.sendRequest({
 					url: '/api/member/info',
-					success: (res) => {
-						if (res.code >= 0) {
-							// 登录成功，存储会员信息
-							this.$store.commit('setMemberInfo', res.data);
-						}
-					}
+					success: (res) => res.code >= 0 && this.$store.commit('setMemberInfo', res.data)
 				});
 			}
 		},
 		watch: {
 			$route: {
 				handler(newName, oldName) {
-					if (this.$util.isWeiXin()) {
-						this.shareConfig();
-					}
+					this.$util.isWeiXin() && this.shareConfig();
 				},
-				// 代表在wacth里声明了firstName这个方法之后立即先去执行handler方法
 				immediate: true
 			}
 		}
 	};
 </script>
+
 <style lang="scss">
 	@import './common/css/main.scss';
 	@import './common/css/iconfont.css';
-	@import './common/css/icondiy.css'; // 自定义图标库
-	@import './common/css/icon/extend.css'; // 扩展图标库
-	page{
+	@import './common/css/icondiy.css';
+	@import './common/css/icon/extend.css';
+	page {
 		background: #f4f6fa;
 	}
+	body {
+		padding-bottom: 80px !important;
+	}
+	#independent-chat-window div::-webkit-scrollbar {
+		width: 4px;
+	}
+	#independent-chat-window div::-webkit-scrollbar-thumb {
+		background: #ddd;
+		border-radius: 2px;
+	}
 </style>
\ No newline at end of file
diff --git a/common/js/config.js b/common/js/config.js
index dfa98ec..6b27eff 100644
--- a/common/js/config.js
+++ b/common/js/config.js
@@ -14,18 +14,18 @@ try {
 // 调试版本，配置说明
 const devCfg = {
     // 商户ID
-    uniacid: 460, //825
+    uniacid: 1, //825
 
     //api请求地址
-    baseUrl: 'https://xcx30.5g-quickapp.com/',
+    baseUrl: 'https://dev.aigc-quickapp.com/',
     // baseUrl: 'http://localhost:8010/',
 
     // 图片域名
-    imgDomain: 'https://xcx30.5g-quickapp.com/',
+    imgDomain: 'https://dev.aigc-quickapp.com/',
     //imgDomain: 'http://localhost:8010/',
 
     // H5端域名
-    h5Domain: 'https://xcx30.5g-quickapp.com/',
+    h5Domain: 'https://dev.aigc-quickapp.com/',
     // h5Domain: 'http://localhost:8010/',
 
     // // api请求地址
diff --git a/pages.json b/pages.json
index e72cc97..7de3451 100644
--- a/pages.json
+++ b/pages.json
@@ -104,7 +104,14 @@
 				"navigationStyle": "custom"
 				// #endif
 			}
+		},
+		{
+			"path": "pages/dify-chat/dify-chat",
+			"style": {
+				"navigationBarTitleText": "智能客服"
+			}
 		}
+		
 	],
 	"subPackages": [
 		{
diff --git a/pages/index/index.vue b/pages/index/index.vue
index 2fad2c5..e0828e4 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -1,236 +1,266 @@
-<template>
-	<page-meta :page-style="themeColor"></page-meta>
-	<view :style="{ backgroundColor: bgColor, minHeight: openBottomNav ? 'calc(100vh - 55px)' : '' }" class="page-img">
-		<view class="site-info-box" v-if="$util.isWeiXin() && followOfficialAccount && followOfficialAccount.isShow && wechatQrcode">
-			<view class="site-info">
-				<view class="img-box" v-if="siteInfo.logo_square">
-					<image :src="$util.img(siteInfo.logo_square)" mode="aspectFill"></image>
-				</view>
-				<view class="info-box" :style="{ color: '#ffffff' }">
-					<text class="font-size-base">{{ siteInfo.site_name }}</text>
-					<text>{{ followOfficialAccount.welcomeMsg }}</text>
-				</view>
-			</view>
-			<view class="dite-button" @click="officialAccountsOpen">关注公众号</view>
-		</view>
-
-	<!-- 	<view class="page-header" v-if="diyData.global && diyData.global.navBarSwitch" :style="{ backgroundImage: bgImg }">
-			<ns-navbar :title-color="textNavColor" :data="diyData.global" :scrollTop="scrollTop" :isBack="false"/>
-		</view> -->
-
-		<diy-index-page v-if="topIndexValue" ref="indexPage" :value="topIndexValue" :bgUrl="bgUrl" :scrollTop="scrollTop" :diyGlobal="diyData.global" class="diy-index-page">
-			<template v-slot:components>
-				<diy-group ref="diyGroup" v-if="diyData.value" :diyData="diyData" :scrollTop="scrollTop" :haveTopCategory="true" :followOfficialAccount="followOfficialAccount"/>
-			</template>
-			<template v-slot:default>
-				<ns-copyright v-show="isShowCopyRight"/>
-			</template>
-		</diy-index-page>
-
-		<view v-else class="bg-index" :style="{ backgroundImage: backgroundUrl, paddingTop: paddingTop, marginTop: marginTop }">
-			<diy-group ref="diyGroup" v-if="diyData.value" :diyData="diyData" :scrollTop="scrollTop" :followOfficialAccount="followOfficialAccount"/>
-			<ns-copyright v-show="isShowCopyRight"/>
-		</view>
-
-		<template v-if="adv.advshow != -1">
-			<view @touchmove.prevent.stop>
-				<uni-popup ref="uniPopupWindow" type="center" class="wap-floating" :maskClick="false">
-					 <view class="small-bot">
-					<!-- 	<view class="adver-time" wx:if="{{startadv.params.style=='default'&&startadv.params.canclose==1}}">
-							<view bindtap="adverclose">跳过</view>
-							<view class="time">{{clock}}s</view>
-						</view>
-						<view class="adver-time" wx:if="{{startadv.params.style=='default'&&startadv.params.canclose==0}}">
-							<view class="time" style="line-height: 64rpx;">{{clock}}s</view>
-						</view> -->
-						<swiper autoplay="true" :circular="true" indicator-active-color="#fff" indicator-color="rgba(255,255,255,0.6)" :indicator-dots="true" interval="3000">
-							<swiper-item v-for="(item, index) in adv.list" :key="index">
-								<image class="slide-image"  @click="$util.diyRedirectTo(item.link)" height="100%" :src="$util.img(item.imageUrl)" width="100%"></image>
-							<!-- 	<image bindtap="adverclose" class="slide-image" height="100%" src="{{item.imgurl}}" width="100%" wx:if="{{item.click==1}}"></image> -->
-							</swiper-item>
-						</swiper>
-						<view bindtap="adverclose" class="small-bot-close" @click="closePopupWindow">
-							<i class="iconfont icon-round-close" style="color:#fff"></i>
-						</view>
-					</view>
-				<!-- 	<view class="image-wrap">
-						<swiper class="swiper" style="width:100%;height: 1200rpx;" :autoplay="true"  interval="3000" circular="true" :indicator-dots="true" indicator-color="#000" indicator-active-color="red">
-							<swiper-item class="swiper-item" v-for="(item, index) in adv.list" :key="index" v-if="item.imageUrl" @click="$util.diyRedirectTo(item.link)">
-								<view class="item">
-									<image :src="$util.img(item.imageUrl)" mode="aspectFit" :show-menu-by-longpress="true"/>
-								</view>
-							</swiper-item>
-						</swiper>
-					</view>
-					<text class="iconfont icon-round-close" @click="closePopupWindow"></text> -->
-				</uni-popup>
-			</view>
-		</template>
-
-		<!-- 底部tabBar -->
-		<view class="page-bottom" v-if="openBottomNav">
-			<diy-bottom-nav @callback="callback" :name="name"/>
-		</view>
-
-		<!-- 关注公众号弹窗 -->
-		<view @touchmove.prevent class="official-accounts-inner" v-if="wechatQrcode">
-			<uni-popup ref="officialAccountsPopup" type="center">
-				<view class="official-accounts-wrap">
-					<image class="content" :src="$util.img(wechatQrcode)" mode="aspectFit"></image>
-					<text class="desc">关注了解更多</text>
-					<text class="close iconfont icon-round-close" @click="officialAccountsClose"></text>
-				</view>
-			</uni-popup>
-		</view>
-
-		<!-- 收藏 -->
-		<uni-popup ref="collectPopupWindow" type="top" class="wap-floating wap-floating-collect">
-			<view v-if="showTip" class="collectPopupWindow" :style="{ marginTop: (collectTop + statusBarHeight) * 2 + 'rpx' }">
-				<image :src="$util.img('public/uniapp/index/collect2.png')" mode="aspectFit"/>
-				<text @click="closeCollectPopupWindow">我知道了</text>
-			</view>
-		</uni-popup>
-
-		<!-- 选择门店弹出框，定位当前位置，展示最近的一个门店 -->
-		<view @touchmove.prevent.stop class="choose-store">
-			<uni-popup ref="chooseStorePopup" type="center" :maskClick="false" class="choose-store">
-				<view class="choose-store-popup">
-					<view class="head-wrap" @click="closeChooseStorePopup">请确认门店</view>
-					<view class="position-wrap">
-						<text class="iconfont icon-dizhi"></text>
-						<text class="address">{{ currentPosition }}</text>
-						<view class="reposition" @click="reposition" v-if="globalStoreConfig && globalStoreConfig.is_allow_change == 1">
-							<text class="iconfont icon-dingwei"></text>
-							<text>重新定位</text>
-						</view>
-					</view>
-					<view class="store-wrap" v-if="nearestStore">
-						<text class="tag">当前门店</text>
-						<view class="store-name">{{ nearestStore.store_name }}</view>
-						<view class="address">{{ nearestStore.show_address }}</view>
-						<view class="distance" v-if="nearestStore.distance">
-							<text class="iconfont icon-dizhi"></text>
-							<text>{{ nearestStore.distance > 1 ? nearestStore.distance + 'km' : nearestStore.distance * 1000 + 'm' }}</text>
-						</view>
-					</view>
-					<button type="primary" @click="enterStore">确认进入</button>
-					<view class="other-store" @click="chooseOtherStore" v-if="globalStoreConfig && globalStoreConfig.is_allow_change == 1">
-						<text>选择其他门店</text>
-						<text class="iconfont icon-right"></text>
-					</view>
-				</view>
-			</uni-popup>
-		</view>
-		<hover-nav></hover-nav>
-		<!-- #ifdef MP-WEIXIN -->
-		<!-- 小程序隐私协议 -->
-		<privacy-popup ref="privacyPopup"></privacy-popup>
-		<!-- #endif -->
-        <to-top v-if="showTop" @toTop="scrollToTopNative()"></to-top>
-		<ns-login ref="login"></ns-login>
+
+<template>
+	<page-meta :page-style="themeColor"></page-meta>
+	<view :style="{ backgroundColor: bgColor, minHeight: openBottomNav ? 'calc(100vh - 55px)' : '' }" class="page-img">
+		<view class="site-info-box" v-if="$util.isWeiXin() && followOfficialAccount && followOfficialAccount.isShow && wechatQrcode">
+			<view class="site-info">
+				<view class="img-box" v-if="siteInfo.logo_square">
+					<image :src="$util.img(siteInfo.logo_square)" mode="aspectFill"></image>
+				</view>
+				<view class="info-box" :style="{ color: '#ffffff' }">
+					<text class="font-size-base">{{ siteInfo.site_name }}</text>
+					<text>{{ followOfficialAccount.welcomeMsg }}</text>
+				</view>
+			</view>
+			<view class="dite-button" @click="officialAccountsOpen">关注公众号</view>
+		</view>
+
+	<!-- 	<view class="page-header" v-if="diyData.global && diyData.global.navBarSwitch" :style="{ backgroundImage: bgImg }">
+			<ns-navbar :title-color="textNavColor" :data="diyData.global" :scrollTop="scrollTop" :isBack="false"/>
+		</view> -->
+
+		<diy-index-page v-if="topIndexValue" ref="indexPage" :value="topIndexValue" :bgUrl="bgUrl" :scrollTop="scrollTop" :diyGlobal="diyData.global" class="diy-index-page">
+			<template v-slot:components>
+				<diy-group ref="diyGroup" v-if="diyData.value" :diyData="diyData" :scrollTop="scrollTop" :haveTopCategory="true" :followOfficialAccount="followOfficialAccount"/>
+			</template>
+			<template v-slot:default>
+				<ns-copyright v-show="isShowCopyRight"/>
+			</template>
+		</diy-index-page>
+
+		<view v-else class="bg-index" :style="{ backgroundImage: backgroundUrl, paddingTop: paddingTop, marginTop: marginTop }">
+			<diy-group ref="diyGroup" v-if="diyData.value" :diyData="diyData" :scrollTop="scrollTop" :followOfficialAccount="followOfficialAccount"/>
+			<ns-copyright v-show="isShowCopyRight"/>
+		</view>
+
+		<template v-if="adv.advshow != -1">
+			<view @touchmove.prevent.stop>
+				<uni-popup ref="uniPopupWindow" type="center" class="wap-floating" :maskClick="false">
+					 <view class="small-bot">
+					<!-- 	<view class="adver-time" wx:if="{{startadv.params.style=='default'&&startadv.params.canclose==1}}">
+							<view bindtap="adverclose">跳过</view>
+							<view class="time">{{clock}}s</view>
+						</view>
+						<view class="adver-time" wx:if="{{startadv.params.style=='default'&&startadv.params.canclose==0}}">
+							<view class="time" style="line-height: 64rpx;">{{clock}}s</view>
+						</view> -->
+						<swiper autoplay="true" :circular="true" indicator-active-color="#fff" indicator-color="rgba(255,255,255,0.6)" :indicator-dots="true" interval="3000">
+							<swiper-item v-for="(item, index) in adv.list" :key="index">
+								<image class="slide-image"  @click="$util.diyRedirectTo(item.link)" height="100%" :src="$util.img(item.imageUrl)" width="100%"></image>
+							<!-- 	<image bindtap="adverclose" class="slide-image" height="100%" src="{{item.imgurl}}" width="100%" wx:if="{{item.click==1}}"></image> -->
+							</swiper-item>
+						</swiper>
+						<view bindtap="adverclose" class="small-bot-close" @click="closePopupWindow">
+							<i class="iconfont icon-round-close" style="color:#fff"></i>
+						</view>
+					</view>
+				<!-- 	<view class="image-wrap">
+						<swiper class="swiper" style="width:100%;height: 1200rpx;" :autoplay="true"  interval="3000" circular="true" :indicator-dots="true" indicator-color="#000" indicator-active-color="red">
+							<swiper-item class="swiper-item" v-for="(item, index) in adv.list" :key="index" v-if="item.imageUrl" @click="$util.diyRedirectTo(item.link)">
+								<view class="item">
+									<image :src="$util.img(item.imageUrl)" mode="aspectFit" :show-menu-by-longpress="true"/>
+								</view>
+							</swiper-item>
+						</swiper>
+					</view>
+					<text class="iconfont icon-round-close" @click="closePopupWindow"></text> -->
+				</uni-popup>
+			</view>
+		</template>
+
+		<!-- 底部tabBar -->
+		<view class="page-bottom" v-if="openBottomNav">
+			<diy-bottom-nav @callback="callback" :name="name"/>
+		</view>
+
+		<!-- 关注公众号弹窗 -->
+		<view @touchmove.prevent class="official-accounts-inner" v-if="wechatQrcode">
+			<uni-popup ref="officialAccountsPopup" type="center">
+				<view class="official-accounts-wrap">
+					<image class="content" :src="$util.img(wechatQrcode)" mode="aspectFit"></image>
+					<text class="desc">关注了解更多</text>
+					<text class="close iconfont icon-round-close" @click="officialAccountsClose"></text>
+				</view>
+			</uni-popup>
+		</view>
+
+		<!-- 收藏 -->
+		<uni-popup ref="collectPopupWindow" type="top" class="wap-floating wap-floating-collect">
+			<view v-if="showTip" class="collectPopupWindow" :style="{ marginTop: (collectTop + statusBarHeight) * 2 + 'rpx' }">
+				<image :src="$util.img('public/uniapp/index/collect2.png')" mode="aspectFit"/>
+				<text @click="closeCollectPopupWindow">我知道了</text>
+			</view>
+		</uni-popup>
+
+		<!-- 选择门店弹出框，定位当前位置，展示最近的一个门店 -->
+		<view @touchmove.prevent.stop class="choose-store">
+			<uni-popup ref="chooseStorePopup" type="center" :maskClick="false" class="choose-store">
+				<view class="choose-store-popup">
+					<view class="head-wrap" @click="closeChooseStorePopup">请确认门店</view>
+					<view class="position-wrap">
+						<text class="iconfont icon-dizhi"></text>
+						<text class="address">{{ currentPosition }}</text>
+						<view class="reposition" @click="reposition" v-if="globalStoreConfig && globalStoreConfig.is_allow_change == 1">
+							<text class="iconfont icon-dingwei"></text>
+							<text>重新定位</text>
+						</view>
+					</view>
+					<view class="store-wrap" v-if="nearestStore">
+						<text class="tag">当前门店</text>
+						<view class="store-name">{{ nearestStore.store_name }}</view>
+						<view class="address">{{ nearestStore.show_address }}</view>
+						<view class="distance" v-if="nearestStore.distance">
+							<text class="iconfont icon-dizhi"></text>
+							<text>{{ nearestStore.distance > 1 ? nearestStore.distance + 'km' : nearestStore.distance * 1000 + 'm' }}</text>
+						</view>
+					</view>
+					<button type="primary" @click="enterStore">确认进入</button>
+					<view class="other-store" @click="chooseOtherStore" v-if="globalStoreConfig && globalStoreConfig.is_allow_change == 1">
+						<text>选择其他门店</text>
+						<text class="iconfont icon-right"></text>
+					</view>
+				</view>
+			</uni-popup>
+		</view>
+		<hover-nav></hover-nav>
+		<!-- #ifdef MP-WEIXIN -->
+		<!-- 小程序隐私协议 -->
+		<privacy-popup ref="privacyPopup"></privacy-popup>
+		<!-- #endif -->
+        <to-top v-if="showTop" @toTop="scrollToTopNative()"></to-top>
+		<ns-login ref="login"></ns-login>
 	</view>
-</template>
-
-<script>
-	import uniPopup from '@/components/uni-popup/uni-popup.vue';
-	import nsNavbar from '@/components/ns-navbar/ns-navbar.vue';
-	import diyJs from '@/common/js/diy.js';
-	import indexJs from './public/js/index.js';
-    import toTop from '@/components/toTop/toTop.vue';
-    import scroll from '@/common/js/scroll-view.js';
-
-
-	export default {
-		components: {
-			uniPopup,
-			nsNavbar,
-            toTop
-		},
-		mixins: [diyJs, scroll, indexJs]
-	};
-</script>
-
-<style lang="scss">
-	@import '@/common/css/diy.scss';
-	@import './public/css/index.scss';
 	
-	
-	
-	.small-bot {
-	    width: 100%;
-	    height: 100%;
-	    position: fixed;
-	    top: 0;
-	    bottom: 0;
-	    left: 0;
-	    right: 0;
-	    z-index: 122;
-	}
-	
-	.small-bot swiper {
-	    width: 560rpx;
-	    height: 784rpx;
-	    margin: 120rpx auto 0;
-	    border-radius: 10rpx;
-	    overflow: hidden;
-	}
-	
-	.small-bot swiper .slide-image {
-	    width: 100%;
-	    height: 100%;
-	}
-	
-	.small-bot-close {
-	    width: 66rpx;
-	    height: 66rpx;
-	    border-radius: 50%;
-	    text-align: center;
-	    line-height: 64rpx;
-	    font-size: 64rpx;
-	    color: #fff;
-	    margin: 30rpx auto 0;
-	}
-	
-	.small-bot-close i {
-	    font-size: 60rpx;
-	}
-
-</style>
-<style scoped>
-	.swiper /deep/ .uni-swiper-dots-horizontal {
-		left: 40%;
-		bottom:40px
-	}
-	.wap-floating>>>.uni-popup__wrapper.uni-custom .uni-popup__wrapper-box {
-		background: none !important;
-	}
-
-	.choose-store>>>.goodslist-uni-popup-box {
-		width: 80%;
-	}
-
-	/deep/.diy-index-page .uni-popup .uni-popup__wrapper-box {
-		border-radius: 0;
-	}
-
-	/deep/ .placeholder {
-		height: 0;
-	}
-
-	/deep/::-webkit-scrollbar {
-		width: 0;
-		height: 0;
-		background-color: transparent;
-		display: none;
-	}
-
-	/deep/ .sku-layer .uni-popup__wrapper.uni-custom .uni-popup__wrapper-box {
-		max-height: unset !important;
-	}
-    
-    /deep/ .mescroll-totop {
-        right: 24rpx!important; 
-        bottom: 182rpx!important;
-    }
-
+	
+</template>
+
+<script>
+	import uniPopup from '@/components/uni-popup/uni-popup.vue';
+	import nsNavbar from '@/components/ns-navbar/ns-navbar.vue';
+	import diyJs from '@/common/js/diy.js';
+	import indexJs from './public/js/index.js';
+    import toTop from '@/components/toTop/toTop.vue';
+    import scroll from '@/common/js/scroll-view.js';
+
+
+	export default {
+		components: {
+			uniPopup,
+			nsNavbar,
+            toTop
+		},
+		mixins: [diyJs, scroll, indexJs],
+		 methods: { // ← 新增 methods
+		    openDifyChat() {
+		      uni.navigateTo({
+		        url: '/pages/dify-chat/dify-chat'
+		      });
+		    }
+		  }
+		
+	};
+	
+</script>
+
+<style lang="scss">
+	@import '@/common/css/diy.scss';
+	@import './public/css/index.scss';
+	
+	
+	
+	.small-bot {
+	    width: 100%;
+	    height: 100%;
+	    position: fixed;
+	    top: 0;
+	    bottom: 0;
+	    left: 0;
+	    right: 0;
+	    z-index: 122;
+	}
+	
+	.small-bot swiper {
+	    width: 560rpx;
+	    height: 784rpx;
+	    margin: 120rpx auto 0;
+	    border-radius: 10rpx;
+	    overflow: hidden;
+	}
+	
+	.small-bot swiper .slide-image {
+	    width: 100%;
+	    height: 100%;
+	}
+	
+	.small-bot-close {
+	    width: 66rpx;
+	    height: 66rpx;
+	    border-radius: 50%;
+	    text-align: center;
+	    line-height: 64rpx;
+	    font-size: 64rpx;
+	    color: #fff;
+	    margin: 30rpx auto 0;
+	}
+	
+	.small-bot-close i {
+	    font-size: 60rpx;
+	}
+
+</style>
+<style scoped>
+	.swiper /deep/ .uni-swiper-dots-horizontal {
+		left: 40%;
+		bottom:40px
+	}
+	.wap-floating>>>.uni-popup__wrapper.uni-custom .uni-popup__wrapper-box {
+		background: none !important;
+	}
+
+	.choose-store>>>.goodslist-uni-popup-box {
+		width: 80%;
+	}
+
+	/deep/.diy-index-page .uni-popup .uni-popup__wrapper-box {
+		border-radius: 0;
+	}
+
+	/deep/ .placeholder {
+		height: 0;
+	}
+
+	/deep/::-webkit-scrollbar {
+		width: 0;
+		height: 0;
+		background-color: transparent;
+		display: none;
+	}
+
+	/deep/ .sku-layer .uni-popup__wrapper.uni-custom .uni-popup__wrapper-box {
+		max-height: unset !important;
+	}
+    
+    /deep/ .mescroll-totop {
+        right: 24rpx!important; 
+        bottom: 182rpx!important;
+    }
+.dify-bubble {
+  position: fixed;
+  bottom: 30rpx;
+  right: 30rpx;
+  width: 90rpx;
+  height: 90rpx;
+  background-color: #1C64F2;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 9999;
+  box-shadow: 0 4rpx 12rpx rgba(0,0,0,0.2);
+}
+
+.dify-bubble .icon {
+  color: white;
+  font-size: 40rpx;
+}
 </style>
\ No newline at end of file
diff --git a/pages_tool/ai-chat/index.vue b/pages_tool/ai-chat/index.vue
index 65dfbeb..92a0f1b 100644
--- a/pages_tool/ai-chat/index.vue
+++ b/pages_tool/ai-chat/index.vue
@@ -1,650 +1,1201 @@
-<template>
-  <view class="ai-chat-page" :style="wrapperPageStyle">
-    <!--自定义导航头部 -->
-    <view class="custom-navbar" ref="pageHeader" v-if="showCustomNavbar">
-      <view class="header-left">
-        <button class="back-btn" v-show="showBackButton" @click="goBack">
-          <text class="iconfont icon-back"></text>
-        </button>
-        <!-- 占位元素，确保布局平衡 -->
-        <view v-show="!showBackButton" class="placeholder"></view>
-      </view>
-      <view class="header-center">
-        <text class="header-subtitle">在线为您服务</text>
-      </view>
-      <view class="header-right">
-        <button class="menu-btn" v-show="showMenuButton" @click="showMenu">
-          <text class="iconfont icon-ellipsis"></text>
-        </button>
-        <!-- 占位元素，确保布局平衡 -->
-        <view v-show="!showMenuButton" class="placeholder"></view>
-      </view>
-    </view>
-
-    <!-- 聊天内容区域 -->
-    <view class="chat-content" 
-      :style="wrapperChatContentStyle"
-      >
-      <!-- AI聊天组件 -->
-      <ai-chat-message 
-        ref="chat"
-        :initial-messages="initialMessages"
-        :user-avatar="userAvatar"
-        :ai-avatar="aiAvatar"
-        @message-sent="onMessageSent"
-        @ai-response="onAIResponse"
-        @action-click="onActionClick"
-        @history-loaded="onHistoryLoaded"
-        @file-preview="onFilePreview"
-        @audio-play="onAudioPlay"
-        @audio-pause="onAudioPause"
-        @video-play="onVideoPlay"
-        @video-pause="onVideoPause"
-        @link-open="onLinkOpen"
-        @product-view="onProductView"
-        @input-change="onInputChange" />
-    </view>
-  </view>
-</template>
-
-<script>
-import { mapGetters, mapMutations } from 'vuex'
-import navigationHelper from '@/common/js/navigation';
-import { EventSafety } from '@/common/js/event-safety';
-
-export default {
-  data() {
-    return {
-      initialMessages: [
-        {
-          id: 1,
-          role: 'ai',
-          type: 'text',
-          content: '您好！我是AI智能客服，很高兴为您服务！\n\n我可以帮您：\n• 解答产品相关问题\n• 处理订单问题\n• 提供技术支持\n• 推荐相关商品\n\n请告诉我您需要什么帮助？',
-          timestamp: Date.now() - 60000,
-          actions: [
-            { type: 'like', icon: 'icon-dianzan1', text: '喜欢', count: 0 },
-            { type: 'dislike', icon: 'icon-dianzan1', text: '不喜欢', count: 0 }
-          ]
-        }
-      ],
-
-      // --- 系统导航栏/状态栏相关 ---
-      navBarHeight: 44,   // uni-page-head 系统导航栏，默认高度为44px
-      statusBarHeight: 0, // 状态栏高度，默认0
-
-      // --- 自定义导航栏 ---
-      showCustomNavbar: true,    // 是否显示自定义导航栏
-      showBackButton: false,      // 是否显示返回按钮
-      showMenuButton: true,      // 是否显示设置菜单按钮
-
-      // --- 聊天内容区域 ---  
-      scrollViewHeight: '0px',
-
-
-      // 事件处理器引用（用于清理）
-      safeEventHandlers: new Map()
-    }
-  },
-  
-  computed: {
-    ...mapGetters([
-      'globalAIAgentConfig'
-    ]),    
-
-    /// ---- 关于AI客服的配置，支持远程配置 ----
-    userAvatar() {
-      return this.globalAIAgentConfig?.userAvatar || '/static/images/user-avatar.png'
-    },
-    aiAvatar() {
-      return this.globalAIAgentConfig?.aiAvatar || '/static/images/ai-avatar.png'
-    },
-    /// ---- others ----
-    containerHeight() {
-      return `calc(100vh - ${this.navBarHeight + this.statusBarHeight}px)`
-    },
-    wrapperPageStyle() {
-      // #ifdef H5
-      return `top: ${this.navBarHeight + 'px'};`
-      // #endif
-
-      // #ifdef MP-WEIXIN
-      return `top: -1px;` // 微信小程序需要上移1px, 否则与系统导航栏出现1px的空隙
-      // #endif
-
-      return ``
-    },
-    wrapperChatContentStyle() {
-      return { 
-        height: this.containerHeight,
-        paddingTop: this.showCustomNavbar ? '0' : (this.navHeight + 'px')
-      }
-    }
-  },
-
-  async onLoad(options) {
-    await this.initPage(options)
-  },
-  
-  async onReady() {
-    await this.initNavigation()
-  },
-
-  onShow() {
-    
-  },
-
-  onHide() {
-
-  },
-  
-  onUnload() {
-    this.cleanup()
-  },
-
-
-  
-
-  methods: {
-    // ========== 安全事件处理 ==========
-    setupSafeEventListeners() {
-      // 使用 EventSafety 包装事件处理器
-      const safeHandlers = {
-        serviceRequest: EventSafety.wrapEventHandler(
-          this.handleServiceRequest.bind(this),
-          { onError: this.handleEventError.bind(this) }
-        ),
-        navigationRequest: EventSafety.wrapEventHandler(
-          this.handleNavigationRequest.bind(this),
-          { onError: this.handleEventError.bind(this) }
-        ),
-        componentInteraction: EventSafety.wrapEventHandler(
-          this.handleComponentInteraction.bind(this),
-          { onError: this.handleEventError.bind(this) }
-        )
-      }
-      
-      // 注册事件监听
-      this.$on('service.requestComponentInfo', safeHandlers.serviceRequest)
-      this.$on('navigation.requestInfo', safeHandlers.navigationRequest)
-      this.$on('component.interaction', safeHandlers.componentInteraction)
-      
-      // 保存处理器引用用于清理
-      this.safeEventHandlers.set('serviceRequest', safeHandlers.serviceRequest)
-      this.safeEventHandlers.set('navigationRequest', safeHandlers.navigationRequest)
-      this.safeEventHandlers.set('componentInteraction', safeHandlers.componentInteraction)
-    },
-
-    setupNavigationEvents() {
-      // 监听窗口大小变化
-      uni.onWindowResize((res) => {
-        console.log('窗口大小变化:', res.size)
-        this.calculateScrollViewHeight()
-      })
-    },   
-
-    // ========== 事件处理方法 ========== 
-
-    async handleServiceRequest(event) {
-      console.log('处理服务请求:', EventSafety.extractEventData(event))
-      
-      // 安全地检查事件目标
-      if (event.matches('.service-component') || 
-          event.detail?.componentType === 'service') {
-        await this.processServiceRequest(event)
-      }
-    },
-
-    async handleNavigationRequest(event) {
-      console.log('处理导航请求:', event.type)
-      
-      // 提供导航信息
-      this.emitNavigationInfo(event)
-    },
-
-    handleComponentInteraction(event) {
-      console.log('处理组件交互:', event.detail)
-      
-      // 安全地处理组件交互
-      this.processComponentInteraction(event)
-    },
-
-    handleEventError(error, event) {
-      console.error('事件处理错误:', {
-        error: error.message,
-        eventType: event?.type,
-        component: this.$options.name
-      })
-      
-      this.showError('操作失败，请重试')
-    },
-
-    // ========== 初始化页面 ==========
-    async initPage(options = {}) {
-      this.$langConfig.title('AI智能客服');
-      this.initChat()
-    },
-    
-
-    // 初始化导航栏相关配置
-    async initNavigation() {
-      try {
-        // 获取导航栏高度
-        this.navBarHeight = await navigationHelper.getNavigationHeight(this, {forceRefresh: false})
-        
-        // 获取状态栏高度
-        this.statusBarHeight = navigationHelper.getStatusBarHeight()
-        
-        // 计算滚动视图高度
-        this.calculateScrollViewHeight()
-
-        // 注册导航相关事件
-        this.setupNavigationEvents()
-        
-      } catch (error) {
-        console.error('初始化导航栏失败:', error)
-        this.setFallbackNavigationValues()
-      }
-    },
-
-    // 计算滚动视图高度
-    calculateScrollViewHeight() {
-      const safeArea = navigationHelper.getSafeAreaInsets()
-      const bottomInset = safeArea.bottom || 0
-      const inputHeight = 120 // 输入区域高度
-      
-      this.scrollViewHeight = `calc(100vh - ${this.navBarHeight + this.statusBarHeight + inputHeight + bottomInset}px)`
-    },    
-
-    // 备用高度设置
-    setFallbackNavigationValues() {
-      // #ifdef MP-WEIXIN
-      this.navBarHeight = 44
-      this.statusBarHeight = 20
-      // #endif
-      
-      // #ifdef H5
-      this.navBarHeight = 44
-      this.statusBarHeight = 0
-      // #endif
-      
-      // #ifdef APP-PLUS
-      this.navBarHeight = 88
-      this.statusBarHeight = 44
-      // #endif
-    },    
-
-    cleanup() {
-      // 清理事件监听器
-      this.safeEventHandlers.forEach((handler, eventType) => {
-        this.$off(eventType, handler)
-      })
-      this.safeEventHandlers.clear()
-      
-      console.log('组件清理完成')
-    },
-
-    showError(message) {
-      uni.showToast({
-        title: message,
-        icon: 'none',
-        duration: 2000
-      })
-    },    
-
-
-    // 初始化聊天
-    initChat() {
-      // 可以在这里加载历史消息
-      console.log('AI聊天页面初始化')
-    },
-
-    // 返回上一页
-    goBack() {
-      uni.navigateBack()
-    },
-
-    // 显示菜单
-    showMenu() {
-      uni.showActionSheet({
-        itemList: ['清空聊天', '导出记录', '设置', '帮助'],
-        success: (res) => {
-          switch (res.tapIndex) {
-            case 0:
-              this.clearChat()
-              break
-            case 1:
-              this.exportChat()
-              break
-            case 2:
-              this.showSettings()
-              break
-            case 3:
-              this.showHelp()
-              break
-          }
-        }
-      })
-    },
-
-    // 清空聊天
-    clearChat() {
-      uni.showModal({
-        title: '提示',
-        content: '确定要清空聊天记录吗？',
-        success: (res) => {
-          if (res.confirm) {
-            this.$refs.chat.clearMessages()
-            // 重新添加欢迎消息
-            this.$refs.chat.addMessage({
-              id: Date.now(),
-              role: 'ai',
-              type: 'text',
-              content: '聊天记录已清空，有什么可以帮助您的吗？',
-              timestamp: Date.now()
-            })
-          }
-        }
-      })
-    },
-
-    // 导出聊天记录
-    exportChat() {
-      uni.showToast({
-        title: '功能开发中',
-        icon: 'none'
-      })
-    },
-
-    // 显示设置
-    showSettings() {
-      uni.navigateTo({
-        url: '/pages/settings/index'
-      })
-    },
-
-    // 显示帮助
-    showHelp() {
-      const helpMessage = {
-        id: Date.now(),
-        role: 'ai',
-        type: 'markdown',
-        content: `# 使用帮助
-
-## 基本功能
-- **发送消息**: 在输入框中输入文字后发送
-- **语音输入**: 点击麦克风图标进行语音输入
-- **附件发送**: 点击+号可以发送图片、文件、位置
-
-## 消息类型
-- **文本消息**: 普通文字对话
-- **Markdown**: 支持格式化的文档内容
-- **文件**: 支持各种文件格式预览
-- **音频**: 支持语音消息播放
-- **视频**: 支持视频播放
-- **链接**: 支持网页链接跳转
-- **商品**: 支持商品卡片展示
-
-## 操作功能
-- **点赞/踩**: 对AI回复进行评价
-- **复制**: 长按消息可复制内容
-- **转发**: 支持消息转发功能`,
-        timestamp: Date.now()
-      }
-      this.$refs.chat.addMessage(helpMessage)
-    },
-
-    // 用户发送消息
-    onMessageSent(message) {
-      console.log('用户发送消息:', message)
-      
-      // 使用AI服务获取回复
-      // AI聊天组件内部已经集成了AI服务，这里只需要监听事件
-    },
-
-    // AI回复消息
-    onAIResponse(message) {
-      console.log('AI回复消息:', message)
-      
-      // 可以在这里处理AI回复后的逻辑
-      // 比如记录对话、更新状态等
-    },
-
-    // 生成AI回复
-    generateAIResponse(userMessage) {
-      const responses = [
-        '我理解您的需求，让我为您详细解答。',
-        '感谢您的提问，这是一个很好的问题。',
-        '根据您的问题，我建议您可以考虑以下几个方面：',
-        '这个问题很常见，让我为您提供一些解决方案。',
-        '我明白您的困惑，让我帮您分析一下。'
-      ]
-      
-      const randomResponse = responses[Math.floor(Math.random() * responses.length)]
-      
-      const aiMessage = {
-        id: Date.now(),
-        role: 'ai',
-        type: 'text',
-        content: `${randomResponse}\n\n您的问题"${userMessage.content}"我已经收到，正在为您处理中...`,
-        timestamp: Date.now(),
-        actions: [
-          { type: 'like', count: 0 },
-          { type: 'dislike', count: 0 }
-        ]
-      }
-      
-      this.$refs.chat.addMessage(aiMessage)
-      this.$emit('ai-response', aiMessage)
-    },
-
-    // 操作按钮点击
-    onActionClick({ action, message }) {
-      console.log('操作点击:', action, message)
-      
-      switch (action.type) {
-        case 'like':
-          uni.showToast({
-            title: '感谢您的反馈！',
-            icon: 'success'
-          })
-          break
-        case 'dislike':
-          uni.showToast({
-            title: '我们会改进服务',
-            icon: 'none'
-          })
-          break
-      }
-    },
-
-    // 历史消息加载完成
-    onHistoryLoaded(messages) {
-      console.log('历史消息加载完成:', messages.length)
-    },
-
-    // 文件预览
-    onFilePreview(message) {
-      console.log('文件预览:', message)
-      uni.showToast({
-        title: '打开文件: ' + message.fileName,
-        icon: 'none'
-      })
-    },
-
-    // 音频播放
-    onAudioPlay(message) {
-      console.log('音频播放:', message)
-    },
-
-    // 音频暂停
-    onAudioPause(message) {
-      console.log('音频暂停:', message)
-    },
-
-    // 视频播放
-    onVideoPlay(message) {
-      console.log('视频播放:', message)
-    },
-
-    // 视频暂停
-    onVideoPause(message) {
-      console.log('视频暂停:', message)
-    },
-
-    // 链接打开
-    onLinkOpen(message) {
-      console.log('链接打开:', message)
-      uni.showModal({
-        title: '打开链接',
-        content: `确定要打开链接：${message.url} 吗？`,
-        success: (res) => {
-          if (res.confirm) {
-            // #ifdef H5
-            window.open(message.url, '_blank')
-            // #endif
-            // #ifdef APP-PLUS
-            plus.runtime.openURL(message.url)
-            // #endif
-          }
-        }
-      })
-    },
-
-    // 商品查看
-    onProductView(message) {
-      console.log('商品查看:', message)
-      uni.showToast({
-        title: '查看商品: ' + message.title,
-        icon: 'none'
-      })
-    },
-
-    // 输入内容变化
-    onInputChange(value) {
-      console.log('输入内容:', value)
-    }
-  }
-}
-</script>
-
-<style lang="scss">
-
-/* 引入图标字体 */
-@import url('/common/css/iconfont.css');
-
-/* 页面样式 */
-.ai-chat-page {
-  display: flex;
-  flex-direction: column;
-  background-color: #f8f8f8;
-  overflow: hidden;
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-}
-
-/* 自定义导航头部 */
-.custom-navbar {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 20rpx 30rpx;
-  background-color: white;
-  border-bottom: 2rpx solid #eeeeee;
-  
-  .header-left {
-    flex: 0 0 auto;
-    display: flex;
-    align-items: center;
-    
-    .back-btn {
-      width: 60rpx;
-      height: 60rpx;
-      border-radius: 50%;
-      background-color: #f8f8f8;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      
-      .iconfont {
-        font-size: 32rpx;
-        color: #666;
-      }
-    }
-    
-    .placeholder {
-      width: 120rpx;
-      height: 60rpx;
-    }
-  }
-  
-  .header-center {
-    flex: 1;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 20rpx;
-    
-    .header-title {
-      font-size: 36rpx;
-      font-weight: bold;
-      color: #333;
-    }
-    
-    .header-subtitle {
-      font-size: 24rpx;
-      color: #999;
-    }
-  }
-  
-  .header-right {
-    flex: 0 0 auto;
-    display: flex;
-    align-items: center;
-    
-    .menu-btn {
-      width: 60rpx;
-      height: 60rpx;
-      border-radius: 50%;
-      background-color: #f8f8f8;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      
-      .iconfont {
-        font-size: 32rpx;
-        color: #666;
-      }
-    }
-    
-    .placeholder {
-      width: 120rpx;
-      height: 60rpx;
-    }
-  }
-}
-
-/* 聊天内容区域 */
-.chat-content {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-}
-
-
-
-/* 底部tabBar占位样式 */
-.page-bottom {
-  width: 100%;
-  background-color: transparent;
-}
-
-</style>
\ No newline at end of file
+<template>
+<view class="ai-chat-page">
+  <!-- 导航栏 -->
+  <view class="navbar">
+     <!-- 新增：语言切换按钮（左侧） -->
+      <button class="lang-switch-btn" @click="toggleLanguage">
+        {{ currentLang === 'zh' ? 'English' : '中文' }}
+      </button>
+	   <!-- 中间标题：居中显示 -->
+	    <view class="navbar-title">{{ langConfig.navbarTitle }}</view>
+
+    
+    <!-- 新增：编辑昵称按钮 -->
+    <button class="edit-nickname-btn" @click="editNickname" aria-label="编辑昵称">
+      <text class="iconfont">✏️</text>
+    </button>
+  </view>
+
+  <!-- 快捷功能入口 -->
+  <view class="quick-functions">
+    <button class="quick-btn expression-btn" @click="toggleExpressionPanel">
+      <text class="iconfont icon-expression">😊</text>
+    </button>
+    <button class="quick-btn" @click="openShoppingBag">
+      <text class="iconfont icon-bag">🛒</text>
+      
+    </button>
+    <!-- 新增更换头像按钮 -->
+    <button class="quick-btn" @click="chooseUserAvatar">
+      <text class="iconfont icon-avatar">👤</text>
+    </button>
+  </view>
+
+  <!-- 更换头像弹窗 -->
+  <view class="avatar-modal" v-if="showAvatarModal">
+    <view class="avatar-modal-mask" @click="showAvatarModal = false"></view>
+    <view class="avatar-modal-content">
+      <view class="avatar-modal-header">
+        <text class="avatar-modal-title">{{ langConfig.changeAvatarTitle }}</text>
+        <button class="avatar-modal-close" @click="showAvatarModal = false">×</button>
+      </view>
+      <view class="avatar-modal-body">
+        <!-- 预览当前头像 -->
+        <view class="avatar-preview">
+          <image :src="userAvatarUrl || defaultAvatar" mode="aspectFill" class="preview-img"/>
+        </view>
+        <!-- 选择头像按钮 -->
+        <button class="avatar-select-btn" @click="pickAvatar">{{ langConfig.chooseFromAlbum }}</button>
+        <button class="avatar-select-btn camera-btn" @click="captureAvatar">{{ langConfig.takePhoto }}</button>
+        <button class="avatar-reset-btn" @click="resetAvatar" v-if="userAvatarUrl">{{ langConfig.resetAvatar }}</button>
+      </view>
+    </view>
+  </view>
+
+  <!-- 购物车面板（点击购物袋显示） -->
+  <view class="cart-panel" v-if="showCartPanel">
+    <view class="cart-header">
+      <text class="cart-title">{{ langConfig.myCart }}</text>
+      
+    </view>
+    <view class="cart-list">
+      <view
+        class="cart-item"
+        v-for="(product, idx) in cartProducts"
+        :key="idx"
+        @click="consultCartProduct(product)"
+      >
+        <image :src="product.imageUrl" mode="widthFix" class="cart-product-img"/>
+        <view class="cart-product-info">
+          <text class="cart-product-name">{{ product.name }}</text>
+          <text class="cart-product-spec">{{ product.spec }}</text>
+          <text class="cart-product-price">{{ langConfig.currency }}{{ product.price }}</text>
+          <text class="cart-product-count">×{{ product.count }}</text>
+        </view>
+        <text class="consult-icon">{{ langConfig.consult }}</text>
+      </view>
+    </view>
+    <view class="cart-footer">
+      <button class="cart-btn clear-cart" @click="clearCart">{{ langConfig.clearCart }}</button>
+      <button class="cart-btn checkout-cart" @click="checkoutCart">{{ langConfig.checkout }}</button>
+    </view>
+  </view>
+
+  <!-- 聊天内容区域 -->
+  <view class="chat-container">
+    <scroll-view
+      class="chat-scroll"
+      scroll-y
+      :scroll-top="scrollTop"
+      @scroll="onScroll"
+      scroll-with-animation
+    >
+      <view class="chat-messages">
+        <!-- AI消息项 -->
+        <view
+          class="message-item ai-message"
+          v-for="(msg, idx) in chatMessages"
+          :key="msg.id"
+        >
+          <!-- AI头像 -->
+          <view class="avatar ai-avatar">
+            <svg width="72" height="72" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
+              <circle cx="50" cy="50" r="48" fill="#007aff" stroke="#e8f4ff" stroke-width="2"/>
+              <circle cx="50" cy="45" r="25" fill="#ffffff"/>
+              <circle cx="40" cy="40" r="4" fill="#007aff"/>
+              <circle cx="60" cy="40" r="4" fill="#007aff"/>
+              <path d="M35,55 Q50,60 65,55" fill="none" stroke="#007aff" stroke-width="2"/>
+              <path d="M50,55 L50,65" fill="none" stroke="#007aff" stroke-width="2"/>
+            </svg>
+          </view>
+          <!-- 聊天气泡 -->
+          <view class="message-bubble ai-bubble">
+            <text class="message-content">{{ msg.content }}</text>
+            <!-- 操作按钮 -->
+            <view class="message-actions" v-if="msg.showActions">
+              <button
+                class="action-btn"
+                @click="handleLike(msg)"
+                :class="{ active: msg.isLiked }"
+              >
+                <text class="iconfont">👍</text> {{ langConfig.useful }}
+              </button>
+              <button
+                class="action-btn"
+                @click="handleDislike(msg)"
+                :class="{ active: msg.isDisliked }"
+              >
+                <text class="iconfont">👎</text> {{ langConfig.useless }}
+              </button>
+            </view>
+            <text class="message-time">{{ formatTime(msg.timestamp) }}</text>
+          </view>
+        </view>
+
+        <!-- 用户消息项（头像在气泡右侧） -->
+        <view
+          class="message-item user-message"
+          v-for="(msg, idx) in userMessages"
+          :key="msg.id"
+        >
+          <!-- 用户头像（在右） -->
+          <view class="avatar user-avatar">
+            <image
+              :src="userAvatarUrl || defaultAvatar"
+              mode="aspectFill"
+              class="user-avatar-img"
+            />
+          </view>
+          <!-- 聊天气泡（在左） -->
+          <view class="message-bubble user-bubble">
+            <!-- 新增：用户昵称 -->
+            <text class="user-nickname">{{ userNickname }}</text>
+            <text class="message-content">{{ msg.content }}</text>
+            <text class="message-time">{{ formatTime(msg.timestamp) }}</text>
+          </view>
+        </view>
+
+        <!-- AI加载中 -->
+        <view class="message-item ai-message" v-if="isLoading">
+          <view class="avatar ai-avatar">
+            <svg width="72" height="72" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
+              <circle cx="50" cy="50" r="48" fill="#007aff" stroke="#e8f4ff" stroke-width="2"/>
+              <circle cx="50" cy="45" r="25" fill="#ffffff"/>
+              <circle cx="40" cy="40" r="4" fill="#007aff"/>
+              <circle cx="60" cy="40" r="4" fill="#007aff"/>
+              <path d="M35,55 Q50,60 65,55" fill="none" stroke="#007aff" stroke-width="2"/>
+              <path d="M50,55 L50,65" fill="none" stroke="#007aff" stroke-width="2"/>
+            </svg>
+          </view>
+          <view class="message-bubble ai-bubble loading">
+            <view class="loading-dots">
+              <view class="dot"></view>
+              <view class="dot"></view>
+              <view class="dot"></view>
+            </view>
+          </view>
+        </view>
+      </view>
+    </scroll-view>
+  </view>
+
+  <!-- 表情面板（点击表情按钮显示） -->
+  <view class="expression-panel" v-if="showExpressionPanel">
+    <view class="expression-grid">
+      <text class="expression-item" @click="addExpression('😊')">😊</text>
+      <text class="expression-item" @click="addExpression('😂')">😂</text>
+      <text class="expression-item" @click="addExpression('👍')">👍</text>
+      <text class="expression-item" @click="addExpression(langConfig.thanks)">{{ langConfig.thanks }}</text>
+      <text class="expression-item" @click="addExpression('？')">？</text>
+      <text class="expression-item" @click="addExpression(langConfig.ok)">{{ langConfig.ok }}</text>
+      <text class="expression-item" @click="addExpression('👌')">👌</text>
+      <text class="expression-item" @click="addExpression(langConfig.trouble)">{{ langConfig.trouble }}</text>
+      <text class="expression-item" @click="addExpression('🙏')">🙏</text>
+    </view>
+  </view>
+
+  <!-- 底部输入区域 -->
+  <view class="input-area">
+    <textarea
+      class="input-box"
+      v-model="inputContent"
+      :placeholder="langConfig.inputPlaceholder"
+      @confirm="sendMessage"
+      :disabled="isLoading"
+    />
+    <button
+      class="send-btn"
+      @click="sendMessage"
+      :disabled="!inputContent.trim() || isLoading"
+    >
+      <text class="iconfont icon-send">↑</text>
+    </button>
+  </view>
+</view>
+</template>
+
+<script>
+export default {
+data() {
+  return {
+    // 新增：语言配置
+    currentLang: 'zh', // 默认中文：zh / 英文：en
+    langConfigs: {
+      zh: {
+        // 导航/功能按钮
+        navbarTitle: 'AI智能客服',
+       
+        // 头像弹窗
+        changeAvatarTitle: '更换头像',
+        chooseFromAlbum: '从相册选择',
+        takePhoto: '拍照上传',
+        resetAvatar: '重置默认头像',
+        // 购物车
+        myCart: '我的购物车',
+        currency: '¥',
+        consult: '💬 咨询',
+        clearCart: '清空购物车',
+        checkout: '结算',
+        // 聊天相关
+        useful: '有用',
+        useless: '无用',
+        inputPlaceholder: '请输入您的问题...',
+        sendBtn: '发送',
+        // 表情/通用文本
+        thanks: '谢谢',
+        ok: '好的',
+        trouble: '麻烦了',
+        // 系统提示/回复模板
+        systemTips: {
+          evaluateOpen: '打开了【评价客服】功能，您可以对服务进行打分和评价',
+          selfServiceOpen: '打开了【自助服务】功能，包含常见问题解答和自助办理入口',
+          cartOpen: '打开了【购物车】，您可以点击任意产品进行咨询',
+          cartClear: '购物车已清空',
+          cartCheckout: '发起购物车结算',
+          chatClear: '聊天记录已清空，有什么可以帮助您的吗？',
+          avatarSuccess: '头像更换成功',
+          avatarReset: '已重置为默认头像',
+          likeSuccess: '感谢您的认可！',
+          dislikeSuccess: '我们会继续改进！'
+        },
+        // AI回复模板
+        aiReplies: {
+          welcome: '您好！我是智能客服，很高兴为您服务~ 您可以咨询产品相关问题，也可以点击购物袋查看已选产品进行咨询。',
+          evaluateGood: '感谢您的认可！我们会继续努力提供更好的产品咨询服务~',
+          evaluateBad: '非常抱歉给您带来不好的体验，您可以告诉我具体问题，我会尽力解答！',
+          selfService: (item) => `您选择了【${item}】，正在为您提供相关服务...`,
+          cartProductReply: {
+            dryer: (p) => `您咨询的【${p.name}】相关信息：✨ 产品特点：• 鼓风再生技术，节能30%• 露点稳定在-40℃以下• 全自动运行，无需人工值守💰 价格：¥${p.price}（含13%增值税）📅 货期：现货，下单后48小时发货🔧 质保：2年免费保修，终身维护您想了解安装、参数还是报价详情？`,
+            filter: (p) => `您咨询的【${p.name}】相关信息：✨ 产品特点：• 过滤精度可达0.01μm• 压差小，能耗低• 可更换滤芯，维护成本低💰 价格：¥${p.price}（含运费）📅 货期：3-5个工作日🔧 适用介质：压缩空气、氮气、氧气您想了解滤芯寿命、安装方式还是批量采购折扣？`,
+            valve: (p) => `您咨询的【${p.name}】相关信息：✨ 产品特点：• 三偏心设计，密封性能好• 耐温范围：-20℃~450℃• 操作扭矩小，启闭轻便💰 价格：¥${p.price}（含安装配件）📅 货期：7-10个工作日🔧 适用场景：化工、冶金、电力行业您想了解压力等级、材质还是定制服务？`
+          },
+          dryerReply: `关于干燥机的常见问题解答：1. 干燥机露点不稳定？→ 检查再生风机是否正常，吸附剂是否需要更换2. 能耗过高？→ 可调整再生周期，或升级为变频控制3. 维护成本？→ 每年更换一次吸附剂，成本约1200元您想了解具体哪方面的问题？`,
+          filterReply: `关于过滤器的常见问题解答：1. 滤芯更换周期？→ 一般6-8个月，根据使用工况调整2. 压差过大？→ 及时更换滤芯，检查进气杂质含量3. 过滤精度选择？→ 气动设备选0.01μm，一般用气选1μm您想了解具体哪方面的问题？`,
+          valveReply: `关于阀门的常见问题解答：1. 密封泄漏？→ 检查阀座磨损情况，及时更换密封件2. 操作卡顿？→ 加注专用润滑油，检查阀杆是否变形3. 耐高温范围？→ 最高可达450℃，特殊定制可到600℃您想了解具体哪方面的问题？`,
+          generalReply: (content) => `您咨询的"${content}"我已收到！如果是产品相关问题，您可以：1. 告诉我具体产品名称/型号2. 打开购物车点击对应产品咨询3. 描述您遇到的具体问题我会尽力为您解答~`,
+          cartCheckoutReply: (products) => `您购物车中有以下产品待结算：` +
+            products.map(p => `• ${p.name} ×${p.count} ¥${p.price}`).join('') +
+            `总计：¥${products.reduce((sum, p) => sum + p.price * p.count, 0)}您可以选择：1. 在线支付2. 线下转账3. 申请报价单请告诉我您的选择~`,
+          aboutUs: '智能客服系统 v1.0专注于工业流体设备咨询服务~'
+        }
+      },
+      en: {
+       
+        // 头像弹窗
+        changeAvatarTitle: 'Change Avatar',
+        chooseFromAlbum: 'Select from Album',
+        takePhoto: 'Take Photo',
+        resetAvatar: 'Reset to Default',
+        // 购物车
+        myCart: 'My Cart',
+        currency: '$',
+        consult: '💬 Consult',
+        clearCart: 'Clear Cart',
+        checkout: 'Checkout',
+        // 聊天相关
+        useful: 'Useful',
+        useless: 'Useless',
+        inputPlaceholder: 'Please enter your question...',
+        sendBtn: 'Send',
+        // 表情/通用文本
+        thanks: 'Thanks',
+        ok: 'OK',
+        trouble: 'Sorry to trouble you',
+        // 系统提示/回复模板
+        systemTips: {
+          evaluateOpen: 'Opened [Rate Service] function, you can rate and comment on the service',
+          selfServiceOpen: 'Opened [Self Service] function, including FAQ and self-service entry',
+          cartOpen: 'Opened [Shopping Cart], you can click any product to consult',
+          cartClear: 'Cart cleared',
+          cartCheckout: 'Initiated cart checkout',
+          chatClear: 'Chat history cleared, how can I help you?',
+          avatarSuccess: 'Avatar changed successfully',
+          avatarReset: 'Reset to default avatar',
+          likeSuccess: 'Thank you for your recognition!',
+          dislikeSuccess: 'We will continue to improve!'
+        },
+        // AI回复模板
+        aiReplies: {
+          welcome: 'Hello! I am an intelligent customer service, glad to serve you~ You can consult product-related questions, or click the shopping bag to view selected products for consultation.',
+          evaluateGood: 'Thank you for your recognition! We will continue to strive to provide better product consulting services~',
+          evaluateBad: 'We are very sorry for the bad experience. You can tell me the specific problem and I will try my best to answer it!',
+          selfService: (item) => `You selected [${item}], we are providing relevant services for you...`,
+          cartProductReply: {
+            dryer: (p) => `Information about [${p.name}] you consulted:✨ Product Features:• Blast regeneration technology, 30% energy saving• Dew point stable below -40℃• Fully automatic operation, no manual on duty💰 Price: $${p.price} (including 13% VAT)📅 Delivery: In stock, shipped within 48 hours after order🔧 Warranty: 2 years free warranty, lifetime maintenanceDo you want to know about installation, parameters or quotation details?`,
+            filter: (p) => `Information about [${p.name}] you consulted:✨ Product Features:• Filtration accuracy up to 0.01μm• Low pressure difference and energy consumption• Replaceable filter element, low maintenance cost💰 Price: $${p.price} (including shipping)📅 Delivery: 3-5 working days🔧 Applicable media: Compressed air, nitrogen, oxygenDo you want to know about filter element life, installation method or bulk purchase discount?`,
+            valve: (p) => `Information about [${p.name}] you consulted:✨ Product Features:• Triple eccentric design, good sealing performance• Temperature resistance range: -20℃~450℃• Small operating torque, easy to open and close💰 Price: $${p.price} (including installation accessories)📅 Delivery: 7-10 working days🔧 Applicable scenarios: Chemical, metallurgical, power industryDo you want to know about pressure rating, material or customization service?`
+          },
+          dryerReply: `FAQ about dryers:1. Unstable dryer dew point? → Check if the regeneration fan is normal and if the adsorbent needs replacement2. High energy consumption? → Adjust regeneration cycle or upgrade to frequency conversion control3. Maintenance cost? → Replace adsorbent once a year, cost about $1200Which specific aspect do you want to know about?`,
+          filterReply: `FAQ about filters:1. Filter element replacement cycle? → Generally 6-8 months, adjusted according to working conditions2. Excessive pressure difference? → Replace filter element in time and check inlet impurity content3. Filtration accuracy selection? → 0.01μm for pneumatic equipment, 1μm for general gas useWhich specific aspect do you want to know about?`,
+          valveReply: `FAQ about valves:1. Seal leakage? → Check valve seat wear and replace seal in time2. Operation jamming? → Add special lubricating oil and check if valve stem is deformed3. High temperature resistance range? → Up to 450℃, special customization up to 600℃Which specific aspect do you want to know about?`,
+          generalReply: (content) => `I have received your inquiry about "${content}"!If it is a product-related question, you can:1. Tell me the specific product name/model2. Open the shopping cart and click the corresponding product to consult3. Describe the specific problem you encounteredI will try my best to answer you~`,
+          cartCheckoutReply: (products) => `You have the following products to checkout in your cart:` +
+            products.map(p => `• ${p.name} ×${p.count} $${p.price}`).join('') +
+            `Total: $${products.reduce((sum, p) => sum + p.price * p.count, 0)}You can choose:1. Online payment2. Offline transfer3. Apply for quotationPlease tell me your choice~`,
+          aboutUs: 'Smart Customer Service System v1.0Focus on industrial fluid equipment consulting services~'
+        }
+      }
+    },
+
+    // 聊天数据
+    chatMessages: [],
+    userMessages: [],
+    inputContent: '',
+    isLoading: false,
+    scrollTop: 0,
+
+    // 功能面板控制
+    showExpressionPanel: false,
+    showCartPanel: false,
+
+    // 头像相关
+    showAvatarModal: false,
+    userAvatarUrl: '',
+    defaultAvatar: 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iNTAiIGN5PSI1MCIgcj0iNDgiIGZpbGw9IiNmNWY3ZmEiIHN0cm9rZT0iI2UwZTBlMCIgc3Ryb2tlLXdpZHRoPSIyIi8+PGNpcmNsZSBjeD0iNTAiIGN5PSIzNSIgcj0iMTUiIGZpbGw9IiNkOWUzZjAiLz48cGF0aCBkPSJNMjAsODAgUTUwLDYwIDgwLDgwIiBmaWxsPSIjZDllM2YwIi8+PC9zdmc+',
+
+    // 购物车产品数据
+    cartProducts: [
+      {id: 1,name: 'PFW无热再生压缩空气干燥机 / PFW Heatless Regeneration Compressed Air Dryer',spec: '型号：PFW-06 压力：1.6MPa / Model: PFW-06 Pressure: 1.6MPa',price: 3580,count: 1,imageUrl: 'https://p3-flow-imagex-download-sign.byteimg.com/tos-cn-i-a9rns2rl98/d2554fd9ddbb40a990951499a4c1fabe.png~tplv-a9rns2rl98-resize-jpeg-v1.png',type: 'dryer'},
+      {id: 2,name: 'PFG鼓风再生压缩空气干燥机 / PFG Blast Regeneration Compressed Air Dryer',spec: '型号：PFG-100 处理量：10m³/min / Model: PFG-100 Capacity: 10m³/min',price: 12800,count: 1,imageUrl: 'https://p11-flow-imagex-download-sign.byteimg.com/tos-cn-i-a9rns2rl98/d4dc4adb45464911b21764d4585d3602.png~tplv-a9rns2rl98-resize-jpeg-v1.png',type: 'dryer'},
+      {id: 3,name: 'PFY压缩热再生压缩空气干燥机 / PFY Compression Heat Regeneration Dryer',spec: '型号：PFY-200 处理量：20m³/min / Model: PFY-200 Capacity: 20m³/min',price: 18600,count: 1,imageUrl: 'https://p11-flow-imagex-download-sign.byteimg.com/tos-cn-i-a9rns2rl98/d1b86bda771d464fadb6bcc087c1ac4d.png~tplv-a9rns2rl98-resize-jpeg-v1.png',type: 'dryer'},
+      {id: 4,name: 'PFA组合式低露点干燥机 / PFA Combined Low Dew Point Dryer',spec: '型号：PFA-300 露点：-70℃ / Model: PFA-300 Dew Point: -70℃',price: 28900,count: 1,imageUrl: 'https://p11-flow-imagex-download-sign.byteimg.com/tos-cn-i-a9rns2rl98/e419a257befb4209953dabc636ffb276.png~tplv-a9rns2rl98-resize-jpeg-v1.png',type: 'dryer'},
+      {id: 5,name: 'PFB微热再生压缩空气干燥机 / PFB Micro Heat Regeneration Dryer',spec: '型号：PFB-150 处理量：15m³/min / Model: PFB-150 Capacity: 15m³/min',price: 15600,count: 1,imageUrl: 'https://p26-flow-imagex-download-sign.byteimg.com/tos-cn-i-a9rns2rl98/1b0dbc17b2ef4b0bb646af100cff57dc.png~tplv-a9rns2rl98-resize-jpeg-v1.png',type: 'dryer'},
+      {id: 6,name: 'PFD冷冻式压缩空气干燥机 / PFD Refrigerated Compressed Air Dryer',spec: '型号：PFD-080 处理量：8m³/min / Model: PFD-080 Capacity: 8m³/min',price: 9800,count: 1,imageUrl: 'https://p26-flow-imagex-download-sign.byteimg.com/tos-cn-i-a9rns2rl98/d7d7ddd2ad714c62a61752fcaf5c0847.png~tplv-a9rns2rl98-resize-jpeg-v1.png',type: 'dryer'},
+      {id: 7,name: '高性能程控阀 / High Performance Programmed Valve',spec: '型号：V-100 材质：铸铁 / Model: V-100 Material: Cast Iron',price: 2380,count: 1,imageUrl: 'https://p26-flow-imagex-download-sign.byteimg.com/tos-cn-i-a9rns2rl98/ac81fe92afee4243b0e1698bab2cbd68.png~tplv-a9rns2rl98-resize-jpeg-v1.png',type: 'valve'},
+      {id: 8,name: '三偏心蝶阀 / Triple Eccentric Butterfly Valve',spec: '型号：D373H-16C 口径：DN100 / Model: D373H-16C Caliber: DN100',price: 3580,count: 1,imageUrl: 'https://p26-flow-imagex-download-sign.byteimg.com/tos-cn-i-a9rns2rl98/0a4279a4ee034fc0b8f3c192fd3dcb2a.png~tplv-a9rns2rl98-resize-jpeg-v1.png',type: 'valve'},
+      {id: 9,name: '制氮专用角座阀 / Nitrogen Making Angle Seat Valve',spec: '型号：JZ-20 材质：不锈钢304 / Model: JZ-20 Material: Stainless Steel 304',price: 1860,count: 1,imageUrl: 'https://p3-flow-imagex-download-sign.byteimg.com/tos-cn-i-a9rns2rl98/d4a98659c8b743a59cf84953b4e67ce0.png~tplv-a9rns2rl98-resize-jpeg-v1.png',type: 'valve'},
+      {id: 10,name: '智能精控调节阀 / Intelligent Precision Control Valve',spec: '型号：ZDLP-16 调节精度：±1% / Model: ZDLP-16 Adjustment Accuracy: ±1%',price: 5680,count: 1,imageUrl: 'https://p3-flow-imagex-download-sign.byteimg.com/tos-cn-i-a9rns2rl98/96622539231f4bd4bacce9a2e62dca96.png~tplv-a9rns2rl98-resize-jpeg-v1.png',type: 'valve'},
+      
+    ],
+
+    // ====== 新增：昵称相关 ======
+    userNickname: '', // 当前昵称
+    defaultNicknames: { zh: '顾客', en: 'Customer' } // 默认昵称
+  };
+},
+computed: {
+  // 新增：当前语言配置（简化模板调用）
+  langConfig() {
+    return this.langConfigs[this.currentLang];
+  }
+},
+onLoad() {
+  // 初始化欢迎语（根据当前语言）
+  this.chatMessages.push({
+    id: 1,
+    content: this.langConfig.aiReplies.welcome,
+    timestamp: Date.now() - 60000,
+    showActions: true,
+    isLiked: false,
+    isDisliked: false
+  });
+  // 加载本地存储的头像和昵称
+  this.loadUserAvatar();
+  this.loadUserNickname(); // 👈 新增
+  this.scrollToBottom();
+},
+// 适配PC端挂载
+mounted() {
+  this.loadUserAvatar();
+  this.loadUserNickname(); // 👈 新增
+  this.scrollToBottom();
+  // 监听窗口大小变化，保持样式一致
+  if (typeof window !== 'undefined') {
+    window.addEventListener('resize', this.handleResize);
+	  }
+	},
+	beforeDestroy() {
+	  if (typeof window !== 'undefined') {
+	    window.removeEventListener('resize', this.handleResize);
+	  }
+	},
+	methods: {
+	  // ====== 新增：加载用户昵称 ======
+	  loadUserNickname() {
+	    let saved = null;
+	    try {
+	      // 兼容 uni-app 和 H5
+	      if (typeof uni !== 'undefined' && uni.getStorageSync) {
+	        saved = uni.getStorageSync('userNickname');
+	      } else if (typeof localStorage !== 'undefined') {
+	        saved = localStorage.getItem('userNickname');
+	      }
+	    } catch (e) {
+	      console.warn('Failed to load user nickname:', e);
+	    }
+	    // 若无保存，则使用当前语言默认值
+	    this.userNickname = saved || this.defaultNicknames[this.currentLang];
+	  },
+	
+	  // ====== 新增：保存用户昵称 ======
+	  saveUserNickname(nickname) {
+	    try {
+	      if (typeof uni !== 'undefined' && uni.setStorageSync) {
+	        uni.setStorageSync('userNickname', nickname);
+	      } else if (typeof localStorage !== 'undefined') {
+	        localStorage.setItem('userNickname', nickname);
+	      }
+	    } catch (e) {
+	      console.warn('Failed to save user nickname:', e);
+	    }
+	  },
+	
+	  // ====== 新增：编辑昵称弹窗 ======
+	 editNickname() {
+	   const confirmText = this.currentLang === 'zh' ? '确定' : 'OK';
+	   const cancelText = this.currentLang === 'zh' ? '取消' : 'Cancel';
+	   const title = this.currentLang === 'zh' ? '修改昵称' : 'Change Nickname';
+	 
+	   uni.showModal({
+	     title,
+	     placeholderText: this.userNickname,
+	     editable: true,
+	     confirmText,
+	     cancelText,
+	     success: (res) => {
+	       if (res.confirm && res.content?.trim()) {
+	         const newNick = res.content.trim();
+	         this.userNickname = newNick;
+	         this.saveUserNickname(newNick);
+	       }
+	     }
+	   });
+	 },
+	
+	  // 原有方法：返回上一页
+	  goBack() {
+	    uni.navigateBack();
+	  },
+	
+	  // 原有方法：滚动到底部
+	  scrollToBottom() {
+	    this.$nextTick(() => {
+	      this.scrollTop = 999999;
+	    });
+	  },
+	
+	  // 原有方法：窗口大小变化处理
+	  handleResize() {
+	    this.$nextTick(this.scrollToBottom);
+	  },
+	
+	  // 原有方法：滚动事件
+	  onScroll(e) {
+	    // 可扩展：判断是否在底部等
+	  },
+	
+	  // 原有方法：切换语言
+	  toggleLanguage() {
+	    this.currentLang = this.currentLang === 'zh' ? 'en' : 'zh';
+	    // 切换语言时，若用户未自定义昵称，则更新为对应默认值
+	    if (!this.userNickname || 
+	        this.userNickname === this.defaultNicknames.zh || 
+	        this.userNickname === this.defaultNicknames.en) {
+	      this.userNickname = this.defaultNicknames[this.currentLang];
+	    }
+	    // 保存语言设置
+	    if (typeof uni !== 'undefined') {
+	      uni.setStorageSync('appLang', this.currentLang);
+	    }
+	  },
+	
+	  // 原有方法：发送消息
+	  sendMessage() {
+	    const content = this.inputContent.trim();
+	    if (!content || this.isLoading) return;
+	
+	    // 添加用户消息
+	    const userMsg = {
+	      id: Date.now(),
+	      content,
+	      timestamp: Date.now()
+	    };
+	    this.userMessages.push(userMsg);
+	    this.inputContent = '';
+	    this.showExpressionPanel = false;
+	
+	    // 滚动到底部
+	    this.scrollToBottom();
+	
+	    // 模拟AI回复（简化版，实际可调用API）
+	    this.isLoading = true;
+	    setTimeout(() => {
+	      this.isLoading = false;
+	      let aiReply = '';
+	
+	      // 匹配关键词回复
+	      if (content.includes('干燥机') || content.includes('dryer')) {
+	        aiReply = this.langConfig.aiReplies.dryerReply;
+	      } else if (content.includes('过滤器') || content.includes('filter')) {
+	        aiReply = this.langConfig.aiReplies.filterReply;
+	      } else if (content.includes('阀门') || content.includes('valve')) {
+	        aiReply = this.langConfig.aiReplies.valveReply;
+	      } else if (content.includes('关于我们') || content.includes('about us')) {
+	        aiReply = this.langConfig.aiReplies.aboutUs;
+	      } else {
+	        aiReply = this.langConfig.aiReplies.generalReply(content);
+	      }
+	
+	      this.chatMessages.push({
+	        id: Date.now() + 1,
+	        content: aiReply,
+	        timestamp: Date.now(),
+	        showActions: true,
+	        isLiked: false,
+	        isDisliked: false
+	      });
+	      this.scrollToBottom();
+	    }, 800);
+	  },
+	
+	  // 原有方法：表情面板
+	  toggleExpressionPanel() {
+	    this.showExpressionPanel = !this.showExpressionPanel;
+	  },
+	  addExpression(text) {
+	    this.inputContent += text;
+	    this.showExpressionPanel = false;
+	  },
+	
+	  // 原有方法：购物车
+	  openShoppingBag() {
+	    this.showCartPanel = true;
+	  },
+	  consultCartProduct(product) {
+	    const msg = `我想咨询购物车中的【${product.name}】`;
+	    this.inputContent = msg;
+	    this.showCartPanel = false;
+	  },
+	  clearCart() {
+	    this.cartProducts = [];
+	    uni.showToast({ title: this.langConfig.systemTips.cartClear, icon: 'none' });
+	    this.showCartPanel = false;
+	  },
+	  checkoutCart() {
+	    if (this.cartProducts.length === 0) return;
+	    const reply = this.langConfig.aiReplies.cartCheckoutReply(this.cartProducts);
+	    this.chatMessages.push({
+	      id: Date.now(),
+	      content: reply,
+	      timestamp: Date.now(),
+	      showActions: true,
+	      isLiked: false,
+	      isDisliked: false
+	    });
+	    this.showCartPanel = false;
+	    this.scrollToBottom();
+	  },
+	
+	  // 原有方法：评价与自助服务
+	  openEvaluateService() {
+	    uni.showToast({ title: this.langConfig.systemTips.evaluateOpen, icon: 'none' });
+	  },
+	  openSelfService() {
+	    uni.showToast({ title: this.langConfig.systemTips.selfServiceOpen, icon: 'none' });
+	  },
+	
+	  // 原有方法：消息反馈
+	  handleLike(msg) {
+	    if (msg.isDisliked) return;
+	    msg.isLiked = !msg.isLiked;
+	    msg.isDisliked = false;
+	    if (msg.isLiked) {
+	      uni.showToast({ title: this.langConfig.systemTips.likeSuccess, icon: 'success' });
+	    }
+	  },
+	  handleDislike(msg) {
+	    if (msg.isLiked) return;
+	    msg.isDisliked = !msg.isDisliked;
+	    msg.isLiked = false;
+	    if (msg.isDisliked) {
+	      uni.showToast({ title: this.langConfig.systemTips.dislikeSuccess, icon: 'none' });
+	    }
+	  },
+	
+	  // 原有方法：头像更换
+	  chooseUserAvatar() {
+	    this.showAvatarModal = true;
+	  },
+	  pickAvatar() {
+	    uni.chooseImage({
+	      count: 1,
+	      success: (res) => {
+	        this.userAvatarUrl = res.tempFilePaths[0];
+	        this.saveUserAvatar(res.tempFilePaths[0]);
+	        uni.showToast({ title: this.langConfig.systemTips.avatarSuccess, icon: 'success' });
+	      }
+	    });
+	    this.showAvatarModal = false;
+	  },
+	  captureAvatar() {
+	    uni.chooseImage({
+	      count: 1,
+	      sourceType: ['camera'],
+	      success: (res) => {
+	        this.userAvatarUrl = res.tempFilePaths[0];
+	        this.saveUserAvatar(res.tempFilePaths[0]);
+	        uni.showToast({ title: this.langConfig.systemTips.avatarSuccess, icon: 'success' });
+	      }
+	    });
+	    this.showAvatarModal = false;
+	  },
+	  resetAvatar() {
+	    this.userAvatarUrl = '';
+	    this.saveUserAvatar('');
+	    uni.showToast({ title: this.langConfig.systemTips.avatarReset, icon: 'none' });
+	    this.showAvatarModal = false;
+	  },
+	  saveUserAvatar(url) {
+	    try {
+	      if (typeof uni !== 'undefined') {
+	        uni.setStorageSync('userAvatar', url);
+	      }
+	    } catch (e) {
+	      console.warn('Save avatar failed:', e);
+	    }
+	  },
+	  loadUserAvatar() {
+	    try {
+	      if (typeof uni !== 'undefined') {
+	        const saved = uni.getStorageSync('userAvatar');
+	        if (saved) {
+	          this.userAvatarUrl = saved;
+	        }
+	      }
+	    } catch (e) {
+	      console.warn('Load avatar failed:', e);
+	    }
+	  },
+	
+	  // 原有方法：时间格式化
+	  formatTime(timestamp) {
+	    const date = new Date(timestamp);
+	    const now = new Date();
+	    const diff = now - date;
+	    const minutes = Math.floor(diff / 60000);
+	    if (minutes < 1) return this.currentLang === 'zh' ? '刚刚' : 'Just now';
+	    if (minutes < 60) return `${minutes}${this.currentLang === 'zh' ? '分钟前' : 'm ago'}`;
+	    const hours = Math.floor(minutes / 60);
+	    if (hours < 24) return `${hours}${this.currentLang === 'zh' ? '小时前' : 'h ago'}`;
+	    const month = String(date.getMonth() + 1).padStart(2, '0');
+	    const day = String(date.getDate()).padStart(2, '0');
+	    const hour = String(date.getHours()).padStart(2, '0');
+	    const minute = String(date.getMinutes()).padStart(2, '0');
+	    return `${month}-${day} ${hour}:${minute}`;
+	  }
+	}
+	};
+	</script>
+	
+	<style scoped>
+	/* ========== 新增：用户昵称样式 ========== */
+	.user-nickname {
+	  font-size: 12px;
+	  color: #888;
+	  opacity: 0.9;
+	  margin-bottom: 4px;
+	  display: block;
+	  text-align: left;
+	}
+	
+	/* ========== 原有样式保持不变 ========== */
+	.ai-chat-page {
+	  display: flex;
+	  flex-direction: column;
+	  height: 100vh;
+	  background-color: #f5f7fa;
+	  position: relative;
+	  overflow: hidden;
+	}
+	
+	.lang-switch-btn {
+	  padding: 6px 12px;
+	  background: rgba(0, 122, 255, 0.8);
+	  color: white;
+	  border: none;
+	  border-radius: 20px;
+	  font-size: 14px;
+	  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
+	}
+	
+	.top-function-bar {
+	  display: flex;
+	  justify-content: center;
+	  padding: 12px 0;
+	  background: white;
+	  border-bottom: 1px solid #eee;
+	  gap: 30px;
+	}
+	.function-btn {
+	  display: flex;
+	  flex-direction: column;
+	  align-items: center;
+	  background: none;
+	  border: none;
+	  color: #666;
+	  font-size: 12px;
+	}
+	.function-btn .icon {
+	  font-size: 20px;
+	  margin-bottom: 4px;
+	}
+	
+	.navbar {
+	  display: flex;
+	  align-items: center;
+	  justify-content: space-between;
+	  padding: 12px 16px;
+	  background-color: #007aff;
+	  color: white;
+	  font-size: 18px;
+	  font-weight: bold;
+	  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+	}
+	.navbar-title {
+	  flex: 1;
+	  text-align: center;
+	  margin: 0 10px;
+	  overflow: hidden;
+	  text-overflow: ellipsis;
+	  white-space: nowrap;
+	}
+	.edit-nickname-btn {
+	  width: 36px;
+	  height: 36px;
+	  border-radius: 50%;
+	  background: rgba(255,255,255,0.2);
+	  display: flex;
+	  align-items: center;
+	  justify-content: center;
+	  border: none;
+	  color: white;
+	  font-size: 16px;
+	  margin-left: 10px;
+	}
+	
+	.quick-functions {
+	  display: flex;
+	  justify-content: center;
+	  padding: 12px 0;
+	  background: white;
+	  border-bottom: 1px solid #eee;
+	  gap: 40px;
+	  position: relative;
+	}
+	.quick-btn {
+	  position: relative;
+	  background: none;
+	  border: none;
+	  font-size: 24px;
+	  color: #666;
+	}
+	.cart-badge {
+	  position: absolute;
+	  top: -6px;
+	  right: -6px;
+	  background: red;
+	  color: white;
+	  font-size: 10px;
+	  padding: 2px 4px;
+	  border-radius: 10px;
+	  min-width: 14px;
+	  text-align: center;
+	}
+	
+	.avatar-modal {
+	  position: fixed;
+	  top: 0;
+	  left: 0;
+	  width: 100%;
+	  height: 100%;
+	  z-index: 2000;
+	}
+	.avatar-modal-mask {
+	  position: absolute;
+	  top: 0;
+	  left: 0;
+	  width: 100%;
+	  height: 100%;
+	  background: rgba(0,0,0,0.5);
+	}
+	.avatar-modal-content {
+	  position: absolute;
+	  bottom: 0;
+	  left: 0;
+	  width: 100%;
+	  background: white;
+	  border-top-left-radius: 20px;
+	  border-top-right-radius: 20px;
+	  padding: 20px;
+	  box-sizing: border-box;
+	}
+	.avatar-modal-header {
+	  display: flex;
+	  justify-content: space-between;
+	  align-items: center;
+	  margin-bottom: 20px;
+	}
+	.avatar-modal-title {
+	  font-size: 18px;
+	  font-weight: bold;
+	}
+	.avatar-modal-close {
+	  background: none;
+	  border: none;
+	  font-size: 24px;
+	  color: #999;
+	}
+	.avatar-preview {
+	  display: flex;
+	  justify-content: center;
+	  margin-bottom: 20px;
+	}
+	.preview-img {
+	  width: 100px;
+	  height: 100px;
+	  border-radius: 50%;
+	  object-fit: cover;
+	  border: 2px solid #eee;
+	}
+	.avatar-select-btn,
+	.avatar-reset-btn {
+	  width: 100%;
+	  padding: 12px;
+	  margin-bottom: 10px;
+	  border: none;
+	  border-radius: 8px;
+	  background: #007aff;
+	  color: white;
+	  font-size: 16px;
+	}
+	.camera-btn {
+	  background: #34c759;
+	}
+	.avatar-reset-btn {
+	  background: #ff3b30;
+	}
+	
+	.cart-panel {
+	  position: fixed;
+	  top: 0;
+	  left: 0;
+	  width: 100%;
+	  height: 100%;
+	  background: white;
+	  z-index: 1500;
+	  padding: 20px;
+	  box-sizing: border-box;
+	  overflow-y: auto;
+	}
+	.cart-header {
+	  display: flex;
+	  justify-content: space-between;
+	  align-items: center;
+	  margin-bottom: 20px;
+	  padding-bottom: 10px;
+	  border-bottom: 1px solid #eee;
+	}
+	.cart-title {
+	  font-size: 18px;
+	  font-weight: bold;
+	}
+	.close-cart {
+	  background: none;
+	  border: none;
+	  font-size: 24px;
+	  color: #999;
+	}
+	.cart-list {
+	  margin-bottom: 20px;
+	}
+	.cart-item {
+	  display: flex;
+	  padding: 12px;
+	  border: 1px solid #eee;
+	  border-radius: 12px;
+	  margin-bottom: 12px;
+	  cursor: pointer;
+	}
+	.cart-product-img {
+	  width: 60px;
+	  height: 60px;
+	  border-radius: 8px;
+	  margin-right: 12px;
+	  object-fit: cover;
+	}
+	.cart-product-info {
+	  flex: 1;
+	  display: flex;
+	  flex-direction: column;
+	  justify-content: space-between;
+	}
+	.cart-product-name {
+	  font-weight: bold;
+	  font-size: 14px;
+	  margin-bottom: 4px;
+	}
+	.cart-product-spec {
+	  font-size: 12px;
+	  color: #666;
+	  margin-bottom: 4px;
+	}
+	.cart-product-price {
+	  color: #ff3b30;
+	  font-weight: bold;
+	}
+	.cart-product-count {
+	  color: #999;
+	  font-size: 12px;
+	}
+	.consult-icon {
+	  color: #007aff;
+	  font-size: 18px;
+	  margin-left: 10px;
+	  align-self: center;
+	}
+	.cart-footer {
+	  display: flex;
+	  gap: 12px;
+	}
+	.cart-btn {
+	  flex: 1;
+	  padding: 12px;
+	  border: none;
+	  border-radius: 8px;
+	  font-size: 16px;
+	  color: white;
+	}
+	.clear-cart {
+	  background: #ff3b30;
+	}
+	.checkout-cart {
+	  background: #34c759;
+	}
+	
+	.chat-container {
+	  flex: 1;
+	  padding: 12px;
+	  overflow: hidden;
+	}
+	.chat-scroll {
+	  height: 100%;
+	}
+	.chat-messages {
+	  display: flex;
+	  flex-direction: column;
+	}
+	.message-item {
+	  display: flex;
+	  margin-bottom: 16px;
+	  max-width: 80%;
+	}
+	.ai-message {
+	  flex-direction: row;
+	}
+	.user-message {
+	  flex-direction: row-reverse;
+	  align-self: flex-end;
+	}
+	.avatar {
+	  width: 40px;
+	  height: 40px;
+	  border-radius: 50%;
+	  overflow: hidden;
+	  margin: 0 8px;
+	  flex-shrink: 0;
+	}
+	.ai-avatar {
+	  margin-right: 8px;
+	}
+	.user-avatar {
+	  margin-left: 8px;
+	}
+	.avatar svg,
+	.avatar image {
+	  width: 100%;
+	  height: 100%;
+	  display: block;
+	}
+	
+	/* ======== 重点：美化 AI 气泡 ======== */
+	.message-bubble {
+	  padding: 10px 16px;
+	  border-radius: 16px;
+	  position: relative;
+	  max-width: 85%;
+	  word-break: break-word;
+	  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
+	  transition: all 0.2s ease;
+	  font-size: 15px;
+	  line-height: 1.5;
+	}
+	
+	.ai-bubble {
+	  background-color: white;
+	  border: 1px solid #e0e0e0;
+	  color: #333;
+	  border-radius: 16px;
+	  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
+	  background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
+	}
+	
+	.user-bubble {
+	  background-color: #007aff;
+	  color: white;
+	  border: none;
+	  border-radius: 16px;
+	  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
+	}
+	
+	.message-time {
+	  font-size: 10px;
+	  opacity: 0.7;
+	  margin-top: 6px;
+	  display: block;
+	  text-align: right;
+	}
+	
+	.message-actions {
+	  margin-top: 10px;
+	  display: flex;
+	  gap: 10px;
+	}
+	
+	.message-actions {
+	  margin-top: 12px;
+	  display: flex;
+	  gap: 12px;
+	}
+	
+	/* ✅ 修改点：让“有用/无用”按钮更扁平 */
+	.action-btn {
+	  padding: 6px 12px;
+	  border: 1px solid #ddd;
+	  border-radius: 12px;
+	  background: white;
+	  color: #666;
+	  font-size: 12px;
+	  display: flex;
+	  align-items: center;
+	  gap: 4px;
+	  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
+	  transition: all 0.2s ease;
+	  height: 28px;
+	}
+	
+	.action-btn.active {
+	  background: #007aff;
+	  color: white;
+	  border-color: #007aff;
+	  transform: scale(0.98);
+	}
+	
+	.loading-dots {
+	  display: flex;
+	  gap: 4px;
+	  justify-content: flex-start;
+	}
+	.dot {
+	  width: 6px;
+	  height: 6px;
+	  background: #007aff;
+	  border-radius: 50%;
+	  animation: loading 1.4s infinite ease-in-out both;
+	}
+	.dot:nth-child(1) { animation-delay: -0.32s; }
+	.dot:nth-child(2) { animation-delay: -0.16s; }
+	@keyframes loading {
+	  0%, 80%, 100% { transform: scale(0); }
+	  40% { transform: scale(1); }
+	}
+	
+	.expression-panel {
+	  position: fixed;
+	  bottom: 80px;
+	  left: 50%;
+	  transform: translateX(-50%);
+	  background: white;
+	  border-radius: 12px;
+	  padding: 12px;
+	  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
+	  z-index: 100;
+	}
+	.expression-grid {
+	  display: grid;
+	  grid-template-columns: repeat(4, 1fr);
+	  gap: 12px;
+	}
+	.expression-item {
+	  font-size: 20px;
+	  text-align: center;
+	  padding: 8px;
+	  border-radius: 8px;
+	  background: #f5f7fa;
+	  cursor: pointer;
+	}
+	.expression-item:hover {
+	  background: #e0e6ed;
+	}
+	
+	.input-area {
+	  display: flex;
+	  padding: 12px;
+	  background: white;
+	  border-top: 1px solid #eee;
+	  gap: 10px;
+	  align-items: center; /* 👈 关键：使子元素垂直居中 */
+	}
+	.input-box {
+	  flex: 1;
+	  padding: 12px 16px;
+	  border: 1px solid #ddd;
+	  border-radius: 24px;
+	  font-size: 16px;
+	  min-height: 20px;
+	  max-height: 100px;
+	  resize: none;
+	  outline: none;
+	   box-shadow: none;
+	    /* 新增：防止文字过长撑开 */
+	    overflow-y: auto;
+	    /* 确保内容不会破坏布局 */
+	    height: 44px; /* 👈 固定高度，与 send-btn 一致 */
+	}
+	.send-btn {
+	  width: 44px;
+	  height: 44px;
+	  border-radius: 50%;
+	  background: #007aff;
+	  color: white;
+	  border: none;
+	  font-size: 18px;
+	  display: flex;
+	  align-items: center;
+	  justify-content: center;
+	  cursor: pointer;
+	  transition: background 0.2s ease;
+	}
+	/* 确保图标居中 */
+	.send-btn .iconfont {
+	  font-size: 20px;
+	  line-height: 1;
+	  vertical-align: middle;
+	}
+	
+	/* 响应式适配 */
+	@media (min-width: 768px) {
+	  .ai-chat-page {
+	    max-width: 800px;
+	    margin: 0 auto;
+	    box-shadow: 0 0 20px rgba(0,0,0,0.1);
+	    border-radius: 12px;
+	    overflow: hidden;
+	  }
+	  .lang-switch-btn {
+	    margin-right: 10px;
+	    position: absolute;
+	    top: 10px;
+	    right: 10px;
+	  }
+	}
+	</style>
\ No newline at end of file
diff --git a/project.config.json b/project.config.json
index 14f0be7..20ba0f6 100644
--- a/project.config.json
+++ b/project.config.json
@@ -1,7 +1,8 @@
 {
   "description": "项目配置文件",
   "packOptions": {
-    "ignore": []
+    "ignore": [],
+    "include": []
   },
   "setting": {
     "urlCheck": true,
@@ -37,20 +38,20 @@
     "userConfirmedBundleSwitch": false,
     "packNpmManually": false,
     "packNpmRelationList": [],
-    "minifyWXSS": true
+    "minifyWXSS": true,
+    "compileWorklet": false,
+    "minifyWXML": true,
+    "localPlugins": false,
+    "disableUseStrict": false,
+    "useCompilerPlugins": false,
+    "condition": false,
+    "swc": false,
+    "disableSWC": true
   },
   "compileType": "miniprogram",
-  "libVersion": "2.16.1",
+  "libVersion": "3.12.0",
   "appid": "wx29215aa1bd97bbd6",
   "projectname": "niushop_b2c_v4_uniapp",
-  "debugOptions": {
-    "hidedInDevtools": []
-  },
-  "scripts": {},
-  "staticServerOptions": {
-    "baseURL": "",
-    "servePath": ""
-  },
   "isGameTourist": false,
   "condition": {
     "search": {
@@ -71,5 +72,7 @@
     "miniprogram": {
       "list": []
     }
-  }
+  },
+  "simulatorPluginLibVersion": {},
+  "editorSetting": {}
 }
\ No newline at end of file

From c4f2cea1a915d71a370d95c46c5e5ddfe2279218 Mon Sep 17 00:00:00 2001
From: jinhhanhan <1683105490@qq.com>
Date: Fri, 5 Dec 2025 16:47:53 +0800
Subject: [PATCH 2/3] =?UTF-8?q?chore:=E5=8A=A0=E4=BA=86=E6=99=BA=E8=83=BD?=
 =?UTF-8?q?=E4=BD=93?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 App.vue                            | 232 ++++++++++++-----
 components/hover-nav/hover-nav.vue | 399 ++++++++++++++---------------
 pages/index/index.vue              |   2 +-
 3 files changed, 350 insertions(+), 283 deletions(-)

diff --git a/App.vue b/App.vue
index 300ccf0..c1b448d 100644
--- a/App.vue
+++ b/App.vue
@@ -31,7 +31,6 @@
 			if (uni.getSystemInfoSync().platform == 'ios') {
 				uni.setStorageSync('initUrl', location.href);
 			}
-			// DOM加载完成后，创建纯前端聊天窗口（无任何Dify残留）
 			this.$nextTick(() => {
 				this.createIndependentChatbot();
 			});
@@ -80,11 +79,9 @@
 			}
 
 			// #ifdef H5
-			// 自动授权登录（未登录时）
 			if (!uni.getStorageSync('memberInfo')) {
 				this.getAuthInfo();
 			}
-			// 已登录时同步会员信息
 			if (this.$store.state.token) {
 				this.$api.sendRequest({
 					url: '/api/member/info',
@@ -103,7 +100,6 @@
 		},
 		onShow: function(options) {
 			// #ifdef MP
-			// 修复语法错误：l0 → 10
 			this.getAuthInfo();
 			if (this.$store.state.token) {
 				this.$api.sendRequest({
@@ -123,101 +119,179 @@
 		},
 		onHide: function() {},
 		methods: {
-			/**
-			 * 纯前端聊天机器人（无Dify依赖）
-			 */
+			// 安全的 HTML 转义（防止 XSS）
+			htmlEncode(str) {
+				if (typeof str !== 'string') return '';
+				return str
+					.replace(/&/g, '&amp;')
+					.replace(/</g, '&lt;')
+					.replace(/>/g, '&gt;')
+					.replace(/"/g, '&quot;')
+					.replace(/'/g, '&#039;');
+			},
+
 			createIndependentChatbot() {
-				console.log('创建纯前端聊天窗口...');
+				console.log('创建响应式智能客服窗口...');
 
-				// 1. 移除所有旧的Dify相关元素（彻底清理残留）
-				document.querySelectorAll('[id^="dify-"]').forEach(el => el.remove());
+				// 清除已存在的元素
+				document.querySelectorAll('[id^="independent-chat-"]').forEach(el => el.remove());
 
-				// 2. 创建聊天按钮
+				// ========== 按钮 ==========
 				const chatBtn = document.createElement('div');
 				chatBtn.id = 'independent-chat-btn';
-				chatBtn.style = `
-					width: 56px; height: 56px; border-radius: 50%; background: #1C64F2;
-					position: fixed; bottom: 30px; right: 30px; z-index: 999999;
-					cursor: pointer; display: flex; align-items: center; justify-content: center;
-					color: white; font-size: 24px; box-shadow: 0 4px 12px rgba(0,0,0,0.15);
+				chatBtn.innerHTML = '💬';
+				chatBtn.style.cssText = `
+					width: 56px;
+					height: 56px;
+					border-radius: 50%;
+					position: fixed;
+					bottom: calc(180px + env(safe-area-inset-bottom, 0px));
+					right: 0px;
+					z-index: 999999;
+					cursor: pointer;
+					display: flex;
+					align-items: center;
+					justify-content: center;
+					color: white;
+					font-size: 24px;
+					box-shadow: 0 4px 12px rgba(0,0,0,0.2);
+					background: linear-gradient(135deg, #ff9a9e, #fad0c4, #a1c4fd, #c2e9fb, #d4fc79, #96e6a1);
+					background-size: 300% 300%;
+					animation: rainbowPulse 4s ease infinite;
+					user-select: none;
+					-webkit-user-drag: none;
 				`;
-				chatBtn.innerText = '💬';
 				document.body.appendChild(chatBtn);
 
-				// 3. 创建聊天窗口
+				// ========== 聊天窗口 ==========
 				const chatWindow = document.createElement('div');
 				chatWindow.id = 'independent-chat-window';
-				chatWindow.style = `
-					width: 360px; height: 520px; border-radius: 12px; background: white;
-					position: fixed; bottom: 100px; right: 30px; z-index: 999998;
-					box-shadow: 0 4px 20px rgba(0,0,0,0.15); display: none;
-					flex-direction: column; overflow: hidden;
+				chatWindow.style.cssText = `
+					position: fixed;
+					z-index: 999998;
+					border-radius: 12px;
+					background: white;
+					box-shadow: 0 4px 20px rgba(0,0,0,0.2);
+					display: none;
+					flex-direction: column;
+					overflow: hidden;
 				`;
 				document.body.appendChild(chatWindow);
 
-				// 3.1 标题栏
+				// 头部
 				const chatHeader = document.createElement('div');
-				chatHeader.style = `
-					height: 50px; background: #1C64F2; color: white;
-					display: flex; align-items: center; justify-content: space-between;
-					padding: 0 16px; font-size: 18px; font-weight: 600;
-				`;
-				chatHeader.innerHTML = `
-					<span>智能客服</span>
-					<span id="close-chat-window" style="cursor: pointer; font-size: 20px;">×</span>
+				chatHeader.style.cssText = `
+					height: 50px;
+					background: #1C64F2;
+					color: white;
+					display: flex;
+					align-items: center;
+					justify-content: space-between;
+					padding: 0 16px;
+					font-size: 18px;
+					font-weight: 600;
 				`;
+				chatHeader.innerHTML = `<span>智能客服</span><span id="close-chat-window" style="cursor:pointer;font-size:24px;">×</span>`;
 				chatWindow.appendChild(chatHeader);
 
-				// 3.2 聊天内容区
+				// 内容区
 				const chatContent = document.createElement('div');
-				chatContent.style = `
-					flex: 1; padding: 16px; overflow-y: auto;
+				chatContent.style.cssText = `
+					flex: 1;
+					padding: 16px;
+					overflow-y: auto;
 					background: #f9fafb;
 				`;
 				chatContent.innerHTML = `
-					<div style="display: flex; margin-bottom: 16px;">
-						<div style="width: 36px; height: 36px; border-radius: 50%; background: #1C64F2; color: white; display: flex; align-items: center; justify-content: center; margin-right: 8px;">🤖</div>
-						<div style="background: white; padding: 8px 12px; border-radius: 8px; max-width: 70%;">
-							您好！有什么可以帮到您的吗？
-						</div>
+					<div style="display:flex;margin-bottom:16px;">
+						<div style="width:36px;height:36px;border-radius:50%;background:#1C64F2;color:white;display:flex;align-items:center;justify-content:center;margin-right:8px;">🤖</div>
+						<div style="background:white;padding:8px 12px;border-radius:8px;max-width:70%;">您好！有什么可以帮到您的吗？</div>
 					</div>
 				`;
 				chatWindow.appendChild(chatContent);
 
-				// 3.3 输入区
+				// 输入区
 				const chatInputArea = document.createElement('div');
-				chatInputArea.style = `
-					height: 60px; display: flex; align-items: center;
-					padding: 0 16px; border-top: 1px solid #eee;
+				chatInputArea.style.cssText = `
+					height: 60px;
+					display: flex;
+					align-items: center;
+					padding: 0 16px;
+					border-top: 1px solid #eee;
 				`;
 				const chatInput = document.createElement('input');
 				chatInput.type = 'text';
 				chatInput.placeholder = '请输入您的问题...';
-				chatInput.style = `
-					flex: 1; height: 36px; padding: 0 12px; border: 1px solid #ddd;
-					border-radius: 18px; outline: none; font-size: 14px;
+				chatInput.style.cssText = `
+					flex: 1;
+					height: 36px;
+					padding: 0 12px;
+					border: 1px solid #ddd;
+					border-radius: 18px;
+					outline: none;
+					font-size: 14px;
 				`;
 				const sendBtn = document.createElement('button');
-				sendBtn.innerText = '发送';
-				sendBtn.style = `
-					margin-left: 12px; padding: 6px 16px; background: #1C64F2;
-					color: white; border: none; border-radius: 18px; cursor: pointer;
+				sendBtn.innerText = '发送'; // 横排文字
+				sendBtn.style.cssText = `
+					margin-left: 12px;
+					padding: 6px 16px;
+					background: #1C64F2;
+					color: white;
+					border: none;
+					border-radius: 18px;
+					cursor: pointer;
 					font-size: 14px;
+					white-space: nowrap; /* 防止换行 */
+					text-align: center; /* 居中 */
+					line-height: 1.5; /* 调整高度 */
 				`;
 				chatInputArea.appendChild(chatInput);
 				chatInputArea.appendChild(sendBtn);
 				chatWindow.appendChild(chatInputArea);
 
-				// 4. 绑定事件
+				// ========== 响应式尺寸控制 ==========
+				const updateWindowSize = () => {
+					const isMobile = window.innerWidth <= 768;
+					if (isMobile) {
+						chatWindow.style.width = 'calc(90vw - 40px)';
+						chatWindow.style.maxWidth = '400px';
+						chatWindow.style.height = '70vh';
+						chatWindow.style.maxHeight = '600px';
+						chatWindow.style.right = '5vw';
+						chatWindow.style.bottom = 'calc(86px + env(safe-area-inset-bottom, 0px))';
+					} else {
+						chatWindow.style.width = '360px';
+						chatWindow.style.height = '520px';
+						chatWindow.style.maxWidth = 'none';
+						chatWindow.style.maxHeight = 'none';
+						chatWindow.style.right = '20px';
+						chatWindow.style.bottom = '86px';
+					}
+					chatContent.style.maxHeight = 'calc(100% - 110px)';
+				};
+
+				// 初始化并监听窗口变化
+				updateWindowSize();
+				window.addEventListener('resize', updateWindowSize);
+
+				// ========== 交互逻辑 ==========
 				let isShow = false;
-				chatBtn.onclick = () => {
+				const toggleChat = () => {
 					isShow = !isShow;
 					chatWindow.style.display = isShow ? 'flex' : 'none';
+					if (isShow) {
+						updateWindowSize(); // 确保旋转/切换后尺寸正确
+						chatInput.focus();
+					}
 				};
+
+				chatBtn.onclick = toggleChat;
 				document.getElementById('close-chat-window').onclick = () => {
 					isShow = false;
 					chatWindow.style.display = 'none';
 				};
+
 				document.addEventListener('click', (e) => {
 					if (!chatBtn.contains(e.target) && !chatWindow.contains(e.target)) {
 						isShow = false;
@@ -225,43 +299,45 @@
 					}
 				});
 
-				// 5. 发送消息逻辑
+				// 发送消息
 				const sendMessage = () => {
 					const msg = chatInput.value.trim();
 					if (!msg) return;
-					// 显示用户消息
+					const safeMsg = this.htmlEncode(msg);
 					chatContent.insertAdjacentHTML('beforeend', `
-						<div style="display: flex; margin-bottom: 16px; justify-content: flex-end;">
-							<div style="background: #1C64F2; color: white; padding: 8px 12px; border-radius: 8px; max-width: 70%;">
-								${msg}
+						<div style="display:flex;margin-bottom:16px;justify-content:flex-end;">
+							<div style="background:#1C64F2;color:white;padding:8px 12px;border-radius:8px;max-width:70%;">
+								${safeMsg}
 							</div>
-							<div style="width: 36px; height: 36px; border-radius: 50%; background: #eee; display: flex; align-items: center; justify-content: center; margin-left: 8px;">👤</div>
+							<div style="width:36px;height:36px;border-radius:50%;background:#eee;display:flex;align-items:center;justify-content:center;margin-left:8px;">👤</div>
 						</div>
 					`);
 					chatInput.value = '';
 					chatContent.scrollTop = chatContent.scrollHeight;
-					// 模拟回复
 					setTimeout(() => {
 						chatContent.insertAdjacentHTML('beforeend', `
-							<div style="display: flex; margin-bottom: 16px;">
-								<div style="width: 36px; height: 36px; border-radius: 50%; background: #1C64F2; color: white; display: flex; align-items: center; justify-content: center; margin-right: 8px;">🤖</div>
-								<div style="background: white; padding: 8px 12px; border-radius: 8px; max-width: 70%;">
-									已收到您的问题："${msg}"，我们会尽快回复！
+							<div style="display:flex;margin-bottom:16px;">
+								<div style="width:36px;height:36px;border-radius:50%;background:#1C64F2;color:white;display:flex;align-items:center;justify-content:center;margin-right:8px;">🤖</div>
+								<div style="background:white;padding:8px 12px;border-radius:8px;max-width:70%;">
+									已收到您的问题："${safeMsg}"，我们会尽快回复！
 								</div>
 							</div>
 						`);
 						chatContent.scrollTop = chatContent.scrollHeight;
 					}, 800);
 				};
-				sendBtn.onclick = sendMessage;
-				chatInput.onkeydown = (e) => e.key === 'Enter' && sendMessage();
 
-				console.log('纯前端聊天窗口创建完成');
+				sendBtn.onclick = sendMessage;
+				chatInput.onkeydown = (e) => {
+					if (e.key === 'Enter') {
+						e.preventDefault();
+						sendMessage();
+					}
+				};
+
+				console.log('响应式智能客服窗口创建完成');
 			},
 
-			/**
-			 * 原逻辑（授权/登录/分享等）
-			 */
 			getAuthInfo() {
 				// #ifdef H5
 				if (this.$util.isWeiXin()) {
@@ -355,12 +431,15 @@
 	@import './common/css/iconfont.css';
 	@import './common/css/icondiy.css';
 	@import './common/css/icon/extend.css';
+
 	page {
 		background: #f4f6fa;
 	}
 	body {
 		padding-bottom: 80px !important;
 	}
+
+	/* 聊天窗口滚动条美化 */
 	#independent-chat-window div::-webkit-scrollbar {
 		width: 4px;
 	}
@@ -368,4 +447,17 @@
 		background: #ddd;
 		border-radius: 2px;
 	}
+
+	/* 彩虹动画 */
+	@keyframes rainbowPulse {
+		0% { background-position: 0% 50%; }
+		50% { background-position: 100% 50%; }
+		100% { background-position: 0% 50%; }
+	}
+
+	/* 强制固定定位，防止被其他样式干扰 */
+	#independent-chat-btn,
+	#independent-chat-window {
+		position: fixed !important;
+	}
 </style>
\ No newline at end of file
diff --git a/components/hover-nav/hover-nav.vue b/components/hover-nav/hover-nav.vue
index 64fbeac..7579292 100644
--- a/components/hover-nav/hover-nav.vue
+++ b/components/hover-nav/hover-nav.vue
@@ -1,213 +1,188 @@
-<template>
-		<!-- 悬浮按钮 -->
-		<view v-if="pageCount == 1 || need" class="fixed-box" :style="{ height: fixBtnShow ? '330rpx' : '120rpx' }">
-			<!-- <view class="btn-item" v-if="fixBtnShow" @click="$util.redirectTo('/pages/index/index')"> -->
-
-			<!-- AI智能助手 -->
-			<view class="btn-item" v-if="fixBtnShow && enableAIChat" @click="openAIChat" :style="{backgroundImage:'url('+(aiAgentimg?aiAgentimg:'')+')',backgroundSize:'100% 100%'}">
-				<text class="ai-icon" v-if="!aiAgentimg">🤖</text>
-				<!-- 未读消息小红点 -->
-				<view v-if="unreadCount > 0" class="unread-badge">
-					<text class="badge-text">{{ unreadCount > 99 ? '99+' : unreadCount }}</text>
-				</view>
-			</view>
-
-			<!-- #ifdef MP-WEIXIN -->
-			<button class="btn-item" v-if="fixBtnShow" hoverClass="none" openType="contact" sessionFrom="weapp" showMessageCard="true" :style="{backgroundImage:'url('+(kefuimg?kefuimg:'')+')',backgroundSize:'100% 100%'}">
-				<text class="icox icox-kefu" v-if="!kefuimg"></text>
-			<!-- 	<view>首页</view> -->
-			</button>
-			<!-- #endif -->
-
-			<!-- 电话 -->
-			<view class="btn-item" v-if="fixBtnShow" @click="call()"  :style="{backgroundImage:'url('+(phoneimg?phoneimg:'')+')',backgroundSize:'100% 100%'}">
-				<text class="iconfont icon-dianhua" v-if="!phoneimg"></text>
-				<!-- <view>我的</view> -->
-			</view>
-
-		<!-- 	<view class="btn-item icon-xiala" v-if="fixBtnShow" @click="fixBtnShow ? (fixBtnShow = false) : (fixBtnShow = true)">
-				<text class="iconfont icon-unfold"></text>
-			</view>
-			<view class="btn-item switch" v-else :class="{ show: fixBtnShow }"
-				@click="fixBtnShow ? (fixBtnShow = false) : (fixBtnShow = true)">
-				<view class="">快捷</view>
-				<view>导航</view>
-			</view> -->
-		</view>
-</template>
-
-<script>
-	import { mapGetters, mapMutations } from 'vuex'
-
-	export default {
-		name: 'hover-nav',
-		props: {
-			need: {
-				type: Boolean,
-				default: false
-			},
-		},
-		data() {
-			return {
-				pageCount: 0,
-				fixBtnShow: true,
-				tel:'',
-				kefuimg:'',
-				phoneimg:''
-			};
-		},
-		created() {
-			this.kefuimg = this.$util.getDefaultImage().kefu
-			this.phoneimg = this.$util.getDefaultImage().phone
-			this.pageCount = getCurrentPages().length;
-
-
-			var that = this
-			uni.getStorage({
-				key:'shopInfo',
-				success(e){
-					that.tel = e.data.mobile
-				}
-			})
-		
-		},
-		computed: {
-			...mapGetters([
-				'globalAIAgentConfig',
-				'aiUnreadCount'
-			]),
-			aiAgentimg() {
-				return this.globalAIAgentConfig?.icon || this.$util.getDefaultImage().aiAgent || '' // AI智能助手的头像
-			},
-			unreadCount() {
-				return this.aiUnreadCount
-			},
-			enableAIChat() {
-				return this.globalAIAgentConfig?.enable || true // 是否开启AI智能助手
-			},
-		},		
-		methods: {
-			...mapMutations([
-				'setAiUnreadCount'
-			]),
-
-			//拨打电话
-			call(){
-				uni.makePhoneCall({
-					phoneNumber:this.tel+''
-				})
-			},
-
-			// 打开AI聊天弹窗
-			openAIChat() {
-				if (this.enableAIChat) {
-					this.setAiUnreadCount(0);
-				}
-
-				this.$util.redirectTo('/pages_tool/ai-chat/index')
-			}
-
-		}
-	};
-</script>
-
-<style lang="scss">
-	.container-box {
-		width: 100%;
-
-		.item-wrap {
-			border-radius: 10rpx;
-
-			.image-box {
-				border-radius: 10rpx;
-			}
-
-			image {
-				width: 100%;
-				height: auto;
-				border-radius: 10rpx;
-				will-change: transform;
-			}
-		}
-	}
-
-	//悬浮按钮
-	.fixed-box {
-		position: fixed;
-		right: 0rpx;
-		bottom: 200rpx;
-		z-index: 10;
-		// background: #fff;
-		// box-shadow: 2rpx 2rpx 22rpx rgba(0, 0, 0, 0.3);
-		border-radius: 120rpx;
-		padding: 20rpx 0;
-		display: flex;
-		justify-content: center;
-		flex-direction: column;
-		width: 100rpx;
-		box-sizing: border-box;
-		transition: 0.3s;
-		overflow: hidden;
-
-		.btn-item {
-			display: flex;
-			justify-content: center;
-			text-align: center;
-			flex-direction: column;
-			line-height: 1;
-			margin: 14rpx 0;
-			transition: 0.1s;
-			background: #fff;
-			border-radius: 50rpx;
-			width: 80rpx;
-			height: 80rpx;
-			padding: 0;
-			position: relative;
-			text {
-				font-size: 36rpx;
-				font-weight: bold;
-			}
-
-			view {
-				font-size: 26rpx;
-				font-weight: bold;
-			}
-
-			&.show {
-				transform: rotate(180deg);
-			}
-
-			&.switch {}
-
-			&.icon-xiala {
-				margin: 0;
-				margin-top: 0.1rpx;
-			}
-			
-			// 未读消息小红点
-			.unread-badge {
-				position: absolute;
-				top: -5rpx;
-				right: -5rpx;
-				background-color: #ff4544;
-				color: white;
-				border-radius: 20rpx;
-				min-width: 30rpx;
-				height: 30rpx;
-				font-size: 10rpx;
-				line-height: 30rpx;
-				text-align: center;
-				padding: 0 8rpx;
-				z-index: 1;
-				box-shadow: 0 2rpx 10rpx rgba(255, 69, 68, 0.3);
-
-				.badge-text {
-					font-size: 8rpx;
-					// #ifdef MP-WEIXIN
-					font-size: 20rpx;
-					// #endif
-				}
-			}
-		}
-	}
+<template>
+	<!-- 悬浮按钮 -->
+	<view v-if="pageCount == 1 || need" class="fixed-box" :style="{ height: fixBtnShow ? '120rpx' : '120rpx' }">
+		<!-- #ifdef MP-WEIXIN -->
+		<button 
+			class="btn-item" 
+			v-if="fixBtnShow" 
+			hoverClass="none" 
+			openType="contact" 
+			sessionFrom="weapp" 
+			showMessageCard="true" 
+			:style="{backgroundImage:'url('+(kefuimg?kefuimg:'')+')',backgroundSize:'100% 100%'}"
+		>
+			<text class="icox icox-kefu" v-if="!kefuimg"></text>
+		</button>
+		<!-- #endif -->
+		
+		<!-- 其他按钮（AI 和 电话）已隐藏 -->
+	</view>
+</template>
+
+<script>
+	import { mapGetters, mapMutations } from 'vuex'
+
+	export default {
+		name: 'hover-nav',
+		props: {
+			need: {
+				type: Boolean,
+				default: false
+			},
+		},
+		data() {
+			return {
+				pageCount: 0,
+				fixBtnShow: true,
+				tel: '',
+				kefuimg: '',
+				phoneimg: ''
+			};
+		},
+		created() {
+			this.kefuimg = this.$util.getDefaultImage().kefu
+			this.phoneimg = this.$util.getDefaultImage().phone
+			this.pageCount = getCurrentPages().length;
+
+			var that = this
+			uni.getStorage({
+				key: 'shopInfo',
+				success(e) {
+					that.tel = e.data.mobile
+				}
+			})
+		},
+		computed: {
+			...mapGetters([
+				'globalAIAgentConfig',
+				'aiUnreadCount'
+			]),
+			aiAgentimg() {
+				return this.globalAIAgentConfig?.icon || this.$util.getDefaultImage().aiAgent || ''
+			},
+			unreadCount() {
+				return this.aiUnreadCount
+			},
+			enableAIChat() {
+				return this.globalAIAgentConfig?.enable || true
+			},
+		},		
+		methods: {
+			...mapMutations([
+				'setAiUnreadCount'
+			]),
+
+			// 拨打电话（已无调用，可保留或删除）
+			call() {
+				uni.makePhoneCall({
+					phoneNumber: this.tel + ''
+				})
+			},
+
+			// 打开AI聊天（已无调用，可保留或删除）
+			openAIChat() {
+				if (this.enableAIChat) {
+					this.setAiUnreadCount(0);
+				}
+				this.$util.redirectTo('/pages_tool/ai-chat/index')
+			}
+		}
+	};
+</script>
+
+<style lang="scss">
+	.container-box {
+		width: 100%;
+
+		.item-wrap {
+			border-radius: 10rpx;
+
+			.image-box {
+				border-radius: 10rpx;
+			}
+
+			image {
+				width: 100%;
+				height: auto;
+				border-radius: 10rpx;
+				will-change: transform;
+			}
+		}
+	}
+
+	//悬浮按钮
+	.fixed-box {
+		position: fixed;
+		right: 0rpx;
+		bottom: 200rpx;
+		z-index: 10;
+		border-radius: 120rpx;
+		padding: 20rpx 0;
+		display: flex;
+		justify-content: center;
+		flex-direction: column;
+		width: 100rpx;
+		box-sizing: border-box;
+		transition: 0.3s;
+		overflow: hidden;
+
+		.btn-item {
+			display: flex;
+			justify-content: center;
+			text-align: center;
+			flex-direction: column;
+			line-height: 1;
+			margin: 14rpx 0;
+			transition: 0.1s;
+			background: #fff;
+			border-radius: 50rpx;
+			width: 80rpx;
+			height: 80rpx;
+			padding: 0;
+			position: relative;
+			text {
+				font-size: 36rpx;
+				font-weight: bold;
+			}
+
+			view {
+				font-size: 26rpx;
+				font-weight: bold;
+			}
+
+			&.show {
+				transform: rotate(180deg);
+			}
+
+			&.icon-xiala {
+				margin: 0;
+				margin-top: 0.1rpx;
+			}
+			
+			// 未读消息小红点（已无使用，可保留样式）
+			.unread-badge {
+				position: absolute;
+				top: -5rpx;
+				right: -5rpx;
+				background-color: #ff4544;
+				color: white;
+				border-radius: 20rpx;
+				min-width: 30rpx;
+				height: 30rpx;
+				font-size: 10rpx;
+				line-height: 30rpx;
+				text-align: center;
+				padding: 0 8rpx;
+				z-index: 1;
+				box-shadow: 0 2rpx 10rpx rgba(255, 69, 68, 0.3);
+
+				.badge-text {
+					font-size: 8rpx;
+					// #ifdef MP-WEIXIN
+					font-size: 20rpx;
+					// #endif
+				}
+			}
+		}
+	}
 </style>
\ No newline at end of file
diff --git a/pages/index/index.vue b/pages/index/index.vue
index e0828e4..e863f2f 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -122,7 +122,7 @@
 				</view>
 			</uni-popup>
 		</view>
-		<hover-nav></hover-nav>
+		
 		<!-- #ifdef MP-WEIXIN -->
 		<!-- 小程序隐私协议 -->
 		<privacy-popup ref="privacyPopup"></privacy-popup>

From 2416eab34fc318a92df6c2cb10784d90d6977aac Mon Sep 17 00:00:00 2001
From: jinhhanhan <1683105490@qq.com>
Date: Fri, 5 Dec 2025 17:12:14 +0800
Subject: [PATCH 3/3] =?UTF-8?q?chore:=E5=8A=A0=E4=BA=86dify?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/dify-chat/dify-chat.vue | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)
 create mode 100644 pages/dify-chat/dify-chat.vue

diff --git a/pages/dify-chat/dify-chat.vue b/pages/dify-chat/dify-chat.vue
new file mode 100644
index 0000000..f00cf88
--- /dev/null
+++ b/pages/dify-chat/dify-chat.vue
@@ -0,0 +1,20 @@
+<template>
+  <view class="container">
+    <web-view src="https://dify.aigc-quickapp.com/chatbot/ILbr8HHEgpBW2ggp"></web-view>
+  </view>
+</template>
+
+<script>
+export default {
+  onLoad() {
+    console.log('Dify 聊天页已加载')
+  }
+}
+</script>
+
+<style>
+.container {
+  width: 100%;
+  height: 100vh;
+}
+</style>
\ No newline at end of file