diff --git a/App.vue b/App.vue
index 919920c..70a01bc 100644
--- a/App.vue
+++ b/App.vue
@@ -3,10 +3,21 @@
 	//import checkupdate from "@/uni_modules/uni-upgrade-center-app/utils/check-update.js"
 	//引进检查版本
 	// import callCheckVersion from '@/uni_modules/uni-upgrade-center-app/utils/call-check-version';
+	
+	import { myCache } from '@/utils/utils.js';
+	
 	//#ifdef APP-PLUS
     const jpushModule = uni.requireNativePlugin('JG-JPush');
 	//#endif
+	
 	export default {
+		data() {
+			return {
+				userid:"",
+				userName:"",
+				userheadimg:"",
+			}
+		},
 		onLaunch() {
 			// 判断版本更新 需要真机进行测试
 			//checkupdate();
@@ -29,7 +40,6 @@
 			// 	})
 			// }
 			
-			//
 			// jpushModule.addTagAliasListener(result => {
 			// 	let code = result.code
 			// 	let sequence = result.sequence
@@ -68,7 +78,449 @@
 			// 	console.log("自定义消息", result)
 			// })
 			//#endif
+			
+			var user = myCache('user');
+			this.userid = user.userid? user.userid:'';
+			this.userName=user.nickName?user.nickName:"";
+			this.userheadimg=user.avatar?user.avatar:require("@/static/image/girl.png");
+			
+			// 接收信息
+			if(uni.getStorageSync("token")&&this.userid){
+				this.startHeartbeat();
+			}
+		},
+		methods: {
+			// 定时心跳包
+			startHeartbeat() {
+				console.log("startHeartbeat");
+				var that=this;
+				this.heartbeatInterval = setInterval(() => {
+					if(this.isConnected){
+						// 如果已经连接ws
+						uni.sendSocketMessage({
+							data: JSON.stringify({
+							  	'cmd': 1,//心跳
+							  	'data': {
+							  		'accessToken':uni.getStorageSync("token")
+							  	},
+							}), // 发送心跳包数据,
+							success(re) {
+								console.log(re);
+								console.log('消息发送成功！')
+							},
+							fail(err) {
+								console.log(err);
+								console.log('消息发送失败！');
+								that.reconnect();
+							}
+						});
+					}
+					else{
+						// 重新连接
+						that.reconnect();
+					}
+				}, this.heartbeatTimeout); // 20秒执行一次
+			},
+			// 开始重连
+			reconnect () {
+			    if (!this.isConnected) {
+			        clearTimeout(this.heartbeatInterval);
+					this.heartbeatInterval = setTimeout(() => {
+					    console.log('开始重连...');
+					    this.socketinit();
+					},this.heartbeatTimeout);
+			    }
+			},
+			// ws接收消息
+			socketinit(){
+				var that = this;
+				uni.connectSocket({
+					url: "wss://www.sanduolantoyoga.com/yoga-imserver/",
+					header: {
+						// 'content-type': 'application/json',
+						Authorization: uni.getStorageSync("token"),
+					},
+					success: (res) => {
+					  console.log(res, 'socket连接成功success');
+					},
+					fail: (res) => {
+					  console.log(res, 'socket连接失败')
+					},
+					complete: (res) => {
+						console.log(res,'socket连接成功complete');
+					}
+				});
+				
+				uni.onSocketOpen(resopen => {
+					console.log('WebSocket连接已打开！');
+					this.isConnected = true;
+					this.$forceUpdate();
+					uni.sendSocketMessage({
+						data: JSON.stringify({
+							"cmd": 0,//心跳
+							"data": {
+								"accessToken":uni.getStorageSync("token"),
+							},
+						}),  // 发送心跳包数据 // 发送的消息内容
+						success(re) {
+							console.log(re);
+							console.log('消息发送成功！')
+						},
+						fail(err) {
+							console.log(err);
+							console.log('消息发送失败！')
+						}
+					});
+					
+					// 定时发送心跳包
+					this.startHeartbeat();
+					
+				});
+				
+				// 连接关闭后重新连接
+				uni.onSocketClose(res => {
+					console.log('WebSocket连接已关闭！',res);
+					this.isConnected = false;
+					this.$forceUpdate();
+					// 重新连接socket
+					this.reconnect();
+				});
+				// 连接失败后重新连接
+				uni.onSocketError(err => {
+					console.error('WebSocket连接打开失败，请检查：', err);
+					this.isConnected = false;
+					this.$forceUpdate();
+					// 重新连接socket
+					this.reconnect();
+				});
+				
+				// 接收信息
+				uni.onSocketMessage(res => {
+					console.log('收到WebSocket服务器消息：');
+					if(res.data){
+						var rs=JSON.parse(res.data);
+						console.log("onSocketMessage",rs);
+						if(rs.cmd==3){
+							// 私聊
+							if(rs.data){
+								var data=rs.data;
+								if(data.recvId&&(data.recvId).toString()==(this.userid).toString()){
+									// 是这个用户的接收的私聊信息
+									// 加入聊天记录
+									// 消息类型 0:文字 1:图片 2:文件 3:语音 4:视频 10, "撤回" 11, "已读 "12, "消息已读回执 " 30,"加载中标记"
+									if(data.type==0||data.type==1||data.type==2||data.type==3||data.type==4||data.type==5||data.type==6){
+										if(data.type==0){
+											data.content=decodeURIComponent(data.content); 
+										}
+										var id="privatechat-" + data.recvId +"-" + data.sendId;
+										var index=this.ifadd(id);
+										var chatinfo=null;
+										var grouplist=myCache("chatlist-"+this.userid)?myCache("chatlist-"+this.userid):[];
+										if(index>-1){
+											grouplist[index].sl=(grouplist[index].sl?grouplist[index].sl+1:1);
+											grouplist[index].content=data.content;
+											grouplist[index].datetime=data.sendTime;
+											grouplist[index].type=data.type;
+											grouplist[index].minId=data.id;
+											grouplist[index].ifload=1;
+											that.$forceUpdate();
+											chatinfo= JSON.parse(JSON.stringify(grouplist[index]));
+										}
+										else{
+											// 未保存缓存
+											// 接收到socket后更新聊天列表记录
+											chatinfo={
+												id: id,
+												content: data.content,
+												minId: data.id,
+												sl:1,
+												datetime: data.sendTime,
+												type: data.type,
+												name: "",
+												userid: data.recvId,
+												fromuser: data.sendId,
+												img: "",
+												sort:"privatechat",
+												ifload:0
+											};
+											grouplist.push(chatinfo);
+											this.$forceUpdate();
+										}
+										myCache("chatlist-"+this.userid,grouplist);
+										this.getPrivateInfo(chatinfo);
+									}
+									else{
+										// 10, "撤回" 11, "已读 " 12, "消息已读回执 " 30,"加载中标记"
+									}
+								}
+							}
+						}
+						else if(rs.cmd==4){
+							// 群聊
+							if(rs.data){
+								var data=rs.data;
+								if(data.atUserIds&&data.atUserIds.includes(this.userid)){
+									// 是这个用户的接收的群聊信息
+									// 加入聊天记录
+									// 消息类型 0:文字 1:图片 2:文件 3:语音 4:视频 10, "撤回" 11, "已读 "12, "消息已读回执 " 30,"加载中标记"
+									if(data.type==0||data.type==1||data.type==2||data.type==3||data.type==4||data.type==5||data.type==6){
+										
+										if(data.type==0){
+											data.content=decodeURIComponent(data.content); 
+										}
+										
+										var id="groupchat-" + data.groupId;
+										var index=this.ifadd(id);
+										var chatinfo=null;
+										var grouplist=myCache("chatlist-"+this.userid)?myCache("chatlist-"+this.userid):[];
+										if(index>-1){
+											grouplist[index].sl=(grouplist[index].sl?grouplist[index].sl+1:1);
+											grouplist[index].content=data.content;
+											grouplist[index].datetime=data.sendTime;
+											grouplist[index].fromuser=data.sendId;
+											grouplist[index].type=data.type;
+											grouplist[index].minId=data.id;
+											grouplist[index].ifload=1;
+											that.$forceUpdate();
+											chatinfo= JSON.parse(JSON.stringify(grouplist[index]));
+										}
+										else{
+											// 未保存缓存
+											// 接收到socket后更新聊天列表记录
+											chatinfo={
+												id: id,
+												groupId: data.groupId,
+												content: data.content,
+												minId: data.id,
+												sl:1,
+												datetime: data.sendTime,
+												type: data.type,
+												name: "",
+												userid: this.userid,
+												fromuser: data.sendId,
+												img: "",
+												sendId: data.sendId,
+												sendNickName: data.sendNickName,
+												sort:"groupchat",
+												ifload:0
+											};
+											grouplist.push(chatinfo);
+										}
+										myCache("chatlist-"+this.userid,grouplist);
+										this.getGroupInfo(chatinfo);
+									}
+									else{
+										// 10, "撤回" 11, "已读 " 12, "消息已读回执 " 30,"加载中标记"
+										
+									}
+								}
+							}
+						}
+					}
+				});
+				
+			},
+			// 消息是否存在列表中
+			ifadd(id){
+				var ret=-1;
+				var grouplist=myCache("chatlist-"+this.userid)?myCache("chatlist-"+this.userid):[];
+				grouplist.forEach((cell,ii)=>{
+					if(cell.id==id){
+						ret=ii;
+					}
+				});
+				return ret;
+			},
+			// 获取私聊信息
+			async getPrivateInfo(info) {
+				if(info.ifload==0){
+					info[info.fromuser]=(info.fromuser!=this.userid? await this.getFriend(info.fromuser):{});
+					this.updateChatList(info);
+				}
+				else{
+					this.updateChatList(info);
+				}
+			},
+			// 获取群信息
+			async getGroupInfo(info) {
+				if(info.ifload==0){
+					const {data: res} = await uni.$http.get('/api/group/find/'+info.groupId);
+					if(res.data){
+						var data = res.data;
+						info.name=data.name;
+						info.img=data.headImage||'/static/image/qltx.png';
+						info.notice=data.notice;
+						info.remarkNickName=data.remarkNickName;
+						info.showNickName=data.showNickName;
+						info.showGroupName=data.showGroupName;
+						info.remarkGroupName=data.remarkGroupName;
+						info.customerService=data.customerService;
+						info.instructor=data.instructor;
+						info.ownerId=data.ownerId;
+						info.productId=data.productId;
+						info.productName=data.productName;
+						info[data.ownerId]=(data.ownerId!= this.userid? await this.getFriend(data.ownerId):{});
+						info[data.customerService]=(data.customerService!= this.userid? await this.getFriend(data.customerService):{});
+						info[data.instructor]=(data.instructor!= this.userid? await this.getFriend(data.instructor):{});
+						this.updateChatGroupList(info);
+					}
+				}
+				else{
+					this.updateChatGroupList(info);
+				}
+			},
+			async getFriend(id){
+				var name="匿名",img=require("@/static/image/girl.png");
+				const {data: res} = await uni.$http.get("/api/friend/find/"+id);
+				if(res.data){
+					name=res.data.nickName?res.data.nickName:"匿名";
+					img=res.data.headImage?res.data.headImage:require("@/static/image/girl.png");
+				}
+				return {
+					name:name,
+					img:img
+				};
+			},
+			async updateChatGroupList(info){
+				var idx=this.ifadd(info.id);
+				if(idx<0){
+					// 新增一条
+					this.grouplist.push(info);
+					this.$forceUpdate();
+				}
+				else{
+					this.grouplist[idx].content=info.content;
+					this.grouplist[idx].datetime=info.datetime;
+					this.grouplist[idx].fromuser=info.fromuser;
+					this.grouplist[idx].type=info.type;
+					this.$forceUpdate();
+				}
+				// 重新排序 保存缓存
+				this.reorder();
+				myCache("chatlist-"+ this.userid,this.grouplist);
+				
+				// 聊天框消息缓存
+				// 获取发送人的信息
+				var name=info[info.sendId]?info[info.sendId].name:"匿名",img=info[info.sendId]?info[info.sendId].img:require("@/static/image/girl.png");
+				var msgchat=myCache(info.id);
+				if(!msgchat){
+					// 第一条聊天记录保存缓存
+					let firstmsg = [{
+						"fromname": name, // 发送人
+						"fromuser": info.fromuser, // 发送人
+						"headimg": img, // 发送人
+						"toname": userName, // 接收人
+						"touser": this.userid, // 接收人姓名
+						"content": info.content,
+						"time": info.type==3?(info.time?info.time:5):0,
+						"ifaudio":info.type==3? true:false,
+						"fromtime": info.datetime,
+						"type": info.type==0?'txt':(info.type==1?'image':info.type==3?'audio':(info.type==4?'video':'product')),
+						"id": info.minId,
+						"minId": info.minId,
+						"sendId": info.sendId,
+						"send": info.type==6?await this.getProduct(info.content):(info.type==5?await this.getOrder(info.content):null)
+					}];
+					myCache(info.id,firstmsg);
+				}
+				else{
+					// 是否已经加入到聊天记录中
+					if(this.ifchatadd(info.id,info.minId)){
+						// 聊天框信息 保存缓存
+						let firstmsg = {
+							"fromname": name, // 发送人
+							"fromuser": info.fromuser, // 发送人
+							"headimg": img, // 发送人
+							"toname": this.userName, // 接收人
+							"touser": this.userid, // 接收人姓名
+							"content": info.content,
+							"time": info.type==3?(info.time?info.time:5):0,
+							"ifaudio":info.type==3? true:false,
+							"fromtime": info.datetime,
+							"type": info.type==0?'txt':(info.type==1?'image':info.type==3?'audio':(info.type==4?'video':'product')),
+							"id": info.minId,
+							"minId": info.minId,
+							"sendId": info.sendId,
+							"send": info.type==6?await this.getProduct(info.content):(info.type==5?await this.getOrder(info.content):null)
+						};
+						msgchat.push(firstmsg);
+						myCache(info.id,msgchat);
+					}
+					
+				}
+			},
+			async updateChatList(info){
+				// 此消息是否已经存在列表中
+				var idx=this.ifadd(info.id);
+				if(idx<0){
+					this.grouplist.push(info);
+					this.$forceUpdate();
+				}
+				else{
+					this.grouplist[idx].content=info.content;
+					this.grouplist[idx].datetime=info.datetime;
+					this.grouplist[idx].fromuser=info.fromuser;
+					this.grouplist[idx].type=info.type;
+					this.$forceUpdate();
+				}
+				// 重新排序 保存缓存
+				this.reorder();
+				myCache("chatlist-"+this.userid,this.grouplist);
+				
+				// 聊天框消息缓存
+				// 获取发送人的信息
+				var name=info[info.fromuser]?info[info.fromuser].name:"匿名",img=info[info.fromuser]?info[info.fromuser].img:require("@/static/image/girl.png");
+				var msgchat=myCache(info.id);
+				if(!msgchat){
+					// 第一条聊天记录保存缓存
+					let firstmsg = [{
+						"fromname": name, // 发送人
+						"fromuser": info.fromuser, // 发送人
+						"headimg": img, // 发送人
+						"toname": this.userName, // 接收人
+						"touser": this.userid, // 接收人姓名
+						"content": info.content,
+						"time": info.type==3?(info.time?info.time:5):0,
+						"ifaudio":info.type==3? true:false,
+						"fromtime": info.datetime,
+						"type": info.type==0?'txt':(info.type==1?'image':info.type==3?'audio':(info.type==4?'video':'product')),
+						"id": info.minId,
+						"minId": info.minId,
+						"recvId": info.recvId,
+						"sendId": info.sendId,
+						"send": info.type==6?await this.getProduct(info.content):(info.type==5?await this.getOrder(info.content):null)
+					}];
+					myCache(info.id,firstmsg);
+				}
+				else{
+					if(this.ifchatadd(info.id,info.minId)){
+						// 聊天框信息 保存缓存
+						let firstmsg = {
+							"fromname": name, // 发送人
+							"fromuser": info.fromuser, // 发送人
+							"headimg": img, // 发送人
+							"toname": this.userName, // 接收人
+							"touser": this.userid, // 接收人姓名
+							"content": info.content,
+							"time": info.type==3?(info.time?info.time:5):0,
+							"ifaudio":info.type==3? true:false,
+							"fromtime": info.datetime,
+							"type": info.type==0?'txt':(info.type==1?'image':info.type==3?'audio':(info.type==4?'video':'product')),
+							"id": info.minId,
+							"minId": info.minId,
+							"recvId": info.recvId,
+							"sendId": info.sendId,
+							"send": info.type==6?await this.getProduct(info.content):(info.type==5?await this.getOrder(info.content):null)
+						};
+						msgchat.push(firstmsg);
+						myCache(info.id,msgchat);
+					}
+				}
+				
+			},
+			
 		},
+		
 	}
 </script>
 
diff --git a/main.js b/main.js
index abe66e8..a0da7d1 100644
--- a/main.js
+++ b/main.js
@@ -86,6 +86,10 @@ $http.afterRequest = function (response) {
 }
 
 Vue.config.productionTip = false;
+Vue.prototype.isConnected = false; // ws是否已经连接;
+Vue.prototype.heartbeatInterval = null; // 心跳;
+Vue.prototype.heartbeatTimeout =20000; //  ws20秒执行一次
+
 App.mpType = "app";
 
 // 引入全局uView
diff --git a/manifest.json b/manifest.json
index c1782a1..8157569 100644
--- a/manifest.json
+++ b/manifest.json
@@ -2,8 +2,8 @@
     "name" : "瑜伽汇",
     "appid" : "__UNI__B6E0086",
     "description" : "瑜伽汇",
-    "versionName" : "1.0.16",
-    "versionCode" : 1016,
+    "versionName" : "1.0.17",
+    "versionCode" : 1017,
     "transformPx" : false,
     "app-plus" : {
         "flexible" : true,
diff --git a/pages/cart/cart.vue b/pages/cart/cart.vue
index fc0525e..71a555b 100644
--- a/pages/cart/cart.vue
+++ b/pages/cart/cart.vue
@@ -143,7 +143,7 @@
 </template>
 
 <script>
-	import { myCache,getcartNum,getcartLoseNum,getRemoteFile } from '../../utils/utils.js';
+	import { myCache,getcartNum,getmessageNum,getcartLoseNum,getRemoteFile } from '../../utils/utils.js';
 	import openlogin from "../components/openlogin.vue";
 	export default {
 		components: {
@@ -214,6 +214,23 @@
 			this.phone = user.userphone;
 	        this.checked = false;
 			this.getapicart();
+			
+			 
+			var messageNum=getmessageNum();
+			console.log("messageNum",messageNum)
+			if(messageNum>0){
+				// 底部菜单消息角标
+				uni.setTabBarBadge({
+					//显示未读消息条数
+				    index: 3,
+				    text: messageNum+''
+				});
+			}
+			else{
+				uni.removeTabBarBadge({
+					index: 3
+				})
+			}
 	    },
 	    computed: {
 	        // 价格合计
@@ -328,6 +345,7 @@
 				}
 				this.loseNum=getcartLoseNum();
 				this.$forceUpdate();
+				
 			},
 			getcheck1(id){
 				var fcarts=myCache("carts");
diff --git a/pages/category/category.vue b/pages/category/category.vue
index 0fd6d8f..ee9b730 100644
--- a/pages/category/category.vue
+++ b/pages/category/category.vue
@@ -155,7 +155,7 @@
 </template>
 
 <script>
-	import { myCache,getcartNum,getRemoteFile } from '../../utils/utils.js';
+	import { myCache,getcartNum,getmessageNum,getRemoteFile } from '../../utils/utils.js';
 	import openlogin from "../components/openlogin.vue";
 	import selShop from "../components/selShop.vue";
 	export default {
@@ -330,6 +330,23 @@
 					index: 4
 				})
 			}
+			
+			var messageNum=getmessageNum();
+			console.log("messageNum",messageNum)
+			if(messageNum>0){
+				// 底部菜单消息角标
+				uni.setTabBarBadge({
+					//显示未读消息条数
+				    index: 3,
+				    text: messageNum+''
+				});
+			}
+			else{
+				uni.removeTabBarBadge({
+					index: 3
+				})
+			}
+			
 		},
 		mounted() {
 			if(this.userid==""||this.userid=="0"){
diff --git a/pages/chat/chat.vue b/pages/chat/chat.vue
index fd9de54..bdf0890 100644
--- a/pages/chat/chat.vue
+++ b/pages/chat/chat.vue
@@ -239,10 +239,9 @@
 				oldTime: new Date(),
 				inputh: '90',
 				ifaudio:false, // 是否音频
-				socketTask: null, // WebSocket实例  
-				isConnected: false, // WebSocket连接状态 
-				heartbeatInterval: null, // 心跳包20秒连接一次
-				heartbeatTimeout: 20000, // 心跳间隔时间，例如每20秒发送一次
+				// isConnected: false, // WebSocket连接状态 
+				// heartbeatInterval: null, // 心跳包20秒连接一次
+				// heartbeatTimeout: 20000, // 心跳间隔时间，例如每20秒发送一次
 				// 是否需要发送 商品，课程，订单
 				ifsend: false,
 				sendinfo:{
@@ -287,39 +286,195 @@
 					this.$forceUpdate();
 				}
 			}
+			 
 		},
 		onShow() {
 			// 先获取聊天记录缓存
 			this.getchatstore();
+			
+			var that=this;
 			// 跳转到最后一条数据 与前面的:id进行对照
 			setTimeout(() => {
-				this.screendo(this.unshiftmsg.length - 1);
-			}, 100);
+				that.screendo(that.unshiftmsg.length - 1);
+				if(!that.isConnected){
+					// 重新连接socket
+					that.reconnect();
+				}
+			}, 500);
 			
-			// 如果心跳包在发送，先停止，再启动
-			if(this.heartbeatInterval){
-				clearInterval(this.heartbeatInterval); // 停止心跳包发送
-			}
-		},
-		onBackPress(options) {
-			if (options.from === 'backbutton') {
-		      // 来自顶部菜单的返回按钮
-		      // 在这里处理你的逻辑
-		      console.log('返回按钮被点击');
-			  // this.closeWebSocket();
-		      // uni.onSocketClose(function (res) {
-		      //   console.log('WebSocket 已关闭！');
-		      // });
-			  return false;
-		    }
-		},
-		beforeDestroy() {
-			console.log('界面关闭socket，beforeDestroy');
-		    // 在组件销毁前，确保关闭 WebSocket 连接
-			// this.closeWebSocket();
-			// clearInterval(this.heartbeatInterval); // 停止心跳包发送
 		},
 		methods: {
+			// 定时心跳包
+			startHeartbeat() {
+				console.log("startHeartbeat");
+				var that=this;
+				this.heartbeatInterval = setInterval(() => {
+					if(this.isConnected){
+						uni.sendSocketMessage({
+							data: JSON.stringify({
+							  	'cmd': 1,//心跳
+							  	'data': {
+							  		'accessToken':uni.getStorageSync("token")
+							  	},
+							}), // 发送心跳包数据,
+							success(re) {
+								console.log(re);
+								console.log('消息发送成功！')
+							},
+							fail(err) {
+								console.log(err);
+								console.log('消息发送失败！');
+								that.reconnect();
+							}
+						});
+					}
+				}, this.heartbeatTimeout);
+			},
+			// 开始重连
+			reconnect () {
+			    if (!this.isConnected) {
+			        clearTimeout(this.heartbeatInterval);
+					this.heartbeatInterval = setTimeout(() => {
+					    console.log('开始重连...');
+					    this.socketinit();
+					},this.heartbeatTimeout);
+			    }
+			},
+			// ws接收消息
+			socketinit(){
+				var that = this;
+				uni.connectSocket({
+					url: "wss://www.sanduolantoyoga.com/yoga-imserver/",
+					header: {
+						// 'content-type': 'application/json',
+						Authorization: uni.getStorageSync("token"),
+					},
+					success: (res) => {
+					  console.log(res, 'socket连接成功success');
+					  // 获取当前聊天中的minId 拉取离线信息
+					  that.getReadedId();
+					},
+					fail: (res) => {
+					  console.log(res, 'socket连接失败')
+					},
+					complete: (res) => {
+						console.log(res,'socket连接成功complete');
+					}
+				});
+				uni.onSocketOpen(res => {
+					console.log('WebSocket连接已打开！');
+					that.isConnected = true;
+					
+					// 发送登录心跳包
+					uni.sendSocketMessage({
+						data: JSON.stringify({
+							"cmd": 0,//心跳
+							"data": {
+								"accessToken":uni.getStorageSync("token"),
+							},
+						}),  // 发送心跳包数据 // 发送的消息内容
+						success(re) {
+							console.log(re);
+							console.log('消息发送成功！')
+						},
+						fail(err) {
+							console.log(err);
+							console.log('消息发送失败！')
+						}
+					});
+					
+					// 发送心跳包
+					this.startHeartbeat(); 
+					
+				});
+				uni.onSocketClose(res => {
+					console.log('WebSocket连接已关闭！');
+					this.isConnected = false;
+					this.$forceUpdate();
+					// 重新连接socket
+					this.reconnect();
+				});
+				uni.onSocketError(err => {
+					console.error('WebSocket连接打开失败，请检查：', err);
+					this.isConnected = false;
+					this.$forceUpdate();
+					// 重新连接socket
+					this.reconnect();
+				});
+				uni.onSocketMessage(res => {
+					console.log('收到WebSocket服务器消息：');
+					if(res.data){
+						let data=JSON.parse(res.data);
+						console.log("onSocketMessage",data);
+						if(data.data){ 
+							data=data.data;
+							if(data){
+								// 是否已经加入聊天记录
+								if(this.ifadd(data.id)){
+									// 是发送者发送来的消息
+									if(data.recvId&&data.recvId.toString()==that.userid.toString()&&data.sendId.toString()==this.info.friendId.toString()){
+										// 加入聊天记录
+										// 消息类型 0:文字 1:图片 2:文件 3:语音 4:视频 5 订单 6 商品 10, "撤回" 11, "已读 "12, "消息已读回执 " 30,"加载中标记"
+										if(data.type==0||data.type==1||data.type==2||data.type==3||data.type==4||data.type==5||data.type==6){
+											if(data.type==0){
+												data.content=decodeURIComponent(data.content);
+											}
+											// 获取图片，为下面的预览做准备
+											if(data.type == 1) {
+												this.imgMsg.unshift(data.content)
+											}
+											// 加入聊天记录中
+											let mdata = {
+												"fromname": this.info.chatName,
+												"fromuser": this.info.friendId,
+												"headimg": this.info.chatAvatar,
+												"toname": this.userName, 
+												"touser": this.userid, 
+												"content": data.content,
+												"time": data.type==3?5:0,
+												"ifaudio":data.type==3? true:false,
+												"fromtime": data.sendTime,
+												"type": data.type,
+												"id": data.id,
+												"recvId": data.recvId,
+												"sendId": data.sendId
+											};
+											this.setMsglist(mdata)
+											
+											// 接收到socket信息后更新聊天列表记录
+											var chatlastinfo={
+												id: this.info.chatId,
+												content:data.content,
+												type:data.type,
+												minId: data.id,
+												datetime: data.sendTime,
+												name: this.info.chatName,
+												userid: this.userid,
+												fromuser: this.info.friendId,
+												img: this.info.chatAvatar,
+												sort:"privatechat"
+											};
+											// 更新消息列表
+											this.updateChatList(chatlastinfo);
+											// 已读操作
+											this.readed();
+										}
+										else{
+											// 10, "撤回" 11, "已读 " 12, "消息已读回执 " 30,"加载中标记"
+										}
+									}
+								}
+								// 10, "撤回" 11, "已读 " 12, "消息已读回执 " 30,"加载中标记"
+								if(data.type==12){
+									// 已读操作
+									this.updateRead(data);
+								}
+							}
+						}
+					}
+				});
+				
+			},
 			gotoDetail(item){
 				var send=item.send;
 				if(send){
@@ -495,160 +650,9 @@
 				});
 				return ret;
 			},
-			// 定时心跳包
-			startHeartbeat() {
-				console.log("startHeartbeat")
-				this.heartbeatInterval = setInterval(() => {
-				  if (this.socketTask) {
-				    this.socketTask.send({
-				      data: JSON.stringify({ 
-						  'cmd': 1,//心跳
-						  'data': {
-							  'accessToken':uni.getStorageSync("token")
-						  },
-						  }) // 发送心跳包数据
-				    });
-				  }
-				}, this.heartbeatTimeout);
-			},
-			// ws接收消息
-			socketinit(){
-				var that = this;
-				this.socketTask=uni.connectSocket({
-					url: "wss://www.sanduolantoyoga.com/yoga-imserver/",
-					header: {
-						// 'content-type': 'application/json',
-						Authorization: uni.getStorageSync("token"),
-					},
-					success: (res) => {
-					  console.log(res, 'socket连接成功success');
-					  // 获取当前聊天中的minId 拉取离线信息
-					  that.getReadedId();
-					},
-					fail: (res) => {
-					  console.log(res, 'socket连接失败')
-					},
-					complete: (res) => {
-						console.log(res,'socket连接成功complete');
-					}
-				});
-				uni.onSocketOpen(res => {
-					console.log('WebSocket连接已打开！');
-					that.isConnected = true;
-					
-					// 发送登录心跳包
-					uni.sendSocketMessage({
-						data: JSON.stringify({
-							"cmd": 0,//心跳
-							"data": {
-								"accessToken":uni.getStorageSync("token"),
-							},
-						}),  // 发送心跳包数据 // 发送的消息内容
-						success(re) {
-							console.log(re);
-							console.log('消息发送成功！')
-						},
-						fail(err) {
-							console.log(err);
-							console.log('消息发送失败！')
-						}
-					});
-					
-					// 发送心跳包
-					this.startHeartbeat(); 
-					
-				});
-				uni.onSocketMessage(res => {
-					console.log('收到WebSocket服务器消息：');
-					if(res.data){
-						let data=JSON.parse(res.data);
-						console.log(data);
-						if(data.data){ 
-							data=data.data;
-							if(data){
-								if(this.ifadd(data.id)){
-									// 是发送者发送来的消息
-									if(data.recvId&&data.recvId.toString()==that.userid.toString()&&data.sendId.toString()==this.info.friendId.toString()){
-										// 加入聊天记录
-										// 消息类型 0:文字 1:图片 2:文件 3:语音 4:视频 5 订单 6 商品 10, "撤回" 11, "已读 "12, "消息已读回执 " 30,"加载中标记"
-										if(data.type==0||data.type==1||data.type==2||data.type==3||data.type==4||data.type==5||data.type==6){
-											if(data.type==0){
-												data.content=decodeURIComponent(data.content);
-											}
-											// 获取图片，为下面的预览做准备
-											if(data.type == 1) {
-												this.imgMsg.unshift(data.content)
-											}
-											let mdata = {
-												"fromname": this.info.chatName,
-												"fromuser": this.info.friendId,
-												"headimg": this.info.chatAvatar,
-												"toname": this.userName, 
-												"touser": this.userid, 
-												"content": data.content,
-												"time": data.type==3?5:0,
-												"ifaudio":data.type==3? true:false,
-												"fromtime": data.sendTime,
-												"type": data.type,
-												"id": data.id,
-												"recvId": data.recvId,
-												"sendId": data.sendId
-											};
-											this.setMsglist(mdata)
-											
-											// 接收到socket信息后更新聊天列表记录
-											var chatlastinfo={
-												id: this.info.chatId,
-												content:data.content,
-												type:data.type,
-												minId: data.id,
-												datetime: data.sendTime,
-												name: this.info.chatName,
-												userid: this.userid,
-												fromuser: this.info.friendId,
-												img: this.info.chatAvatar,
-												sort:"privatechat"
-											};
-											this.updateChatList(chatlastinfo);
-											// 已读操作
-											this.readed();
-										}
-										else{
-											// 10, "撤回" 11, "已读 " 12, "消息已读回执 " 30,"加载中标记"
-										}
-									}
-								}
-								// 10, "撤回" 11, "已读 " 12, "消息已读回执 " 30,"加载中标记"
-								if(data.type==12){
-									// 已读操作
-									this.updateRead(data);
-								}
-							}
-						}
-					}
-				});
-				uni.onSocketClose(res => {
-					console.log('WebSocket连接已关闭！');
-					that.isConnected = false;
-					clearInterval(that.heartbeatInterval); // 停止心跳包发送
-				});
-				uni.onSocketError(err => {
-					console.error('WebSocket连接打开失败，请检查：', err);
-					clearInterval(that.heartbeatInterval); // 停止心跳包发送
-				});
-			},
-			// 关闭WebSocket连接  
-			closeWebSocket() {  
-			    if (this.socket) {  
-			        uni.closeSocket();  
-			        this.socket = null;  
-			        this.isConnected = false;  
-			    }
-			},
 			async setMsglist(data){
 				data.send=data.type==6?await this.getProduct(data.content):(data.type==5?await this.getOrder(data.content):null);	
 				data.type=data.type==0?'txt':(data.type==1?'image':data.type==3?'audio':(data.type==4?'video':(data.type==5?'order':(data.type==6?'product':'')))),
-				// console.log("setMsglist",data)
 				this.unshiftmsg.push(data);
 				this.$forceUpdate();
 				setTimeout(() => {
@@ -795,11 +799,9 @@
 						// 缓存聊天
 						myCache(this.info.chatId,this.unshiftmsg);
 						this.info.minId=this.unshiftmsg[this.unshiftmsg.length-1].id;
-						// 保存最大拉取Id
-						// this.savaMaxId({id:this.info.chatId,minId:this.info.minId});
 						this.$forceUpdate();
 						
-						// 离线加载后更新聊天列表记录
+						// 更新消息列表
 						var chatlastinfo={
 							id: this.info.chatId,
 							content:this.unshiftmsg[this.unshiftmsg.length-1].content,
@@ -1201,7 +1203,7 @@
 				}
 			},
 			updateChatList(chatlastinfo){
-				// 更新聊天列表记录
+				// 更新消息聊天列表记录
 				var chatlist = myCache("chatlist-"+this.userid);
 				if(chatlist&&chatlist.length>0){
 					var ifexist=0;
diff --git a/pages/chat/chat1.vue b/pages/chat/chat1.vue
new file mode 100644
index 0000000..3f900cc
--- /dev/null
+++ b/pages/chat/chat1.vue
@@ -0,0 +1,1913 @@
+<template>
+	<view class="content">
+		<!-- 聊天内容 -->
+		<scroll-view class="chat" scroll-y="true" scroll-with-animation="true" :scroll-into-view="scrollToView" 
+		    refresher-enabled="true" :refresher-triggered="triggered" :refresher-threshold="100" 
+			refresher-background="#f0f0f0" @refresherpulling="onPulling"
+			@refresherrefresh="onRefresh" @refresherrestore="onRestore" @refresherabort="onAbort">
+			<view class="chat-main" :style="{paddingBottom:inputh+'px'}">
+				<!-- <view class="chat-ls" v-if="unshiftmsg.length==0">
+					<view class="chat-time">现在可以开始聊天了.</view>
+				</view> -->
+				<view class="chat-ls" v-for="(item,index) in unshiftmsg" :key="index" :id="'msg'+ index">
+					<view class="chat-time" v-if="item.fromtime != ''">{{changeTime(item.fromtime)}}</view>
+					<view class="msg-m msg-left" v-if="item.fromuser !==  userid">
+						<view class="user-img" >
+							<image class="uimg" :src="item.headimg"  @error="handleImageError($event,index)" mode="aspectFill"></image>
+							<text class="uname">{{item.fromname}}</text>
+						</view>
+						 
+						<view class="message" v-if="item.type == 'txt'">
+							<!-- 文字 -->
+							<view class="msg-text">
+								<text selectable>{{item.content}}</text>
+							</view>
+						</view>
+						<view class="message" v-if="item.type == 'image'" @tap="previewImg(item.content)">
+							<!-- 图像 -->
+							<image :src="item.content" class="msg-img" mode="widthFix"></image>
+						</view>
+						<view class="messagevideo" v-if="item.type == 'video'">
+							<!-- 视频 -->
+							<myVideo :videoUrl="item.content"></myVideo>
+						</view>
+						<view class="message" v-if="item.type == 'audio'" @click="playVoice(item.content,item.ifaudio,index)">
+							<!-- 音频 -->
+							<view class="msg-text voice" :style="{width:item.time*40+'rpx'}">
+								<view class="voicel"  v-if="item.ifaudio" >
+									<div class="bg voicePlay"></div>
+								</view>
+								<image v-else src="../../static/icon/horn.png" class="voice-img"></image>
+								{{item.time}}″
+							</view>
+						</view>
+						
+						<view class="message" v-if="item.type == 'product'">
+							
+							<view v-if="item.send" class="msg-product" @click="gotoDetail(item)">
+								<view v-if="item.send.type==3" class="zx">
+									<view class="zxname">订单咨询</view>
+									<view class="zxview">查看订单</view>
+								</view>
+								<view class="msg-con">
+									<image class="img" :src="item.send.pic"  mode="aspectFit"></image>
+									<view class="info">
+										<view class="name"> 
+										   <text class="ntxt">{{item.send.name}}</text>
+										   <text v-if="item.send.spData" v-for="(value, key) in item.send.spData" :key="key" class="txt">
+										         {{ key }}: {{ value }}
+										   </text>
+										</view>
+										<view class="xq">
+											<view class="list">
+												<view v-if="item.send.type==3" class="ord">
+													购买金额:¥ <text style="font-size: 30rpx;">{{item.send.price}}</text>{{(item.send.unit?'/'+item.send.unit:'')}}
+												</view>
+												<view v-else class="price">
+													¥{{item.send.price+(item.send.unit?'/'+item.send.unit:'')}} 
+												</view>
+												<view v-if="item.send.quantity" class="qty">
+													{{item.send.quantity?'共('+item.send.quantity+(item.send.unit?item.send.unit:'件')+')':''}}
+												</view>
+												<div v-if="item.send.spData" v-for="(value, key) in item.send.spData" :key="key"  class="qty">
+												      {{ key }}: {{ value }}
+												</div>
+											</view>
+											<button class="btn" type="primary" v-if="item.send.type==1">去购买</button>
+											<button class="btn" type="primary" v-if="item.send.type==2">去购买</button>
+										</view>
+									</view>
+								</view>
+							</view>
+							
+						</view>
+						
+					</view>
+					<view class="msg-m msg-right" v-if="item.fromuser == userid">
+						<view class="user-img" >
+							<image class="uimg" :src="item.headimg"  @error="handleImageError($event,index)"  mode="aspectFill"></image>
+							<!-- <text class="uname">我</text> -->
+							<text class="uname">{{item.fromname}}</text>
+						</view>
+						<view v-if="item.type == 'txt'" class="message">
+							<view v-if="item.ifread" class="read">已读</view>
+							<view v-else class="noread">未读</view>
+							<view class="msg-text">
+								<text selectable>{{item.content}}</text>
+							</view>
+						</view>
+						<view v-if="item.type == 'image'" @tap="previewImg(item.content)" class="message">
+							<view v-if="item.ifread" class="read">已读</view>
+							<view v-else class="noread">未读</view>
+							<image :src="item.content" class="msg-img" mode="widthFix"></image>
+						</view>
+						<view v-if="item.type == 'video'"  class="messagevideo">
+							<view v-if="item.ifread" class="read">已读</view>
+							<view v-else class="noread">未读</view>
+							<!-- 视频 -->
+							<myVideo :videoUrl="item.content"></myVideo>
+						</view>
+						<view v-if="item.type == 'audio'" @click="playVoice(item.content,item.ifaudio,index)" class="message">
+							<view v-if="item.ifread" class="read">已读</view>
+							<view v-else class="noread">未读</view>
+							<!-- 音频 -->
+							<view class="msg-text voice" :style="{width: item.time>2? item.time*40+'rpx' :'auto'}">
+								{{item.time}}″
+								<view class="voicel"  v-if="item.ifaudio" >
+									<div class="bg voicePlay"></div>
+								</view>
+								<image v-else src="../../static/icon/hornrw.png" class="voice-img"></image>
+							</view>
+						</view>
+						<view v-if="item.type == 'product'" class="message" >
+							<view v-if="item.ifread" class="read">已读</view>
+							<view v-else class="noread">未读</view>
+							<view v-if="item.send" class="msg-product" @click="gotoDetail(item)">
+								<view v-if="item.send.type==3" class="zx">
+									<view class="zxname">订单咨询</view>
+									<view class="zxview">查看订单</view>
+								</view>
+								<view class="msg-con">
+									<image class="img" :src="item.send.pic"  mode="aspectFit"></image>
+									<view class="info">
+										<view class="name">
+										   <text class="ntxt">{{item.send.name}}</text>
+										   <text v-if="item.send.spData" v-for="(value, key) in item.send.spData" :key="key" class="txt">
+										         {{ key }}: {{ value }}
+										   </text>
+										</view>
+										<view class="xq">
+											<view class="list">
+												<view v-if="item.send.type==3" class="ord">
+													购买金额:¥ <text style="font-size: 30rpx;">{{item.send.price}}</text>{{(item.send.unit?'/'+item.send.unit:'')}}
+												</view>
+												<view v-else class="price">
+													¥{{item.send.price+(item.send.unit?'/'+item.send.unit:'')}} 
+												</view>
+												<view class="qty">
+													{{item.send.quantity?'共('+item.send.quantity+(item.send.unit?item.send.unit:'件')+')':''}}
+												</view>
+												 
+											</view>
+											<button class="btn" type="primary" v-if="item.send.type==1">去购买</button>
+											<button class="btn" type="primary" v-if="item.send.type==2">去购买</button>
+										</view>
+									</view>
+								</view>
+								
+							</view>
+						</view>
+						
+					</view>
+				</view>
+			</view>
+		</scroll-view>
+		<view class="popup" v-if="ifsend&&sendinfo">
+			<view class="tipcon" click="gotoXQ()">
+				<image class="img" :src="sendinfo.pic"  mode="aspectFit"></image>
+				<view class="info">
+					<view class="name">
+						<text class="ntxt">{{sendinfo.name}}</text>
+						<text v-if="sendinfo.spData" v-for="(value, key) in sendinfo.spData" :key="key"  class="txt">
+						      {{ key }}: {{ value }}
+						</text>
+					</view> 
+					<view class="xq">
+						<view class="list">
+							<view v-if="sendinfo.type==3" class="ord">
+								购买金额:¥ <text style="font-size: 30rpx;">{{sendinfo.price}}</text>{{(sendinfo.unit?'/'+sendinfo.unit:'')}}
+							</view>
+							<view v-else class="price">
+								¥{{sendinfo.price+(sendinfo.unit?'/'+sendinfo.unit:'')}} 
+							</view>
+							<view class="qty">
+								{{sendinfo.quantity?'共('+sendinfo.quantity+(sendinfo.unit?sendinfo.unit:'件')+')':''}}
+							</view>
+						</view>
+						<button class="btn" type="primary" v-if="sendinfo.type==1" @click="sendServer()">发送商品</button>
+						<button class="btn" type="primary" v-if="sendinfo.type==2" @click="sendServer()">发送课程</button>
+						<button class="btn" type="primary" v-if="sendinfo.type==3" @click="sendServer()">发送订单</button>
+					</view>
+					<view class="close">
+						<uni-icons type="closeempty" color="#bebdbd" size="16" @click="close()" ></uni-icons>
+					</view>
+				</view>
+			</view>
+		</view>
+		<submit @inputs="inputs" @heights="heights"></submit>
+		<u-toast ref="uToast" />
+		
+	</view>
+</template>
+
+<script>
+	import { myCache } from '../../utils/utils.js';
+	import dateTime from '@/common/dateTime.js';
+	import submit from '@/components/chat/submit.vue';
+	import myVideo from "@/components/myVideo.vue";
+	//音频播放
+	const innerAudioContext = uni.createInnerAudioContext();
+	export default {
+		components: {
+			submit,
+			myVideo
+		},
+		data() {
+			return {
+				text:"",
+				triggered: false,
+				userName: "",
+				userid: "",
+				userheadimg: "",
+				info:{},// 会话基本信息
+				imgurl:"",// uni.$http.baseUrl,
+				iftop:true,
+				msg: [], // 排序用，暂不使用
+				// 反转数据接收
+				unshiftmsg: [
+					// {
+					// 	fromuser: "11",
+					// 	fromname: "Madeline 老师 (女)",
+					// 	fromtime:'2025-06-20 10:00:00',
+					// 	headimg:require("@/static/image/i1.png"),
+					// 	content:'Hi，xxx，我是普拉提教练小a，周日上午10点的课您可以准时参加吧？',
+					// 	type:'txt'
+					// },
+				], // chatrurn
+				imgMsg: [],
+				scrollToView: '',
+				oldTime: new Date(),
+				inputh: '90',
+				ifaudio:false, // 是否音频
+				socketTask: null, // WebSocket实例  
+				isConnected: false, // WebSocket连接状态 
+				heartbeatInterval: null, // 心跳包20秒连接一次
+				heartbeatTimeout: 20000, // 心跳间隔时间，例如每20秒发送一次
+				// 是否需要发送 商品，课程，订单
+				ifsend: false,
+				sendinfo:{
+					// type:1,// 1 商品，2 课程，3订单
+					// id:63,
+					// orderId:"6455194061326336",
+					// name:"零基础教练培训",
+					// pic:"/static/image/i1.png",
+					// price:1000,
+					// unit: "元",
+					// brandName: "yoga",
+					// isCourse: 0,
+					// quantity:1,
+					// spData:{"颜色":"绿","尺寸":"80"}
+				}
+			}
+		},
+		onLoad(options) {
+			var user = myCache('user');
+			// 本人聊天信息
+			this.userName=user.nickName?user.nickName:"";
+			this.userid=user.userid?user.userid:"";
+			this.userheadimg=user.avatar?user.avatar:require("@/static/image/girl.png");
+			if(options.data){
+				// 会话信息
+				this.info=JSON.parse(decodeURIComponent(options.data));
+				console.log("chat",this.info)
+				// 会话标题
+				var title = this.info.chatName;
+				uni.setNavigationBarTitle({
+				  title: title,
+				});
+				
+				if(this.info.sendinfo){
+					this.ifsend=true;
+					this.sendinfo=this.info.sendinfo;
+					this.$forceUpdate();
+				}
+				else{
+					this.ifsend=false;
+					this.sendinfo=null;
+					this.$forceUpdate();
+				}
+			}
+		},
+		onShow() {
+			
+			// 如果心跳包在发送，先停止，再启动
+			if(this.heartbeatInterval){
+				clearInterval(this.heartbeatInterval); // 停止心跳包发送
+			}
+			
+			// 先获取聊天记录缓存
+			this.getchatstore();
+			
+			// 跳转到最后一条数据 与前面的:id进行对照
+			setTimeout(() => {
+				this.screendo(this.unshiftmsg.length - 1);
+			}, 500);
+			
+		},
+		// onBackPress(options) {
+		// 	if (options.from === 'backbutton') {
+		//       // 来自顶部菜单的返回按钮
+		//       // 在这里处理你的逻辑
+		//       console.log('返回按钮被点击');
+		// 	  // this.closeWebSocket();
+		//       // uni.onSocketClose(function (res) {
+		//       //   console.log('WebSocket 已关闭！');
+		//       // });
+		// 	  return false;
+		//     }
+		// },
+		// beforeDestroy() {
+		// 	// console.log('界面关闭socket，beforeDestroy');
+		//     // 在组件销毁前，确保关闭 WebSocket 连接
+		// 	// this.closeWebSocket();
+		// 	// clearInterval(this.heartbeatInterval); // 停止心跳包发送
+		// },
+		methods: {
+			gotoDetail(item){
+				var send=item.send;
+				if(send){
+					if(send.type==1){
+						// 商品
+						uni.navigateTo({
+							url: `/pages/product/detail?id=${send.id}`
+						});
+					}
+					else if(send.type==2){
+						// 课程
+						uni.navigateTo({
+							url: `/pages/product/cdetail?id=${send.id}`
+						});
+					}
+					else if(send.type==3){
+						// 订单详情
+						uni.navigateTo({
+							url: `/pages/order/orderinfo?id=${send.orderId}`
+						}); 
+					}
+				}
+			},
+			// 关闭框
+			close(){
+				this.ifsend=false;
+				this.$forceUpdate();
+			},
+			// 发送服务信息
+			sendServer(){
+				let data = {
+					"fromname": this.userName,
+					"fromuser": this.userid,
+					"headimg": this.userheadimg,
+					"toname": this.info.chatName, // 接收人
+					"touser": this.info.friendId, // 接收人姓名
+					"content": this.sendinfo.id,
+					"time": 0,
+					"ifaudio":false,
+					"fromtime": new Date(),
+					"type": "product", // this.sendinfo.type==3?"5":"6" // 5订单 6 商品
+					"send":this.sendinfo
+				};
+				this.unshiftmsg.push(data);
+				var rindex=this.unshiftmsg.length-1;
+				// 消息发送
+				this.onSendWS(data,rindex);
+			},
+			// 发送消息跳转详情
+			gotoXQ(){
+				if(this.sendinfo.type==1){
+					// 1 商品
+					uni.navigateTo({
+						url: `/pages/product/detail?id=`+this.sendinfo.id
+					});
+				}
+				else if(this.sendinfo.type==2){
+					// 2 课程
+					uni.navigateTo({
+						url: `/pages/product/cdetail?id=`+this.sendinfo.id
+					});
+				}
+				else if(this.sendinfo.type==3){
+					// 3订单
+					uni.navigateTo({
+						url: `/pages/order/orderinfo?id=`+this.sendinfo.id
+					});
+				}
+			},
+			// 获取聊天记录
+			getchatstore(){
+				console.log("getchatstore");
+				var that=this;
+				try{
+					this.unshiftmsg=[];
+					// 先获取会话缓存
+					var data= myCache(this.info.chatId)?myCache(this.info.chatId):[]; 
+					data.forEach((cell,i)=>{
+						cell["ifaudio"]=false;
+						//时间间隔处理
+						if (i < this.unshiftmsg.length - 1) { 
+							//这里表示头部时间还是显示一下
+							let t = dateTime.spaceTime(this.oldTime, cell.fromtime);
+							if (t) {
+								this.oldTime = t;
+							}
+							cell.fromtime = t;
+						}
+						// 获取图片，为下面的预览做准备
+						if (cell.type == 'image') {
+							this.imgMsg.unshift(cell.content)
+						}
+						else if(cell.type=='txt'){
+							cell.content=decodeURIComponent(cell.content);
+						}
+						this.unshiftmsg.push(cell);
+					});
+					if(this.unshiftmsg.length<=0)
+					{
+						if(this.info.from=="yh"){
+							// 首次会话自动信息
+							var cont = 'Hi，'+this.userName+'，欢迎您！我是'+this.info.chatName+'，请问有什么可以帮助您的呢？';
+							this.unshiftmsg = [
+								{
+									"fromname": this.info.chatName, // 发送人
+									"fromuser": this.info.friendId, // 发送人
+									"headimg": this.info.chatAvatar, // 发送人
+									"toname": this.userName, // 接收人
+									"touser": this.userid, // 接收人姓名
+									"content": cont,
+									"minId":this.info.minId, 
+									"time": 0,
+									"ifaudio":false,
+									"fromtime": new Date(),
+									"type": 'txt'
+								}
+							];
+							this.$forceUpdate();
+						}
+						else{
+							// 首次会话自动信息
+							var cont = 'Hi，'+this.userName+'，欢迎您！我是'+this.info.chatName+'，请问有什么可以帮助您的呢？';
+							this.unshiftmsg = [
+								{
+									"fromname": this.info.chatName, // 发送人
+									"fromuser": this.info.friendId, // 发送人
+									"headimg": this.info.chatAvatar, // 发送人
+									"toname": this.userName, // 接收人
+									"touser": this.userid, // 接收人姓名
+									"content": cont,
+									"minId":this.info.minId, 
+									"time": 0,
+									"ifaudio":false,
+									"fromtime": new Date(),
+									"type": 'txt'
+								}
+							];
+							this.$forceUpdate();
+						} 
+					}
+					else{
+						// 跳转到最后一条数据 与前面的:id进行对照
+						setTimeout(() => {
+							that.screendo(that.unshiftmsg.length-1);
+						}, 100);
+					}
+				}
+				catch(err){
+					console.log(err);
+				}
+				
+				// socket接收实时消息
+				this.socketinit();
+				
+			},
+			// 是否是列表中已经存在了minId
+			ifpull(){
+				var ret=true;
+				this.unshiftmsg.forEach((cell)=>{
+					if(cell.id&&this.info.minId&&parseInt(cell.id)>=parseInt(this.info.minId)){
+						ret=false;
+					}
+				});
+				return ret;
+			},
+			// 消息是否存在列表中
+			ifadd(id){
+				console.log("ifadd",id)
+				var ret=true;
+				this.unshiftmsg.forEach((cell)=>{
+					if(cell.id==id){
+						ret=false;
+					}
+				});
+				return ret;
+			},
+			// 定时心跳包
+			startHeartbeat() {
+				console.log("startHeartbeat")
+				this.heartbeatInterval = setInterval(() => {
+				  if (this.socketTask) {
+				    this.socketTask.send({
+				      data: JSON.stringify({ 
+						  'cmd': 1,//心跳
+						  'data': {
+							  'accessToken':uni.getStorageSync("token")
+						  },
+						  }) // 发送心跳包数据
+				    });
+				  }
+				}, this.heartbeatTimeout);
+			},
+			// ws接收消息
+			socketinit(){
+				var that = this;
+				this.socketTask=uni.connectSocket({
+					url: "wss://www.sanduolantoyoga.com/yoga-imserver/",
+					header: {
+						// 'content-type': 'application/json',
+						Authorization: uni.getStorageSync("token"),
+					},
+					success: (res) => {
+					  console.log(res, 'socket连接成功success');
+					  // 获取当前聊天中的minId 拉取离线信息
+					  that.getReadedId();
+					},
+					fail: (res) => {
+					  console.log(res, 'socket连接失败')
+					},
+					complete: (res) => {
+						console.log(res,'socket连接成功complete');
+					}
+				});
+				uni.onSocketOpen(res => {
+					console.log('WebSocket连接已打开！');
+					that.isConnected = true;
+					
+					// 发送登录心跳包
+					uni.sendSocketMessage({
+						data: JSON.stringify({
+							"cmd": 0,//心跳
+							"data": {
+								"accessToken":uni.getStorageSync("token"),
+							},
+						}),  // 发送心跳包数据 // 发送的消息内容
+						success(re) {
+							console.log(re);
+							console.log('消息发送成功！')
+						},
+						fail(err) {
+							console.log(err);
+							console.log('消息发送失败！')
+						}
+					});
+					
+					// 发送心跳包
+					this.startHeartbeat(); 
+					
+				});
+				uni.onSocketMessage(res => {
+					console.log('收到WebSocket服务器消息：');
+					if(res.data){
+						let data=JSON.parse(res.data);
+						console.log(data);
+						if(data.data){ 
+							data=data.data;
+							if(data){
+								if(this.ifadd(data.id)){
+									// 是发送者发送来的消息
+									if(data.recvId&&data.recvId.toString()==that.userid.toString()&&data.sendId.toString()==this.info.friendId.toString()){
+										// 加入聊天记录
+										// 消息类型 0:文字 1:图片 2:文件 3:语音 4:视频 5 订单 6 商品 10, "撤回" 11, "已读 "12, "消息已读回执 " 30,"加载中标记"
+										if(data.type==0||data.type==1||data.type==2||data.type==3||data.type==4||data.type==5||data.type==6){
+											if(data.type==0){
+												data.content=decodeURIComponent(data.content);
+											}
+											// 获取图片，为下面的预览做准备
+											if(data.type == 1) {
+												this.imgMsg.unshift(data.content)
+											}
+											let mdata = {
+												"fromname": this.info.chatName,
+												"fromuser": this.info.friendId,
+												"headimg": this.info.chatAvatar,
+												"toname": this.userName, 
+												"touser": this.userid, 
+												"content": data.content,
+												"time": data.type==3?5:0,
+												"ifaudio":data.type==3? true:false,
+												"fromtime": data.sendTime,
+												"type": data.type,
+												"id": data.id,
+												"recvId": data.recvId,
+												"sendId": data.sendId
+											};
+											this.setMsglist(mdata)
+											
+											// 接收到socket信息后更新聊天列表记录
+											var chatlastinfo={
+												id: this.info.chatId,
+												content:data.content,
+												type:data.type,
+												minId: data.id,
+												datetime: data.sendTime,
+												name: this.info.chatName,
+												userid: this.userid,
+												fromuser: this.info.friendId,
+												img: this.info.chatAvatar,
+												sort:"privatechat"
+											};
+											this.updateChatList(chatlastinfo);
+											// 已读操作
+											this.readed();
+										}
+										else{
+											// 10, "撤回" 11, "已读 " 12, "消息已读回执 " 30,"加载中标记"
+										}
+									}
+								}
+								// 10, "撤回" 11, "已读 " 12, "消息已读回执 " 30,"加载中标记"
+								if(data.type==12){
+									// 已读操作
+									this.updateRead(data);
+								}
+							}
+						}
+					}
+				});
+				uni.onSocketClose(res => {
+					console.log('WebSocket连接已关闭！');
+					that.isConnected = false;
+					clearInterval(that.heartbeatInterval); // 停止心跳包发送
+				});
+				uni.onSocketError(err => {
+					console.error('WebSocket连接打开失败，请检查：', err);
+					clearInterval(that.heartbeatInterval); // 停止心跳包发送
+				});
+			},
+			// 关闭WebSocket连接  
+			closeWebSocket() {  
+			    if (this.socket) {  
+			        uni.closeSocket();  
+			        this.socket = null;  
+			        this.isConnected = false;  
+			    }
+			},
+			async setMsglist(data){
+				data.send=data.type==6?await this.getProduct(data.content):(data.type==5?await this.getOrder(data.content):null);	
+				data.type=data.type==0?'txt':(data.type==1?'image':data.type==3?'audio':(data.type==4?'video':(data.type==5?'order':(data.type==6?'product':'')))),
+				// console.log("setMsglist",data)
+				this.unshiftmsg.push(data);
+				this.$forceUpdate();
+				setTimeout(() => {
+					this.screendo(this.unshiftmsg.length-1);
+				}, 100);
+				// 缓存聊天
+				myCache(this.info.chatId,this.unshiftmsg);
+				// 保存最大拉取Id
+				this.savaMaxId({id:this.info.chatId,minId:this.info.minId});
+			},
+			savaMaxId(info){
+				// 保存最大拉取Id
+				var data= myCache("privateMsgMaxId")?myCache("privateMsgMaxId"):[];
+				console.log("data",data)
+				var ifhas=0;
+				data.forEach((cell,i)=>{
+					if(cell.id==info.id){
+						ifhas=1;
+						data[i].minId==info.minId;
+					}
+				});
+				if(ifhas){
+					// 如果存在信息修改
+					myCache("privateMsgMaxId",data);
+				}
+				else{
+					// 如果不存在信息添加
+					data.push(info);
+					myCache("privateMsgMaxId",data);
+				}
+			},
+			async getProduct(id){
+				console.log("getProduct",id)
+				var rets=null;
+				const {data: res} = await uni.$http.post("/api/message/private/getProductForIm",{"productId":id});
+				if(res.data){
+					var data=res.data;
+					rets={
+						type:data.isCourse==0?1:2,// 1 商品，2 课程，3订单
+						id:data.id,
+						name:data.name,
+						pic:data.pic,
+						price:data.price,
+						unit: data.unit,
+						brandName:data.brandName,
+						isCourse:data.isCourse
+					}
+					console.log(rets)
+					return rets;
+				}
+				else{
+					return rets;
+				}
+			},
+			async getOrder(id){
+				var rets=null;
+				const {data: res} = await uni.$http.post("/api/message/private/getOrderForIm",{"orderItemId":id});
+				if(res.data){
+					var data=res.data;
+					rets={
+						type:3,// 1 商品，2 课程，3订单
+						id:data.id,
+						orderId:data.orderId,
+						name:data.productName,
+						pic:data.pic?data.pic:'/static/image/nopic.png',
+						price:data.totalAmount,
+						quantity:data.quantity,
+						spData: data.spData? JSON.parse(data.spData):null
+					}
+					return rets;
+				}
+				else{
+					return rets;
+				}
+			},
+			
+			// 已读推送
+			async readed() {
+				const {data: res} = await uni.$http.put('/api/message/private/readed?friendId='+this.info.friendId);
+			},
+			// 获取当前聊天中最大minId
+			async getReadedId() {
+				const {data: res} = await uni.$http.get('/api/message/private/maxReadedId',{friendId:this.info.friendId});
+				if(res.data){
+					this.info.minId=res.data;
+					this.$forceUpdate();
+					// 保存最大拉取Id
+					this.savaMaxId({id:this.info.chatId,minId:this.info.minId});
+					this.getList();
+				}
+			},
+			// 拉取离线消息
+			async getList() {
+				// 判断当前 minId 是不是列表中已经存在了，是不再拉取，不是继续拉取
+				// if(this.ifpull()){
+					var that=this;
+					const {data: res} = await uni.$http.get('/api/message/private/pullOfflineMessage',{minId: this.info.minId});
+					this.triggered = false;
+					if(res.data&&res.data.length>0){
+						var type=0;
+						res.data.forEach((cell,i)=>{
+							type=cell.type;
+							cell["ifaudio"]=false;
+							//时间间隔处理
+							if (i < this.unshiftmsg.length - 1) { 
+								//这里表示头部时间还是显示一下
+								let t = dateTime.spaceTime(this.oldTime, cell.fromtime);
+								if (t) {
+									this.oldTime = t;
+								}
+								cell.fromtime = t;
+							}
+							// 获取图片，为下面的预览做准备
+							if (cell.type == 1) {
+								this.imgMsg.unshift(cell.content)
+							}
+							else if(cell.type==0){
+								cell.content=decodeURIComponent(cell.content);
+							} 
+							// // 消息类型 0:文字 1:图片 2:文件 3:语音 4:视频  5 订单 6 商品  10, "撤回" 11, "已读 "12, "消息已读回执 " 30,"加载中标记"
+							let mdata = {
+								"fromname": this.userName,
+								"fromuser": this.userid,
+								"headimg":  cell.headImage?cell.headImage:'/static/image/kfr.png',
+								"toname": this.info.chatName, // 接收人
+								"touser": this.info.friendId, // 接收人姓名
+								"content": cell.content,
+								"time": cell.type==3?5:0,
+								"ifaudio":cell.type==3? true:false,
+								"fromtime": cell.sendTime,
+								"type": data.type==0?'txt':(data.type==1?'image':data.type==3?'audio':(data.type==4?'video':(data.type==5?'order':(data.type==6?'product':'')))),
+								"id": cell.id,
+								"recvId": cell.recvId,
+								"sendId": cell.sendId,
+							};
+							this.unshiftmsg.unshift(mdata);
+						});
+						
+						// 跳转到最后一条数据 与前面的:id进行对照
+						setTimeout(() => {
+							that.screendo(that.unshiftmsg.length-1);
+						}, 100);
+						
+						// 缓存聊天
+						myCache(this.info.chatId,this.unshiftmsg);
+						this.info.minId=this.unshiftmsg[this.unshiftmsg.length-1].id;
+						// 保存最大拉取Id
+						// this.savaMaxId({id:this.info.chatId,minId:this.info.minId});
+						this.$forceUpdate();
+						
+						// 离线加载后更新聊天列表记录
+						var chatlastinfo={
+							id: this.info.chatId,
+							content:this.unshiftmsg[this.unshiftmsg.length-1].content,
+							type: type,
+							minId: this.unshiftmsg[this.unshiftmsg.length-1].id,
+							datetime: this.unshiftmsg[this.unshiftmsg.length-1].sendTime,
+							name: this.info.chatName,
+							userid: this.userid,
+							fromuser: this.info.friendId,
+							img: this.info.chatAvatar,
+							sort:"privatechat"
+						};
+						this.updateChatList(chatlastinfo);
+						
+						// 已读操作
+						this.readed();
+						
+					}
+				// }
+				
+			},
+			screendo(scrindex){
+				this.scrollToView = '';
+				// 跳转到最后一条数据 与前面的:id进行对照
+				this.$nextTick(function() {
+					this.scrollToView = 'msg' + scrindex
+				});
+			},
+			// 自定义下拉刷新控件被下拉
+			onPulling(e) {
+				var that=this;
+				if (!this.triggered) {
+					//下拉刷新，先变true再变false才能关闭
+				    this.triggered = true;
+				    //关掉圈圈，需要先执行完刷新操作
+				    setTimeout(() => {
+				      that.triggered = false;
+				    }, 2000);
+				}
+			},
+			// 自定义下拉刷新被触发
+			onRefresh(event){
+				// 加载聊天记录
+				this.getList();
+			},
+			// 自定义下拉刷新被复位
+			onRestore() {
+				this.triggered = 'restore'; // 需要重置
+			    console.log("onRestore");
+			},
+			// 自定义下拉刷新被中止
+			onAbort() {
+				this.triggered = false;
+			    console.log("onAbort");
+			},
+			changeTime(date) {
+				return dateTime.dateTime1(date);
+			},
+			// 进行图片的预览
+			previewImg(e) {
+				let index = 0;
+				for (let i = 0; i < this.imgMsg.length; i++) {
+					if (this.imgMsg[i] == e) {
+						index = i;
+					}
+				}
+				// 预览图片
+				uni.previewImage({
+					current: index,
+					urls: this.imgMsg,
+					longPressActions: {
+						itemList: ['发送给朋友', '保存图片', '收藏'],
+						success: function(data) {
+							console.log('选中了第' + (data.tapIndex + 1) + '个按钮,第' + (data.index + 1) + '张图片');
+						},
+						fail: function(err) {
+							console.log(err.errMsg);
+						}
+					}
+				});
+			},
+			//音频播放
+			playVoice(e,ifplay,index) {
+				var that=this;
+				// 先关闭停止所有
+				innerAudioContext.src = '';
+				innerAudioContext.stop();
+				that.unshiftmsg.forEach((cell,i)=>{
+					cell.ifaudio=false;
+				});
+				ifplay=!ifplay;
+				this.unshiftmsg[index].ifaudio=ifplay;
+				this.$forceUpdate();
+				if(ifplay){
+					innerAudioContext.src = e;
+					innerAudioContext.play(() => {
+						console.log('开始播放');
+					});
+					// 监听音频播放结束事件
+					innerAudioContext.onEnded((res) => {
+					  console.log('音频播放结束');
+					  that.unshiftmsg[index].ifaudio=!ifplay;
+					  that.$forceUpdate();
+					  // 在这里执行你想要的操作
+					});
+					// innerAudioContext.onPlay(() => {
+					// 	console.log('开始播放');
+					// });
+				}
+				else{
+					innerAudioContext.src = '';
+					innerAudioContext.stop();
+				}
+			},
+			//地图定位
+			covers(e) {
+				let map = [{
+					latitude: e.latitude,
+					longitude: e.longitude,
+					iconPath: '../../static/image/head.png'
+				}]
+				return (map);
+			},
+			//跳转地图信息
+			openLocation(e) {
+				uni.openLocation({
+					latitude: e.latitude,
+					longitude: e.longitude,
+					name: e.name,
+					address: e.address,
+					success: function() {
+						console.log('success');
+					}
+				});
+			},
+			fullscreenchange(e){
+				if(!e.detail.fullScreen){ // 退出全屏，锁定竖屏
+					plus.screen.lockOrientation('portrait-primary');
+				}
+			},
+			//接受输入内容
+			async inputs(e) {
+				console.log("inputs");
+				console.log(e);
+				var rindex=this.unshiftmsg.length-1;
+				
+				let data = {
+					"fromname": this.userName,
+					"fromuser": this.userid,
+					"headimg": this.userheadimg,
+					"toname": this.info.chatName, // 接收人
+					"touser": this.info.friendId, // 接收人姓名
+					"content": e.type=='audio'?e.message.voice:e.message,
+					"time": e.type=='audio'?e.message.time:0,
+					"ifaudio":false,
+					"fromtime": new Date(),
+					"type": e.type
+				};
+				
+				if(e.type!=='video'){
+					this.unshiftmsg.push(data);
+					rindex=this.unshiftmsg.length-1;
+					// 跳转到最后一条数据 与前面的:id进行对照
+					this.screendo(this.unshiftmsg.length - 1);
+				}
+				
+				// 发送给服务器消息
+				var that = this;
+				if(e.type=='txt'){ 
+					// 文本 
+				    // 消息发送
+					this.onSendWS(data,rindex);
+				}
+				else if(e.type=='image'){ 
+					// 图片
+				    // 先上传在传送消息
+					var token= uni.getStorageSync("token");
+					console.log('先上传在传送消息');
+					uni.showLoading({
+						title: '图片上传中...'
+					});
+					uni.uploadFile({
+						url: uni.$http.baseUrl+"/api/image/upload",
+						filePath: e.message,
+						name: 'file',
+						header: {
+							'Authorization': token
+						},
+						success: res => {
+							console.log(res);
+							uni.hideLoading();
+							var rdata=JSON.parse(res.data); 
+							if(rdata.data&&rdata.data.originUrl){
+								var url=rdata.data&&rdata.data.originUrl?rdata.data.originUrl:'';
+								data.content= url; 
+								// 图片放入集合
+								if (e.type == 'image'&&url) {
+									this.imgMsg.push(url);
+								}
+								// 消息发送
+								this.onSendWS(data,rindex);
+							}
+							else{
+								this.$refs.uToast.show({
+								  title:rdata.msg?rdata.msg:"图片上传失败...",
+								  type: "error",
+								  duration: 2000,
+								});
+							}
+						},
+						fail: res => {
+							uni.hideLoading();
+							console.log(res)
+						}
+					});
+					
+				}
+				else if(e.type=='audio'){ 
+					// 音频
+				    // 先上传在传送消息
+					var token= uni.getStorageSync("token");
+					console.log('先上传在传送消息');
+					uni.showLoading({
+						title: '音频上传中...'
+					});
+					uni.uploadFile({
+						url: uni.$http.baseUrl+"/api/file/upload",
+						filePath: e.message.voice,
+						name: 'file',
+						header: {
+							'Authorization': token
+						},
+						success: res => {
+							console.log(res);
+							uni.hideLoading();
+							var rdata=JSON.parse(res.data);
+							console.log("音频上传中",rdata);
+							if(rdata.data){
+								var url=rdata.data;
+								data.content= url;
+								console.log(data);
+								// // 信息发送聊天框
+								// this.unshiftmsg.push(data);
+								// rindex=this.unshiftmsg.length-1;
+								// // 跳转到最后一条数据 与前面的:id进行对照
+								// this.screendo(this.unshiftmsg.length - 1);
+								// 消息发送
+								this.onSendWS(data,rindex);
+							}
+							else{
+								this.$refs.uToast.show({
+								  title:rdata.msg?rdata.msg:"音频上传失败...",
+								  type: "error",
+								  duration: 2000,
+								});
+							}
+						},
+						fail: res => {
+							uni.hideLoading();
+							console.log(res)
+						}
+					});
+					
+				}
+				else if(e.type=='video'){
+					// 视频
+				    // 先上传在传送消息
+					var token= uni.getStorageSync("token");
+					console.log('先上传在传送消息');
+					uni.showLoading({
+						title: '视频上传中...'
+					});
+					uni.uploadFile({
+						url: uni.$http.baseUrl+"/api/file/upload",
+						filePath: e.message,
+						name: 'file',
+						header: {
+							'Authorization': token
+						},
+						success: res => {
+							uni.hideLoading();
+							console.log(res);
+							var rdata=JSON.parse(res.data);
+							console.log(rdata);
+							if(rdata.data){
+								var url=rdata.data;
+								data.content= url;
+								// 信息发送聊天框
+								this.unshiftmsg.push(data);
+								rindex=this.unshiftmsg.length-1;
+								// 跳转到最后一条数据 与前面的:id进行对照
+								this.screendo(this.unshiftmsg.length - 1);
+								// 消息发送
+								this.onSendWS(data,rindex);
+							}
+							else{
+								this.$refs.uToast.show({
+								  title:rdata.msg?rdata.msg:"视频上传失败...",
+								  type: "error",
+								  duration: 2000,
+								});
+							}
+						},
+						fail: res => {
+							uni.hideLoading();
+							console.log(res)
+						}
+					});
+					
+				}
+				
+			},
+			// 消息发送
+			async onSendWS(datamsg,rindex){
+				var message=JSON.stringify(datamsg);
+				var msssagebf=JSON.parse(message);
+				if(msssagebf.type=='txt'){
+					msssagebf.content=encodeURIComponent(msssagebf.content);
+				}
+				var mtype= '0'; // 消息类型 0:文字 1:图片 2:文件 3:语音 4:视频 5订单 6 商品
+				if(msssagebf.type=='txt'){
+					mtype='0';
+				}
+				else if(msssagebf.type=='image'){
+					mtype='1';
+				}
+				else if(msssagebf.type=='audio'){
+					mtype='3';
+				}
+				else if(msssagebf.type=='video'){
+					mtype='4';
+				}
+				else if(msssagebf.type=='product'){
+					// 发送服务
+					if(this.sendinfo.type==3){
+						mtype='5';// 5订单 6 商品
+					}
+					else{
+						mtype='6';// 5订单 6 商品
+					}
+				}
+				var param={
+					"recvId": this.info.friendId,
+					"content": msssagebf.content,
+					"type": mtype
+				}
+				// 发送消息
+				const {data: res} = await uni.$http.post('/api/message/private/send',param);
+				if(res.data){
+					var rrdata=res.data;
+					if(rrdata.type==0){
+						rrdata.content=decodeURIComponent(rrdata.content);
+					}
+					this.unshiftmsg[this.unshiftmsg.length-1]["content"]=rrdata.content;
+					this.unshiftmsg[this.unshiftmsg.length-1]["id"]=rrdata.id;
+					this.unshiftmsg[this.unshiftmsg.length-1]["recvId"]=rrdata.recvId; // 接收人的id
+					this.unshiftmsg[this.unshiftmsg.length-1]["sendId"]=rrdata.sendId; // 发送人的id
+					this.unshiftmsg[this.unshiftmsg.length-1]["fromtime"]=rrdata.sendTime;
+					this.$forceUpdate();
+					// 缓存聊天
+					myCache(this.info.chatId,this.unshiftmsg);
+					this.info.minId=this.unshiftmsg[this.unshiftmsg.length-1].id;
+					this.$forceUpdate();
+					// 保存最大拉取Id
+					// this.savaMaxId({id:this.info.chatId,minId:this.info.minId});
+					// 更新聊天列表记录
+					var chatlastinfo={
+						id:this.info.chatId,
+						content:rrdata.content,
+						type:mtype,
+						minId: rrdata.id,
+						datetime:rrdata.sendTime,
+						name: this.info.chatName,
+						userid: this.userid,
+						fromuser: this.info.friendId,
+						img: this.info.chatAvatar,
+						sort:"privatechat",
+						send:this.sendinfo
+					};
+					this.updateChatList(chatlastinfo);
+					
+					if(mtype=='5'||mtype=='6'){
+						// 关闭发送服务窗口
+						this.ifsend=false;
+						this.sendinfo=null;
+						this.$forceUpdate();
+					}
+				}
+				else{
+					this.unshiftmsg.pop();
+					uni.showModal({
+						title: '提示',
+						content: res.msg?res.msg :'抱歉！信息发送失败..',
+						cancelText: '取消',
+						confirmText: '确定',
+						success: ress => {
+						}
+					});
+				}
+			},
+			updateChatList(chatlastinfo){
+				// 更新聊天列表记录
+				var chatlist = myCache("chatlist-"+this.userid);
+				if(chatlist&&chatlist.length>0){
+					var ifexist=0;
+					chatlist.forEach((cell,i)=>{
+						if(cell.id==this.info.chatId){
+							ifexist++;
+							chatlist[i]=chatlastinfo;
+						}
+					});
+					if(ifexist==0){
+						// 新增的添加
+						chatlist.unshift(chatlastinfo);
+					}
+					// 重新保存聊天记录
+					myCache("chatlist-"+this.userid,chatlist);
+				}
+				else{
+					chatlist=[];
+					chatlist.push(chatlastinfo);
+					myCache("chatlist-"+this.userid,chatlist);
+				}
+			},
+			// 更新是否已读
+			updateRead(item){
+				console.log("updateRead")
+				this.unshiftmsg.forEach((cell,index)=>{
+					// console.log(cell,item.recvId)
+					if(cell.fromuser==item.recvId){
+						this.unshiftmsg[index].ifread=true;
+						this.$forceUpdate();
+					}
+				});
+				// 缓存聊天
+				myCache(this.info.chatId,this.unshiftmsg);
+			},
+			//输入框高度
+			heights(e) {
+				this.inputh = e;
+				this.goBottom();
+			},
+			// 滚动到底部
+			goBottom() {
+				console.log("goBottom")
+				this.scrollToView = '';
+				this.screendo(this.unshiftmsg.length - 1);
+			},
+			handleImageError(e,index){
+				console.log(e,index);
+				this.unshiftmsg[index]["headimg"]= require("@/static/image/girl.png");
+				this.$forceUpdate();
+			},
+		}
+	}
+</script>
+
+<style lang="scss">
+	page {
+		height: 100%;
+	}
+
+	.content {
+		height: 100%;
+		background-color: rgba(244, 244, 244, 1);
+		position: relative;
+	}
+	::v-deep .uni-noticebar{
+		margin-bottom: 0 !important;
+		padding: 10rpx 12rpx !important;
+		border-radius: 10rpx;
+	}
+	
+	.chat {
+		height: 100%;
+
+		.chat-main {
+			padding-left: 20rpx;
+			padding-right: 20rpx;
+			padding-top: 20rpx;
+			// padding-bottom: 120rpx;  //获取动态高度
+			display: flex;
+			flex-direction: column;
+		}
+
+		.chat-ls {
+			.chat-time {
+				font-size: 24rpx;
+				color: rgba(39, 40, 50, 0.3);
+				line-height: 34rpx;
+				padding: 10rpx 0rpx;
+				text-align: center;
+			}
+
+			.msg-m {
+				display: flex;
+				padding: 20rpx 0;
+
+				.user-img {
+					flex: none;
+					width: 92rpx;
+					height: 90rpx;
+					border-radius: 20rpx;
+					text-align: center;
+					.uimg{
+						width: 70rpx;
+						height: 70rpx;
+						margin: 0 auto;
+						border-radius: 35rpx;
+					}
+					.uname{
+						height: 30rpx;
+						display: block;
+						margin: 0 auto;
+						line-height: 30rpx;
+						color: rgba(39, 40, 50, 0.5);
+						font-size: 24rpx;
+					}
+				}
+				.message {
+					flex: none;
+					max-width: 540rpx;
+					display: flex;
+					flex-direction: row;
+				}
+				.messagevideo {
+					max-width: 540rpx;
+					height: 300rpx;
+					display: flex;
+					flex-direction: row;
+				}
+				.msg-text {
+					font-size: 32rpx;
+					color: rgba(39, 40, 50, 1);
+					line-height: 44rpx;
+					padding: 18rpx 24rpx;
+					word-break: break-all;
+				}
+				.msg-img {
+					max-width: 400rpx;
+					border-radius: 20rpx;
+				}
+				.msg-video{
+					width: 400rpx;
+					height: 300rpx;
+					border-radius: 20rpx;
+				}
+				.msg-map {
+					background: #fff;
+					width: 464rpx;
+					height: 284rpx;
+					overflow: hidden;
+					margin: 0 20rpx;
+					.map-name {
+						font-size: 32rpx;
+						color: rgba(39, 40, 50, 1);
+						line-height: 44rpx;
+						padding: 18rpx 24rpx 0 24rpx;
+						//下面四行是单行文字的样式
+						display: -webkit-box;
+						-webkit-box-orient: vertical;
+						-webkit-line-clamp: 1;
+						overflow: hidden;
+					}
+					.map-address {
+						font-size: 24rpx;
+						color: rgba(39, 40, 50, 0.4);
+						padding: 0 24rpx;
+						//下面四行是单行文字的样式
+						display: -webkit-box;
+						-webkit-box-orient: vertical;
+						-webkit-line-clamp: 1;
+						overflow: hidden;
+					}
+
+					.map {
+						padding-top: 8rpx;
+						width: 464rpx;
+						height: 190rpx;
+					}
+				}
+				.voice {
+					// width: 200rpx;
+					min-width: 100rpx;
+					max-width: 400rpx;
+				}
+				.voice-img {
+					width: 36rpx;
+					height: 36rpx;
+				}
+			}
+
+			.msg-left {
+				flex-direction: row;
+				.feed-imgy{
+					display: flex;
+					flex-direction: column;
+					justify-content: center;
+					align-self: center;
+					margin-right: 0rpx;
+					width: 95rpx;
+					height: 75rpx;
+				}
+				.feed-img{
+					display: flex;
+					flex-direction: column;
+					justify-content: center;
+					align-self: center;
+					margin-right: 0rpx;
+					width: 75rpx;
+					height: 75rpx;
+				}
+				.msg-text {
+					margin-left: 16rpx;
+					background-color: #fff;
+					border-radius: 0rpx 20rpx 20rpx 20rpx;
+					word-break: break-all;
+				}
+
+				.ms-img {
+					margin-left: 16rpx;
+				}
+				.msg-video{
+					margin-left: 16rpx;
+				}
+				.msh-map {
+					margin-left: 16rpx;
+					border-radius: 0rpx 20rpx 20rpx 20rpx;
+				}
+				
+				.msg-img {
+					margin: 0 0 0 20rpx;
+				}
+
+				.voice {
+					text-align: left;
+					display: flex;
+				}
+				.voice-img {
+					transform: rotate(180deg);
+					width: 36rpx;
+					height: 36rpx;
+					padding-bottom: 4rpx;
+					margin-right: 10rpx;
+				}
+				.voicel{ 
+				  height: 32rpx;
+				  width: 32rpx;
+				}
+				.bg {
+				    background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAAAYCAYAAAAF6fiUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MEM0NzgwODc1MDY0MTFFRjk1QjhFRUUxQjYyOUQ5NDQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MEM0NzgwODg1MDY0MTFFRjk1QjhFRUUxQjYyOUQ5NDQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowQzQ3ODA4NTUwNjQxMUVGOTVCOEVFRTFCNjI5RDk0NCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowQzQ3ODA4NjUwNjQxMUVGOTVCOEVFRTFCNjI5RDk0NCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqxjhsEAAANzSURBVHjazJlLaNRQFIaTVIcRQUELoggVKYIgQvGFr40giLMRBAtjXblwUSmIK1vBTQUREUFB8NGdGwUXgoIVFwq6EGSkOAguXKiUQQq6kKK0Gv+LJ+HkTpLJfYUc+DnJ3M436Tn3eeKHYeiZ2NDQkGfZfCj03Nka6DzUgqZMYa1WS45HzIf15C/xqmeuE7ATOs3up1zxRefslYSgggn465j/GLpJ13ehfS75SEIu36/AFCQ6wQHoBbTgIOBZfBGow9AvaIXBb8d89PYFFpcEn7e5GAG+wXfPQc+g91DNQQKy+A3oB1SnkWDMR9BrbG0oxLeVgNAgCeLhF6FN0CuLiS3CP07+BDTgko/kbHC9BugG6w20ja63QxNSYk0tj/8EatP1uOYuKMFHoCdYW09+kDKnT0Kz0KjGKChik9AsxPkz0FnWvtIgsar8y2wUBDp8BDrBR+zS+CP4PCgyApZDa6Eb+ELDQQJiPs3DkV2FOnQ9atDjVfkPyS+DduvykQQtfpAypM7A3aPbB0iC7bNCgi+dRW6RP2owDanyf0Lv6HqPKl+KTxcf8czlBxnz2gjcPGXtiIOdSRb/Ofmt1KY7DanyZ8gP2uIjMYX4eXPeNPm9jg5Eafwv7IS+rkT+N/Kry+bnJeA3+T5HCUjjhxa3oCr8UOM3rfDzEnCQ/Fu2Q7K5be3i0+IWWadEfj/572Xzg4zywhW4VWwhs128y+LvJ9+mxbEs/mbyn2zxafHtyU87B4yzPe1JgOZZ8x8LwU/waTGL7BT5RwZTkSq/Rge06NCmxJfi08Wn8kQmP20ErKc56xIvpQJUx72NBMR8L1kKbkIb6fq6FKDQIb9BI1v8by91+YiPFj+1GgpYP4I9x+593IcZ05VOEsScOMfuxUuMr/Sg4uHHWNtSjUqlCv81HZDuQ8OqfPFChl7CxHx8NsbiE/Px+XChBKiYhXL0IPUMsYB9lopiddpthI74O9i0sIXVbbT5CPIAi02Cj7a2y2KcrjXp4UXpdpfUtmihIJfHjxbQp5rBL8xPC77NXY2JXaOeOS1t3fooAa74t9loaNrgI8gd1vsL8f0KvpSPdj4u3wuLncxFuj4mbSWVTH4pz3aSMR9/k8mv4jthz3HwD7HgXDAJfkaHTPDzgl+VKahs+wjdgT54/0vUzvhUos61fwIMANiWariLn8/jAAAAAElFTkSuQmCC);
+					width: 32rpx;
+				    height: 32rpx;
+				    background-size: 400%;
+				}
+				
+				.msg-product{
+					display: flex;
+					flex-direction: column;
+					width: 100%;
+					background-color: #FFFFFF;
+					padding: 10rpx;
+					border-radius: 16rpx;
+					width: 480rpx;
+					margin-left: 12rpx;
+					.zx{
+						display: flex;
+						justify-content: space-between;
+						width: 100%;
+						font-size: 28rpx;
+						margin: 10rpx;
+						.zxview{
+							color: darkgrey;
+							font-size: 26rpx;
+							margin-right: 20rpx;
+						}
+					}
+					.msg-con{
+						display: flex;
+						justify-content: space-between;
+						width: 100%;
+						padding: 10rpx;
+						border-radius: 16rpx;
+					}
+					.img{
+						width: 120rpx;
+						height: 120rpx;
+					}
+					.info{
+						display: flex;
+						flex-direction: column;
+						flex: 1;
+						padding: 6rpx 8rpx;
+						position: relative;
+						margin-left: 10rpx;
+						background-color: #f4f4f4;
+						border-radius: 0 10rpx 10rpx 0;
+						.name{
+							width: 330rpx;
+							// white-space: nowrap; /* 防止文本换行 */
+							// overflow: hidden; /* 隐藏溢出的内容 */
+							// text-overflow: ellipsis; /* 溢出部分显示省略号 */
+							.txt{
+								font-size: 26rpx;
+								color: darkgrey;
+								margin-left: 6rpx;
+							}
+							.ntxt{
+								font-size: 28rpx;
+								color: #000;
+							}
+						}
+						.sku{
+							display: flex;
+							flex-direction: row;
+							.txt{
+								font-size: 26rpx;
+								color: darkgrey;
+								margin-right: 6rpx;
+							}
+						}
+						.xq{
+							width: 100%;
+							display: flex;
+							flex-direction: row;
+							.list{
+								display: flex;
+								flex: 1;
+							}
+							.price{
+								display: flex;
+								align-items: center;
+								font-size: 28rpx;
+								color: #ff007f;
+							}
+							.ord{
+								display: flex;
+								align-items: center;
+								font-size: 26rpx;
+								color: #232323;
+							}
+							.qty{
+								display: flex;
+								align-items: center;
+								font-size: 26rpx;
+								color: darkgrey;
+								margin-left: 8rpx;
+							}
+							.btn{
+								font-size: 26rpx;
+								font-family: PingFang SC-Medium, PingFang SC;
+								font-weight: 500;
+								color: #FCFCFD;
+								width: 110rpx;
+								height: 50rpx;
+								line-height: 50rpx;
+								background: #ff007f;
+								box-shadow: 0rpx 10rpx 30rpx 2rpx rgba(255,0,127,0.2);
+								border-radius: 60rpx;
+								opacity: 1;
+								margin-right: 10rpx;
+								margin-top: 10rpx;
+								margin-bottom: 10rpx;
+								padding-left:0 !important;
+								padding-right:0 !important;
+								&::after{
+									border:none;
+								}
+							}
+						} 
+					}
+					
+				}
+			}
+
+			.msg-right {
+				flex-direction: row-reverse;
+				.read{
+					font-size: 24rpx;
+					color: #888;
+					margin-right: 10rpx;
+					display: flex;
+					justify-content: flex-end;
+					align-items: flex-end;
+				}
+				.noread{
+					font-size: 24rpx;
+					color: #00a89b;
+					margin-right: 10rpx;
+					display: flex;
+					justify-content: flex-end;
+					align-items: flex-end;
+				}
+				.feed-imgy{
+					display: flex;
+					flex-direction: column;
+					justify-content: center;
+					align-self: center;
+					margin-right: 0rpx;
+					width: 95rpx;
+					height: 75rpx;
+				}
+				.feed-img{
+					display: flex;
+					flex-direction: column;
+					justify-content: center;
+					align-self: center;
+					margin-right: 0rpx;
+					width: 75rpx;
+					height: 75rpx;
+				}
+				.msg-text {
+					margin-right: 16rpx;
+					background-color: #00a89b;
+					font-family: PingFang SC, PingFang SC;
+					font-weight: 400;
+					font-size: 32rpx;
+					color: #FFFFFF;
+					line-height: 48rpx;
+					word-break: break-all;
+					border-radius: 20rpx 0rpx 20rpx 20rpx;
+				}
+
+				.ms-img {
+					margin-right: 16rpx;
+				}
+				
+				.msg-img {
+					margin: 0 20rpx 0 0;
+				}
+				.msg-video{
+					margin: 0 20rpx 0 0;
+				}
+				.msh-map {
+					margin-left: 16rpx;
+					border-radius: 20rpx 0rpx 20rpx 20rpx;
+				}
+
+				.voice {
+					display: flex;
+					flex-direction: row;
+					align-items: center;
+					justify-content: flex-end;
+				}
+
+				.voice-img {
+					display: block;
+					width: 36rpx;
+					height: 36rpx;
+					margin-left: 10rpx;
+				}
+				.voicel{
+				  height: 32rpx;
+				  width: 32rpx;
+				}
+				.bg {
+				    background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAAAYCAYAAAAF6fiUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6REJBQzQ1RjQ1MDYzMTFFRjk5QjZEQkI5MDlENzE3RTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6REJBQzQ1RjU1MDYzMTFFRjk5QjZEQkI5MDlENzE3RTQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpEQkFDNDVGMjUwNjMxMUVGOTlCNkRCQjkwOUQ3MTdFNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpEQkFDNDVGMzUwNjMxMUVGOTlCNkRCQjkwOUQ3MTdFNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pm5p+OoAAAKmSURBVHja1Jk/SBxBFMbdy6mHSEARNYIkhU0ICCEkEEynEYmkUEiTxmBtZZHCgGVsAgEhQozYaAo7G0GwjgemC1ZBgzbaKKnEIsb1HbwjH8PM7szdfEQffMzyzexvhn2zM/snSdO0wSOmRfdFc6JfDfGDzb++UUlAjmbTfzHi0T5UbP61Vl6DV3BxZggDYPNRyU1LQDtcnC9GXY/ojeh2HZ2z+ahbZD4lAZt6cQ4Mv1v0W+tm6+icza+qSOZTEvAAZudjo+5Q/SNRX40ds/m47JSIfFoC1nSQ24Y/r/4fUZdR1xHQMZtfVSOZH7LndPgmoEl0oQMdA/8OzNrXxjlzokvRgsfA2HxUM5nvUsmXbzt5CGZJE/jv1d832k8GPsmw+TgDEyLfd8PP5NsAM9q4bPi76r8FrwXgHzwHyOa7loDY/Kw73JtvAyzpCcvgtQLoKfgT6p0GDJDNtyWAwXepEMIvWF6O27Q8Aa8bjo/h+JGWWwEv32y+Ldh8jMsQvi0B1Y9DicUz/b9aNod8/SDzs/pk8V2Ry7cl4FTLTvCORBd63Av+Ny2HAwbF5tuCzXdFLt+WgD0t+8E7F/3Q40Hw17WuRbTqOSg23zbrGXyfyOdbNoYB2LBaLU8vx0b7UWj/0WOTYvNdGzGD76NMvu0OKGvWKjEO/ifY0KbB3xBN6eZ25jEr2HxXxOQnAf1m8x1ZW9SM7Rr+O8hmfx2z4jOZ71IsfoH9LegeDPSFUfcd3mSf1NjxXTI/64UsBj/av4WC47Y5EK3o8VejbkD0U1QUPa9xOTgk812bcSx+GrgM1fRLsvIl8Vxny4albqjOW5HNz+ubyY/2S/IZLBULhAGz+Tf+n7D5Ne8lYRBsPmXzjKWixyq1rOVD0Q7hZYXNz9oP/ntcCTAAHScbp0OSlTgAAAAASUVORK5CYII=);
+					width: 32rpx;
+				    height: 32rpx;
+				    background-size: 400%;
+				}
+				
+				.msg-product{
+					display: flex;
+					flex-direction: column;
+					width: 100%;
+					background-color: #FFFFFF;
+					padding: 10rpx;
+					border-radius: 16rpx;
+					width: 480rpx;
+					margin-right: 12rpx;
+					.zx{
+						display: flex;
+						justify-content: space-between;
+						width: 100%;
+						font-size: 28rpx;
+						margin: 10rpx;
+						.zxview{
+							color: darkgrey;
+							font-size: 26rpx;
+							margin-right: 20rpx;
+						}
+					}
+					.msg-con{
+						display: flex;
+						justify-content: space-between;
+						width: 100%;
+						padding: 10rpx;
+						border-radius: 16rpx;
+					}
+					.img{
+						width: 120rpx;
+						height: 120rpx;
+					}
+					.info{
+						display: flex;
+						flex-direction: column;
+						flex: 1;
+						padding: 6rpx 8rpx;
+						position: relative;
+						margin-left: 10rpx;
+						background-color: #f4f4f4;
+						border-radius: 0 10rpx 10rpx 0;
+						.name{
+							width: 330rpx;
+							// white-space: nowrap; /* 防止文本换行 */
+							// overflow: hidden; /* 隐藏溢出的内容 */
+							// text-overflow: ellipsis; /* 溢出部分显示省略号 */
+							.txt{
+								font-size: 26rpx;
+								color: darkgrey;
+								margin-left: 6rpx;
+							}
+							.ntxt{
+								font-size: 28rpx;
+								color: #000;
+							}
+						}
+						.sku{
+							display: flex;
+							flex-direction: row;
+							.txt{
+								font-size: 26rpx;
+								color: darkgrey;
+								margin-right: 6rpx;
+							}
+						}
+						.xq{
+							width: 100%;
+							display: flex;
+							flex-direction: row;
+							.list{
+								display: flex;
+								flex: 1;
+							}
+							.price{
+								display: flex;
+								align-items: center;
+								font-size: 28rpx;
+								color: #ff007f;
+							}
+							.ord{
+								display: flex;
+								align-items: center;
+								font-size: 26rpx;
+								color: #232323;
+							}
+							.qty{
+								display: flex;
+								align-items: center;
+								font-size: 26rpx;
+								color: darkgrey;
+								margin-left: 8rpx;
+							}
+							.btn{
+								font-size: 26rpx;
+								font-family: PingFang SC-Medium, PingFang SC;
+								font-weight: 500;
+								color: #FCFCFD;
+								width: 110rpx;
+								height: 50rpx;
+								line-height: 50rpx;
+								background: #ff007f;
+								box-shadow: 0rpx 10rpx 30rpx 2rpx rgba(255,0,127,0.2);
+								border-radius: 60rpx;
+								opacity: 1;
+								margin-right: 10rpx;
+								margin-top: 10rpx;
+								margin-bottom: 10rpx;
+								padding-left:0 !important;
+								padding-right:0 !important;
+								&::after{
+									border:none;
+								}
+							}
+						} 
+					}
+					
+				}
+				
+			}
+		}
+	}
+	
+	.voicePlay {
+	  animation-name: voicePlay;
+	  animation-duration: 1s;
+	  animation-direction: normal;
+	  animation-iteration-count: infinite;
+	  animation-timing-function: steps(3);
+	}
+	
+	@keyframes voicePlay {
+	  0% {
+	    background-position: 0;
+	  }
+	  100% {
+	    background-position: 100%;
+	  }
+	}
+	
+	.popup{
+		position: fixed;
+		bottom: 180rpx;
+		/* #ifdef H5 */
+		bottom: 100rpx;
+		/* #endif */
+		left: 0;
+		width: 100%;
+		padding: 18rpx;
+		border-radius: 16rpx;
+		.tipcon{
+			display: flex;
+			justify-content: space-between;
+			width: 100%;
+			background-color: #FFFFFF;
+			padding: 16rpx;
+			border-radius: 16rpx;
+			.img{
+				width: 100rpx;
+				height: 100rpx;
+			}
+			.info{
+				display: flex;
+				flex-direction: column;
+				flex: 1;
+				margin-left: 16rpx;
+				position: relative;
+				.name{
+					width: 550rpx;
+					// white-space: nowrap; /* 防止文本换行 */
+					// overflow: hidden; /* 隐藏溢出的内容 */
+					// text-overflow: ellipsis; /* 溢出部分显示省略号 */
+					margin-right: 50rpx;
+					.txt{
+						font-size: 26rpx;
+						color: darkgrey;
+						margin-left: 6rpx;
+					}
+					.ntxt{
+						font-size: 28rpx;
+						color: #000;
+					}
+				}
+				.sku{
+					display: flex;
+					flex-direction: row;
+					.txt{
+						font-size: 26rpx;
+						color: darkgrey;
+						margin-right: 6rpx;
+					}
+				}
+				.xq{
+					width: 100%;
+					display: flex;
+					flex-direction: row;
+					.list{
+						display: flex;
+						flex: 1;
+						align-items: flex-end;
+					}
+					.price{
+						font-size: 28rpx;
+						color: #ff007f;
+					}
+					.ord{
+						display: flex;
+						align-items: center;
+						font-size: 26rpx;
+						color: #232323;
+					}
+					.qty{
+						font-size: 26rpx;
+						color: darkgrey;
+						margin-left: 6rpx;
+					}
+					.btn{
+						font-size: 26rpx;
+						font-family: PingFang SC-Medium, PingFang SC;
+						font-weight: 500;
+						color: #FCFCFD;
+						width: 150rpx;
+						height: 50rpx;
+						line-height: 50rpx;
+						background: #ff007f;
+						box-shadow: 0rpx 10rpx 30rpx 2rpx rgba(255,0,127,0.2);
+						border-radius: 10rpx;
+						opacity: 1;
+						margin-right: 10rpx;
+						padding-left:0 !important;
+						padding-right:0 !important;
+						&::after{
+							border:none;
+						}
+					}
+				}
+				.close{
+					position: absolute;
+					top: 0;
+					right: 6rpx;
+				}
+			}
+		}
+	}
+	
+</style>
diff --git a/pages/chat/groupchat.vue b/pages/chat/groupchat.vue
index d1f6572..d0b587f 100644
--- a/pages/chat/groupchat.vue
+++ b/pages/chat/groupchat.vue
@@ -90,29 +90,36 @@
 							<text class="uname">{{item.fromname}}</text>
 						</view>
 						<view v-if="item.type == 'txt'" class="message">
-							<view v-if="item.ifread" class="read">已读</view>
-							<view v-else class="noread">{{item.readedCount?(2-item.readedCount):2}}未读</view>
+							<view class="rcon">
+								<view class="read" @click="openRead(item)">已读{{item.read?item.read.length:0}}</view>
+								<view class="noread" @click="openNoRead(item)">未读{{item.read?3-item.read.length:3}}</view>
+							</view>
+							 
 							<view class="msg-text">
 								<text selectable>{{item.content}}</text>
 							</view>
 						</view>
 						<view v-if="item.type == 'image'" @tap="previewImg(item.content)" class="message">
-							<view v-if="item.ifread" class="read">已读</view>
-							<view v-else class="noread">{{item.readedCount?(2-item.readedCount):2}}未读</view>
+							<view class="rcon">
+								<view class="read" @click="openRead(item)">已读{{item.read?item.read.length:0}}</view>
+								<view class="noread" @click="openNoRead(item)">未读{{item.read?3-item.read.length:3}}</view>
+							</view>
 							<image :src="item.content" class="msg-img" mode="widthFix"></image>
 						</view>
 						<view v-if="item.type == 'video'"  class="messagevideo">
-							<view v-if="item.ifread" class="read">已读</view>
-							<view v-else class="noread">{{item.readedCount?(2-item.readedCount):2}}未读</view>
+							<view class="rcon">
+								<view class="read" @click="openRead(item)">已读{{item.read?item.read.length:0}}</view>
+								<view class="noread" @click="openNoRead(item)">未读{{item.read?3-item.read.length:3}}</view>
+							</view>
 							<!-- 视频 -->
 							<myVideo :videoUrl="item.content"></myVideo>
 						</view>
 						<view v-if="item.type == 'audio'" @click="playVoice(item.content,item.ifaudio,index)" class="message">
-							<view v-if="item.ifread" class="read">已读</view>
-							<view v-else class="noread">{{item.readedCount?(2-item.readedCount):2}}未读</view>
 							<!-- 音频 -->
-							<view v-if="item.ifread" class="read">已读</view>
-							<view v-else class="noread">{{item.readedCount?(2-item.readedCount):2}}未读</view>
+							<view class="rcon">
+								<view class="read" @click="openRead(item)">已读{{item.read?item.read.length:0}}</view>
+								<view class="noread" @click="openNoRead(item)">未读{{item.read?3-item.read.length:3}}</view>
+							</view>
 							<view class="msg-text voice" :style="{width: item.time>2? item.time*40+'rpx' :'auto'}">
 								{{item.time}}″
 								<view class="voicel"  v-if="item.ifaudio" >
@@ -122,8 +129,10 @@
 							</view>
 						</view>
 						<view v-if="item.type == 'product'" class="message" >
-							<view v-if="item.ifread" class="read">已读</view>
-							<view v-else class="noread">{{item.readedCount?(2-item.readedCount):2}}未读</view>
+							<view class="rcon">
+								<view class="read" @click="openRead(item)">已读{{item.read?item.read.length:0}}</view>
+								<view class="noread" @click="openNoRead(item)">未读{{item.read?3-item.read.length:3}}</view>
+							</view>
 							<view v-if="item.send" class="msg-product" @click="gotoDetail(item)">
 								<view v-if="item.send.type==3" class="zx">
 									<view class="zxname">订单咨询</view>
@@ -199,23 +208,23 @@
 		<submit @inputs="inputs" @heights="heights"></submit>
 		<u-toast ref="uToast" />
 		
-		<!-- 普通弹窗 -->
+		<!-- 群公告 -->
 		<uni-popup ref="popup" background-color="#fff">
 			<view class="popup-content" :class="{ 'popup-height': 'right' }">
 				<view class="example">
 					<view class="order">
 						<view class="chatlist">
 							<view class="chatcell">
-								<image class="user-img" :src="info.teacherimg||'/static/image/jltx.png'"></image>
-								<text class="user-name">{{info.teachername||"教练"}}</text>
+								<image class="user-img" :src="info.instructorimg||'/static/image/jltx.png'"></image>
+								<text class="user-name">{{info.instructorname||"教练"}}</text>
 							</view>
 							<view class="chatcell">
-								<image class="user-img" :src="info.friendimg||'/static/image/kfr.png'"></image>
-								<text class="user-name">{{info.friendname||"客服"}}</text>
+								<image class="user-img" :src="info.customerimg||'/static/image/kfr.png'"></image>
+								<text class="user-name">{{info.customername||"客服"}}</text>
 							</view>
 							<view class="chatcell">
-								<image class="user-img" :src="info.headImage||'/static/image/mr.png'"></image>
-								<text class="user-name">{{info.showNickName||"咨询用户"}}</text>
+								<image class="user-img" :src="info.ownerimg||'/static/image/mr.png'"></image>
+								<text class="user-name">{{info.ownername||"咨询用户"}}</text>
 							</view>
 						</view>
 					</view>
@@ -241,6 +250,31 @@
 			</view>
 		</uni-popup>
 		
+		<!-- 未读已读 -->
+		<uni-popup ref="popupRead" background-color="#fff">
+			<view class="popup-content" :class="{ 'popup-height': 'right' }">
+				<view class="example">
+					<view class="order">
+						<view class="qhbtn">
+							<view :class="ifread?'btn cur':'btn'" @click="qhrd(1)">已读({{readinfo.read.length}})</view>
+							<view :class="ifread?'btn':'btn cur'" @click="qhrd(2)">未读({{readinfo.noread.length}})</view>
+						</view>
+						<view class="readlist" v-if="ifread">
+							<view class="readcell" v-for="(value, key) in readinfo.read" :key="value.id">
+								<text class="readname">{{value.name}}</text>
+								<text class="readtime">{{value.time}}</text>
+							</view>
+						</view>
+						<view class="readlist" v-else>
+							<view class="readcell" v-for="(value, key) in readinfo.noread" :key="value.id">
+								<text class="readname">{{value.name}}</text>
+							</view>
+						</view>
+					</view>
+				</view>
+			</view>
+		</uni-popup>
+		
 	</view>
 </template>
 
@@ -314,10 +348,9 @@
 				oldTime: new Date(),
 				inputh: '90',
 				ifaudio:false, // 是否音频
-				socketTask: null, // WebSocket实例  
-				isConnected: false, // WebSocket连接状态 
-				heartbeatInterval: null, // 心跳包20秒连接一次
-				heartbeatTimeout: 20000, // 心跳间隔时间，例如每20秒发送一次
+				// isConnected: false, // WebSocket连接状态 
+				// heartbeatInterval: null, // 心跳包20秒连接一次
+				// heartbeatTimeout: 20000, // 心跳间隔时间，例如每20秒发送一次
 				// 是否需要发送 商品，课程，订单
 				ifsend: false,
 				sendinfo:{
@@ -332,6 +365,11 @@
 					// isCourse: 0,
 					// quantity:1,
 					// spData:{"颜色":"绿","尺寸":"80"}
+				},
+				ifread:true,
+				readinfo:{
+					read:[],
+					noread:[]
 				}
 			}
 		},
@@ -341,10 +379,11 @@
 			this.userName=user.nickName?user.nickName:"";
 			this.userid=user.userid?user.userid:"";
 			this.userheadimg=user.avatar?user.avatar:require("@/static/image/girl.png");
+			
 			if(options.data){
 				// 会话信息
 				this.info=JSON.parse(decodeURIComponent(options.data));
-				console.log("chat",this.info)
+				console.log("groupchat",this.info)
 				// 会话标题
 				var title = this.info.chatName;
 				uni.setNavigationBarTitle({
@@ -361,37 +400,30 @@
 					this.sendinfo=null;
 					this.$forceUpdate();
 				}
+				
 			}
+			
 		},
 		onShow() {
+			
 			// 先获取聊天记录缓存
 			this.getchatstore();
 			
 			// 获取客服 和 教练 头像和名称
 			this.getrwinfo();
 			
+			var that=this;
 			// 跳转到最后一条数据 与前面的:id进行对照
 			setTimeout(() => {
-				console.log("onShow")
-				this.screendo(this.unshiftmsg.length - 1);
-			}, 100);
+				that.screendo(that.unshiftmsg.length - 1);
+				if(!that.isConnected){
+					// 重新连接socket
+					that.reconnect();
+				}
+			}, 500);
+			
+			this.getGroupInfo(this.info.groupId);
 			
-			// 如果心跳包在发送，先停止，再启动
-			if(this.heartbeatInterval){
-				clearInterval(this.heartbeatInterval); // 停止心跳包发送
-			}
-		},
-		onBackPress(options) {
-			if (options.from === 'backbutton') {
-		      // 来自顶部菜单的返回按钮
-		      // 在这里处理你的逻辑
-		      console.log('返回按钮被点击');
-			  // this.closeWebSocket();
-		   //    uni.onSocketClose(function (res) {
-		   //      console.log('WebSocket 已关闭！');
-		   //    });
-			  return false;
-		    }
 		},
 		//点击导航栏 buttons 时触发 添加任务
 		onNavigationBarButtonTap: async function(e) { 
@@ -399,42 +431,214 @@
 			if (index === 0) {
 				this.$refs.popup.open("right");
 			}
-		}, 
-		beforeDestroy() {
-			console.log('界面关闭socket，beforeDestroy');
-		    // 在组件销毁前，确保关闭 WebSocket 连接
-			// this.closeWebSocket();
-			// clearInterval(this.heartbeatInterval); // 停止心跳包发送
 		},
 		methods: {
+			// 定时心跳包
+			startHeartbeat() {
+				console.log("startHeartbeat")
+				var that=this;
+				this.heartbeatInterval = setInterval(() => {
+					if(this.isConnected){
+						uni.sendSocketMessage({
+							data: JSON.stringify({
+							  	'cmd': 1,//心跳
+							  	'data': {
+							  		'accessToken':uni.getStorageSync("token")
+							  	},
+							}), // 发送心跳包数据,
+							success(re) {
+								console.log(re);
+								console.log('消息发送成功！')
+							},
+							fail(err) {
+								console.log(err);
+								console.log('消息发送失败！');
+								that.reconnect();
+							}
+						});
+					}
+				}, this.heartbeatTimeout);
+			},
+			// 开始重连
+			reconnect () {
+			    if (!this.isConnected) {
+			        clearTimeout(this.heartbeatInterval);
+					this.heartbeatInterval = setTimeout(() => {
+					    console.log('开始重连...');
+					    this.socketinit();
+					},this.heartbeatTimeout);
+			    }
+			},
+			// ws接收消息
+			socketinit(){
+				var that = this;
+				if (!this.isConnected) {
+					uni.connectSocket({
+						url: "wss://www.sanduolantoyoga.com/yoga-imserver/",
+						header: {
+							// 'content-type': 'application/json',
+							Authorization: uni.getStorageSync("token"),
+						},
+						success: (res) => {
+						  console.log(res, 'socket连接成功success');
+						  // 获取当前聊天中的minId 拉取离线信息
+						  that.getReadedId();
+						},
+						fail: (res) => {
+						  console.log(res, 'socket连接失败')
+						},
+						complete: (res) => {
+							console.log(res,'socket连接成功complete');
+						}
+					});
+					uni.onSocketOpen(res => {
+						console.log('WebSocket连接已打开！');
+						that.isConnected = true;
+						// 发送登录心跳包
+						uni.sendSocketMessage({
+							data: JSON.stringify({
+								"cmd": 0,//心跳
+								"data": {
+									"accessToken":uni.getStorageSync("token"),
+								},
+							}),  // 发送心跳包数据 // 发送的消息内容
+							success(re) {
+								console.log(re);
+								console.log('消息发送成功！')
+							},
+							fail(err) {
+								console.log(err);
+								console.log('消息发送失败！')
+							}
+						});
+						// 发送心跳包
+						this.startHeartbeat();
+				    });
+					uni.onSocketClose(res => {
+						console.log('WebSocket连接已关闭！');
+						this.isConnected = false;
+						this.$forceUpdate();
+						// 重新连接socket
+						this.reconnect();
+					});
+					uni.onSocketError(err => {
+						console.error('WebSocket连接打开失败，请检查：', err);
+						this.isConnected = false;
+						this.$forceUpdate();
+						// 重新连接socket
+						this.reconnect();
+					});
+					uni.onSocketMessage(res => {
+						console.log('收到WebSocket服务器消息：');
+						if(res.data){
+							let data=JSON.parse(res.data);
+							console.log("onSocketMessage",data);
+							if(data.cmd==4){
+								// 群聊
+								if(data.data){
+									data=data.data;
+									// 是此群聊发送来的消息
+									if(data.groupId==this.info.groupId){
+										// 是否已经加入聊天记录
+										if(this.ifadd(data.id)){
+											// 加入聊天记录
+											// 消息类型 0:文字 1:图片 2:文件 3:语音 4:视频 5 订单 6 商品 10, "撤回" 11, "已读 "12, "消息已读回执 " 30,"加载中标记"
+											if(data.type==0||data.type==1||data.type==2||data.type==3||data.type==4||data.type==5||data.type==6){
+												this.getMsgSender(data);
+												// 已读操作
+												this.readed();
+											}
+											else{
+												// 10, "撤回" 11, "已读 " 12, "消息已读回执 " 30,"加载中标记"
+											}
+										}
+										// 10, "撤回" 11, "已读 " 12, "消息已读回执 " 30,"加载中标记"
+										if(data.type==12){
+											// 已读操作
+											this.updateRead(data);
+										}
+									}
+								}
+								
+							}
+						}
+					});
+				}
+			},
+			
+			// 获取群信息
+			async getGroupInfo(id) {
+				const {data: res} = await uni.$http.get('/api/group/find/'+id);
+				if(res.data){
+					var data = res.data;
+				}
+			},
+			
 			// 获取客服和教练信息
 			async getrwinfo(){
 				// 客服
-				const {data: res} = await uni.$http.get("/api/friend/find/"+this.info.friendId);
-				if(res.data){
-					var data=res.data;
-					this.info.friendname=data.nickName?data.nickName:"客服";
-					this.info.friendimg=data.headImage?data.headImage:require("@/static/image/kfr.png");
+				if(this.userid==this.info.customerService){
+					this.info.customername=this.userName;
+					this.info.customerimg=this.userheadimg;
 					this.$forceUpdate();
 				}
 				else{
-					this.info.friendname="客服";
-					this.info.friendimg=require("@/static/image/kfr.png");
-					this.$forceUpdate();
+					const {data: res} = await uni.$http.get("/api/friend/find/"+this.info.customerService);
+					if(res.data){
+						var data=res.data;
+						this.info.customername=data.nickName?data.nickName:"客服";
+						this.info.customerimg=data.headImage?data.headImage:require("@/static/image/kfr.png");
+						this.$forceUpdate();
+					}
+					else{
+						this.info.customername="客服";
+						this.info.customerimg=require("@/static/image/kfr.png");
+						this.$forceUpdate();
+					}
 				}
+				
 				// 教练
-				const {data: res1} = await uni.$http.get("/api/friend/find/"+this.info.teacherId);
-				if(res1.data){
-					var data=res1.data;
-					this.info.teachername=data.nickName?data.nickName:"教练";
-					this.info.teacherimg=data.headImage?data.headImage:require("@/static/image/jltx.png");
+				if(this.userid==this.info.instructor){
+					this.info.instructorname=this.userName;
+					this.info.instructorimg=this.userheadimg;
 					this.$forceUpdate();
 				}
 				else{
-					this.info.teachername="教练";
-					this.info.teacherimg=require("@/static/image/jltx.png");
+					const {data: res1} = await uni.$http.get("/api/friend/find/"+this.info.instructor);
+					if(res1.data){
+						var data=res1.data;
+						this.info.instructorname=data.nickName?data.nickName:"教练";
+						this.info.instructorimg=data.headImage?data.headImage:require("@/static/image/jltx.png");
+						this.$forceUpdate();
+					}
+					else{
+						this.info.instructorname="教练";
+						this.info.instructorimg=require("@/static/image/jltx.png");
+						this.$forceUpdate();
+					}
+				}
+				
+				// 咨询用户
+				if(this.userid==this.info.ownerId){
+					this.info.ownername=this.userName;
+					this.info.ownerimg=this.userheadimg;
 					this.$forceUpdate();
 				}
+				else{
+					const {data: res2} = await uni.$http.get("/api/friend/find/"+this.info.ownerId);
+					if(res2.data){
+						var data=res2.data;
+						this.info.ownername=data.nickName?data.nickName:"咨询用户";
+						this.info.ownerimg=data.headImage?data.headImage:require("@/static/image/jltx.png");
+						this.$forceUpdate();
+					}
+					else{
+						this.info.ownername="咨询用户";
+						this.info.ownerimg=require("@/static/image/jltx.png");
+						this.$forceUpdate();
+					}
+				}
+				
 			},
 			gotoDetail(item){
 				var send=item.send;
@@ -582,6 +786,8 @@
 							that.screendo(that.unshiftmsg.length-1);
 						}, 100);
 					}
+					// 已读操作
+					this.readed();
 				}
 				catch(err){
 					console.log(err);
@@ -609,121 +815,6 @@
 				});
 				return ret;
 			},
-			// 定时心跳包
-			startHeartbeat() {
-				console.log("startHeartbeat")
-				this.heartbeatInterval = setInterval(() => {
-				  if (this.socketTask) {
-				    this.socketTask.send({
-				      data: JSON.stringify({ 
-						  'cmd': 1,//心跳
-						  'data': {
-							  'accessToken':uni.getStorageSync("token")
-						  },
-						  }) // 发送心跳包数据
-				    });
-				  }
-				}, this.heartbeatTimeout);
-			},
-			// 关闭WebSocket连接
-			closeWebSocket() {  
-			    if (this.socket) {  
-			        uni.closeSocket();  
-			        this.socket = null;  
-			        this.isConnected = false;  
-			    }
-			},
-			// ws接收消息
-			socketinit(){
-				var that = this;
-				if (!this.isConnected) {
-					this.socketTask=uni.connectSocket({
-						url: "wss://www.sanduolantoyoga.com/yoga-imserver/",
-						header: {
-							// 'content-type': 'application/json',
-							Authorization: uni.getStorageSync("token"),
-						},
-						success: (res) => {
-						  console.log(res, 'socket连接成功success');
-						  // 获取当前聊天中的minId 拉取离线信息
-						  that.getReadedId();
-						},
-						fail: (res) => {
-						  console.log(res, 'socket连接失败')
-						},
-						complete: (res) => {
-							console.log(res,'socket连接成功complete');
-						}
-					});
-					uni.onSocketOpen(res => {
-						console.log('WebSocket连接已打开！');
-						that.isConnected = true;
-						// 发送登录心跳包
-						uni.sendSocketMessage({
-							data: JSON.stringify({
-								"cmd": 0,//心跳
-								"data": {
-									"accessToken":uni.getStorageSync("token"),
-								},
-							}),  // 发送心跳包数据 // 发送的消息内容
-							success(re) {
-								console.log(re);
-								console.log('消息发送成功！')
-							},
-							fail(err) {
-								console.log(err);
-								console.log('消息发送失败！')
-							}
-						});
-						// 发送心跳包
-						this.startHeartbeat();
-				    });
-					uni.onSocketMessage(res => {
-						console.log('收到WebSocket服务器消息：');
-						if(res.data){
-							let data=JSON.parse(res.data);
-							console.log(data);
-							if(data.cmd==4){
-								// 群聊
-								if(data.data){
-									data=data.data;
-									
-									// 是此群聊发送来的消息
-									if(data.groupId==this.info.groupId){
-										if(this.ifadd(data.id)){
-											// 加入聊天记录
-											// 消息类型 0:文字 1:图片 2:文件 3:语音 4:视频 5 订单 6 商品 10, "撤回" 11, "已读 "12, "消息已读回执 " 30,"加载中标记"
-											if(data.type==0||data.type==1||data.type==2||data.type==3||data.type==4||data.type==5||data.type==6){
-												this.getMsgSender(data);
-												// 已读操作
-												this.readed();
-											}
-											else{
-												// 10, "撤回" 11, "已读 " 12, "消息已读回执 " 30,"加载中标记"
-											}
-										}
-										// 10, "撤回" 11, "已读 " 12, "消息已读回执 " 30,"加载中标记"
-										if(data.type==12){
-											// 已读操作
-											this.updateRead(data);
-										}
-									}
-								}
-								
-							}
-						}
-					});
-					uni.onSocketClose(res => {
-						console.log('WebSocket连接已关闭！');
-						that.isConnected = false;
-						clearInterval(that.heartbeatInterval); // 停止心跳包发送
-					});
-					uni.onSocketError(err => {
-						console.error('WebSocket连接打开失败，请检查：', err);
-						clearInterval(that.heartbeatInterval); // 停止心跳包发送
-					});
-				}
-			},
 			// 获取发送信息人信息
 			async getMsgSender(data){
 				var nickName="匿名";
@@ -740,7 +831,6 @@
 				}
 			},
 			async msgMerge(data,nickName,headImage){
-				
 				if(data.type==0){
 					data.content=decodeURIComponent(data.content);
 				}
@@ -925,11 +1015,6 @@
 								this.unshiftmsg.unshift(mdata);
 							}
 						});
-						// // 跳转到加载数据的第一条 与前面的:id进行对照
-						// setTimeout(() => {
-						// 	that.screendo(gotonum -1);
-						// }, 100);
-						// 跳转到最后一条数据 与前面的:id进行对照
 						setTimeout(() => {
 							that.screendo(that.unshiftmsg.length-1);
 						}, 100);
@@ -957,11 +1042,10 @@
 							sort:"groupchat"
 						};
 						this.updateChatList(chatlastinfo);
-						
-						// 已读操作
-						this.readed();
 					}
 				// }
+				// 已读操作
+				this.readed();
 				 
 			},
 			screendo(scrindex){
@@ -1320,6 +1404,9 @@
 						friendId: this.info.friendId, // 客服userid
 						teacherId: this.info.teacherId?this.info.teacherId:this.info.instructor, // 教练userid
 						fromuser: this.info.friendId,
+						customerService: this.info.customerService,
+						instructor: this.info.instructor, 
+						ownerId: this.info.ownerId, 
 						img: this.info.chatAvatar,
 						sort:"groupchat",
 						send:this.sendinfo
@@ -1353,7 +1440,10 @@
 					chatlist.forEach((cell,i)=>{
 						if(cell.id==this.info.chatId){
 							ifexist++;
-							chatlist[i]=chatlastinfo;
+							chatlist[i].content=chatlastinfo.content;
+							chatlist[i].datetime=chatlastinfo.datetime;
+							chatlist[i].fromuser=chatlastinfo.fromuser;
+							chatlist[i].type=chatlastinfo.type;
 						}
 					});
 					if(ifexist==0){
@@ -1371,12 +1461,25 @@
 			},
 			// 更新是否已读
 			updateRead(item){
-				console.log(this.info)
+				console.log("updateRead")
 				this.unshiftmsg.forEach((cell,index)=>{
 					if(cell.id==item.id){
 						this.unshiftmsg[index].readedCount=item.readedCount;
-						if(item.readedCount>=2){
-							this.unshiftmsg[index].ifread=true;
+						var read={
+							readedId:item.readedId,
+							readTime:new Date()
+						}
+						if(this.unshiftmsg[index].read){
+							let tmp = this.unshiftmsg[index].read.some(val => {
+								return val.readedId == item.readedId;
+							});
+							if(!tmp){
+								this.unshiftmsg[index].read.push(read);
+							}
+						}
+						else{
+							this.unshiftmsg[index].read=[];
+							this.unshiftmsg[index].read.push(read);
 						}
 						this.$forceUpdate();
 					}
@@ -1400,6 +1503,147 @@
 				this.unshiftmsg[index]["headimg"]= require("@/static/image/girl.png");
 				this.$forceUpdate();
 			},
+			
+			// 打开未读
+			openNoRead(item){
+				this.ifread=false;
+				this.$forceUpdate();
+				this.readinfo.read=[];
+				this.readinfo.noread=[];
+				// 已读人员列表
+				if(item.read&&item.read.length>0){
+					item.read.forEach(cell=>{
+						if(cell.readedId==this.info.customerService){
+							this.readinfo.read.push({
+								id:cell.readedId,
+								name:this.info.customername,
+								time:this.changeTime(cell.readTime)
+							})
+						}
+						else if(cell.readedId==this.info.instructor){
+							this.readinfo.read.push({
+								id:cell.readedId,
+								name:this.info.instructorname,
+								time:this.changeTime(cell.readTime)
+							})
+						}
+						else if(cell.readedId==this.info.ownerId){
+							this.readinfo.read.push({
+								id:cell.readedId,
+								name:this.info.ownername,
+								time:this.changeTime(cell.readTime)
+							})
+						}
+					});
+					
+				}
+				// 未读人员列表
+				var that=this;
+				let tmp = this.readinfo.read.some(val => {
+					return val.id == that.info.customerService;
+				});
+				if(!tmp){
+					this.readinfo.noread.push({
+						id:this.info.customerService,
+						name:this.info.customername
+					})
+				}
+				tmp = this.readinfo.read.some(val => {
+					return val.id == that.info.instructor;
+				});
+				if(!tmp){
+					this.readinfo.noread.push({
+						id:this.info.instructor,
+						name:this.info.instructorname
+					})
+				}
+				
+				tmp = this.readinfo.read.some(val => {
+					return val.id == that.info.ownerId;
+				});
+				if(!tmp){
+					this.readinfo.noread.push({
+						id:this.info.ownerId,
+						name:this.info.ownername
+					})
+				}
+				this.$refs.popupRead.open("right");
+			},
+			// 打开已读
+			openRead(item){
+				this.ifread=true;
+				this.$forceUpdate();
+				this.readinfo.read=[];
+				this.readinfo.noread=[];
+				// 已读人员列表
+				if(item.read&&item.read.length>0){
+					item.read.forEach(cell=>{
+						if(cell.readedId==this.info.customerService){
+							this.readinfo.read.push({
+								id:cell.readedId,
+								name:this.info.customername,
+								time:this.changeTime(cell.readTime)
+							})
+						}
+						else if(cell.readedId==this.info.instructor){
+							this.readinfo.read.push({
+								id:cell.readedId,
+								name:this.info.instructorname,
+								time:this.changeTime(cell.readTime)
+							})
+						}
+						else if(cell.readedId==this.info.ownerId){
+							this.readinfo.read.push({
+								id:cell.readedId,
+								name:this.info.ownername,
+								time:this.changeTime(cell.readTime)
+							})
+						}
+					});
+					
+				}
+				// 未读人员列表
+				var that=this;
+				let tmp = this.readinfo.read.some(val => {
+					return val.id == that.info.customerService;
+				});
+				if(!tmp){
+					this.readinfo.noread.push({
+						id:this.info.customerService,
+						name:this.info.customername
+					})
+				}
+				tmp = this.readinfo.read.some(val => {
+					return val.id == that.info.instructor;
+				});
+				if(!tmp){
+					this.readinfo.noread.push({
+						id:this.info.instructor,
+						name:this.info.instructorname
+					})
+				}
+				
+				tmp = this.readinfo.read.some(val => {
+					return val.id == that.info.ownerId;
+				});
+				if(!tmp){
+					this.readinfo.noread.push({
+						id:this.info.ownerId,
+						name:this.info.ownername
+					})
+				}
+				this.$refs.popupRead.open("right");
+			},
+			qhrd(type){
+				if(type==1){
+					this.ifread=true;
+					this.$forceUpdate();
+				}
+				else{
+					this.ifread=false;
+					this.$forceUpdate();
+				}
+			},
 		}
 	}
 </script>
@@ -1723,6 +1967,12 @@
 
 			.msg-right {
 				flex-direction: row-reverse;
+				.rcon{
+					display: flex;
+					flex-direction: column;
+					justify-content: flex-end;
+					align-items: flex-end;
+				}
 				.read{
 					font-size: 24rpx;
 					color: #888;
@@ -2066,6 +2316,51 @@
 		  box-sizing: border-box;
 		  padding: 0rpx 20rpx;
 		}
+		.qhbtn{
+			width: 100%;
+			display: flex;
+			flex-direction: row;
+			.btn{
+				width: 120rpx;
+				height: 60rpx;
+				border-radius: 20rpx;
+				background-color: #eee;
+				color: #000;
+				font-size: 26rpx;
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				margin-right: 16rpx;
+				margin-top: 16rpx;
+			}
+			.cur{
+				background-color: #00a89b;
+				color: #fff;
+			}
+		}
+		.readlist{
+			display: flex;
+			flex-wrap: wrap;
+			padding: 20rpx 0 0 10rpx ;
+		}
+		.readcell{
+			display: flex;
+			justify-content: space-between;
+			width: 100%;
+			padding: 16rpx 0;
+			border-bottom: 1rpx solid #eee;
+			.readtime{
+				font-size: 24rpx;
+				color: #888;
+			}
+			.readname{
+				font-size: 26rpx;
+				color: #33383c;
+				display: flex;
+				flex: 1;
+			}
+		}
+		
 		.chatlist{
 			display: flex;
 			flex-wrap: wrap;
diff --git a/pages/chat/groupchat0.vue b/pages/chat/groupchat0.vue
index 6919b6a..20ec245 100644
--- a/pages/chat/groupchat0.vue
+++ b/pages/chat/groupchat0.vue
@@ -212,11 +212,6 @@
 			  return false;
 		    }
 		},
-		beforeDestroy() {
-			console.log('界面关闭socket，beforeDestroy');
-		    // 在组件销毁前，确保关闭 WebSocket 连接
-			this.closeWebSocket();
-		},
 		methods: {
 			gotoInfo(item){
 				var data=encodeURIComponent(JSON.stringify(item));
diff --git a/pages/chat/groupchat3.vue b/pages/chat/groupchat3.vue
new file mode 100644
index 0000000..a2c99cb
--- /dev/null
+++ b/pages/chat/groupchat3.vue
@@ -0,0 +1,2189 @@
+<template>
+	<view class="content">
+		<!-- 聊天内容 -->
+		<scroll-view class="chat" scroll-y="true" scroll-with-animation="true" :scroll-into-view="scrollToView" 
+		    refresher-enabled="true" :refresher-triggered="triggered" :refresher-threshold="100" 
+			refresher-background="#f0f0f0" @refresherpulling="onPulling"
+			@refresherrefresh="onRefresh" @refresherrestore="onRestore" @refresherabort="onAbort">
+			<view class="chat-main" :style="{paddingBottom:inputh+'px'}">
+				<!-- <view class="chat-ls" v-if="unshiftmsg.length==0">
+					<view class="chat-time">现在可以开始聊天了.</view>
+				</view> -->
+				<view class="chat-ls" v-for="(item,index) in unshiftmsg" :key="index" :id="'msg'+ index">
+					<view class="chat-time" v-if="item.fromtime != ''">{{changeTime(item.fromtime)}}</view>
+					<view class="msg-m msg-left" v-if="item.fromuser !==  userid">
+						<view class="user-img" >
+							<image class="uimg" :src="item.headimg"  @error="handleImageError($event,index)"  mode="aspectFill"></image>
+							<text class="uname">{{item.fromname}}</text>
+						</view>
+						 
+						<view class="message" v-if="item.type == 'txt'">
+							<!-- 文字 -->
+							<view class="msg-text">
+								<text selectable>{{item.content}}</text>
+							</view>
+						</view>
+						<view class="message" v-if="item.type == 'image'" @tap="previewImg(item.content)">
+							<!-- 图像 -->
+							<image :src="item.content" class="msg-img" mode="widthFix"></image>
+						</view>
+						<view class="messagevideo" v-if="item.type == 'video'">
+							<!-- 视频 -->
+							<myVideo :videoUrl="item.content"></myVideo>
+						</view>
+						<view class="message" v-if="item.type == 'audio'" @click="playVoice(item.content,item.ifaudio,index)">
+							<!-- 音频 -->
+							<view class="msg-text voice" :style="{width:item.time*40+'rpx'}">
+								<view class="voicel"  v-if="item.ifaudio" >
+									<div class="bg voicePlay"></div>
+								</view>
+								<image v-else src="../../static/icon/horn.png" class="voice-img"></image>
+								{{item.time}}″
+							</view>
+						</view>
+						
+						<view class="message" v-if="item.type == 'product'">
+							
+							<view v-if="item.send" class="msg-product" @click="gotoDetail(item)">
+								<view v-if="item.send.type==3" class="zx">
+									<view class="zxname">订单咨询</view>
+									<view class="zxview">查看订单</view>
+								</view>
+								<view class="msg-con">
+									<image class="img" :src="item.send.pic"  mode="aspectFit"></image>
+									<view class="info">
+										<view class="name"> 
+										   <text class="ntxt">{{item.send.name}}</text>
+										   <text v-if="item.send.spData" v-for="(value, key) in item.send.spData" :key="key" class="txt">
+										         {{ key }}: {{ value }}
+										   </text>
+										</view>
+										<view class="xq">
+											<view class="list">
+												<view v-if="item.send.type==3" class="ord">
+													购买金额:¥ <text style="font-size: 30rpx;">{{item.send.price}}</text>{{(item.send.unit?'/'+item.send.unit:'')}}
+												</view>
+												<view v-else class="price">
+													¥{{item.send.price+(item.send.unit?'/'+item.send.unit:'')}} 
+												</view>
+												<view v-if="item.send.quantity" class="qty">
+													{{item.send.quantity?'共('+item.send.quantity+(item.send.unit?item.send.unit:'件')+')':''}}
+												</view>
+												<div v-if="item.send.spData" v-for="(value, key) in item.send.spData" :key="key"  class="qty">
+												      {{ key }}: {{ value }}
+												</div>
+											</view>
+											<button class="btn" type="primary" v-if="item.send.type==1">去购买</button>
+											<button class="btn" type="primary" v-if="item.send.type==2">去购买</button>
+										</view>
+									</view>
+								</view>
+							</view>
+							
+						</view>
+						
+					</view>
+					<view class="msg-m msg-right" v-if="item.fromuser == userid">
+						<view class="user-img" >
+							<image class="uimg" :src="item.headimg"  @error="handleImageError($event,index)"  mode="aspectFill"></image>
+							<!-- <text class="uname">我</text> -->
+							<text class="uname">{{item.fromname}}</text>
+						</view>
+						<view v-if="item.type == 'txt'" class="message">
+							<view v-if="item.ifread" class="read">已读</view>
+							<view v-else class="noread">{{item.readedCount?(2-item.readedCount):2}}未读</view>
+							<view class="msg-text">
+								<text selectable>{{item.content}}</text>
+							</view>
+						</view>
+						<view v-if="item.type == 'image'" @tap="previewImg(item.content)" class="message">
+							<view v-if="item.ifread" class="read">已读</view>
+							<view v-else class="noread">{{item.readedCount?(2-item.readedCount):2}}未读</view>
+							<image :src="item.content" class="msg-img" mode="widthFix"></image>
+						</view>
+						<view v-if="item.type == 'video'"  class="messagevideo">
+							<view v-if="item.ifread" class="read">已读</view>
+							<view v-else class="noread">{{item.readedCount?(2-item.readedCount):2}}未读</view>
+							<!-- 视频 -->
+							<myVideo :videoUrl="item.content"></myVideo>
+						</view>
+						<view v-if="item.type == 'audio'" @click="playVoice(item.content,item.ifaudio,index)" class="message">
+							<view v-if="item.ifread" class="read">已读</view>
+							<view v-else class="noread">{{item.readedCount?(2-item.readedCount):2}}未读</view>
+							<!-- 音频 -->
+							<view v-if="item.ifread" class="read">已读</view>
+							<view v-else class="noread">{{item.readedCount?(2-item.readedCount):2}}未读</view>
+							<view class="msg-text voice" :style="{width: item.time>2? item.time*40+'rpx' :'auto'}">
+								{{item.time}}″
+								<view class="voicel"  v-if="item.ifaudio" >
+									<div class="bg voicePlay"></div>
+								</view>
+								<image v-else src="../../static/icon/hornrw.png" class="voice-img"></image>
+							</view>
+						</view>
+						<view v-if="item.type == 'product'" class="message" >
+							<view v-if="item.ifread" class="read">已读</view>
+							<view v-else class="noread">{{item.readedCount?(2-item.readedCount):2}}未读</view>
+							<view v-if="item.send" class="msg-product" @click="gotoDetail(item)">
+								<view v-if="item.send.type==3" class="zx">
+									<view class="zxname">订单咨询</view>
+									<view class="zxview">查看订单</view>
+								</view>
+								<view class="msg-con">
+									<image class="img" :src="item.send.pic"  mode="aspectFit"></image>
+									<view class="info">
+										<view class="name">
+										   <text class="ntxt">{{item.send.name}}</text>
+										   <text v-if="item.send.spData" v-for="(value, key) in item.send.spData" :key="key" class="txt">
+										         {{ key }}: {{ value }}
+										   </text>
+										</view>
+										<view class="xq">
+											<view class="list">
+												<view v-if="item.send.type==3" class="ord">
+													购买金额:¥ <text style="font-size: 30rpx;">{{item.send.price}}</text>{{(item.send.unit?'/'+item.send.unit:'')}}
+												</view>
+												<view v-else class="price">
+													¥{{item.send.price+(item.send.unit?'/'+item.send.unit:'')}} 
+												</view>
+												<view class="qty">
+													{{item.send.quantity?'共('+item.send.quantity+(item.send.unit?item.send.unit:'件')+')':''}}
+												</view>
+												 
+											</view>
+											<button class="btn" type="primary" v-if="item.send.type==1">去购买</button>
+											<button class="btn" type="primary" v-if="item.send.type==2">去购买</button>
+										</view>
+									</view>
+								</view>
+								
+							</view>
+						</view>
+						
+					</view>
+				</view>
+			</view>
+		</scroll-view>
+		<view class="popup" v-if="ifsend&&sendinfo">
+			<view class="tipcon" click="gotoXQ()">
+				<image class="img" :src="sendinfo.pic"  mode="aspectFit"></image>
+				<view class="info">
+					<view class="name">
+						<text class="ntxt">{{sendinfo.name}}</text>
+						<text v-if="sendinfo.spData" v-for="(value, key) in sendinfo.spData" :key="key"  class="txt">
+						      {{ key }}: {{ value }}
+						</text>
+					</view> 
+					<view class="xq">
+						<view class="list">
+							<view v-if="sendinfo.type==3" class="ord">
+								购买金额:¥ <text style="font-size: 30rpx;">{{sendinfo.price}}</text>{{(sendinfo.unit?'/'+sendinfo.unit:'')}}
+							</view>
+							<view v-else class="price">
+								¥{{sendinfo.price+(sendinfo.unit?'/'+sendinfo.unit:'')}} 
+							</view>
+							<view class="qty">
+								{{sendinfo.quantity?'共('+sendinfo.quantity+(sendinfo.unit?sendinfo.unit:'件')+')':''}}
+							</view>
+						</view>
+						<button class="btn" type="primary" v-if="sendinfo.type==1" @click="sendServer()">发送商品</button>
+						<button class="btn" type="primary" v-if="sendinfo.type==2" @click="sendServer()">发送课程</button>
+						<button class="btn" type="primary" v-if="sendinfo.type==3" @click="sendServer()">发送订单</button>
+					</view>
+					<view class="close">
+						<uni-icons type="closeempty" color="#bebdbd" size="16" @click="close()" ></uni-icons>
+					</view>
+				</view>
+			</view>
+		</view>
+		<submit @inputs="inputs" @heights="heights"></submit>
+		<u-toast ref="uToast" />
+		
+		<!-- 群公告 -->
+		<uni-popup ref="popup" background-color="#fff">
+			<view class="popup-content" :class="{ 'popup-height': 'right' }">
+				<view class="example">
+					<view class="order">
+						<view class="chatlist">
+							<view class="chatcell">
+								<image class="user-img" :src="info.teacherimg||'/static/image/jltx.png'"></image>
+								<text class="user-name">{{info.teachername||"教练"}}</text>
+							</view>
+							<view class="chatcell">
+								<image class="user-img" :src="info.friendimg||'/static/image/kfr.png'"></image>
+								<text class="user-name">{{info.friendname||"客服"}}</text>
+							</view>
+							<view class="chatcell">
+								<image class="user-img" :src="info.headImage||'/static/image/mr.png'"></image>
+								<text class="user-name">{{info.showNickName||"咨询用户"}}</text>
+							</view>
+						</view>
+					</view>
+					<view class="order">
+						<view class="lcon">
+							<view class="lhtxt">群聊名称</view>
+							<view class="ltxt">{{info.chatName||'未设置'}}</view>
+						</view>
+						<view class="lcon">
+							<view class="lhtxt">群公告</view>
+							<view class="ltxt">{{info.notice||'未设置'}}</view>
+						</view>
+						<view class="lcon">
+							<view class="lhtxt">备注</view>
+							<view class="ltxt">{{info.reason?info.reason:'无'}}</view>
+						</view>
+						<view class="lcon">
+							<view class="lhtxt">在本群昵称</view>
+							<view class="ltxt">{{userName?userName:''}}</view>
+						</view>
+					</view>
+				</view>
+			</view>
+		</uni-popup>
+		
+		<!-- 未读已读 -->
+		<uni-popup ref="popupRead" background-color="#fff">
+			<view class="popup-content" :class="{ 'popup-height': 'right' }">
+				<view class="example">
+					<view class="order">
+						<view class="qhbtn">
+							<view :class="ifread?'btn cur':'btn'">已读({{readinfo.read.length}})</view>
+							<view :class="ifread?'btn':'btn cur'">未读({{readinfo.noread.length}})</view>
+						</view>
+						<view class="readlist" v-if="ifread">
+							<view class="readcell" v-for="(value, key) in readinfo.read" :key="key">
+								<text class="readname">{{value.name}}</text>
+								<text class="readtime">{{value.time}}</text>
+							</view>
+						</view>
+						<view class="readlist" v-else>
+							<view class="readcell" v-for="(value, key) in readinfo.noread" :key="key">
+								<text class="readname">{{value.name}}</text>
+							</view>
+						</view>
+					</view>
+				</view>
+			</view>
+		</uni-popup>
+		
+	</view>
+</template>
+
+<script>
+	import { myCache } from '../../utils/utils.js';
+	import dateTime from '@/common/dateTime.js';
+	import submit from '@/components/chat/submit.vue';
+	import myVideo from "@/components/myVideo.vue";
+	//音频播放
+	const innerAudioContext = uni.createInnerAudioContext();
+	export default {
+		components: {
+			submit,
+			myVideo
+		},
+		data() {
+			return {
+				text:"",
+				triggered: false,
+				userName: "",
+				userid: "",
+				userheadimg: "",
+				info:{
+					// chatId: chatid,
+					// chatName: data.name,
+					// chatAvatar: data.headImage,
+					// chatTime: timestamp,
+					// userid: data.ownerId, 
+					// friendId: data.customerService, // 客服userid
+					// teacherId: data.instructor, // 教练userid
+					// minId: "", // 已读消息的最大id
+					// sort:"groupchat", // privatechat 私聊  groupchat 群聊
+					// from:"yh", // yh 用户咨询进入聊天框，message 从消息进入聊天框
+					// notice: data.notice, 
+					// remarkNickName: data.remarkNickName, 
+					// showNickName: data.showNickName, 
+					// showGroupName: data.showGroupName, 
+					// remarkGroupName: data.remarkGroupName, 
+					// reason: data.reason, 
+					// customerService: data.customerService, 
+					// instructor: data.instructor, 
+					// productId: data.productId, 
+					// productName: data.productName, 
+					// sendinfo:{
+					// 	type:1,// 1 商品，2 课程，3订单
+					// 	id:this.product.id,
+					// 	name:this.product.name,
+					// 	pic:this.product.pic,
+					// 	price:this.product.price,
+					// 	unit: this.product.unit,
+					// 	brandName:this.product.brandName,
+					// 	isCourse:this.product.isCourse
+					// }
+				},// 会话基本信息
+				imgurl:"",// uni.$http.baseUrl,
+				iftop:true,
+				msg: [], // 排序用，暂不使用
+				// 反转数据接收
+				unshiftmsg: [
+					// {
+					// 	fromuser: "11",
+					// 	fromname: "Madeline 老师 (女)",
+					// 	fromtime:'2025-06-20 10:00:00',
+					// 	headimg:require("@/static/image/i1.png"),
+					// 	content:'Hi，xxx，我是普拉提教练小a，周日上午10点的课您可以准时参加吧？',
+					// 	type:'txt'
+					// },
+				], // chatrurn
+				imgMsg: [],
+				scrollToView: '',
+				oldTime: new Date(),
+				inputh: '90',
+				ifaudio:false, // 是否音频
+				socketTask: null, // WebSocket实例  
+				isConnected: false, // WebSocket连接状态 
+				heartbeatInterval: null, // 心跳包20秒连接一次
+				heartbeatTimeout: 20000, // 心跳间隔时间，例如每20秒发送一次
+				// 是否需要发送 商品，课程，订单
+				ifsend: false,
+				sendinfo:{
+					// type:1,// 1 商品，2 课程，3订单
+					// id:63,
+					// orderId:"6455194061326336",
+					// name:"零基础教练培训",
+					// pic:"/static/image/i1.png",
+					// price:1000,
+					// unit: "元",
+					// brandName: "yoga",
+					// isCourse: 0,
+					// quantity:1,
+					// spData:{"颜色":"绿","尺寸":"80"}
+				},
+				ifread:true,
+				readinfo:{
+					read:[],
+					noread:[]
+				}
+			}
+		},
+		onLoad(options) {
+			var user = myCache('user');
+			// 本人聊天信息
+			this.userName=user.nickName?user.nickName:"";
+			this.userid=user.userid?user.userid:"";
+			this.userheadimg=user.avatar?user.avatar:require("@/static/image/girl.png");
+			if(options.data){
+				// 会话信息
+				this.info=JSON.parse(decodeURIComponent(options.data));
+				console.log("chat",this.info)
+				// 会话标题
+				var title = this.info.chatName;
+				uni.setNavigationBarTitle({
+				  title: title,
+				});
+				
+				if(this.info.sendinfo){
+					this.ifsend=true;
+					this.sendinfo=this.info.sendinfo;
+					this.$forceUpdate();
+				}
+				else{
+					this.ifsend=false;
+					this.sendinfo=null;
+					this.$forceUpdate();
+				}
+			}
+		},
+		onShow() {
+			
+			// 如果心跳包在发送，先停止，再启动
+			if(this.heartbeatInterval){
+				clearInterval(this.heartbeatInterval); // 停止心跳包发送
+			}
+			
+			// 先获取聊天记录缓存
+			this.getchatstore();
+			
+			// 获取客服 和 教练 头像和名称
+			this.getrwinfo();
+			
+			// 跳转到最后一条数据 与前面的:id进行对照
+			setTimeout(() => {
+				console.log("onShow")
+				this.screendo(this.unshiftmsg.length - 1);
+			}, 500);
+			
+			 
+		},
+		// onBackPress(options) {
+		// 	if (options.from === 'backbutton') {
+		//       // 来自顶部菜单的返回按钮
+		//       // 在这里处理你的逻辑
+		//       console.log('返回按钮被点击');
+		// 	  // this.closeWebSocket();
+		//    //    uni.onSocketClose(function (res) {
+		//    //      console.log('WebSocket 已关闭！');
+		//    //    });
+		// 	  return false;
+		//     }
+		// },
+		//点击导航栏 buttons 时触发 添加任务
+		onNavigationBarButtonTap: async function(e) { 
+			const index = e.index;
+			if (index === 0) {
+				this.$refs.popup.open("right");
+			}
+		}, 
+		// beforeDestroy() {
+		// 	// console.log('界面关闭socket，beforeDestroy');
+		//     // 在组件销毁前，确保关闭 WebSocket 连接
+		// 	// this.closeWebSocket();
+		// 	// clearInterval(this.heartbeatInterval); // 停止心跳包发送
+		// },
+		methods: {
+			// 获取客服和教练信息
+			async getrwinfo(){
+				// 客服
+				const {data: res} = await uni.$http.get("/api/friend/find/"+this.info.friendId);
+				if(res.data){
+					var data=res.data;
+					this.info.friendname=data.nickName?data.nickName:"客服";
+					this.info.friendimg=data.headImage?data.headImage:require("@/static/image/kfr.png");
+					this.$forceUpdate();
+				}
+				else{
+					this.info.friendname="客服";
+					this.info.friendimg=require("@/static/image/kfr.png");
+					this.$forceUpdate();
+				}
+				// 教练
+				const {data: res1} = await uni.$http.get("/api/friend/find/"+this.info.teacherId);
+				if(res1.data){
+					var data=res1.data;
+					this.info.teachername=data.nickName?data.nickName:"教练";
+					this.info.teacherimg=data.headImage?data.headImage:require("@/static/image/jltx.png");
+					this.$forceUpdate();
+				}
+				else{
+					this.info.teachername="教练";
+					this.info.teacherimg=require("@/static/image/jltx.png");
+					this.$forceUpdate();
+				}
+			},
+			gotoDetail(item){
+				var send=item.send;
+				if(send){
+					if(send.type==1){
+						// 商品
+						uni.navigateTo({
+							url: `/pages/product/detail?id=${send.id}`
+						});
+					}
+					else if(send.type==2){
+						// 课程
+						uni.navigateTo({
+							url: `/pages/product/cdetail?id=${send.id}`
+						});
+					}
+					else if(send.type==3){
+						// 订单详情
+						uni.navigateTo({
+							url: `/pages/order/orderinfo?id=${send.orderId}`
+						}); 
+					}
+				}
+			},
+			// 关闭框
+			close(){
+				this.ifsend=false;
+				this.$forceUpdate();
+			},
+			// 发送服务信息
+			sendServer(){
+				let data = {
+					"fromname": this.userName,
+					"fromuser": this.userid,
+					"headimg": this.userheadimg,
+					"toname": this.info.chatName, // 接收人
+					"touser": this.info.friendId, // 接收人姓名
+					"content": this.sendinfo.id,
+					"time": 0,
+					"ifaudio":false,
+					"fromtime": new Date(),
+					"type": "product", // this.sendinfo.type==3?"5":"6" // 5订单 6 商品
+					"send":this.sendinfo
+				};
+				this.unshiftmsg.push(data);
+				var rindex=this.unshiftmsg.length-1;
+				// 消息发送
+				this.onSendWS(data,rindex);
+			},
+			// 发送消息跳转详情
+			gotoXQ(){
+				if(this.sendinfo.type==1){
+					// 1 商品
+					uni.navigateTo({
+						url: `/pages/product/detail?id=`+this.sendinfo.id
+					});
+				}
+				else if(this.sendinfo.type==2){
+					// 2 课程
+					uni.navigateTo({
+						url: `/pages/product/cdetail?id=`+this.sendinfo.id
+					});
+				}
+				else if(this.sendinfo.type==3){
+					// 3订单
+					uni.navigateTo({
+						url: `/pages/order/orderinfo?id=`+this.sendinfo.id
+					});
+				}
+			},
+			// 获取聊天记录
+			getchatstore(){
+				var that=this;
+				try{
+					this.unshiftmsg=[];
+					// 先获取会话缓存
+					var data= myCache(this.info.chatId)?myCache(this.info.chatId):[];
+					data.forEach((cell,i)=>{
+						cell["ifaudio"]=false;
+						//时间间隔处理
+						if (i < this.unshiftmsg.length - 1) { 
+							//这里表示头部时间还是显示一下
+							let t = dateTime.spaceTime(this.oldTime, cell.fromtime);
+							if (t) {
+								this.oldTime = t;
+							}
+							cell.fromtime = t;
+						}
+						// 获取图片，为下面的预览做准备
+						if (cell.type == 'image') {
+							this.imgMsg.unshift(cell.content)
+						}
+						else if(cell.type=='txt'){
+							cell.content=decodeURIComponent(cell.content);
+						}
+						this.unshiftmsg.push(cell);
+					}); 
+					
+					if(this.unshiftmsg.length<=0)
+					{
+						if(this.info.from=="yh"){
+							// 首次会话自动信息
+							var cont = 'Hi，'+this.userName+'，欢迎您！这是'+this.info.chatName+'，请问有什么可以帮助您的呢？';
+							this.unshiftmsg = [
+								{
+									"fromname": this.info.chatName, // 发送人
+									"fromuser": this.info.friendId, // 发送人
+									"headimg": this.info.chatAvatar, // 发送人
+									"toname": this.userName, // 接收人
+									"touser": this.userid, // 接收人姓名
+									"content": cont,
+									"minId":this.info.minId, 
+									"time": 0,
+									"ifaudio":false,
+									"fromtime": new Date(),
+									"type": 'txt'
+								}
+							];
+							this.$forceUpdate();
+						}
+						else{
+							// 首次会话自动信息
+							var cont = 'Hi，'+this.userName+'，欢迎您！这是'+this.info.chatName+'，请问有什么可以帮助您的呢？';
+							this.unshiftmsg = [
+								{
+									"fromname": this.info.chatName, // 发送人
+									"fromuser": this.info.friendId, // 发送人
+									"headimg": this.info.chatAvatar, // 发送人
+									"toname": this.userName, // 接收人
+									"touser": this.userid, // 接收人姓名
+									"content": cont,
+									"minId":this.info.minId, 
+									"time": 0,
+									"ifaudio":false,
+									"fromtime": new Date(),
+									"type": 'txt'
+								}
+							];
+							this.$forceUpdate();
+						}
+					}
+					else{
+						// 跳转到最后一条数据 与前面的:id进行对照
+						setTimeout(() => {
+							that.screendo(that.unshiftmsg.length-1);
+						}, 100);
+					}
+				}
+				catch(err){
+					console.log(err);
+				}
+				
+				// socket接收实时消息
+				this.socketinit();
+			},
+			// 是否是列表中已经存在了minId
+			ifpull(){
+				var ret=true;
+				this.unshiftmsg.forEach((cell)=>{
+					if(cell.id&&this.info.minId&&parseInt(cell.id)>=parseInt(this.info.minId)){
+						ret=false;
+					}
+				});
+				return ret;
+			},
+			ifadd(id){
+				var ret=true;
+				this.unshiftmsg.forEach((cell)=>{
+					if(cell.id==id){
+						ret=false;
+					}
+				});
+				return ret;
+			},
+			// 定时心跳包
+			startHeartbeat() {
+				console.log("startHeartbeat")
+				this.heartbeatInterval = setInterval(() => {
+				  if (this.socketTask) {
+				    this.socketTask.send({
+				      data: JSON.stringify({ 
+						  'cmd': 1,//心跳
+						  'data': {
+							  'accessToken':uni.getStorageSync("token")
+						  },
+						  }) // 发送心跳包数据
+				    });
+				  }
+				}, this.heartbeatTimeout);
+			},
+			// 关闭WebSocket连接
+			closeWebSocket() {  
+			    if (this.socket) {  
+			        uni.closeSocket();  
+			        this.socket = null;  
+			        this.isConnected = false;  
+			    }
+			},
+			// ws接收消息
+			socketinit(){
+				var that = this;
+				if (!this.isConnected) {
+					this.socketTask=uni.connectSocket({
+						url: "wss://www.sanduolantoyoga.com/yoga-imserver/",
+						header: {
+							// 'content-type': 'application/json',
+							Authorization: uni.getStorageSync("token"),
+						},
+						success: (res) => {
+						  console.log(res, 'socket连接成功success');
+						  // 获取当前聊天中的minId 拉取离线信息
+						  that.getReadedId();
+						},
+						fail: (res) => {
+						  console.log(res, 'socket连接失败')
+						},
+						complete: (res) => {
+							console.log(res,'socket连接成功complete');
+						}
+					});
+					uni.onSocketOpen(res => {
+						console.log('WebSocket连接已打开！');
+						that.isConnected = true;
+						// 发送登录心跳包
+						uni.sendSocketMessage({
+							data: JSON.stringify({
+								"cmd": 0,//心跳
+								"data": {
+									"accessToken":uni.getStorageSync("token"),
+								},
+							}),  // 发送心跳包数据 // 发送的消息内容
+							success(re) {
+								console.log(re);
+								console.log('消息发送成功！')
+							},
+							fail(err) {
+								console.log(err);
+								console.log('消息发送失败！')
+							}
+						});
+						// 发送心跳包
+						this.startHeartbeat();
+				    });
+					uni.onSocketMessage(res => {
+						console.log('收到WebSocket服务器消息：');
+						if(res.data){
+							let data=JSON.parse(res.data);
+							console.log(data);
+							if(data.cmd==4){
+								// 群聊
+								if(data.data){
+									data=data.data;
+									
+									// 是此群聊发送来的消息
+									if(data.groupId==this.info.groupId){
+										if(this.ifadd(data.id)){
+											// 加入聊天记录
+											// 消息类型 0:文字 1:图片 2:文件 3:语音 4:视频 5 订单 6 商品 10, "撤回" 11, "已读 "12, "消息已读回执 " 30,"加载中标记"
+											if(data.type==0||data.type==1||data.type==2||data.type==3||data.type==4||data.type==5||data.type==6){
+												this.getMsgSender(data);
+												// 已读操作
+												this.readed();
+											}
+											else{
+												// 10, "撤回" 11, "已读 " 12, "消息已读回执 " 30,"加载中标记"
+											}
+										}
+										// 10, "撤回" 11, "已读 " 12, "消息已读回执 " 30,"加载中标记"
+										if(data.type==12){
+											// 已读操作
+											this.updateRead(data);
+										}
+									}
+								}
+								
+							}
+						}
+					});
+					uni.onSocketClose(res => {
+						console.log('WebSocket连接已关闭！');
+						that.isConnected = false;
+						clearInterval(that.heartbeatInterval); // 停止心跳包发送
+					});
+					uni.onSocketError(err => {
+						console.error('WebSocket连接打开失败，请检查：', err);
+						clearInterval(that.heartbeatInterval); // 停止心跳包发送
+					});
+				}
+			},
+			// 获取发送信息人信息
+			async getMsgSender(data){
+				var nickName="匿名";
+				var headImage="/static/image/girl.png";
+				const {data: res} = await uni.$http.get("/api/friend/find/"+data.sendId);
+				if(res.data){
+					// 客服头像和名称 
+					nickName=res.data.nickName?res.data.nickName:"客服";
+					headImage=res.data.headImage?res.data.headImage:'/static/image/girl.png'; 
+					this.msgMerge(data,nickName,headImage);
+				}
+				else{
+					this.msgMerge(data,nickName,headImage);
+				}
+			},
+			async msgMerge(data,nickName,headImage){
+				
+				if(data.type==0){
+					data.content=decodeURIComponent(data.content);
+				}
+				// 获取图片，为下面的预览做准备
+				if(data.type == 1) {
+					this.imgMsg.unshift(data.content)
+				}
+				
+				let mdata = {
+					"fromname": nickName, // 发送消息人
+					"fromuser": data.sendId, // 发送消息人
+					"headimg": headImage,// 发送消息人头像
+					"toname": this.userName, 
+					"touser": this.userid, 
+					"content": data.content,
+					"readedCount": data.readedCount,
+					"time": data.type==3?5:0,
+					"ifaudio":data.type==3? true:false,
+					"fromtime": data.sendTime,
+					"type": data.type==0?'txt':(data.type==1?'image':data.type==3?'audio':(data.type==4?'video':(data.type==5?'order':(data.type==6?'product':'')))),
+					"id": data.id,
+					"sendId": data.sendId,
+					"atUserIds": data.atUserIds,
+					"send": data.type==6?await this.getProduct(data.content):(data.type==5?await this.getOrder(data.content):null)
+				};
+				this.unshiftmsg.push(mdata);
+				this.$forceUpdate();
+				setTimeout(() => {
+					this.screendo(this.unshiftmsg.length-1);
+				}, 100);
+				
+				// 缓存聊天
+				myCache(this.info.chatId,this.unshiftmsg); 
+				// 保存最大拉取Id
+				this.savaMaxId({id:this.info.chatId,minId:data.id});
+				
+				// 接收到socket后更新聊天列表记录
+				var chatlastinfo={
+					id: this.info.chatId,
+					groupId:this.info.groupId,
+					content:data.content,
+					type:data.type,
+					minId: data.id,
+					datetime: data.sendTime,
+					name: this.info.chatName,
+					userid: this.userid,
+					friendId: this.info.friendId, // 客服userid
+					teacherId: this.info.teacherId? this.info.teacherId:this.info.instructor, // 教练userid
+					fromuser: this.info.friendId,
+					img: this.info.chatAvatar,
+					atUserIds: data.atUserIds,
+					sort:"groupchat"
+				};
+				this.updateChatList(chatlastinfo);
+				// 已读操作
+				this.readed();
+			},
+			savaMaxId(info){
+				// 保存最大拉取Id
+				var data= myCache("groupMsgMaxId")?myCache("groupMsgMaxId"):[];
+				console.log("data",data)
+				var ifhas=0;
+				data.forEach((cell,i)=>{
+					if(cell.id==info.id){
+						ifhas=1;
+						data[i].minId==info.minId;
+					}
+				});
+				if(ifhas){
+					// 如果存在信息修改
+					myCache("groupMsgMaxId",data);
+				}
+				else{
+					// 如果不存在信息添加
+					data.push(info);
+					myCache("groupMsgMaxId",data);
+				}
+			},
+			async getProduct(id){
+				console.log("getProduct",id)
+				var rets=null;
+				const {data: res} = await uni.$http.post("/api/message/private/getProductForIm",{"productId":id});
+				if(res.data){
+					var data=res.data;
+					rets={
+						type:data.isCourse==0?1:2,// 1 商品，2 课程，3订单
+						id:data.id,
+						name:data.name,
+						pic:data.pic,
+						price:data.price,
+						unit: data.unit,
+						brandName:data.brandName,
+						isCourse:data.isCourse
+					}
+					console.log(rets)
+					return rets;
+				}
+				else{
+					return rets;
+				}
+			},
+			async getOrder(id){
+				var rets=null;
+				const {data: res} = await uni.$http.post("/api/message/private/getOrderForIm",{"orderItemId":id});
+				if(res.data){
+					var data=res.data;
+					rets={
+						type:3,// 1 商品，2 课程，3订单
+						id:data.id,
+						orderId:data.orderId,
+						name:data.productName,
+						pic:data.pic?data.pic:'/static/image/nopic.png',
+						price:data.totalAmount,
+						quantity:data.quantity,
+						spData: data.spData? JSON.parse(data.spData):null
+					}
+					return rets;
+				}
+				else{
+					return rets;
+				}
+			},
+			// 已读推送
+			async readed() {
+				const {data: res} = await uni.$http.put('/api/message/group/readed?groupId='+this.info.groupId);
+			},
+			// 获取当前聊天中最大minId
+			async getReadedId() {
+				const {data: res} = await uni.$http.get('/api/message/group/maxReadedId',{groupId:this.info.groupId});
+				if(res.data){
+					this.info.minId=res.data;
+					this.$forceUpdate();
+					this.getList();
+				}
+			},
+			// 加载对话
+			async getList() {
+				// if(this.ifpull()){
+					var that=this;
+					const {data: res} = await uni.$http.get('/api/message/group/pullOfflineMessage',{minId: this.info.minId});
+					this.triggered = false;
+					if(res.data&&res.data.length>0){
+						const gotonum=res.data.length;
+						var type=0;
+						res.data.forEach((cell,i)=>{
+							if(this.ifadd(cell.id)){
+								type=cell.type;
+								cell["ifaudio"]=false;
+								//时间间隔处理
+								if (i < this.unshiftmsg.length - 1) { 
+									//这里表示头部时间还是显示一下
+									let t = dateTime.spaceTime(this.oldTime, cell.fromtime);
+									if (t) {
+										this.oldTime = t;
+									}
+									cell.fromtime = t;
+								}
+								// 获取图片，为下面的预览做准备
+								if (cell.type == 1) {
+									this.imgMsg.unshift(cell.content)
+								}
+								else if(cell.type==0){
+									cell.content=decodeURIComponent(cell.content);
+								} 
+								// // 消息类型 0:文字 1:图片 2:文件 3:语音 4:视频  5 订单 6 商品  10, "撤回" 11, "已读 "12, "消息已读回执 " 30,"加载中标记"
+								let mdata = {
+									"fromname": this.userName,
+									"fromuser": this.userid,
+									"headimg": cell.headImage?cell.headImage:'/static/image/kfr.png',
+									"toname": cell.sendNickName, // 接收人
+									"touser": cell.sendId, // 接收人姓名
+									"content": cell.content,
+									"readedCount": cell.readedCount,
+									"time": cell.type==3?5:0,
+									"ifaudio":cell.type==3? true:false,
+									"fromtime": cell.sendTime,
+									"type": data.type==0?'txt':(data.type==1?'image':data.type==3?'audio':(data.type==4?'video':(data.type==5?'order':(data.type==6?'product':'')))),
+									"id": cell.id,
+									"sendId": cell.sendId,
+									"atUserIds": data.atUserIds,
+								};
+								this.unshiftmsg.unshift(mdata);
+							}
+						});
+						// // 跳转到加载数据的第一条 与前面的:id进行对照
+						// setTimeout(() => {
+						// 	that.screendo(gotonum -1);
+						// }, 100);
+						// 跳转到最后一条数据 与前面的:id进行对照
+						setTimeout(() => {
+							that.screendo(that.unshiftmsg.length-1);
+						}, 100);
+						// 缓存聊天
+						myCache(this.info.chatId,this.unshiftmsg);
+						this.info.minId=this.unshiftmsg[this.unshiftmsg.length-1].id;
+						this.$forceUpdate();
+						// 保存最大拉取Id
+						this.savaMaxId({id:this.info.chatId,minId:this.info.minId});
+						
+						// 离线加载后更新聊天列表记录
+						var chatlastinfo={
+							id: this.info.chatId,
+							groupId:this.info.groupId,
+							content:this.unshiftmsg[this.unshiftmsg.length-1].content,
+							type: type,
+							minId: this.unshiftmsg[this.unshiftmsg.length-1].id,
+							datetime: this.unshiftmsg[this.unshiftmsg.length-1].sendTime,
+							name: this.info.chatName,
+							userid: this.userid,
+							friendId: this.info.friendId, // 客服userid
+							teacherId: this.info.teacherId? this.info.teacherId:this.info.instructor, // 教练userid
+							fromuser: this.unshiftmsg[this.unshiftmsg.length-1].touser,
+							img: this.unshiftmsg[this.unshiftmsg.length-1].headimg,
+							sort:"groupchat"
+						};
+						this.updateChatList(chatlastinfo);
+						
+						// 已读操作
+						this.readed();
+					}
+				// }
+				 
+			},
+			screendo(scrindex){
+				this.scrollToView = '';
+				// 跳转到最后一条数据 与前面的:id进行对照
+				this.$nextTick(function() {
+					this.scrollToView = 'msg' + scrindex
+				});
+			},
+			// 自定义下拉刷新控件被下拉
+			onPulling(e) {
+				var that=this;
+				if (!this.triggered) {
+					//下拉刷新，先变true再变false才能关闭
+				    this.triggered = true;
+				    //关掉圈圈，需要先执行完刷新操作
+				    setTimeout(() => {
+				      that.triggered = false;
+				    }, 2000);
+				}
+			},
+			// 自定义下拉刷新被触发
+			onRefresh(event){
+				// 加载聊天记录
+				this.getList();
+			},
+			// 自定义下拉刷新被复位
+			onRestore() {
+				this.triggered = 'restore'; // 需要重置
+			    console.log("onRestore");
+			},
+			// 自定义下拉刷新被中止
+			onAbort() {
+				this.triggered = false;
+			    console.log("onAbort");
+			},
+			changeTime(date) {
+				return dateTime.dateTime1(date);
+			},
+			// 进行图片的预览
+			previewImg(e) {
+				let index = 0;
+				for (let i = 0; i < this.imgMsg.length; i++) {
+					if (this.imgMsg[i] == e) {
+						index = i;
+					}
+				}
+				// 预览图片
+				uni.previewImage({
+					current: index,
+					urls: this.imgMsg,
+					longPressActions: {
+						itemList: ['发送给朋友', '保存图片', '收藏'],
+						success: function(data) {
+							console.log('选中了第' + (data.tapIndex + 1) + '个按钮,第' + (data.index + 1) + '张图片');
+						},
+						fail: function(err) {
+							console.log(err.errMsg);
+						}
+					}
+				});
+			},
+			//音频播放
+			playVoice(e,ifplay,index) {
+				var that=this;
+				// 先关闭停止所有
+				innerAudioContext.src = '';
+				innerAudioContext.stop();
+				that.unshiftmsg.forEach((cell,i)=>{
+					cell.ifaudio=false;
+				});
+				ifplay=!ifplay;
+				this.unshiftmsg[index].ifaudio=ifplay;
+				this.$forceUpdate();
+				if(ifplay){
+					innerAudioContext.src = e;
+					innerAudioContext.play(() => {
+						console.log('开始播放');
+					});
+					// 监听音频播放结束事件
+					innerAudioContext.onEnded((res) => {
+					  console.log('音频播放结束');
+					  that.unshiftmsg[index].ifaudio=!ifplay;
+					  that.$forceUpdate();
+					  // 在这里执行你想要的操作
+					});
+					// innerAudioContext.onPlay(() => {
+					// 	console.log('开始播放');
+					// });
+				}
+				else{
+					innerAudioContext.src = '';
+					innerAudioContext.stop();
+				}
+			},
+			//地图定位
+			covers(e) {
+				let map = [{
+					latitude: e.latitude,
+					longitude: e.longitude,
+					iconPath: '../../static/image/head.png'
+				}]
+				return (map);
+			},
+			//跳转地图信息
+			openLocation(e) {
+				uni.openLocation({
+					latitude: e.latitude,
+					longitude: e.longitude,
+					name: e.name,
+					address: e.address,
+					success: function() {
+						console.log('success');
+					}
+				});
+			},
+			fullscreenchange(e){
+				if(!e.detail.fullScreen){ // 退出全屏，锁定竖屏
+					plus.screen.lockOrientation('portrait-primary');
+				}
+			},
+			//接受输入内容
+			async inputs(e) {
+				console.log("inputs");
+				console.log(e);
+				var rindex=this.unshiftmsg.length-1;
+				
+				let data = {
+					"fromname": this.userName,
+					"fromuser": this.userid,
+					"headimg": this.userheadimg,
+					"toname": this.info.chatName, // 接收人
+					"touser": this.info.friendId, // 接收人姓名
+					"content": e.type=='audio'?e.message.voice:e.message,
+					"time": e.type=='audio'?e.message.time:0,
+					"ifaudio":false,
+					"fromtime": new Date(),
+					"type": e.type
+				};
+				
+				if(e.type!=='video'){
+					this.unshiftmsg.push(data);
+					rindex=this.unshiftmsg.length-1;
+					// 跳转到最后一条数据 与前面的:id进行对照
+					this.screendo(this.unshiftmsg.length - 1);
+				}
+				
+				// 发送给服务器消息
+				var that = this;
+				if(e.type=='txt'){ 
+					// 文本 
+				    // 消息发送
+					this.onSendWS(data,rindex);
+				}
+				else if(e.type=='image'){ 
+					// 图片
+				    // 先上传在传送消息
+					var token= uni.getStorageSync("token");
+					console.log('先上传在传送消息');
+					uni.showLoading({
+						title: '图片上传中...'
+					});
+					uni.uploadFile({
+						url: uni.$http.baseUrl+"/api/image/upload",
+						filePath: e.message,
+						name: 'file',
+						header: {
+							'Authorization': token
+						},
+						success: res => {
+							console.log(res);
+							uni.hideLoading();
+							var rdata=JSON.parse(res.data); 
+							if(rdata.data&&rdata.data.originUrl){
+								var url=rdata.data&&rdata.data.originUrl?rdata.data.originUrl:'';
+								data.content= url; 
+								// 图片放入集合
+								if (e.type == 'image'&&url) {
+									this.imgMsg.push(url);
+								}
+								// 消息发送
+								this.onSendWS(data,rindex);
+							}
+							else{
+								this.$refs.uToast.show({
+								  title:rdata.msg?rdata.msg:"图片上传失败...",
+								  type: "error",
+								  duration: 2000,
+								});
+							}
+						},
+						fail: res => {
+							uni.hideLoading();
+							console.log(res)
+						}
+					});
+					
+				}
+				else if(e.type=='audio'){ 
+					// 音频
+				    // 先上传在传送消息
+					var token= uni.getStorageSync("token");
+					console.log('先上传在传送消息');
+					uni.showLoading({
+						title: '音频上传中...'
+					});
+					uni.uploadFile({
+						url: uni.$http.baseUrl+"/api/file/upload",
+						filePath: e.message.voice,
+						name: 'file',
+						header: {
+							'Authorization': token
+						},
+						success: res => {
+							console.log(res);
+							uni.hideLoading();
+							var rdata=JSON.parse(res.data);
+							console.log(rdata);
+							if(rdata.data){
+								var url=rdata.data;
+								data.content= url;
+								console.log(data);
+								// // 信息发送聊天框
+								// this.unshiftmsg.push(data);
+								// rindex=this.unshiftmsg.length-1;
+								// // 跳转到最后一条数据 与前面的:id进行对照
+								// this.screendo(this.unshiftmsg.length - 1);
+								// 消息发送
+								this.onSendWS(data,rindex);
+							}
+							else{
+								this.$refs.uToast.show({
+								  title:rdata.msg?rdata.msg:"音频上传失败...",
+								  type: "error",
+								  duration: 2000,
+								});
+							}
+						},
+						fail: res => {
+							uni.hideLoading();
+							console.log(res)
+						}
+					});
+					
+				}
+				else if(e.type=='video'){
+					// 视频
+				    // 先上传在传送消息
+					var token= uni.getStorageSync("token");
+					console.log('先上传在传送消息');
+					uni.showLoading({
+						title: '视频上传中...'
+					});
+					uni.uploadFile({
+						url: uni.$http.baseUrl+"/api/file/upload",
+						filePath: e.message,
+						name: 'file',
+						header: {
+							'Authorization': token
+						},
+						success: res => {
+							uni.hideLoading();
+							console.log(res);
+							var rdata=JSON.parse(res.data);
+							console.log(rdata);
+							if(rdata.data){
+								var url=rdata.data;
+								data.content= url;
+								// 信息发送聊天框
+								this.unshiftmsg.push(data);
+								rindex=this.unshiftmsg.length-1;
+								// 跳转到最后一条数据 与前面的:id进行对照
+								this.screendo(this.unshiftmsg.length - 1);
+								// 消息发送
+								this.onSendWS(data,rindex);
+							}
+							else{
+								this.$refs.uToast.show({
+								  title:rdata.msg?rdata.msg:"视频上传失败...",
+								  type: "error",
+								  duration: 2000,
+								});
+							}
+						},
+						fail: res => {
+							uni.hideLoading();
+							console.log(res)
+						}
+					});
+					
+				}
+				
+			},
+			// 消息发送
+			async onSendWS(datamsg,rindex){
+				var message=JSON.stringify(datamsg);
+				var msssagebf=JSON.parse(message);
+				if(msssagebf.type=='txt'){
+					msssagebf.content=encodeURIComponent(msssagebf.content);
+				}
+				var mtype= '0'; // 消息类型 0:文字 1:图片 2:文件 3:语音 4:视频 5订单 6 商品
+				if(msssagebf.type=='txt'){
+					mtype='0';
+				}
+				else if(msssagebf.type=='image'){
+					mtype='1';
+				}
+				else if(msssagebf.type=='audio'){
+					mtype='3';
+				}
+				else if(msssagebf.type=='video'){
+					mtype='4';
+				}
+				else if(msssagebf.type=='product'){
+					// 发送服务
+					if(this.sendinfo.type==3){
+						mtype='5';// 5订单 6 商品
+					}
+					else{
+						mtype='6';// 5订单 6 商品
+					}
+				}
+				var param={
+					"groupId": this.info.groupId,
+					"atUserIds": [this.info.friendId,this.info.teacherId],
+					"content": msssagebf.content,
+					"type": mtype
+				}
+				// 发送消息
+				const {data: res} = await uni.$http.post('/api/message/group/send',param);
+				if(res.data){
+					var rrdata=res.data;
+					if(rrdata.type==0){
+						rrdata.content=decodeURIComponent(rrdata.content);
+					}
+					this.unshiftmsg[this.unshiftmsg.length-1]["content"]=rrdata.content;
+					this.unshiftmsg[this.unshiftmsg.length-1]["id"]=rrdata.id;
+					this.unshiftmsg[this.unshiftmsg.length-1]["sendId"]=rrdata.sendId; // 发送人的id
+					this.unshiftmsg[this.unshiftmsg.length-1]["fromtime"]=rrdata.sendTime;
+					this.$forceUpdate();
+					// 缓存聊天
+					myCache(this.info.chatId,this.unshiftmsg);
+					// 保存最大拉取Id
+					this.savaMaxId({id:this.info.chatId,minId:rrdata.id});
+					
+					// 更新聊天列表记录
+					var chatlastinfo={
+						id:this.info.chatId,
+						groupId:this.info.groupId,
+						content:rrdata.content,
+						type:mtype,
+						minId: rrdata.id,
+						datetime:rrdata.sendTime,
+						name: this.info.chatName,
+						userid: this.userid,
+						friendId: this.info.friendId, // 客服userid
+						teacherId: this.info.teacherId?this.info.teacherId:this.info.instructor, // 教练userid
+						fromuser: this.info.friendId,
+						img: this.info.chatAvatar,
+						sort:"groupchat",
+						send:this.sendinfo
+					};
+					this.updateChatList(chatlastinfo);
+					
+					if(mtype=='5'||mtype=='6'){
+						// 关闭发送服务窗口
+						this.ifsend=false;
+						this.sendinfo=null;
+						this.$forceUpdate();
+					}
+				}
+				else{
+					this.unshiftmsg.pop();
+					uni.showModal({
+						title: '提示',
+						content: res.msg?res.msg :'抱歉！信息发送失败..',
+						cancelText: '取消',
+						confirmText: '确定',
+						success: ress => {
+						}
+					});
+				}
+			},
+			updateChatList(chatlastinfo){
+				// 更新聊天列表记录
+				var chatlist = myCache("chatlist-"+this.userid);
+				if(chatlist&&chatlist.length>0){
+					var ifexist=0;
+					chatlist.forEach((cell,i)=>{
+						if(cell.id==this.info.chatId){
+							ifexist++;
+							chatlist[i]=chatlastinfo;
+						}
+					});
+					if(ifexist==0){
+						// 新增的添加
+						chatlist.unshift(chatlastinfo);
+					}
+					// 重新保存聊天记录
+					myCache("chatlist-"+this.userid,chatlist);
+				}
+				else{
+					chatlist=[];
+					chatlist.push(chatlastinfo);
+					myCache("chatlist-"+this.userid,chatlist);
+				}
+			},
+			// 更新是否已读
+			updateRead(item){
+				console.log(this.info)
+				this.unshiftmsg.forEach((cell,index)=>{
+					if(cell.id==item.id){
+						this.unshiftmsg[index].readedCount=item.readedCount;
+						if(item.readedCount>=2){
+							this.unshiftmsg[index].ifread=true;
+						}
+						this.$forceUpdate();
+					}
+				});
+				// 缓存聊天
+				myCache(this.info.chatId,this.unshiftmsg);
+			},
+			//输入框高度
+			heights(e) {
+				this.inputh = e;
+				this.goBottom();
+			},
+			// 滚动到底部
+			goBottom() {
+				console.log("goBottom")
+				this.scrollToView = '';
+				this.screendo(this.unshiftmsg.length - 1);
+			},
+			handleImageError(e,index){
+				console.log(e,index);
+				this.unshiftmsg[index]["headimg"]= require("@/static/image/girl.png");
+				this.$forceUpdate();
+			},
+		}
+	}
+</script>
+
+<style lang="scss">
+	page {
+		height: 100%;
+	}
+
+	.content {
+		height: 100%;
+		background-color: rgba(244, 244, 244, 1);
+		position: relative;
+	}
+	::v-deep .uni-noticebar{
+		margin-bottom: 0 !important;
+		padding: 10rpx 12rpx !important;
+		border-radius: 10rpx;
+	}
+	
+	.chat {
+		height: 100%;
+
+		.chat-main {
+			padding-left: 20rpx;
+			padding-right: 20rpx;
+			padding-top: 20rpx;
+			// padding-bottom: 120rpx;  //获取动态高度
+			display: flex;
+			flex-direction: column;
+		}
+
+		.chat-ls {
+			.chat-time {
+				font-size: 24rpx;
+				color: rgba(39, 40, 50, 0.3);
+				line-height: 34rpx;
+				padding: 10rpx 0rpx;
+				text-align: center;
+			}
+
+			.msg-m {
+				display: flex;
+				padding: 20rpx 0;
+
+				.user-img {
+					flex: none;
+					width: 92rpx;
+					height: 90rpx;
+					border-radius: 20rpx;
+					text-align: center;
+					.uimg{
+						width: 70rpx;
+						height: 70rpx;
+						margin: 0 auto;
+						border-radius: 35rpx;
+					}
+					.uname{
+						height: 30rpx;
+						display: block;
+						margin: 0 auto;
+						line-height: 30rpx;
+						color: rgba(39, 40, 50, 0.5);
+						font-size: 24rpx;
+					}
+				}
+				.message {
+					flex: none;
+					max-width: 540rpx;
+					display: flex;
+					flex-direction: row;
+				}
+				.messagevideo {
+					max-width: 540rpx;
+					height: 300rpx;
+					display: flex;
+					flex-direction: row;
+				}
+				.msg-text {
+					font-size: 32rpx;
+					color: rgba(39, 40, 50, 1);
+					line-height: 44rpx;
+					padding: 18rpx 24rpx;
+				}
+
+				.msg-img {
+					max-width: 400rpx;
+					border-radius: 20rpx;
+				}
+				.msg-video{
+					width: 400rpx;
+					height: 300rpx;
+					border-radius: 20rpx;
+				}
+				.msg-map {
+					background: #fff;
+					width: 464rpx;
+					height: 284rpx;
+					overflow: hidden;
+					margin: 0 20rpx;
+					.map-name {
+						font-size: 32rpx;
+						color: rgba(39, 40, 50, 1);
+						line-height: 44rpx;
+						padding: 18rpx 24rpx 0 24rpx;
+						//下面四行是单行文字的样式
+						display: -webkit-box;
+						-webkit-box-orient: vertical;
+						-webkit-line-clamp: 1;
+						overflow: hidden;
+					}
+					.map-address {
+						font-size: 24rpx;
+						color: rgba(39, 40, 50, 0.4);
+						padding: 0 24rpx;
+						//下面四行是单行文字的样式
+						display: -webkit-box;
+						-webkit-box-orient: vertical;
+						-webkit-line-clamp: 1;
+						overflow: hidden;
+					}
+
+					.map {
+						padding-top: 8rpx;
+						width: 464rpx;
+						height: 190rpx;
+					}
+				}
+				.voice {
+					// width: 200rpx;
+					min-width: 100rpx;
+					max-width: 400rpx;
+				}
+				.voice-img {
+					width: 36rpx;
+					height: 36rpx;
+				}
+			}
+
+			.msg-left {
+				flex-direction: row;
+				.feed-imgy{
+					display: flex;
+					flex-direction: column;
+					justify-content: center;
+					align-self: center;
+					margin-right: 0rpx;
+					width: 95rpx;
+					height: 75rpx;
+				}
+				.feed-img{
+					display: flex;
+					flex-direction: column;
+					justify-content: center;
+					align-self: center;
+					margin-right: 0rpx;
+					width: 75rpx;
+					height: 75rpx;
+				}
+				.msg-text {
+					margin-left: 16rpx;
+					background-color: #fff;
+					border-radius: 0rpx 20rpx 20rpx 20rpx;
+				}
+
+				.ms-img {
+					margin-left: 16rpx;
+				}
+				.msg-video{
+					margin-left: 16rpx;
+				}
+				.msh-map {
+					margin-left: 16rpx;
+					border-radius: 0rpx 20rpx 20rpx 20rpx;
+				}
+				
+				.msg-img {
+					margin: 0 0 0 20rpx;
+				}
+
+				.voice {
+					text-align: left;
+					display: flex;
+				}
+				.voice-img {
+					transform: rotate(180deg);
+					width: 36rpx;
+					height: 36rpx;
+					padding-bottom: 4rpx;
+					margin-right: 10rpx;
+				}
+				.voicel{ 
+				  height: 32rpx;
+				  width: 32rpx;
+				}
+				.bg {
+				    background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAAAYCAYAAAAF6fiUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MEM0NzgwODc1MDY0MTFFRjk1QjhFRUUxQjYyOUQ5NDQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MEM0NzgwODg1MDY0MTFFRjk1QjhFRUUxQjYyOUQ5NDQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowQzQ3ODA4NTUwNjQxMUVGOTVCOEVFRTFCNjI5RDk0NCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowQzQ3ODA4NjUwNjQxMUVGOTVCOEVFRTFCNjI5RDk0NCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqxjhsEAAANzSURBVHjazJlLaNRQFIaTVIcRQUELoggVKYIgQvGFr40giLMRBAtjXblwUSmIK1vBTQUREUFB8NGdGwUXgoIVFwq6EGSkOAguXKiUQQq6kKK0Gv+LJ+HkTpLJfYUc+DnJ3M436Tn3eeKHYeiZ2NDQkGfZfCj03Nka6DzUgqZMYa1WS45HzIf15C/xqmeuE7ATOs3up1zxRefslYSgggn465j/GLpJ13ehfS75SEIu36/AFCQ6wQHoBbTgIOBZfBGow9AvaIXBb8d89PYFFpcEn7e5GAG+wXfPQc+g91DNQQKy+A3oB1SnkWDMR9BrbG0oxLeVgNAgCeLhF6FN0CuLiS3CP07+BDTgko/kbHC9BugG6w20ja63QxNSYk0tj/8EatP1uOYuKMFHoCdYW09+kDKnT0Kz0KjGKChik9AsxPkz0FnWvtIgsar8y2wUBDp8BDrBR+zS+CP4PCgyApZDa6Eb+ELDQQJiPs3DkV2FOnQ9atDjVfkPyS+DduvykQQtfpAypM7A3aPbB0iC7bNCgi+dRW6RP2owDanyf0Lv6HqPKl+KTxcf8czlBxnz2gjcPGXtiIOdSRb/Ofmt1KY7DanyZ8gP2uIjMYX4eXPeNPm9jg5Eafwv7IS+rkT+N/Kry+bnJeA3+T5HCUjjhxa3oCr8UOM3rfDzEnCQ/Fu2Q7K5be3i0+IWWadEfj/572Xzg4zywhW4VWwhs128y+LvJ9+mxbEs/mbyn2zxafHtyU87B4yzPe1JgOZZ8x8LwU/waTGL7BT5RwZTkSq/Rge06NCmxJfi08Wn8kQmP20ErKc56xIvpQJUx72NBMR8L1kKbkIb6fq6FKDQIb9BI1v8by91+YiPFj+1GgpYP4I9x+593IcZ05VOEsScOMfuxUuMr/Sg4uHHWNtSjUqlCv81HZDuQ8OqfPFChl7CxHx8NsbiE/Px+XChBKiYhXL0IPUMsYB9lopiddpthI74O9i0sIXVbbT5CPIAi02Cj7a2y2KcrjXp4UXpdpfUtmihIJfHjxbQp5rBL8xPC77NXY2JXaOeOS1t3fooAa74t9loaNrgI8gd1vsL8f0KvpSPdj4u3wuLncxFuj4mbSWVTH4pz3aSMR9/k8mv4jthz3HwD7HgXDAJfkaHTPDzgl+VKahs+wjdgT54/0vUzvhUos61fwIMANiWariLn8/jAAAAAElFTkSuQmCC);
+					width: 32rpx;
+				    height: 32rpx;
+				    background-size: 400%;
+				}
+				
+				.msg-product{
+					display: flex;
+					flex-direction: column;
+					width: 100%;
+					background-color: #FFFFFF;
+					padding: 10rpx;
+					border-radius: 16rpx;
+					width: 480rpx;
+					margin-left: 12rpx;
+					.zx{
+						display: flex;
+						justify-content: space-between;
+						width: 100%;
+						font-size: 28rpx;
+						margin: 10rpx;
+						.zxview{
+							color: darkgrey;
+							font-size: 26rpx;
+							margin-right: 20rpx;
+						}
+					}
+					.msg-con{
+						display: flex;
+						justify-content: space-between;
+						width: 100%;
+						padding: 10rpx;
+						border-radius: 16rpx;
+					}
+					.img{
+						width: 120rpx;
+						height: 120rpx;
+					}
+					.info{
+						display: flex;
+						flex-direction: column;
+						flex: 1;
+						padding: 6rpx 8rpx;
+						position: relative;
+						margin-left: 10rpx;
+						background-color: #f4f4f4;
+						border-radius: 0 10rpx 10rpx 0;
+						.name{
+							width: 330rpx;
+							// white-space: nowrap; /* 防止文本换行 */
+							// overflow: hidden; /* 隐藏溢出的内容 */
+							// text-overflow: ellipsis; /* 溢出部分显示省略号 */
+							.txt{
+								font-size: 26rpx;
+								color: darkgrey;
+								margin-left: 6rpx;
+							}
+							.ntxt{
+								font-size: 28rpx;
+								color: #000;
+							}
+						}
+						.sku{
+							display: flex;
+							flex-direction: row;
+							.txt{
+								font-size: 26rpx;
+								color: darkgrey;
+								margin-right: 6rpx;
+							}
+						}
+						.xq{
+							width: 100%;
+							display: flex;
+							flex-direction: row;
+							.list{
+								display: flex;
+								flex: 1;
+							}
+							.price{
+								display: flex;
+								align-items: center;
+								font-size: 28rpx;
+								color: #ff007f;
+							}
+							.ord{
+								display: flex;
+								align-items: center;
+								font-size: 26rpx;
+								color: #232323;
+							}
+							.qty{
+								display: flex;
+								align-items: center;
+								font-size: 26rpx;
+								color: darkgrey;
+								margin-left: 8rpx;
+							}
+							.btn{
+								font-size: 26rpx;
+								font-family: PingFang SC-Medium, PingFang SC;
+								font-weight: 500;
+								color: #FCFCFD;
+								width: 110rpx;
+								height: 50rpx;
+								line-height: 50rpx;
+								background: #ff007f;
+								box-shadow: 0rpx 10rpx 30rpx 2rpx rgba(255,0,127,0.2);
+								border-radius: 60rpx;
+								opacity: 1;
+								margin-right: 10rpx;
+								margin-top: 10rpx;
+								margin-bottom: 10rpx;
+								padding-left:0 !important;
+								padding-right:0 !important;
+								&::after{
+									border:none;
+								}
+							}
+						} 
+					}
+					
+				}
+			}
+
+			.msg-right {
+				flex-direction: row-reverse;
+				.read{
+					font-size: 24rpx;
+					color: #888;
+					margin-right: 10rpx;
+					display: flex;
+					justify-content: flex-end;
+					align-items: flex-end;
+				}
+				.noread{
+					font-size: 24rpx;
+					color: #00a89b;
+					margin-right: 10rpx;
+					display: flex;
+					justify-content: flex-end;
+					align-items: flex-end;
+				}
+				
+				.feed-imgy{
+					display: flex;
+					flex-direction: column;
+					justify-content: center;
+					align-self: center;
+					margin-right: 0rpx;
+					width: 95rpx;
+					height: 75rpx;
+				}
+				.feed-img{
+					display: flex;
+					flex-direction: column;
+					justify-content: center;
+					align-self: center;
+					margin-right: 0rpx;
+					width: 75rpx;
+					height: 75rpx;
+				}
+				.msg-text {
+					margin-right: 16rpx;
+					background-color: #00a89b;
+					font-family: PingFang SC, PingFang SC;
+					font-weight: 400;
+					font-size: 32rpx;
+					color: #FFFFFF;
+					line-height: 48rpx;
+					border-radius: 20rpx 0rpx 20rpx 20rpx;
+				}
+
+				.ms-img {
+					margin-right: 16rpx;
+				}
+				
+				.msg-img {
+					margin: 0 20rpx 0 0;
+				}
+				.msg-video{
+					margin: 0 20rpx 0 0;
+				}
+				.msh-map {
+					margin-left: 16rpx;
+					border-radius: 20rpx 0rpx 20rpx 20rpx;
+				}
+
+				.voice {
+					display: flex;
+					flex-direction: row;
+					align-items: center;
+					justify-content: flex-end;
+				}
+
+				.voice-img {
+					display: block;
+					width: 36rpx;
+					height: 36rpx;
+					margin-left: 10rpx;
+				}
+				.voicel{
+				  height: 32rpx;
+				  width: 32rpx;
+				}
+				.bg {
+				    background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAAAYCAYAAAAF6fiUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6REJBQzQ1RjQ1MDYzMTFFRjk5QjZEQkI5MDlENzE3RTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6REJBQzQ1RjU1MDYzMTFFRjk5QjZEQkI5MDlENzE3RTQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpEQkFDNDVGMjUwNjMxMUVGOTlCNkRCQjkwOUQ3MTdFNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpEQkFDNDVGMzUwNjMxMUVGOTlCNkRCQjkwOUQ3MTdFNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pm5p+OoAAAKmSURBVHja1Jk/SBxBFMbdy6mHSEARNYIkhU0ICCEkEEynEYmkUEiTxmBtZZHCgGVsAgEhQozYaAo7G0GwjgemC1ZBgzbaKKnEIsb1HbwjH8PM7szdfEQffMzyzexvhn2zM/snSdO0wSOmRfdFc6JfDfGDzb++UUlAjmbTfzHi0T5UbP61Vl6DV3BxZggDYPNRyU1LQDtcnC9GXY/ojeh2HZ2z+ahbZD4lAZt6cQ4Mv1v0W+tm6+icza+qSOZTEvAAZudjo+5Q/SNRX40ds/m47JSIfFoC1nSQ24Y/r/4fUZdR1xHQMZtfVSOZH7LndPgmoEl0oQMdA/8OzNrXxjlzokvRgsfA2HxUM5nvUsmXbzt5CGZJE/jv1d832k8GPsmw+TgDEyLfd8PP5NsAM9q4bPi76r8FrwXgHzwHyOa7loDY/Kw73JtvAyzpCcvgtQLoKfgT6p0GDJDNtyWAwXepEMIvWF6O27Q8Aa8bjo/h+JGWWwEv32y+Ldh8jMsQvi0B1Y9DicUz/b9aNod8/SDzs/pk8V2Ry7cl4FTLTvCORBd63Av+Ny2HAwbF5tuCzXdFLt+WgD0t+8E7F/3Q40Hw17WuRbTqOSg23zbrGXyfyOdbNoYB2LBaLU8vx0b7UWj/0WOTYvNdGzGD76NMvu0OKGvWKjEO/ifY0KbB3xBN6eZ25jEr2HxXxOQnAf1m8x1ZW9SM7Rr+O8hmfx2z4jOZ71IsfoH9LegeDPSFUfcd3mSf1NjxXTI/64UsBj/av4WC47Y5EK3o8VejbkD0U1QUPa9xOTgk812bcSx+GrgM1fRLsvIl8Vxny4albqjOW5HNz+ubyY/2S/IZLBULhAGz+Tf+n7D5Ne8lYRBsPmXzjKWixyq1rOVD0Q7hZYXNz9oP/ntcCTAAHScbp0OSlTgAAAAASUVORK5CYII=);
+					width: 32rpx;
+				    height: 32rpx;
+				    background-size: 400%;
+				}
+				
+				.msg-product{
+					display: flex;
+					flex-direction: column;
+					width: 100%;
+					background-color: #FFFFFF;
+					padding: 10rpx;
+					border-radius: 16rpx;
+					width: 480rpx;
+					margin-right: 12rpx;
+					.zx{
+						display: flex;
+						justify-content: space-between;
+						width: 100%;
+						font-size: 28rpx;
+						margin: 10rpx;
+						.zxview{
+							color: darkgrey;
+							font-size: 26rpx;
+							margin-right: 20rpx;
+						}
+					}
+					.msg-con{
+						display: flex;
+						justify-content: space-between;
+						width: 100%;
+						padding: 10rpx;
+						border-radius: 16rpx;
+					}
+					.img{
+						width: 120rpx;
+						height: 120rpx;
+					}
+					.info{
+						display: flex;
+						flex-direction: column;
+						flex: 1;
+						padding: 6rpx 8rpx;
+						position: relative;
+						margin-left: 10rpx;
+						background-color: #f4f4f4;
+						border-radius: 0 10rpx 10rpx 0;
+						.name{
+							width: 330rpx;
+							// white-space: nowrap; /* 防止文本换行 */
+							// overflow: hidden; /* 隐藏溢出的内容 */
+							// text-overflow: ellipsis; /* 溢出部分显示省略号 */
+							.txt{
+								font-size: 26rpx;
+								color: darkgrey;
+								margin-left: 6rpx;
+							}
+							.ntxt{
+								font-size: 28rpx;
+								color: #000;
+							}
+						}
+						.sku{
+							display: flex;
+							flex-direction: row;
+							.txt{
+								font-size: 26rpx;
+								color: darkgrey;
+								margin-right: 6rpx;
+							}
+						}
+						.xq{
+							width: 100%;
+							display: flex;
+							flex-direction: row;
+							.list{
+								display: flex;
+								flex: 1;
+							}
+							.price{
+								display: flex;
+								align-items: center;
+								font-size: 28rpx;
+								color: #ff007f;
+							}
+							.ord{
+								display: flex;
+								align-items: center;
+								font-size: 26rpx;
+								color: #232323;
+							}
+							.qty{
+								display: flex;
+								align-items: center;
+								font-size: 26rpx;
+								color: darkgrey;
+								margin-left: 8rpx;
+							}
+							.btn{
+								font-size: 26rpx;
+								font-family: PingFang SC-Medium, PingFang SC;
+								font-weight: 500;
+								color: #FCFCFD;
+								width: 110rpx;
+								height: 50rpx;
+								line-height: 50rpx;
+								background: #ff007f;
+								box-shadow: 0rpx 10rpx 30rpx 2rpx rgba(255,0,127,0.2);
+								border-radius: 60rpx;
+								opacity: 1;
+								margin-right: 10rpx;
+								margin-top: 10rpx;
+								margin-bottom: 10rpx;
+								padding-left:0 !important;
+								padding-right:0 !important;
+								&::after{
+									border:none;
+								}
+							}
+						} 
+					}
+					
+				}
+				
+			}
+		}
+	}
+	
+	.voicePlay {
+	  animation-name: voicePlay;
+	  animation-duration: 1s;
+	  animation-direction: normal;
+	  animation-iteration-count: infinite;
+	  animation-timing-function: steps(3);
+	}
+	
+	@keyframes voicePlay {
+	  0% {
+	    background-position: 0;
+	  }
+	  100% {
+	    background-position: 100%;
+	  }
+	}
+	
+	.popup{
+		position: fixed;
+		bottom: 180rpx;
+		/* #ifdef H5 */
+		bottom: 100rpx;
+		/* #endif */
+		left: 0;
+		width: 100%;
+		padding: 18rpx;
+		border-radius: 16rpx;
+		.tipcon{
+			display: flex;
+			justify-content: space-between;
+			width: 100%;
+			background-color: #FFFFFF;
+			padding: 16rpx;
+			border-radius: 16rpx;
+			.img{
+				width: 100rpx;
+				height: 100rpx;
+			}
+			.info{
+				display: flex;
+				flex-direction: column;
+				flex: 1;
+				margin-left: 16rpx;
+				position: relative;
+				.name{
+					width: 550rpx;
+					// white-space: nowrap; /* 防止文本换行 */
+					// overflow: hidden; /* 隐藏溢出的内容 */
+					// text-overflow: ellipsis; /* 溢出部分显示省略号 */
+					margin-right: 50rpx;
+					.txt{
+						font-size: 26rpx;
+						color: darkgrey;
+						margin-left: 6rpx;
+					}
+					.ntxt{
+						font-size: 28rpx;
+						color: #000;
+					}
+				}
+				.sku{
+					display: flex;
+					flex-direction: row;
+					.txt{
+						font-size: 26rpx;
+						color: darkgrey;
+						margin-right: 6rpx;
+					}
+				}
+				.xq{
+					width: 100%;
+					display: flex;
+					flex-direction: row;
+					.list{
+						display: flex;
+						flex: 1;
+						align-items: flex-end;
+					}
+					.price{
+						font-size: 28rpx;
+						color: #ff007f;
+					}
+					.ord{
+						display: flex;
+						align-items: center;
+						font-size: 26rpx;
+						color: #232323;
+					}
+					.qty{
+						font-size: 26rpx;
+						color: darkgrey;
+						margin-left: 6rpx;
+					}
+					.btn{
+						font-size: 26rpx;
+						font-family: PingFang SC-Medium, PingFang SC;
+						font-weight: 500;
+						color: #FCFCFD;
+						width: 150rpx;
+						height: 50rpx;
+						line-height: 50rpx;
+						background: #ff007f;
+						box-shadow: 0rpx 10rpx 30rpx 2rpx rgba(255,0,127,0.2);
+						border-radius: 10rpx;
+						opacity: 1;
+						margin-right: 10rpx;
+						padding-left:0 !important;
+						padding-right:0 !important;
+						&::after{
+							border:none;
+						}
+					}
+				}
+				.close{
+					position: absolute;
+					top: 0;
+					right: 6rpx;
+				}
+			}
+		}
+	}
+	
+	.example {
+		width: 550rpx;
+		opacity: 1;
+		padding: 0;
+		box-sizing: border-box;
+		.order {
+		  position: relative;
+		  overflow: hidden;
+		  display: block;
+		  background-color: #ffffff;
+		  margin: 0 0 10rpx;
+		  box-sizing: border-box;
+		  padding: 0rpx 20rpx;
+		}
+		.qhbtn{
+			width: 100%;
+			display: flex;
+			flex-direction: row;
+			.btn{
+				width: 120rpx;
+				height: 60rpx;
+				border-radius: 20rpx;
+				background-color: #eee;
+				color: #000;
+				font-size: 26rpx;
+				display: flex;
+				align-items: center;
+				justify-content: center;
+			}
+			.cur{
+				background-color: #00a89b;
+				color: #fff;
+			}
+		}
+		.readlist{
+			display: flex;
+			flex-wrap: wrap;
+			padding: 20rpx 0 0 10rpx ;
+		}
+		.readcell{
+			display: flex;
+			flex-direction: row;
+			width: 100%;
+			.readtime{
+				width: 200rpx;
+				font-size: 24rpx;
+				color: #888;
+			}
+			.readname{
+				font-size: 26rpx;
+				color: #33383c;
+				margin-top: 16rpx;
+				display: flex;
+				flex: 1;
+			}
+		}
+		
+		.chatlist{
+			display: flex;
+			flex-wrap: wrap;
+			padding: 20rpx 0 0 10rpx ;
+		}
+		.chatcell{
+			display: flex;
+			flex-direction: column;
+			min-width: 90rpx;
+			height: 150rpx;
+			align-items: center;
+			justify-content: center;
+			margin-right: 30rpx;
+			.user-img{
+				width: 90rpx;
+				height: 90rpx;
+				border-radius: 5rpx;
+			}
+			.user-name{
+				font-size: 26rpx;
+				color: #33383c;
+				margin-top: 16rpx;
+			}
+		}
+		.lcon{
+			padding: 20rpx 10rpx;
+			display: flex;
+			flex-direction: column;
+			border-bottom: 1rpx solid #eee;
+			.lhtxt{
+				font-size: 30rpx;
+				color: #33383c;
+				line-height: 40rpx;
+			}
+			.ltxt{
+				margin-top: 16rpx;
+				font-size: 28rpx;
+				color: #888;
+				line-height: 30rpx;
+			}
+		}
+	}
+	
+	
+</style>
diff --git a/pages/index/index.vue b/pages/index/index.vue
index 8e50656..6657819 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -85,7 +85,7 @@
 
 <script>
 	import checkupdate from "@/uni_modules/uni-upgrade-center-app/utils/check-update.js"
-	import { myCache,getcartNum,getRemoteFile,ifnonet } from '../../utils/utils.js';
+	import { myCache,getcartNum,getmessageNum,getRemoteFile,ifnonet } from '../../utils/utils.js';
 	import openlogin from "../components/openlogin.vue";
 	import top from "../components/top.vue";
 	import service from "../components/service.vue";
@@ -280,6 +280,22 @@
 				})
 			}
 			
+			var messageNum=getmessageNum();
+			console.log("messageNum",messageNum)
+			if(messageNum>0){
+				// 底部菜单消息角标
+				uni.setTabBarBadge({
+					//显示未读消息条数
+				    index: 3,
+				    text: messageNum+''
+				});
+			}
+			else{
+				uni.removeTabBarBadge({
+					index: 3
+				})
+			}
+			
 			// banner
 			// this.getBanner();
 			
diff --git a/pages/message/contact.vue b/pages/message/contact.vue
index c2d4028..ff2c0bf 100644
--- a/pages/message/contact.vue
+++ b/pages/message/contact.vue
@@ -235,6 +235,7 @@
 						reason: item.reason, 
 						customerService: item.customerService, 
 						instructor: item.instructor, 
+						ownerId: item.ownerId, 
 						productId: item.productId, 
 						productName: item.productName
 					}
diff --git a/pages/message/group.vue b/pages/message/group.vue
index cf20d90..9823f51 100644
--- a/pages/message/group.vue
+++ b/pages/message/group.vue
@@ -52,7 +52,7 @@
 </template>
 
 <script>
-	import { myCache } from '../../utils/utils.js';
+	import { getcartNum,getmessageNum,myCache } from '../../utils/utils.js';
 	import dateTime from '@/common/dateTime.js';
 	export default {
 		data() {
@@ -75,28 +75,39 @@
 				], // u-swipe-action样式
 				imgurl:uni.$http.baseUrl,
 				grouplist:[],
-				socketTask: null,
-				isConnected: false, // WebSocket连接状态 
 				socketmsg:[],//接收信息
-				heartbeatInterval: null, // 心跳包20秒连接一次
-				heartbeatTimeout: 20000, // 心跳间隔时间，例如每20秒发送一次
+				// isConnected: false, // WebSocket是否打开
+				// heartbeatInterval: null, // 心跳包20秒连接一次
+				// heartbeatTimeout: 20000, // 心跳间隔时间，例如每20秒发送一次
 			}
 		},
 		onLoad(options) {
 		},
 		onShow(){
+			
 			this.openId = myCache('openId');
 			var user = myCache('user');
 			this.userid = user.userid? user.userid:'';
 			this.userName=user.nickName?user.nickName:"";
 			this.userheadimg=user.avatar?user.avatar:require("@/static/image/girl.png");
 			this.phone = user.userphone;
-			// 如果心跳包在发送，先停止，再启动
-			if(this.heartbeatInterval){
-				clearInterval(this.heartbeatInterval); // 停止心跳包发送
-			}
+			
 			// 从缓存聊天群里获取聊天群列表
 			this.loadData();
+			
+			var that=this;
+			setTimeout(() => {
+				if(!that.isConnected){
+					// 重新连接socket
+					that.reconnect();
+				}
+			}, 500);
+			
+			that.setmsgnum();
+			setTimeout(() => {
+				that.setmsgnum();
+			}, 2000);
+			
 		},
 		onPullDownRefresh() {
 			console.log('onPullDownRefresh');
@@ -104,73 +115,47 @@
 				uni.stopPullDownRefresh()
 			},500);
 		},
-		onBackPress(options) {
-			if (options.from === 'backbutton') {
-		      // 来自顶部菜单的返回按钮
-		      // 在这里处理你的逻辑
-		      console.log('返回按钮被点击');
-			  // this.closeWebSocket();
-		   //    uni.onSocketClose(function (res) {
-		   //      console.log('WebSocket 已关闭！');
-		   //    });
-			  return false;
-		    }
-		},
-		beforeDestroy() {
-			console.log('界面关闭socket，beforeDestroy');
-		    // 在组件销毁前，确保关闭 WebSocket 连接
-			// this.closeWebSocket();
-			// clearInterval(this.heartbeatInterval); // 停止心跳包发送
-		},
-		beforeRouteLeave(to, from, next) {
-			console.log('界面关闭socket，beforeRouteLeave');
-		    next();
-		},
 		methods: {
-			handleLongPress(info,index) {
-				console.log(index); 
-				this.$refs.swipeRef[index].open();
-			},
-			// 删除
-			actionClick(info,index) {
-				console.log(info,index); 
-				var that=this;
-				uni.showModal({
-					title: '提示',
-					content: "确定要删除此聊天记录吗？",
-					cancelText: '取消',
-					confirmText: '确定',
-					success: ress => {
-						if (ress.confirm) {
-							that.$refs.swipeRef[index].close();
-							myCache(info.id,"");
-							that.grouplist.splice(index, 1);
-							that.$forceUpdate();
-							myCache("chatlist-"+this.userid,that.grouplist);
-						}
-					}
-				}); 
-			},
 			// 定时心跳包
 			startHeartbeat() {
+				var that=this;
 				console.log("startHeartbeat")
 				this.heartbeatInterval = setInterval(() => {
-				  if (this.socketTask) {
-				    this.socketTask.send({
-				      data: JSON.stringify({ 
-						  'cmd': 1,//心跳
-						  'data': {
-							  'accessToken':uni.getStorageSync("token")
-						  },
-						  }) // 发送心跳包数据
-				    });
-				  }
+					if(this.isConnected){
+						uni.sendSocketMessage({
+							data: JSON.stringify({
+							  	'cmd': 1,//心跳
+							  	'data': {
+							  		'accessToken':uni.getStorageSync("token")
+							  	},
+							}), // 发送心跳包数据,
+							success(re) {
+								console.log(re);
+								console.log('消息发送成功！')
+							},
+							fail(err) {
+								console.log(err);
+								console.log('消息发送失败！');
+								that.reconnect();
+							}
+						});
+					}
 				}, this.heartbeatTimeout);
 			},
+			// 开始重连
+			reconnect () {
+			    if (!this.isConnected) {
+			        clearTimeout(this.heartbeatInterval);
+					this.heartbeatInterval = setTimeout(() => {
+					    console.log('开始重连...');
+					    this.socketinit();
+					},this.heartbeatTimeout);
+			    }
+			},
 			// ws接收消息
 			socketinit(){
 				var that = this;
-				that.socketTask=uni.connectSocket({
+				uni.connectSocket({
 					url: "wss://www.sanduolantoyoga.com/yoga-imserver/",
 					header: {
 						// 'content-type': 'application/json',
@@ -189,8 +174,8 @@
 				
 				uni.onSocketOpen(resopen => {
 					console.log('WebSocket连接已打开！');
-					that.isConnected = true;
-					that.$forceUpdate();
+					this.isConnected = true;
+					this.$forceUpdate();
 					uni.sendSocketMessage({
 						data: JSON.stringify({
 							"cmd": 0,//心跳
@@ -253,41 +238,59 @@
 					
 				});
 				
+				// 连接关闭后重新连接
+				uni.onSocketClose(res => {
+					console.log('WebSocket连接已关闭！',res);
+					this.isConnected = false;
+					this.$forceUpdate();
+					// 重新连接socket
+					this.reconnect();
+				});
+				// 连接失败后重新连接
+				uni.onSocketError(err => {
+					console.error('WebSocket连接打开失败，请检查：', err);
+					this.isConnected = false;
+					this.$forceUpdate();
+					// 重新连接socket
+					this.reconnect();
+				});
+				// 接收信息
 				uni.onSocketMessage(res => {
 					console.log('收到WebSocket服务器消息：');
 					if(res.data){
 						var rs=JSON.parse(res.data);
-						console.log(rs);
+						console.log("onSocketMessage",rs);
 						if(rs.cmd==3){
 							// 私聊
 							if(rs.data){
 								var data=rs.data;
-								if(data.recvId&&(data.recvId).toString()==(that.userid).toString()){
+								if(data.recvId&&data.recvId==that.userid){
 									// 是这个用户的接收的私聊信息
 									// 加入聊天记录
 									// 消息类型 0:文字 1:图片 2:文件 3:语音 4:视频 10, "撤回" 11, "已读 "12, "消息已读回执 " 30,"加载中标记"
-									if(data.type==0){
-										data.content=decodeURIComponent(data.content); 
-									}
 									if(data.type==0||data.type==1||data.type==2||data.type==3||data.type==4||data.type==5||data.type==6){
-										var ifexist=0,chatinfo=null;
-										that.grouplist.forEach((cell,index)=>{
-											if(cell.fromuser==data.sendId&&cell.userid==data.recvId&&cell.sort=="privatechat"){
-												ifexist=1;
-												that.grouplist[index].sl=(that.grouplist[index].sl?that.grouplist[index].sl+1:1);
-												that.grouplist[index].content=data.content;
-												that.grouplist[index].datetime=data.sendTime;
-												that.grouplist[index].type=data.type;
-												that.$forceUpdate();
-												chatinfo= JSON.parse(JSON.stringify(that.grouplist[index]))  ;
-												console.log(chatinfo)
-											}
-										});
-										if(ifexist==0){
+										if(data.type==0){
+											data.content=decodeURIComponent(data.content); 
+										}
+										 
+										var id="privatechat-" + data.recvId +"-" + data.sendId;
+										var index=this.ifadd(id);
+										var chatinfo=null;
+										if(index>-1){
+											that.grouplist[index].sl=(that.grouplist[index].sl?that.grouplist[index].sl+1:1);
+											that.grouplist[index].content=data.content;
+											that.grouplist[index].datetime=data.sendTime;
+											that.grouplist[index].type=data.type;
+											that.grouplist[index].minId=data.id;
+											that.grouplist[index].ifload=1;
+											that.$forceUpdate();
+											chatinfo= JSON.parse(JSON.stringify(that.grouplist[index]));
+										}
+										else{
 											// 未保存缓存
 											// 接收到socket后更新聊天列表记录
-											var chatlastinfo={
-												id: "privatechat-" + data.recvId +"-" + data.sendId,
+											chatinfo={
+												id: id,
 												content: data.content,
 												minId: data.id,
 												sl:1,
@@ -297,13 +300,16 @@
 												userid: data.recvId,
 												fromuser: data.sendId,
 												img: "",
-												sort:"privatechat"
+												sort:"privatechat",
+												ifload:0
 											};
-											that.updateChatList(chatlastinfo);
-										}
-										else{
-											that.updateChatList(chatinfo);
+											this.grouplist.push(chatinfo);
+											this.$forceUpdate();
 										}
+										myCache("chatlist-"+this.userid,this.grouplist);
+										this.getPrivateInfo(chatinfo);
+										// 未读消息数量获取
+										this.setmsgnum();
 									}
 									else{
 										// 10, "撤回" 11, "已读 " 12, "消息已读回执 " 30,"加载中标记"
@@ -320,30 +326,32 @@
 									// 是这个用户的接收的群聊信息
 									// 加入聊天记录
 									// 消息类型 0:文字 1:图片 2:文件 3:语音 4:视频 10, "撤回" 11, "已读 "12, "消息已读回执 " 30,"加载中标记"
-									if(data.type==0){
-										data.content=decodeURIComponent(data.content); 
-									}
 									if(data.type==0||data.type==1||data.type==2||data.type==3||data.type==4||data.type==5||data.type==6){
-										var ifexist=0,idx=null;
-										that.grouplist.forEach((cell,index)=>{
-											if(cell.groupId==data.groupId&&cell.sort=="groupchat"){
-												ifexist=1;
-												idx=index;
-												that.grouplist[index].sl=(that.grouplist[index].sl?that.grouplist[index].sl+1:1);
-												that.grouplist[index].content=data.content;
-												that.grouplist[index].datetime=data.sendTime;
-												that.grouplist[index].fromuser=data.sendId;
-												that.grouplist[index].type=data.type;
-												that.$forceUpdate();
-											}
-										});
 										
-										if(ifexist==0){
+										if(data.type==0){
+											data.content=decodeURIComponent(data.content); 
+										}
+										
+										var id="groupchat-" + data.groupId;
+										var index=this.ifadd(id);
+										var chatinfo=null;
+										if(index>-1){
+											that.grouplist[index].sl=(that.grouplist[index].sl?that.grouplist[index].sl+1:1);
+											that.grouplist[index].content=data.content;
+											that.grouplist[index].datetime=data.sendTime;
+											that.grouplist[index].fromuser=data.sendId;
+											that.grouplist[index].type=data.type;
+											that.grouplist[index].minId=data.id;
+											that.grouplist[index].ifload=1;
+											that.$forceUpdate();
+											chatinfo= JSON.parse(JSON.stringify(that.grouplist[index]));
+										}
+										else{
 											// 未保存缓存
 											// 接收到socket后更新聊天列表记录
-											var chatlastinfo={
-												id: "groupchat-" + data.groupId,
-												groupId:data.groupId,
+											chatinfo={
+												id: id,
+												groupId: data.groupId,
 												content: data.content,
 												minId: data.id,
 												sl:1,
@@ -355,17 +363,19 @@
 												img: "",
 												sendId: data.sendId,
 												sendNickName: data.sendNickName,
-												sort:"groupchat"
+												sort:"groupchat",
+												ifload:0
 											};
-											that.getGroupInfo(chatlastinfo);
-										}
-										else{
-											that.getGroupInfo(that.grouplist[idx]);
+											this.grouplist.push(chatinfo);
+											this.$forceUpdate();
 										}
+										myCache("chatlist-"+this.userid,this.grouplist);
+										// 未读消息数量获取
+										this.setmsgnum();
+										this.getGroupInfo(chatinfo);
 									}
 									else{
 										// 10, "撤回" 11, "已读 " 12, "消息已读回执 " 30,"加载中标记"
-										
 									}
 								}
 							}
@@ -373,32 +383,56 @@
 					}
 				});
 				
-				uni.onSocketClose(res => {
-					console.log('WebSocket连接已关闭！',res);
-					that.isConnected = false;
-					that.$forceUpdate();
-					clearInterval(that.heartbeatInterval); // 停止心跳包发送
-				});
-				
-				uni.onSocketError(err => {
-					console.error('WebSocket连接打开失败，请检查：', err);
-					that.isConnected = false;
-					that.$forceUpdate();
-					clearInterval(that.heartbeatInterval); // 停止心跳包发送
-				});
 			},
-			// 关闭WebSocket连接  
-			closeWebSocket() {
-				uni.closeSocket();
-				this.isConnected = false;
-				this.$forceUpdate()
+			// 消息
+			setmsgnum(){
+				var messageNum=getmessageNum();
+				if(messageNum>0){
+					// 底部菜单消息角标
+					uni.setTabBarBadge({
+						//显示未读消息条数
+					    index: 3,
+					    text: messageNum+''
+					});
+				}
+				else{
+					uni.removeTabBarBadge({
+						index: 3
+					})
+				}
+			},
+			handleLongPress(info,index) {
+				console.log(index); 
+				this.$refs.swipeRef[index].open();
+			},
+			// 删除
+			actionClick(info,index) {
+				console.log(info,index); 
+				var that=this;
+				uni.showModal({
+					title: '提示',
+					content: "确定要删除此聊天记录吗？",
+					cancelText: '取消',
+					confirmText: '确定',
+					success: ress => {
+						if (ress.confirm) {
+							that.$refs.swipeRef[index].close();
+							myCache(info.id,"");
+							that.grouplist.splice(index, 1);
+							that.$forceUpdate();
+							myCache("chatlist-"+this.userid,that.grouplist);
+							// 未读消息数量获取
+							this.setmsgnum();
+						}
+					}
+				}); 
 			},
 			// 消息是否存在列表中
 			ifadd(id){
-				var ret=0;
+				var ret=-1;
 				this.grouplist.forEach((cell,ii)=>{
 					if(cell.id==id){
-						ret=ii+1;
+						ret=ii;
 					}
 				});
 				return ret;
@@ -416,6 +450,8 @@
 				this.grouplist[index]["sl"]=0;
 				this.$forceUpdate();
 				myCache("chatlist-"+this.userid,this.grouplist);
+				// 未读消息数量获取
+				this.setmsgnum();
 				// 去聊天室
 				if(chat.sort=="privatechat"){
 					// 私聊
@@ -455,6 +491,7 @@
 						reason: chat.reason, 
 						customerService: chat.customerService, 
 						instructor: chat.instructor, 
+						ownerId: chat.ownerId, 
 						productId: chat.productId, 
 						productName: chat.productName
 					}
@@ -483,8 +520,9 @@
 				setTimeout(() => {
 					that.reorder();
 					myCache("chatlist-"+this.userid,that.grouplist);
+					// 未读消息数量获取
+					this.setmsgnum();
 				}, 300);
-				 
 				// socket接收实时消息
 				this.socketinit();
 			},
@@ -524,7 +562,8 @@
 							img: "",
 							sendId: cell.sendId,
 							sendNickName: cell.sendNickName,
-							sort:"groupchat"
+							sort:"groupchat",
+							ifload:1
 						};
 						this.getGroupInfo(chatlastinfo,index);
 					});
@@ -549,9 +588,11 @@
 							userid: cell.recvId,
 							fromuser: cell.sendId,
 							img: "",
-							sort:"privatechat"
+							sort:"privatechat",
+							ifload:1
+							
 						};
-						this.updateChatList(chatlastinfo,index);
+						this.getPrivateInfo(chatlastinfo);
 					});
 				}
 			},
@@ -602,6 +643,8 @@
 								// 重新排序
 								this.reorder();
 								myCache("chatlist-"+this.userid,this.grouplist);
+								// 未读消息数量获取
+								this.setmsgnum();
 							}
 						}
 					// }
@@ -628,150 +671,129 @@
 								// 重新排序
 								this.reorder();
 								myCache("chatlist-"+this.userid,this.grouplist);
+								// 未读消息数量获取
+								this.setmsgnum();
 							}
 						}
 					// }
 				}
 			},
+			// 获取私聊信息
+			async getPrivateInfo(info) {
+				if(info.ifload==0){
+					info[info.fromuser]=(info.fromuser!=this.userid? await this.getFriend(info.fromuser):{});
+					info.name=info[info.fromuser]?info[info.fromuser].name:"匿名";
+					info.img=info[info.fromuser]?info[info.fromuser].img:require("@/static/image/girl.png");
+					this.updateChatList(info);
+				}
+				else{
+					this.updateChatList(info);
+				}
+			},
 			// 获取群信息
 			async getGroupInfo(info) {
-				const {data: res} = await uni.$http.get('/api/group/find/'+info.groupId);
-				if(res.data){
-					var data = res.data;
-					info.name=data.name;
-					info.img=data.headImage||'/static/image/qltx.png';
-					info.notice=data.notice;
-					info.remarkNickName=data.remarkNickName;
-					info.showNickName=data.showNickName;
-					info.showGroupName=data.showGroupName;
-					info.remarkGroupName=data.remarkGroupName;
-					info.customerService=data.customerService;
-					info.instructor=data.instructor;
-					info.productId=data.productId;
-					info.productName=data.productName;
+				if(info.ifload==0){
+					const {data: res} = await uni.$http.get('/api/group/find/'+info.groupId);
+					if(res.data){
+						var data = res.data;
+						info.name=data.name;
+						info.img=data.headImage||'/static/image/qltx.png';
+						info.notice=data.notice;
+						info.remarkNickName=data.remarkNickName;
+						info.showNickName=data.showNickName;
+						info.showGroupName=data.showGroupName;
+						info.remarkGroupName=data.remarkGroupName;
+						info.customerService=data.customerService;
+						info.instructor=data.instructor;
+						info.ownerId=data.ownerId;
+						info.productId=data.productId;
+						info.productName=data.productName;
+						info[data.ownerId]=(data.ownerId!=this.userid? await this.getFriend(data.ownerId):{});
+						info[data.customerService]=(data.customerService!= this.userid? await this.getFriend(data.customerService):{});
+						info[data.instructor]=(data.instructor!=this.userid? await this.getFriend(data.instructor):{});
+						this.updateChatGroupList(info);
+					}
+				}
+				else{
 					this.updateChatGroupList(info);
 				}
 			},
-			async updateChatGroupList(info){
-				var name=info.name,img=info.img||require("@/static/image/girl.png");
-				const {data: res} = await uni.$http.get("/api/friend/find/"+info.sendId);
+			async getFriend(id){
+				var name="匿名",img=require("@/static/image/girl.png");
+				const {data: res} = await uni.$http.get("/api/friend/find/"+id);
 				if(res.data){
-					var data=res.data;
-					name=data.nickName?data.nickName:"匿名";
-					img=data.headImage?data.headImage:require("@/static/image/girl.png");
-					var idx=this.ifadd(info.id);
-					if(!idx){
-						this.grouplist.push(info);
-						this.$forceUpdate();
-					}
-					else{
-						this.grouplist[idx-1].content=info.content;
-						this.grouplist[idx-1].datetime=info.datetime;
-						this.grouplist[idx-1].fromuser=info.fromuser;
-						this.grouplist[idx-1].type=info.type;
-						this.$forceUpdate();
-					}
-					// 重新排序 保存缓存
-					this.reorder();
-					myCache("chatlist-"+this.userid,this.grouplist);
-					// 聊天框消息缓存
-					var msgchat=myCache(info.id);
-					if(!msgchat){
-						// 第一条聊天记录保存缓存
-						let firstmsg = [{
-							"fromname": name, // 发送人
-							"fromuser": info.fromuser, // 发送人
-							"headimg": img, // 发送人
-							"toname": this.userName, // 接收人
-							"touser": this.userid, // 接收人姓名
-							"content": info.content,
-							"time": info.type==3?5:0,
-							"ifaudio":info.type==3? true:false,
-							"fromtime": info.datetime,
-							"type": info.type==0?'txt':(info.type==1?'image':info.type==3?'audio':(info.type==4?'video':'product')),
-							"id": info.id,
-							"minId": info.minId,
-							"sendId": info.sendId,
-							"send": info.type==6?await this.getProduct(info.content):(info.type==5?await this.getOrder(info.content):null)
-						}];
-						console.log("firstmsg",firstmsg)
-						myCache(info.id,firstmsg);
-					}
-					else{
-						// 聊天框信息 保存缓存
-						let firstmsg = {
-							"fromname": name, // 发送人
-							"fromuser": info.fromuser, // 发送人
-							"headimg": img, // 发送人
-							"toname": this.userName, // 接收人
-							"touser": this.userid, // 接收人姓名
-							"content": info.content,
-							"time": info.type==3?5:0,
-							"ifaudio":info.type==3? true:false,
-							"fromtime": info.datetime,
-							"type": info.type==0?'txt':(info.type==1?'image':info.type==3?'audio':(info.type==4?'video':'product')),
-							"id": info.id,
-							"minId": info.minId,
-							"sendId": info.sendId,
-							"send": info.type==6?await this.getProduct(info.content):(info.type==5?await this.getOrder(info.content):null)
-						};
-						msgchat.push(firstmsg);
-						myCache(info.id,msgchat);
-					}
+					name=res.data.nickName?res.data.nickName:"匿名";
+					img=res.data.headImage?res.data.headImage:require("@/static/image/girl.png");
+				}
+				return {
+					name:name,
+					img:img
+				};
+			},
+			async updateChatGroupList(info){
+				// 获取发送人的信息
+				var name= "匿名",img= require("@/static/image/girl.png");
+				var idx=this.ifadd(info.id);
+				if(idx<0){
+					name=info[info.sendId]?info[info.sendId].name:"匿名";
+					img=info[info.sendId]?info[info.sendId].img:require("@/static/image/girl.png");
+					// 新增一条
+					this.grouplist.push(info);
+					this.$forceUpdate();
 				}
 				else{
-					name="匿名";
-					img="../../static/image/girl.png";
-					var idx=this.ifadd(info.id);
-					if(!idx){
-						this.grouplist.push(info);
-						this.$forceUpdate();
-					}
-					else{
-						this.grouplist[idx-1].content=info.content;
-						this.grouplist[idx-1].datetime=info.datetime;
-						this.grouplist[idx-1].fromuser=info.fromuser;
-						this.grouplist[idx-1].type=info.type;
-						this.$forceUpdate();
-					}
-					// 重新排序
-					this.reorder();
-					myCache("chatlist-"+this.userid,this.grouplist);
-					var msgchat=myCache(info.id);
-					if(!msgchat){
-						// 第一条聊天记录保存缓存
-						let firstmsg = [{
-							"fromname":  name, // 发送人
-							"fromuser": info.fromuser, // 发送人
-							"headimg": img, // 发送人
-							"toname": this.userName, // 接收人
-							"touser": this.userid, // 接收人姓名
-							"content": info.content,
-							"time": info.type==3?5:0,
-							"ifaudio":info.type==3? true:false,
-							"fromtime": info.datetime,
-							"type": info.type==0?'txt':(info.type==1?'image':info.type==3?'audio':(info.type==4?'video':'product')),
-							"id": info.id,
-							"minId": info.minId,
-							"sendId": info.sendId,
-							"send": info.type==6?await this.getProduct(info.content):(info.type==5?await this.getOrder(info.content):null)
-						}];
-						myCache(info.id,firstmsg);
-					}
-					else{
+					name=this.grouplist[idx][info.sendId].name?this.grouplist[idx][info.sendId].name:"匿名";
+					img=this.grouplist[idx][info.sendId].img?this.grouplist[idx][info.sendId].img:require("@/static/image/girl.png");
+					this.grouplist[idx].content=info.content;
+					this.grouplist[idx].datetime=info.datetime;
+					this.grouplist[idx].fromuser=info.fromuser;
+					this.grouplist[idx].type=info.type;
+					this.$forceUpdate();
+				}
+				// 重新排序 保存缓存
+				this.reorder();
+				myCache("chatlist-"+this.userid,this.grouplist);
+				// 未读消息数量获取
+				this.setmsgnum();
+				
+				// 聊天框消息缓存
+				var msgchat=myCache(info.id);
+				if(!msgchat){
+					// 第一条聊天记录保存缓存
+					let firstmsg = [{
+						"fromname": name, // 发送人
+						"fromuser": info.fromuser, // 发送人
+						"headimg": img, // 发送人
+						"toname": this.userName, // 接收人
+						"touser": this.userid, // 接收人姓名
+						"content": info.content,
+						"time": info.type==3?(info.time?info.time:5):0,
+						"ifaudio":info.type==3? true:false,
+						"fromtime": info.datetime,
+						"type": info.type==0?'txt':(info.type==1?'image':info.type==3?'audio':(info.type==4?'video':'product')),
+						"id": info.minId,
+						"minId": info.minId,
+						"sendId": info.sendId,
+						"send": info.type==6?await this.getProduct(info.content):(info.type==5?await this.getOrder(info.content):null)
+					}];
+					myCache(info.id,firstmsg);
+				}
+				else{
+					// 是否已经加入到聊天记录中
+					if(this.ifchatadd(info.id,info.minId)){
 						// 聊天框信息 保存缓存
 						let firstmsg = {
-							"fromname":  name, // 发送人
+							"fromname": name, // 发送人
 							"fromuser": info.fromuser, // 发送人
 							"headimg": img, // 发送人
 							"toname": this.userName, // 接收人
 							"touser": this.userid, // 接收人姓名
 							"content": info.content,
-							"time": info.type==3?5:0,
+							"time": info.type==3?(info.time?info.time:5):0,
 							"ifaudio":info.type==3? true:false,
 							"fromtime": info.datetime,
 							"type": info.type==0?'txt':(info.type==1?'image':info.type==3?'audio':(info.type==4?'video':'product')),
-							"id": info.id,
+							"id": info.minId,
 							"minId": info.minId,
 							"sendId": info.sendId,
 							"send": info.type==6?await this.getProduct(info.content):(info.type==5?await this.getOrder(info.content):null)
@@ -779,133 +801,75 @@
 						msgchat.push(firstmsg);
 						myCache(info.id,msgchat);
 					}
+					
 				}
 			},
 			async updateChatList(info){
-				const {data: res} = await uni.$http.get("/api/friend/find/"+info.fromuser);
-				if(res.data){
-					var data=res.data;
-					info.name=data.nickName?data.nickName:"匿名";
-					info.img=data.headImage?data.headImage:require("@/static/image/girl.png");
-					var idx=this.ifadd(info.id);
-					if(!idx){
-						this.grouplist.push(info);
-						this.$forceUpdate();
-					}
-					else{
-						// this.grouplist[idx-1].sl=(this.grouplist[idx-1].sl?this.grouplist[idx-1].sl+1:1);
-						this.grouplist[idx-1].content=info.content;
-						this.grouplist[idx-1].datetime=info.datetime;
-						this.grouplist[idx-1].fromuser=info.fromuser;
-						this.grouplist[idx-1].type=info.type;
-						this.$forceUpdate();
-					}
-					// 重新排序 保存缓存
-					this.reorder();
-					myCache("chatlist-"+this.userid,this.grouplist);
-					// 聊天框消息缓存
-					var msgchat=myCache(info.id);
-					if(!msgchat){
-						// 第一条聊天记录保存缓存
-						let firstmsg = [{
-							"fromname": info.name, // 发送人
-							"fromuser": info.fromuser, // 发送人
-							"headimg": info.img, // 发送人
-							"toname": this.userName, // 接收人
-							"touser": this.userid, // 接收人姓名
-							"content": info.content,
-							"time": info.type==3?5:0,
-							"ifaudio":info.type==3? true:false,
-							"fromtime": info.datetime,
-							"type": info.type==0?'txt':(info.type==1?'image':info.type==3?'audio':(info.type==4?'video':'product')),
-							"id": info.id,
-							"minId": info.minId,
-							"recvId": info.recvId,
-							"sendId": info.sendId,
-							"send": info.type==6?await this.getProduct(info.content):(info.type==5?await this.getOrder(info.content):null)
-						}];
-						myCache(info.id,firstmsg);
-					}
-					else{
-						// 聊天框信息 保存缓存
-						let firstmsg = {
-							"fromname": info.name, // 发送人
-							"fromuser": info.fromuser, // 发送人
-							"headimg": info.img, // 发送人
-							"toname": this.userName, // 接收人
-							"touser": this.userid, // 接收人姓名
-							"content": info.content,
-							"time": info.type==3?5:0,
-							"ifaudio":info.type==3? true:false,
-							"fromtime": info.datetime,
-							"type": info.type==0?'txt':(info.type==1?'image':info.type==3?'audio':(info.type==4?'video':'product')),
-							"id": info.id,
-							"minId": info.minId,
-							"recvId": info.recvId,
-							"sendId": info.sendId,
-							"send": info.type==6?await this.getProduct(info.content):(info.type==5?await this.getOrder(info.content):null)
-						};
-						msgchat.push(firstmsg);
-						myCache(info.id,msgchat);
-					}
+				var name= "匿名",img= require("@/static/image/girl.png");
+				// 此消息是否已经存在列表中
+				var idx=this.ifadd(info.id);
+				if(idx<0){
+					// 获取发送人的信息
+					name=info[info.fromuser]?info[info.fromuser].name:"匿名";
+					img=info[info.fromuser]?info[info.fromuser].img:require("@/static/image/girl.png");
+					info.img=img;
+					info.name=name;
+					this.grouplist.push(info);
+					this.$forceUpdate();
 				}
 				else{
-					info.name="匿名";
-					info.img="../../static/image/girl.png";
-					var idx=this.ifadd(info.id);
-					if(!idx){
-						this.grouplist.push(info);
-						this.$forceUpdate();
-					}
-					else{
-						// this.grouplist[idx-1].sl=(this.grouplist[idx-1].sl?this.grouplist[idx-1].sl+1:1);
-						this.grouplist[idx-1].content=info.content;
-						this.grouplist[idx-1].datetime=info.datetime;
-						this.grouplist[idx-1].fromuser=info.fromuser;
-						this.grouplist[idx-1].type=info.type;
-						this.$forceUpdate();
-					}
-					// 重新排序
-					this.reorder();
-					myCache("chatlist-"+this.userid,this.grouplist);
-					
-					var msgchat=myCache(info.id);
-					console.log(info.id,msgchat);
-					if(!msgchat){
-						// 第一条聊天记录保存缓存
-						let firstmsg = [{
-							"fromname": info.name, // 发送人
-							"fromuser": info.fromuser, // 发送人
-							"headimg": info.img, // 发送人
-							"toname": this.userName, // 接收人
-							"touser": this.userid, // 接收人姓名
-							"content": info.content,
-							"time": info.type==3?5:0,
-							"ifaudio":info.type==3? true:false,
-							"fromtime": info.datetime,
-							"type": info.type==0?'txt':(info.type==1?'image':info.type==3?'audio':(info.type==4?'video':'product')),
-							"id": info.id,
-							"minId": info.minId,
-							"recvId": info.recvId,
-							"sendId": info.sendId,
-							"send": info.type==6?await this.getProduct(info.content):(info.type==5?await this.getOrder(info.content):null)
-						}];
-						myCache(info.id,firstmsg);
-					}
-					else{
+					name=this.grouplist[idx].name?this.grouplist[idx].name:"匿名";
+					img=this.grouplist[idx].img?this.grouplist[idx].img:require("@/static/image/girl.png");
+					this.grouplist[idx].content=info.content;
+					this.grouplist[idx].datetime=info.datetime;
+					this.grouplist[idx].fromuser=info.fromuser;
+					this.grouplist[idx].type=info.type;
+					this.$forceUpdate();
+				}
+				// 重新排序 保存缓存
+				this.reorder();
+				myCache("chatlist-"+this.userid,this.grouplist);
+				// 未读消息数量获取
+				this.setmsgnum();
+				
+				// 聊天框消息缓存
+				var msgchat=myCache(info.id);
+				if(!msgchat){
+					// 第一条聊天记录保存缓存
+					let firstmsg = [{
+						"fromname": name, // 发送人
+						"fromuser": info.fromuser, // 发送人
+						"headimg": img, // 发送人
+						"toname": this.userName, // 接收人
+						"touser": this.userid, // 接收人姓名
+						"content": info.content,
+						"time": info.type==3?(info.time?info.time:5):0,
+						"ifaudio":info.type==3? true:false,
+						"fromtime": info.datetime,
+						"type": info.type==0?'txt':(info.type==1?'image':info.type==3?'audio':(info.type==4?'video':'product')),
+						"id": info.minId,
+						"minId": info.minId,
+						"recvId": info.recvId,
+						"sendId": info.sendId,
+						"send": info.type==6?await this.getProduct(info.content):(info.type==5?await this.getOrder(info.content):null)
+					}];
+					myCache(info.id,firstmsg);
+				}
+				else{
+					if(this.ifchatadd(info.id,info.minId)){
 						// 聊天框信息 保存缓存
 						let firstmsg = {
-							"fromname": info.name, // 发送人
+							"fromname": name, // 发送人
 							"fromuser": info.fromuser, // 发送人
-							"headimg": info.img, // 发送人
+							"headimg": img, // 发送人
 							"toname": this.userName, // 接收人
 							"touser": this.userid, // 接收人姓名
 							"content": info.content,
-							"time": info.type==3?5:0,
+							"time": info.type==3?(info.time?info.time:5):0,
 							"ifaudio":info.type==3? true:false,
 							"fromtime": info.datetime,
 							"type": info.type==0?'txt':(info.type==1?'image':info.type==3?'audio':(info.type==4?'video':'product')),
-							"id": info.id,
+							"id": info.minId,
 							"minId": info.minId,
 							"recvId": info.recvId,
 							"sendId": info.sendId,
@@ -915,6 +879,18 @@
 						myCache(info.id,msgchat);
 					}
 				}
+				
+			},
+			// 消息是否存在列表中
+			ifchatadd(id,msgid){
+				var ret=true;
+				var msgchat=myCache(id);
+				msgchat.forEach((cell)=>{
+					if(cell.id==msgid){
+						ret=false;
+					}
+				});
+				return ret;
 			},
 			async getProduct(id){
 				console.log("getProduct",id)
@@ -1020,7 +996,7 @@
 		background: #fff;
 		margin: 0;
 		width: 100%;
-		min-width: 600rpx;
+		min-width: 750rpx;
 		.lcon{
 			border-bottom: 1rpx solid #eee;
 			padding-top: 20rpx;
@@ -1030,6 +1006,7 @@
 			flex-direction: row;
 			align-items: center;
 			width: 100%;
+			min-width: 750rpx;
 			.limg{
 				width: 100rpx;
 				height: 100rpx;
diff --git a/pages/message/group2.vue b/pages/message/group2.vue
new file mode 100644
index 0000000..af2493c
--- /dev/null
+++ b/pages/message/group2.vue
@@ -0,0 +1,1157 @@
+<template>
+	<view class="page">
+		
+		<view class="page-header" :style="{ paddingTop: geStatusBarHeight()+ 8 + 'px'}">
+		    <view class="text-center">消息</view>
+			<uni-icons type="staff-filled" size="30" color="#ffffff" @click="$u.throttle(gotoContacts(), 2000)"></uni-icons>
+		</view>
+		
+		<view class="wrapcon">
+			
+			<!-- 列表 --> 
+			<view v-if="grouplist.length==0 && loadStatus=='nomore'" class="nodata">暂无消息~</view>
+			
+			<view class="listcell">
+				<u-swipe-action ref="swipeRef" :options="options" v-for="(info, index) in grouplist" :key="info.id" style="min-width: 600rpx;"
+				@click="$u.throttle(actionClick(info,index), 2000)"> 
+					<view class="lcon"  @click="gotoGroup(info,index)" :key="index" @longpress="handleLongPress(info,index)">
+						<view class="limg">
+							<image class="img" :src="info.img" mode="aspectFill"></image>
+						</view>
+						<view class="lright">
+							<view class="lrow">
+								<view class="pname">{{info.name}}</view>
+								<view class="ptime"> {{ changeTime(info.datetime)}}</view>
+							</view>
+							<view class="lrow">
+								<view class="pnr">
+									{{ info.type==0?info.content:(info.type==1?"图片":(info.type==2?"文件":(info.type==3?"语音":(info.type==4?"视频":
+									(info.type==5?"订单咨询":(info.type==6?"商品咨询":info.content))))))}} 
+								</view>
+								<view class="lnum" v-if="info.sl>0">
+									{{ info.sl}}
+								</view>
+							</view>
+						</view>
+					</view>
+				</u-swipe-action>
+				 
+			
+			</view>
+			
+			<u-loadmore v-if="grouplist.length==0 && loadStatus=='loading'" :status="loadStatus" :marginTop="20"></u-loadmore>
+			
+		</view>
+		
+		<!-- 提示信息弹窗 -->
+		<uni-popup ref="message" type="message">
+			<uni-popup-message :type="msgType" :message="messageText" :duration="2000"></uni-popup-message>
+		</uni-popup>
+		
+	</view>
+</template>
+
+<script>
+	import { myCache } from '../../utils/utils.js';
+	import dateTime from '@/common/dateTime.js';
+	export default {
+		data() {
+			return {
+				openId:"",
+				phone:"",
+				userid:"",
+				userName:"",
+				userheadimg:"",
+				messageText:'', //错误提示框
+				msgType :'error',
+				loadStatus:'loadmore',
+				options: [
+				    {
+				        text: '删除',
+				        style: {
+				            backgroundColor: '#ed2a28'
+				        }
+				    }
+				], // u-swipe-action样式
+				imgurl:uni.$http.baseUrl,
+				grouplist:[],
+				socketTask: null,
+				isConnected: false, // WebSocket连接状态 
+				socketmsg:[],//接收信息
+				heartbeatInterval: null, // 心跳包20秒连接一次
+				heartbeatTimeout: 20000, // 心跳间隔时间，例如每20秒发送一次
+			}
+		},
+		onLoad(options) {
+		},
+		onShow(){
+			this.openId = myCache('openId');
+			var user = myCache('user');
+			this.userid = user.userid? user.userid:'';
+			this.userName=user.nickName?user.nickName:"";
+			this.userheadimg=user.avatar?user.avatar:require("@/static/image/girl.png");
+			this.phone = user.userphone;
+			// 如果心跳包在发送，先停止，再启动
+			if(this.heartbeatInterval){
+				clearInterval(this.heartbeatInterval); // 停止心跳包发送
+			}
+			// 从缓存聊天群里获取聊天群列表
+			this.loadData();
+		},
+		onPullDownRefresh() {
+			console.log('onPullDownRefresh');
+			setTimeout(()=>{
+				uni.stopPullDownRefresh()
+			},500);
+		},
+		// onBackPress(options) {
+		// 	if (options.from === 'backbutton') {
+		//       // 来自顶部菜单的返回按钮
+		//       // 在这里处理你的逻辑
+		//       console.log('返回按钮被点击');
+		// 	  // this.closeWebSocket();
+		//    //    uni.onSocketClose(function (res) {
+		//    //      console.log('WebSocket 已关闭！');
+		//    //    });
+		// 	  return false;
+		//     }
+		// },
+		// beforeDestroy() {
+		// 	// console.log('界面关闭socket，beforeDestroy');
+		//     // 在组件销毁前，确保关闭 WebSocket 连接
+		// 	// this.closeWebSocket();
+		// 	// clearInterval(this.heartbeatInterval); // 停止心跳包发送
+		// },
+		// beforeRouteLeave(to, from, next) {
+		// 	console.log('界面关闭socket，beforeRouteLeave');
+		//     next();
+		// },
+		methods: {
+			handleLongPress(info,index) {
+				console.log(index); 
+				this.$refs.swipeRef[index].open();
+			},
+			// 删除
+			actionClick(info,index) {
+				console.log(info,index); 
+				var that=this;
+				uni.showModal({
+					title: '提示',
+					content: "确定要删除此聊天记录吗？",
+					cancelText: '取消',
+					confirmText: '确定',
+					success: ress => {
+						if (ress.confirm) {
+							that.$refs.swipeRef[index].close();
+							myCache(info.id,"");
+							that.grouplist.splice(index, 1);
+							that.$forceUpdate();
+							myCache("chatlist-"+this.userid,that.grouplist);
+						}
+					}
+				}); 
+			},
+			// 定时心跳包
+			startHeartbeat() {
+				console.log("startHeartbeat")
+				this.heartbeatInterval = setInterval(() => {
+				  if (this.socketTask) {
+				    this.socketTask.send({
+				      data: JSON.stringify({ 
+						  'cmd': 1,//心跳
+						  'data': {
+							  'accessToken':uni.getStorageSync("token")
+						  },
+						  }) // 发送心跳包数据
+				    });
+				  }
+				}, this.heartbeatTimeout);
+			},
+			// ws接收消息
+			socketinit(){
+				var that = this;
+				that.socketTask=uni.connectSocket({
+					url: "wss://www.sanduolantoyoga.com/yoga-imserver/",
+					header: {
+						// 'content-type': 'application/json',
+						Authorization: uni.getStorageSync("token"),
+					},
+					success: (res) => {
+					  console.log(res, 'socket连接成功success');
+					},
+					fail: (res) => {
+					  console.log(res, 'socket连接失败')
+					},
+					complete: (res) => {
+						console.log(res,'socket连接成功complete');
+					}
+				});
+				
+				uni.onSocketOpen(resopen => {
+					console.log('WebSocket连接已打开！');
+					that.isConnected = true;
+					that.$forceUpdate();
+					uni.sendSocketMessage({
+						data: JSON.stringify({
+							"cmd": 0,//心跳
+							"data": {
+								"accessToken":uni.getStorageSync("token"),
+							},
+						}),  // 发送心跳包数据 // 发送的消息内容
+						success(re) {
+							console.log(re);
+							console.log('消息发送成功！')
+						},
+						fail(err) {
+							console.log(err);
+							console.log('消息发送失败！')
+						}
+					});
+					
+					// 定时发送心跳包
+					this.startHeartbeat();
+					
+					// 拉取离线消息
+					this.grouplist.forEach((cell,i)=>{
+						if(cell.minId){
+							// 通过某个会话中已读消息的最大id 获取离线消息
+							this.pullMessage(i,cell);
+						}
+					});
+					
+					// 已经删除的有最大id的继续拉取是否有消息
+					var data= myCache("privateMsgMaxId")?myCache("privateMsgMaxId"):[{id:0,minId:0}];
+					data.forEach((cell)=>{
+						console.log("privateMsgMaxId")
+						var ifcz=false;
+						this.grouplist.forEach((item)=>{
+							if(cell.id==item.id){
+								// 已经存在列表了，不用拉取离线信息
+								ifcz=true;
+							}
+						});
+						if(!ifcz){
+							// 拉取离线信息
+							this.getList(cell);
+						}
+					});
+					
+					var data= myCache("groupMsgMaxId")?myCache("groupMsgMaxId"):[{id:0,minId:0}];
+					data.forEach((cell)=>{
+						var ifcz=false;
+						this.grouplist.forEach((item)=>{
+							if(cell.id==item.id){
+								// 已经存在列表了，不用拉取离线信息
+								ifcz=true;
+							}
+						});
+						if(!ifcz){
+							// 拉取离线信息
+							this.getGroupList(cell);
+						}
+					});
+					
+				});
+				
+				uni.onSocketMessage(res => {
+					console.log('收到WebSocket服务器消息：');
+					if(res.data){
+						var rs=JSON.parse(res.data);
+						console.log(rs);
+						if(rs.cmd==3){
+							// 私聊
+							if(rs.data){
+								var data=rs.data;
+								if(data.recvId&&(data.recvId).toString()==(that.userid).toString()){
+									// 是这个用户的接收的私聊信息
+									// 加入聊天记录
+									// 消息类型 0:文字 1:图片 2:文件 3:语音 4:视频 10, "撤回" 11, "已读 "12, "消息已读回执 " 30,"加载中标记"
+									if(data.type==0){
+										data.content=decodeURIComponent(data.content); 
+									}
+									if(data.type==0||data.type==1||data.type==2||data.type==3||data.type==4||data.type==5||data.type==6){
+										var ifexist=0,chatinfo=null;
+										that.grouplist.forEach((cell,index)=>{
+											if(cell.fromuser==data.sendId&&cell.userid==data.recvId&&cell.sort=="privatechat"){
+												ifexist=1;
+												that.grouplist[index].sl=(that.grouplist[index].sl?that.grouplist[index].sl+1:1);
+												that.grouplist[index].content=data.content;
+												that.grouplist[index].datetime=data.sendTime;
+												that.grouplist[index].type=data.type;
+												that.$forceUpdate();
+												chatinfo= JSON.parse(JSON.stringify(that.grouplist[index]))  ;
+												console.log(chatinfo)
+											}
+										});
+										if(ifexist==0){
+											// 未保存缓存
+											// 接收到socket后更新聊天列表记录
+											var chatlastinfo={
+												id: "privatechat-" + data.recvId +"-" + data.sendId,
+												content: data.content,
+												minId: data.id,
+												sl:1,
+												datetime: data.sendTime,
+												type: data.type,
+												name: "",
+												userid: data.recvId,
+												fromuser: data.sendId,
+												img: "",
+												sort:"privatechat"
+											};
+											that.updateChatList(chatlastinfo);
+										}
+										else{
+											that.updateChatList(chatinfo);
+										}
+									}
+									else{
+										// 10, "撤回" 11, "已读 " 12, "消息已读回执 " 30,"加载中标记"
+										
+									}
+								}
+							}
+						}
+						else if(rs.cmd==4){
+							// 群聊
+							if(rs.data){
+								var data=rs.data;
+								if(data.atUserIds&&data.atUserIds.includes(that.userid)){
+									// 是这个用户的接收的群聊信息
+									// 加入聊天记录
+									// 消息类型 0:文字 1:图片 2:文件 3:语音 4:视频 10, "撤回" 11, "已读 "12, "消息已读回执 " 30,"加载中标记"
+									if(data.type==0){
+										data.content=decodeURIComponent(data.content); 
+									}
+									if(data.type==0||data.type==1||data.type==2||data.type==3||data.type==4||data.type==5||data.type==6){
+										var ifexist=0,idx=null;
+										that.grouplist.forEach((cell,index)=>{
+											if(cell.groupId==data.groupId&&cell.sort=="groupchat"){
+												ifexist=1;
+												idx=index;
+												that.grouplist[index].sl=(that.grouplist[index].sl?that.grouplist[index].sl+1:1);
+												that.grouplist[index].content=data.content;
+												that.grouplist[index].datetime=data.sendTime;
+												that.grouplist[index].fromuser=data.sendId;
+												that.grouplist[index].type=data.type;
+												that.$forceUpdate();
+											}
+										});
+										
+										if(ifexist==0){
+											// 未保存缓存
+											// 接收到socket后更新聊天列表记录
+											var chatlastinfo={
+												id: "groupchat-" + data.groupId,
+												groupId:data.groupId,
+												content: data.content,
+												minId: data.id,
+												sl:1,
+												datetime: data.sendTime,
+												type: data.type,
+												name: "",
+												userid: this.userid,
+												fromuser: data.sendId,
+												img: "",
+												sendId: data.sendId,
+												sendNickName: data.sendNickName,
+												sort:"groupchat"
+											};
+											that.getGroupInfo(chatlastinfo);
+										}
+										else{
+											that.getGroupInfo(that.grouplist[idx]);
+										}
+									}
+									else{
+										// 10, "撤回" 11, "已读 " 12, "消息已读回执 " 30,"加载中标记"
+										
+									}
+								}
+							}
+						}
+					}
+				});
+				
+				// 连接关闭后重新连接
+				uni.onSocketClose(res => {
+					console.log('WebSocket连接已关闭！',res);
+					this.isConnected = false;
+					this.$forceUpdate();
+					clearInterval(this.heartbeatInterval); // 停止心跳包发送
+					// 重新连接socket
+					// this.socketinit();
+				});
+				// 连接失败后重新连接
+				uni.onSocketError(err => {
+					console.error('WebSocket连接打开失败，请检查：', err);
+					that.isConnected = false;
+					that.$forceUpdate();
+					clearInterval(that.heartbeatInterval); // 停止心跳包发送
+					// 重新连接socket
+					// this.socketinit();
+				});
+			},
+			// 关闭WebSocket连接  
+			closeWebSocket() {
+				uni.closeSocket();
+				this.isConnected = false;
+				this.$forceUpdate()
+			},
+			// 消息是否存在列表中
+			ifadd(id){
+				var ret=0;
+				this.grouplist.forEach((cell,ii)=>{
+					if(cell.id==id){
+						ret=ii+1;
+					}
+				});
+				return ret;
+			},
+			gotoContacts(){
+				uni.navigateTo({
+					url: `/pages/message/contact`
+				});
+			},
+			changeTime(date) {
+				return dateTime.dateTime(date);
+			},
+			gotoGroup(chat,index){
+				// 当前消息未读数据消除
+				this.grouplist[index]["sl"]=0;
+				this.$forceUpdate();
+				myCache("chatlist-"+this.userid,this.grouplist);
+				// 去聊天室
+				if(chat.sort=="privatechat"){
+					// 私聊
+					var info={
+						chatId: chat.id,
+						chatName: chat.name,
+						chatAvatar: chat.img,
+						chatTime: chat.datetime,
+						friendId: chat.fromuser,
+						minId: chat.minId,
+						sort:"privatechat",
+						from:"message" // yh 用户咨询进入聊天框，message 从消息进入聊天框
+					}
+					var data=encodeURIComponent(JSON.stringify(info));
+					uni.navigateTo({
+						url: `/pages/chat/chat?data=${data}`
+					});
+				}
+				else if(chat.sort=="groupchat"){
+					// 群聊
+					var info={
+						chatId: chat.id,
+						groupId: chat.groupId,
+						chatName: chat.name,
+						chatAvatar: chat.img,
+						chatTime: chat.datetime,
+						friendId: chat.fromuser,
+						teacherId: chat.instructor?chat.instructor:chat.teacherId,
+						minId: chat.minId,
+						sort:"groupchat", // privatechat 私聊  groupchat 群聊
+						from:"message", // yh 用户咨询进入聊天框，message 从消息进入聊天框
+						notice: chat.notice, 
+						remarkNickName: chat.remarkNickName, 
+						showNickName: chat.showNickName, 
+						showGroupName: chat.showGroupName, 
+						remarkGroupName: chat.remarkGroupName, 
+						reason: chat.reason, 
+						customerService: chat.customerService, 
+						instructor: chat.instructor, 
+						productId: chat.productId, 
+						productName: chat.productName
+					}
+					var data=encodeURIComponent(JSON.stringify(info));
+					console.log(data);
+					uni.navigateTo({
+						url: `/pages/chat/groupchat?data=${data}`
+					});
+				}
+			},
+			loadData(){
+				// 信息列表加载
+				this.loadStatus="loading";
+				setTimeout(() => {
+					this.getgroupsmembers();
+				}, 300);
+			},
+			// 获取群聊列表
+			async getgroupsmembers(){
+				// 获取聊天群列表
+				this.grouplist=myCache("chatlist-"+this.userid)?myCache("chatlist-"+this.userid):[];
+				this.loadStatus="nomore";
+				this.$forceUpdate();
+				// 按照时间排序
+				var that=this;
+				setTimeout(() => {
+					that.reorder();
+					myCache("chatlist-"+this.userid,that.grouplist);
+				}, 300);
+				 
+				// socket接收实时消息
+				this.socketinit();
+			},
+			// 重新排序
+			reorder(){
+				this.grouplist.sort((a, b) => b.datetime - a.datetime);
+				this.$forceUpdate();
+			},
+			// 拉取离线信息
+			async pullMessage(i,item) {
+				if(item.sort=="groupchat"){
+					this.getgroupsnums(i,item);
+				}
+				else{
+					this.getgroupsnums(i,item);
+				}
+			},
+			// 拉取离线消息
+			async getGroupList(item) {
+				// 判断当前 minId 是不是列表中已经存在了，是不再拉取，不是继续拉取
+				var that=this;
+				const {data: res} = await uni.$http.get('/api/message/group/pullOfflineMessage',{minId: item.minId});
+				if(res.data&&res.data.length>0){
+					res.data.forEach((cell,index)=>{
+						// 获取消息后对消息进行缓存处理
+						var chatlastinfo={
+							id: "groupchat-" + cell.groupId,
+							groupId:cell.groupId,
+							content: cell.content,
+							minId: cell.id,
+							sl: index+1,
+							datetime: cell.sendTime,
+							type: cell.type,
+							name: "",
+							userid: this.userid,
+							fromuser: cell.sendId,
+							img: "",
+							sendId: cell.sendId,
+							sendNickName: cell.sendNickName,
+							sort:"groupchat"
+						};
+						this.getGroupInfo(chatlastinfo,index);
+					});
+				}
+			},
+			// 拉取离线消息
+			async getList(item) {
+				// 判断当前 minId 是不是列表中已经存在了，是不再拉取，不是继续拉取
+				var that=this;
+				const {data: res} = await uni.$http.get('/api/message/private/pullOfflineMessage',{minId: item.minId});
+				if(res.data&&res.data.length>0){
+					res.data.forEach((cell,index)=>{
+						// 获取消息后对消息进行缓存处理
+						var chatlastinfo={
+							id: "privatechat-" + cell.recvId +"-" + cell.sendId,
+							content: cell.content,
+							minId: cell.id,
+							sl:index+1,
+							datetime: cell.sendTime,
+							type: cell.type,
+							name: "",
+							userid: cell.recvId,
+							fromuser: cell.sendId,
+							img: "",
+							sort:"privatechat"
+						};
+						this.updateChatList(chatlastinfo,index);
+					});
+				}
+			},
+			ifprivateMsgMaxId(item){
+				var ret=true;
+				// 判断当前 minId 是不是列表中已经存在了，是不再拉取，不是继续拉取
+				var data= myCache("privateMsgMaxId")?myCache("privateMsgMaxId"):[];
+				data.forEach((cell)=>{
+					if(cell.id==item.id&&parseInt(item.minId)>=parseInt(cell.minId)){
+						ret=false;
+					}
+				});
+				return ret;
+			},
+			ifgroupMsgMaxId(item){
+				console.log("ifgroupMsgMaxId")
+				var ret=true;
+				// 判断当前 minId 是不是列表中已经存在了，是不再拉取，不是继续拉取
+				var data= myCache("groupMsgMaxId")?myCache("groupMsgMaxId"):[];
+				data.forEach((cell)=>{
+					if(cell.id==item.id&&parseInt(item.minId)>=parseInt(cell.minId)){
+						ret=false;
+					}
+				});
+				return ret;
+			},
+			// 获取群聊中离线信息
+			async getgroupsnums(i,item){
+				if(item.sort=="groupchat"){
+					// 判断当前 minId 是不是列表中已经存在了，是不再拉取，不是继续拉取
+					// if(this.ifgroupMsgMaxId(item)){
+						// 群聊
+						const {data: res} = await uni.$http.get("/api/message/group/pullOfflineMessage",{minId:item.minId});
+						if(res.data&&res.data.length>0){
+							// 获取消息后对消息进行缓存处理
+							var data=res.data;
+							// 获取离线消息数量返回
+							this.grouplist[i]["sl"]=res.data.length;
+							var last=res.data[res.data.length-1];
+							if(last.type==0){
+								last.content=decodeURIComponent(last.content);
+							}
+							if(last.type==0||last.type==1||last.type==2||last.type==3||last.type==4||data.type==5||data.type==6){
+								this.grouplist[i].content=last.content;
+								this.grouplist[i].type=last.type;
+								this.grouplist[i].datetime=last.datetime;
+								this.$forceUpdate();
+								// 重新排序
+								this.reorder();
+								myCache("chatlist-"+this.userid,this.grouplist);
+							}
+						}
+					// }
+				}
+				else{
+					// 判断当前 minId 是不是列表中已经存在了，是不再拉取，不是继续拉取
+					// if(this.ifprivateMsgMaxId(item)){
+						// 私聊
+						const {data: res} = await uni.$http.get("/api/message/private/pullOfflineMessage",{minId:item.minId});
+						if(res.data&&res.data.length>0){
+							// 获取消息后对消息进行缓存处理
+							var data=res.data;
+							// 获取离线消息数量返回
+							this.grouplist[i]["sl"]=res.data.length;
+							var last=res.data[res.data.length-1];
+							if(last.type==0){
+								last.content=decodeURIComponent(last.content);
+							}
+							if(last.type==0||last.type==1||last.type==2||last.type==3||last.type==4||data.type==5||data.type==6){
+								this.grouplist[i].content=last.content;
+								this.grouplist[i].type=last.type;
+								this.grouplist[i].datetime=last.datetime;
+								this.$forceUpdate();
+								// 重新排序
+								this.reorder();
+								myCache("chatlist-"+this.userid,this.grouplist);
+							}
+						}
+					// }
+				}
+			},
+			// 获取群信息
+			async getGroupInfo(info) {
+				const {data: res} = await uni.$http.get('/api/group/find/'+info.groupId);
+				if(res.data){
+					var data = res.data;
+					info.name=data.name;
+					info.img=data.headImage||'/static/image/qltx.png';
+					info.notice=data.notice;
+					info.remarkNickName=data.remarkNickName;
+					info.showNickName=data.showNickName;
+					info.showGroupName=data.showGroupName;
+					info.remarkGroupName=data.remarkGroupName;
+					info.customerService=data.customerService;
+					info.instructor=data.instructor;
+					info.productId=data.productId;
+					info.productName=data.productName;
+					this.updateChatGroupList(info);
+				}
+			},
+			async updateChatGroupList(info){
+				var name=info.name,img=info.img||require("@/static/image/girl.png");
+				const {data: res} = await uni.$http.get("/api/friend/find/"+info.sendId);
+				if(res.data){
+					var data=res.data;
+					name=data.nickName?data.nickName:"匿名";
+					img=data.headImage?data.headImage:require("@/static/image/girl.png");
+					var idx=this.ifadd(info.id);
+					if(!idx){
+						this.grouplist.push(info);
+						this.$forceUpdate();
+					}
+					else{
+						this.grouplist[idx-1].content=info.content;
+						this.grouplist[idx-1].datetime=info.datetime;
+						this.grouplist[idx-1].fromuser=info.fromuser;
+						this.grouplist[idx-1].type=info.type;
+						this.$forceUpdate();
+					}
+					// 重新排序 保存缓存
+					this.reorder();
+					myCache("chatlist-"+this.userid,this.grouplist);
+					// 聊天框消息缓存
+					var msgchat=myCache(info.id);
+					if(!msgchat){
+						// 第一条聊天记录保存缓存
+						let firstmsg = [{
+							"fromname": name, // 发送人
+							"fromuser": info.fromuser, // 发送人
+							"headimg": img, // 发送人
+							"toname": this.userName, // 接收人
+							"touser": this.userid, // 接收人姓名
+							"content": info.content,
+							"time": info.type==3?5:0,
+							"ifaudio":info.type==3? true:false,
+							"fromtime": info.datetime,
+							"type": info.type==0?'txt':(info.type==1?'image':info.type==3?'audio':(info.type==4?'video':'product')),
+							"id": info.id,
+							"minId": info.minId,
+							"sendId": info.sendId,
+							"send": info.type==6?await this.getProduct(info.content):(info.type==5?await this.getOrder(info.content):null)
+						}];
+						console.log("firstmsg",firstmsg)
+						myCache(info.id,firstmsg);
+					}
+					else{
+						// 聊天框信息 保存缓存
+						let firstmsg = {
+							"fromname": name, // 发送人
+							"fromuser": info.fromuser, // 发送人
+							"headimg": img, // 发送人
+							"toname": this.userName, // 接收人
+							"touser": this.userid, // 接收人姓名
+							"content": info.content,
+							"time": info.type==3?5:0,
+							"ifaudio":info.type==3? true:false,
+							"fromtime": info.datetime,
+							"type": info.type==0?'txt':(info.type==1?'image':info.type==3?'audio':(info.type==4?'video':'product')),
+							"id": info.id,
+							"minId": info.minId,
+							"sendId": info.sendId,
+							"send": info.type==6?await this.getProduct(info.content):(info.type==5?await this.getOrder(info.content):null)
+						};
+						msgchat.push(firstmsg);
+						myCache(info.id,msgchat);
+					}
+				}
+				else{
+					name="匿名";
+					img="../../static/image/girl.png";
+					var idx=this.ifadd(info.id);
+					if(!idx){
+						this.grouplist.push(info);
+						this.$forceUpdate();
+					}
+					else{
+						this.grouplist[idx-1].content=info.content;
+						this.grouplist[idx-1].datetime=info.datetime;
+						this.grouplist[idx-1].fromuser=info.fromuser;
+						this.grouplist[idx-1].type=info.type;
+						this.$forceUpdate();
+					}
+					// 重新排序
+					this.reorder();
+					myCache("chatlist-"+this.userid,this.grouplist);
+					var msgchat=myCache(info.id);
+					if(!msgchat){
+						// 第一条聊天记录保存缓存
+						let firstmsg = [{
+							"fromname":  name, // 发送人
+							"fromuser": info.fromuser, // 发送人
+							"headimg": img, // 发送人
+							"toname": this.userName, // 接收人
+							"touser": this.userid, // 接收人姓名
+							"content": info.content,
+							"time": info.type==3?5:0,
+							"ifaudio":info.type==3? true:false,
+							"fromtime": info.datetime,
+							"type": info.type==0?'txt':(info.type==1?'image':info.type==3?'audio':(info.type==4?'video':'product')),
+							"id": info.id,
+							"minId": info.minId,
+							"sendId": info.sendId,
+							"send": info.type==6?await this.getProduct(info.content):(info.type==5?await this.getOrder(info.content):null)
+						}];
+						myCache(info.id,firstmsg);
+					}
+					else{
+						// 聊天框信息 保存缓存
+						let firstmsg = {
+							"fromname":  name, // 发送人
+							"fromuser": info.fromuser, // 发送人
+							"headimg": img, // 发送人
+							"toname": this.userName, // 接收人
+							"touser": this.userid, // 接收人姓名
+							"content": info.content,
+							"time": info.type==3?5:0,
+							"ifaudio":info.type==3? true:false,
+							"fromtime": info.datetime,
+							"type": info.type==0?'txt':(info.type==1?'image':info.type==3?'audio':(info.type==4?'video':'product')),
+							"id": info.id,
+							"minId": info.minId,
+							"sendId": info.sendId,
+							"send": info.type==6?await this.getProduct(info.content):(info.type==5?await this.getOrder(info.content):null)
+						};
+						msgchat.push(firstmsg);
+						myCache(info.id,msgchat);
+					}
+				}
+			},
+			async updateChatList(info){
+				const {data: res} = await uni.$http.get("/api/friend/find/"+info.fromuser);
+				if(res.data){
+					var data=res.data;
+					info.name=data.nickName?data.nickName:"匿名";
+					info.img=data.headImage?data.headImage:require("@/static/image/girl.png");
+					var idx=this.ifadd(info.id);
+					if(!idx){
+						this.grouplist.push(info);
+						this.$forceUpdate();
+					}
+					else{
+						// this.grouplist[idx-1].sl=(this.grouplist[idx-1].sl?this.grouplist[idx-1].sl+1:1);
+						this.grouplist[idx-1].content=info.content;
+						this.grouplist[idx-1].datetime=info.datetime;
+						this.grouplist[idx-1].fromuser=info.fromuser;
+						this.grouplist[idx-1].type=info.type;
+						this.$forceUpdate();
+					}
+					// 重新排序 保存缓存
+					this.reorder();
+					myCache("chatlist-"+this.userid,this.grouplist);
+					// 聊天框消息缓存
+					var msgchat=myCache(info.id);
+					if(!msgchat){
+						// 第一条聊天记录保存缓存
+						let firstmsg = [{
+							"fromname": info.name, // 发送人
+							"fromuser": info.fromuser, // 发送人
+							"headimg": info.img, // 发送人
+							"toname": this.userName, // 接收人
+							"touser": this.userid, // 接收人姓名
+							"content": info.content,
+							"time": info.type==3?5:0,
+							"ifaudio":info.type==3? true:false,
+							"fromtime": info.datetime,
+							"type": info.type==0?'txt':(info.type==1?'image':info.type==3?'audio':(info.type==4?'video':'product')),
+							"id": info.id,
+							"minId": info.minId,
+							"recvId": info.recvId,
+							"sendId": info.sendId,
+							"send": info.type==6?await this.getProduct(info.content):(info.type==5?await this.getOrder(info.content):null)
+						}];
+						myCache(info.id,firstmsg);
+					}
+					else{
+						// 聊天框信息 保存缓存
+						let firstmsg = {
+							"fromname": info.name, // 发送人
+							"fromuser": info.fromuser, // 发送人
+							"headimg": info.img, // 发送人
+							"toname": this.userName, // 接收人
+							"touser": this.userid, // 接收人姓名
+							"content": info.content,
+							"time": info.type==3?5:0,
+							"ifaudio":info.type==3? true:false,
+							"fromtime": info.datetime,
+							"type": info.type==0?'txt':(info.type==1?'image':info.type==3?'audio':(info.type==4?'video':'product')),
+							"id": info.id,
+							"minId": info.minId,
+							"recvId": info.recvId,
+							"sendId": info.sendId,
+							"send": info.type==6?await this.getProduct(info.content):(info.type==5?await this.getOrder(info.content):null)
+						};
+						msgchat.push(firstmsg);
+						myCache(info.id,msgchat);
+					}
+				}
+				else{
+					info.name="匿名";
+					info.img="../../static/image/girl.png";
+					var idx=this.ifadd(info.id);
+					if(!idx){
+						this.grouplist.push(info);
+						this.$forceUpdate();
+					}
+					else{
+						// this.grouplist[idx-1].sl=(this.grouplist[idx-1].sl?this.grouplist[idx-1].sl+1:1);
+						this.grouplist[idx-1].content=info.content;
+						this.grouplist[idx-1].datetime=info.datetime;
+						this.grouplist[idx-1].fromuser=info.fromuser;
+						this.grouplist[idx-1].type=info.type;
+						this.$forceUpdate();
+					}
+					// 重新排序
+					this.reorder();
+					myCache("chatlist-"+this.userid,this.grouplist);
+					
+					var msgchat=myCache(info.id);
+					console.log(info.id,msgchat);
+					if(!msgchat){
+						// 第一条聊天记录保存缓存
+						let firstmsg = [{
+							"fromname": info.name, // 发送人
+							"fromuser": info.fromuser, // 发送人
+							"headimg": info.img, // 发送人
+							"toname": this.userName, // 接收人
+							"touser": this.userid, // 接收人姓名
+							"content": info.content,
+							"time": info.type==3?5:0,
+							"ifaudio":info.type==3? true:false,
+							"fromtime": info.datetime,
+							"type": info.type==0?'txt':(info.type==1?'image':info.type==3?'audio':(info.type==4?'video':'product')),
+							"id": info.id,
+							"minId": info.minId,
+							"recvId": info.recvId,
+							"sendId": info.sendId,
+							"send": info.type==6?await this.getProduct(info.content):(info.type==5?await this.getOrder(info.content):null)
+						}];
+						myCache(info.id,firstmsg);
+					}
+					else{
+						// 聊天框信息 保存缓存
+						let firstmsg = {
+							"fromname": info.name, // 发送人
+							"fromuser": info.fromuser, // 发送人
+							"headimg": info.img, // 发送人
+							"toname": this.userName, // 接收人
+							"touser": this.userid, // 接收人姓名
+							"content": info.content,
+							"time": info.type==3?5:0,
+							"ifaudio":info.type==3? true:false,
+							"fromtime": info.datetime,
+							"type": info.type==0?'txt':(info.type==1?'image':info.type==3?'audio':(info.type==4?'video':'product')),
+							"id": info.id,
+							"minId": info.minId,
+							"recvId": info.recvId,
+							"sendId": info.sendId,
+							"send": info.type==6?await this.getProduct(info.content):(info.type==5?await this.getOrder(info.content):null)
+						};
+						msgchat.push(firstmsg);
+						myCache(info.id,msgchat);
+					}
+				}
+			},
+			async getProduct(id){
+				console.log("getProduct",id)
+				var rets=null;
+				const {data: res} = await uni.$http.post("/api/message/private/getProductForIm",{"productId":id});
+				if(res.data){
+					var data=res.data;
+					rets={
+						type:data.isCourse==0?1:2,// 1 商品，2 课程，3订单
+						id:data.id,
+						name:data.name,
+						pic:data.pic,
+						price:data.price,
+						unit: data.unit,
+						brandName:data.brandName,
+						isCourse:data.isCourse
+					}
+					console.log(rets)
+					return rets;
+				}
+				else{
+					return rets;
+				}
+			},
+			async getOrder(id){
+				var rets=null;
+				const {data: res} = await uni.$http.post("/api/message/private/getOrderForIm",{"orderItemId":id});
+				if(res.data){
+					var data=res.data;
+					rets={
+						type:3,// 1 商品，2 课程，3订单
+						id:data.id,
+						orderId:data.orderId,
+						name:data.productName,
+						pic:data.pic?data.pic:'/static/image/nopic.png',
+						price:data.totalAmount,
+						quantity:data.quantity,
+						spData: data.spData? JSON.parse(data.spData):null
+					}
+					return rets;
+				}
+				else{
+					return rets;
+				}
+			},
+			// 获取状态栏高度
+			geStatusBarHeight(){
+			    return uni.getSystemInfoSync()['statusBarHeight'];
+			},
+			// 获取导航栏高度
+			getNavBarHeight(){
+				return 45+uni.getSystemInfoSync()['statusBarHeight'];
+			},
+			
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.page{
+		padding: 0;
+		position: relative;
+		background-image: url('@/static/image/bg.jpg');
+		background-attachment: fixed;
+		background-size: cover;
+		background-position: center center;
+		min-height: calc(100vh - var(--window-top) - var(--window-bottom));
+	}
+	.page-header {
+		position: fixed;
+		width: 100%;
+		z-index: 999;
+	    padding: 40rpx 30rpx 30rpx 30rpx;
+	    display: flex;
+	    color: #fff;
+	    font-size: 36rpx;
+	    background-color: #00a89b;
+	    .text-center {
+	        width: 100%;
+	        text-align: center;
+	    }
+	    .edit {
+	        position: absolute;
+	        top: 50%;
+	        transform: translateY(-50%);
+	        right: 30rpx;
+	        font-size: 32rpx;
+	    }
+	}
+	.wrapcon{
+		padding: 0;
+		width: 100%;
+		position: relative;
+		margin: 180rpx 0 0 0;
+		min-height: calc(100vh - 180rpx);
+		/* #ifdef H5 */
+		margin: calc( 110rpx + var(--window-top)) 0 0 0;
+		min-height: calc(100vh - var(--window-top) - var(--window-bottom) - 180rpx);
+		/* #endif */
+		overflow-y: auto;
+	}
+	.listcell{
+		background: #fff;
+		margin: 0;
+		width: 100%;
+		min-width: 750rpx;
+		.lcon{
+			border-bottom: 1rpx solid #eee;
+			padding-top: 20rpx;
+			padding-bottom: 20rpx;
+			opacity: 1;
+			display: flex;
+			flex-direction: row;
+			align-items: center;
+			width: 100%;
+			min-width: 750rpx;
+			.limg{
+				width: 100rpx;
+				height: 100rpx;
+				margin-right: 20rpx;
+				margin-left: 20rpx;
+				display: flex;
+				flex-direction: row;
+				flex-wrap: wrap;
+				align-items: center;
+				justify-content: center;
+				border-radius: 50%;
+				.img{
+					width: 100rpx;
+					height: 100rpx;
+				}
+			}
+			.lright{
+				display: flex;
+				flex: 1;
+				flex-direction: column;
+			}
+			.lrow{
+				display: flex;
+				flex-direction: row;
+				margin-bottom: 20rpx;
+				margin-right: 20rpx;
+			}
+			.pname{
+				display: flex;
+				flex: 1;
+				line-height: 50rpx;
+				font-size: 32rpx;
+				font-family: PingFang SC, PingFang SC;
+				font-weight: 600;
+				color: #000000;
+			}
+			.ptime{
+				line-height: 50rpx;
+				font-size: 24rpx;
+				font-family: PingFang SC, PingFang SC;
+				font-weight: 500;
+				color: #595959;
+			}
+			.pnr{
+				display: flex;
+				flex: 1;
+				font-size: 24rpx;
+				font-family: PingFang SC, PingFang SC;
+				font-weight: 400;
+				color: #595959;
+				-webkit-box-orient: vertical;
+				overflow: hidden;
+				text-overflow: ellipsis;
+				/* 假设你的行高是20px，并且你想要两行显示 */
+				line-height: 40rpx;         /* 每行的行高 */
+				max-height: 40rpx;
+			}
+			.lnum{
+				background-color: #de0000;
+				padding: 0 10rpx;
+				min-width: 32rpx;
+				height: 32rpx;
+				line-height: 32rpx;
+				color: #fff;
+				font-size: 24rpx;
+				border-radius: 28rpx;
+			}
+		}
+	}
+	.tips{
+		margin-top: 20rpx;
+		margin-bottom: 20rpx;
+		width: 100%;
+		line-height: 44rpx;
+		font-size: 26rpx;
+		font-family: PingFang SC, PingFang SC;
+		font-weight: 400;
+		color: #595959;
+		text-align: center;
+	}
+	.submitcon{
+		margin-top: 200rpx;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
+	.bbtn{
+		margin: 20rpx 30rpx 54rpx;
+		font-size: 32rpx;
+		font-family: PingFang SC-Medium, PingFang SC;
+		font-weight: 500;
+		color: #FCFCFD;
+		width: 560rpx;
+		height: 96rpx;
+		line-height: 96rpx;
+		background: #367FFA;
+		box-shadow: 0rpx 12rpx 64rpx 2rpx rgba(67,110,255,0.4);
+		border-radius: 254rpx 254rpx 254rpx 254rpx;
+		opacity: 1;
+		&::after{
+			border:none;
+		}
+	}
+	.nodata{
+		background-image: url('../../static/image/nomsg.png');
+		background-repeat: no-repeat;
+		background-position: center center;
+		background-size: 100%;
+		height: 376rpx;
+		width: 256rpx;
+		color: #00a89b;
+		display: flex;
+		align-items: center;
+		justify-content: flex-end;
+		flex-direction: column;
+		padding-bottom: 40rpx;
+		margin: 100rpx auto;
+	}
+</style>
diff --git a/pages/product/cdetail.vue b/pages/product/cdetail.vue
index 60ec3d5..fb7e17f 100644
--- a/pages/product/cdetail.vue
+++ b/pages/product/cdetail.vue
@@ -748,6 +748,7 @@
 							reason: data.reason, 
 							customerService: data.customerService, 
 							instructor: data.instructor, 
+							ownerId: data.ownerId, 
 							productId: data.productId, 
 							productName: data.productName, 
 							sendinfo:{
diff --git a/pages/user/user.vue b/pages/user/user.vue
index f6fda12..ec6af5d 100644
--- a/pages/user/user.vue
+++ b/pages/user/user.vue
@@ -177,7 +177,7 @@
 </template>
 
 <script>
-	import { myCache,getcartNum,getRemoteFile } from '../../utils/utils.js';
+	import { myCache,getcartNum,getmessageNum,getRemoteFile } from '../../utils/utils.js';
 	import openlogin from "../components/openlogin.vue";
 	
 	import top from "../components/top.vue";
@@ -342,6 +342,22 @@
 				})
 			}
 			
+			var messageNum=getmessageNum();
+			console.log("messageNum",messageNum)
+			if(messageNum>0){
+				// 底部菜单消息角标
+				uni.setTabBarBadge({
+					//显示未读消息条数
+				    index: 3,
+				    text: messageNum+''
+				});
+			}
+			else{
+				uni.removeTabBarBadge({
+					index: 3
+				})
+			}
+			
 			if(this.userid){
 				// 获取订单数、收藏数等
 				this.getnum();
diff --git a/utils/utils.js b/utils/utils.js
index 75eedb4..8cf9471 100644
--- a/utils/utils.js
+++ b/utils/utils.js
@@ -124,6 +124,21 @@ function getcartLoseNum() {
 	}
 	return num
 };
+function getmessageNum() {
+	var user=myCache("user"); 
+	var userid = user.userid? user.userid:'';
+	var num=0;
+	if(userid){
+		var grouplist=myCache("chatlist-"+userid)?myCache("chatlist-"+userid):[];
+		for(let i=0;i<grouplist.length;i++){
+			num=num+1*(grouplist[i].sl?grouplist[i].sl:0);
+		}
+		return num
+	}
+	else{
+		return num
+	}
+};
 export {
 	myCache,
 	getRemoteFile,
@@ -132,6 +147,7 @@ export {
 	getMondate,
 	ifnonet,
 	getcartNum,
-	getcartLoseNum
+	getcartLoseNum,
+	getmessageNum
 };