fix

virgo.wzfrontend/yui_wx/pages/chat/chat.vue

@@ -62,6 +62,9 @@
 			YeIMUniSDK.getInstance().removeEventListener(YeIMUniSDKDefines.EVENT.MESSAGE_RECEIVED, this.onMessage);
 		},
 		onLoad(body) {
+			uni.setNavigationBarTitle({
+				title: body.userName
+			});
 			this.nowUserId = this.$store.getters.user.userId;
 			this.userId = body.userId;
 			this.getHistoryMsg();
@@ -165,20 +168,10 @@
 				}
 			},
 			joinHistoryMsg() {
-				// 此处用到 ES6 的 Promise 知识，不懂的请自行学习。
 				return new Promise((done, fail) => {
-					YeIMUniSDK.getInstance().getHistoryMessageList({
-						nextMessageId: this.nextMessageId,
-						conversationId: this.userId,
-						success: (res) => {
-							this.nextMessageId = res.data.nextMessageId
-							done(res.data.list);
-						},
-						fail: (err) => {
-							if (err.code == 10004) {
-								done([]);
-							}
-						}
+					this.$chat.getHistoryMessageList(this.nextMessageId, this.userId, res => {
+						this.nextMessageId = res.data.nextMessageId
+						done(res.data.list);
 					});
 				})
 			},
@@ -189,88 +182,22 @@
 				});
 			},
 			sendImage() {
-				uni.chooseImage({
-					count: 1, //默认9
-					sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
-					sourceType: ['album'], //从相册选择
-					success: res => {
-						uni.getImageInfo({
-							src: res.tempFilePaths[0],
-							success: image => {
-								//创建图片消息
-								let message = YeIMUniSDK.getInstance().createImageMessage({
-									toId: this.userId, //接收者用户ID字符串
-									conversationType: YeIMUniSDKDefines.CONVERSATION_TYPE
-										.PRIVATE, //会话类型：私聊
-									body: {
-										file: {
-											tempFilePath: res.tempFilePaths[0], //本地图片临时路径
-											width: image.width, //图片宽度
-											height: image.height //图片高度
-										}
-									},
-									extra: "这是拓展的自定义的内容",
-									onProgress: (progress) => {
-										console.log('上传进度' + progress.progress);
-										console.log('已经上传的数据长度' + progress
-											.totalBytesSent);
-										console.log('预期需要上传的数据总长度' + progress
-											.totalBytesExpectedToSend);
-									}
-								});
-								//发送消息
-								YeIMUniSDK.getInstance().sendMessage({
-									message: message,
-									success: (res) => {
-										this.chatList.push(res.data);
-										this.message = '';
-										setTimeout(() => {
-											uni.pageScrollTo({
-												scrollTop: 99999999, // -30 为多显示出大半个消息的高度，示意上面还有信息。
-												duration: 0
-											});
-											console.log(9999);
-										}, 200)
-									},
-									fail: (err) => {
-										console.log(err)
-									}
-								});
-							}
-						});
-					}
-				});
+				this.$chat.sendImage(this.userId, this.sendSuccess);
 			},
 			// 发送信息
 			send() {
 				if (!this.message) return this.$toast('内容不能为空');
-				//创建文字消息
-				let message = YeIMUniSDK.getInstance().createTextMessage({
-					toId: this.userId, //接收者用户ID字符串
-					conversationType: YeIMUniSDKDefines.CONVERSATION_TYPE.PRIVATE, //会话类型：私聊
-					body: {
-						text: this.message //文本消息内容字符串
-					},
-					extra: ""
-				});
-				//发送消息
-				YeIMUniSDK.getInstance().sendMessage({
-					message: message,
-					success: (res) => {
-						this.chatList.push(res.data);
-						this.message = '';
-						setTimeout(() => {
-							uni.pageScrollTo({
-								scrollTop: 99999999, // -30 为多显示出大半个消息的高度，示意上面还有信息。
-								duration: 0
-							});
-							console.log(9999);
-						}, 200)
-					},
-					fail: (err) => {
-						console.log(err)
-					}
-				});
+				this.$chat.sendText(this.userId, this.message, this.sendSuccess);
+			},
+			sendSuccess(res) {
+				this.chatList.push(res.data);
+				this.message = '';
+				setTimeout(() => {
+					uni.pageScrollTo({
+						scrollTop: 99999999, // -30 为多显示出大半个消息的高度，示意上面还有信息。
+						duration: 0
+					});
+				}, 200)
 			}
 		},
 	}

virgo.wzfrontend/yui_wx/pages/house/house.vue

@@ -112,10 +112,12 @@
 			</view>
 		</view>
 		<view class="hui-button-box">
-			<view class="hui-button hui-button-light" @click="$navigateTo('/pages/reservation/reservation?houseId=' + houseId)">
-				<uni-icons class="hui-button-icon" type="calendar" color="#389e0d" size="22"></uni-icons> 预约看房
+			<view class="hui-button hui-button-light"
+				@click="$navigateTo('/pages/reservation/reservation?houseId=' + houseId)">
+				<uni-icons class="hui-button-icon" type="calendar" color="#08979c" size="22"></uni-icons> 预约看房
 			</view>
-			<view class="hui-button" @click="$navigateTo('/pages/chat/chat?userId='+detail.chargePersonId)">
+			<view class="hui-button"
+				@click="$navigateTo('/pages/chat/chat?userId='+detail.chargePersonId+'&userName='+detail.chargePersonName)">
 				<uni-icons class="hui-button-icon" type="chat" color="#fff" size="22"></uni-icons>
 				在线联系
 			</view>

virgo.wzfrontend/yui_wx/pages/message/message.vue

@@ -4,7 +4,7 @@
 		<view class="message-list" v-else>
 			<!-- 消息提示 -->
 			<view class="message-item" v-for="(item,index) in chatList" :key="index"
-				@click="$navigateTo('/pages/chat/chat?userId='+item.conversationId)">
+				@click="$navigateTo('/pages/chat/chat?userId='+item.conversationId+'&userName='+item.userInfo.nickname)">
 				<image :src="item.userInfo.avatarUrl" class="message-image" mode="aspectFill">
 				</image>
 				<view class="message-content">
@@ -36,8 +36,7 @@
 		},
 		onShow() {
 			//监听会话列表更新
-			YeIMUniSDK.getInstance().addEventListener(YeIMUniSDKDefines.EVENT.CONVERSATION_LIST_CHANGED, (list) => {
-				console.log(list);
+			YeIMUniSDK.getInstance().addEventListener(YeIMUniSDKDefines.EVENT.CONVERSATION_LIST_CHANGED, (list) => {
 				this.chatList = list;
 			});
 		},
@@ -66,8 +65,8 @@
 			}
 
 			.message-image {
-				width: 50px;
-				height: 50px;
+				width: 100rpx;
+				height: 100rpx;
 				border-radius: 16rpx;
 				overflow: hidden;
 			}
@@ -76,7 +75,9 @@
 				flex: 1;
 				width: 0;
 				margin-left: 20rpx;
-				padding-top: 6rpx;
+				display: flex;
+				flex-direction: column;
+				justify-content: center;
 			}
 
 			.message-title {

virgo.wzfrontend/yui_wx/uitls/chat.js

@@ -6,15 +6,20 @@ import {
 	login
 } from '@/request/api/chat.js'
 import md5 from '@/js_sdk/js-md5/build/md5.min.js';
-
-const connect = userId => {
+let userIds;
+const connect = success => {
 	let code = YeIMUniSDK.getInstance().readyState();
-	if (code !== 3) return;
+	if (code !== 3) {
+		if (success) success();
+		return;
+	}
 	YeIMUniSDK.getInstance().connect({
-		userId: userId,
+		userId: userIds,
 		token: uni.getStorageSync('chatToken'),
 		success: (response) => {
-			if (response.code === 200) console.log('success');
+			if (response.code === 200) {
+				if (success) success();
+			}
 		},
 		fail: (err) => {
 			console.log(err);
@@ -42,6 +47,7 @@ export default {
 		});
 	},
 	connect(userId) {
+		userIds = userId;
 		if (!uni.getStorageSync('chatToken')) {
 			let timestamp = (new Date()).getTime() + 86400 * 1000; //1000天后过期
 			let sign = md5(String(userId) + timestamp + "50abd47112ebe8c5a73f4694c96a49ce");
@@ -52,23 +58,89 @@ export default {
 			}).then(res => {
 				if (res.code === 200) {
 					uni.setStorageSync('chatToken', res.data.token);
-					connect(userId);
+					connect();
 				}
 			})
 		} else {
-			connect(userId);
+			connect();
 		}
 	},
-	getConversationList(success) {
-		let code = YeIMUniSDK.getInstance().readyState();
-		console.log(code);
-		YeIMUniSDK.getInstance().getConversationList({
-			page: 1, //页码
-			limit: 20, //每页数量
-			success: success,
-			fail: (err) => {
-				console.log(err)
-			}
+	getConversationList(success) {
+		connect(() => {
+			YeIMUniSDK.getInstance().getConversationList({
+				page: 1, //页码
+				limit: 20, //每页数量
+				success: success,
+				fail: (err) => {}
+			});
+		});
+	},
+	getHistoryMessageList(nextMessageId, userId, success) {
+		connect(() => {
+			YeIMUniSDK.getInstance().getHistoryMessageList({
+				nextMessageId: nextMessageId,
+				conversationId: userId,
+				success: success,
+				fail: (err) => {}
+			});
+		});
+	},
+	sendImage(userId, success) {
+		connect(() => {
+			uni.chooseImage({
+				count: 1, //图片数量
+				sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
+				sourceType: ['album'], //从相册选择
+				success: res => {
+					uni.getImageInfo({
+						src: res.tempFilePaths[0],
+						success: image => {
+							//创建图片消息
+							let message = YeIMUniSDK.getInstance().createImageMessage({
+								toId: userId, //接收者用户ID字符串
+								conversationType: YeIMUniSDKDefines
+									.CONVERSATION_TYPE
+									.PRIVATE, //会话类型：私聊
+								body: {
+									file: {
+										tempFilePath: res.tempFilePaths[
+											0], //本地图片临时路径
+										width: image.width, //图片宽度
+										height: image.height //图片高度
+									}
+								},
+								extra: "",
+								onProgress: (progress) => {}
+							});
+							//发送消息
+							YeIMUniSDK.getInstance().sendMessage({
+								message: message,
+								success: success,
+								fail: (err) => {}
+							});
+						}
+					});
+				}
+			});
+		});
+	},
+	sendText(userId, content, success) {
+		connect(() => {
+			//创建文字消息
+			let message = YeIMUniSDK.getInstance().createTextMessage({
+				toId: userId, //接收者用户ID字符串
+				conversationType: YeIMUniSDKDefines.CONVERSATION_TYPE.PRIVATE, //会话类型：私聊
+				body: {
+					text: content //文本消息内容字符串
+				},
+				extra: ""
+			});
+			//发送消息
+			YeIMUniSDK.getInstance().sendMessage({
+				message: message,
+				success: success,
+				fail: (err) => {}
+			});
 		});
 	}
 }

virgo.wzfrontend/yui_wx/uni_modules/hb-comment/components/hb-comment/hb-comment.vue

@@ -41,7 +41,9 @@
 							</span>
 						</view>
 						<view class="comment-main-foot">
-							<view class="foot-time">{{item.createTime}}</view>
+							<uni-dateformat class="foot-time" :date="item.createTime"
+								:threshold="[60000,3600000 * 24 * 365]">
+							</uni-dateformat>
 							<view class="foot-btn" @click="reply(item.nickName,item.nickName,item.id)">回复</view>
 							<!-- <view class="foot-btn" v-if="item.owner" @click="confirmDelete(item.id)">删除</view> -->
 						</view>
@@ -75,7 +77,9 @@
 										</span>
 									</view>
 									<view class="comment-main-foot">
-										<view class="foot-time">{{each.createTime}}</view>
+										<uni-dateformat class="foot-time" :date="each.createTime"
+											:threshold="[60000,3600000 * 24 * 365]">
+										</uni-dateformat>
 										<view class="foot-btn" @click="reply(item.nickName,each.nickName,item.id)">
 											回复</view>
 										<!-- <view class="foot-btn" v-if="each.owner" @click="confirmDelete(each.id)">删除
@@ -397,7 +401,8 @@
 	}
 
 	.nick-name {
-		color: $uni-primary;
+		font-size: 32rpx;
+		font-weight: bold;
 	}
 
 	.isLike {
@@ -414,6 +419,7 @@
 
 	.comment-main-content {
 		padding: 10rpx 10rpx 10rpx 0;
+		color: $uni-base-color;
 	}
 
 	.comment-main-foot {
@@ -421,6 +427,10 @@
 		font-size: 22rpx;
 	}
 
+	.foot-time {
+		color: $uni-secondary-color;
+	}
+
 	.replayTag {
 		color: #909399;
 		margin-bottom: 5px;

virgo.wzfrontend/yui_wx/unpackage/dist/dev/mp-weixin/pages/message/message.wxss

@@ -16,8 +16,8 @@
   position: relative;
 }
 .message .message-list .message-image {
-  width: 50px;
-  height: 50px;
+  width: 100rpx;
+  height: 100rpx;
   border-radius: 16rpx;
   overflow: hidden;
 }
@@ -25,7 +25,9 @@
   flex: 1;
   width: 0;
   margin-left: 20rpx;
-  padding-top: 6rpx;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
 }
 .message .message-list .message-title {
   font-size: 32rpx;

virgo.wzfrontend/yui_wx/unpackage/dist/dev/mp-weixin/uni_modules/hb-comment/components/hb-comment/hb-comment.json

@@ -1,4 +1,6 @@
 {
-  "usingComponents": {},
+  "usingComponents": {
+    "uni-dateformat": "/uni_modules/uni-dateformat/components/uni-dateformat/uni-dateformat"
+  },
   "component": true
 }

virgo.wzfrontend/yui_wx/unpackage/dist/dev/mp-weixin/uni_modules/hb-comment/components/hb-comment/hb-comment.wxss

@@ -85,7 +85,8 @@
   background-color: #08979c;
 }
 .nick-name.data-v-36062064 {
-  color: #08979c;
+  font-size: 32rpx;
+  font-weight: bold;
 }
 .isLike.data-v-36062064 {
   font-size: 28rpx;
@@ -99,11 +100,15 @@
 }
 .comment-main-content.data-v-36062064 {
   padding: 10rpx 10rpx 10rpx 0;
+  color: #434343;
 }
 .comment-main-foot.data-v-36062064 {
   display: flex;
   font-size: 22rpx;
 }
+.foot-time.data-v-36062064 {
+  color: #8c8c8c;
+}
 .replayTag.data-v-36062064 {
   color: #909399;
   margin-bottom: 5px;