From 039111ed27cc59b43a8001d8d1180a96f6f494ab Mon Sep 17 00:00:00 2001
From: Sun_sun <469361609@qq.com>
Date: Thu, 9 Oct 2025 15:13:48 +0800
Subject: [PATCH] =?UTF-8?q?2025-09-29=20=E8=81=8A=E5=A4=A9=E8=AE=B0?=
 =?UTF-8?q?=E5=BD=95=E4=B8=8A=E6=8B=89=E8=8E=B7=E5=8F=96=E8=AE=B0=E5=BD=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .hbuilderx/launch.json          |  10 +
 api/group.js                    |   1 +
 api/message.js                  |  17 ++
 manifest.json                   |   4 +-
 pages.json                      |   3 +-
 pages/message/chat.vue          | 314 +++++++++++++++++++++++++-------
 pages/message/message.vue       | 209 +++++++++++++++------
 pages/program/programDetail.vue |   9 +
 static/icon/More horizontal.png | Bin 0 -> 423 bytes
 static/icon/search.png          | Bin 0 -> 685 bytes
 static/message/customer.png     | Bin 0 -> 5379 bytes
 static/message/order.png        | Bin 0 -> 4795 bytes
 static/message/process.png      | Bin 0 -> 6195 bytes
 static/message/system.png       | Bin 0 -> 4404 bytes
 14 files changed, 445 insertions(+), 122 deletions(-)
 create mode 100644 .hbuilderx/launch.json
 create mode 100644 api/message.js
 create mode 100644 static/icon/More horizontal.png
 create mode 100644 static/icon/search.png
 create mode 100644 static/message/customer.png
 create mode 100644 static/message/order.png
 create mode 100644 static/message/process.png
 create mode 100644 static/message/system.png

diff --git a/.hbuilderx/launch.json b/.hbuilderx/launch.json
new file mode 100644
index 0000000..07b129c
--- /dev/null
+++ b/.hbuilderx/launch.json
@@ -0,0 +1,10 @@
+{
+    "version" : "1.0",
+    "configurations" : [
+        {
+            "customPlaygroundType" : "device",
+            "playground" : "standard",
+            "type" : "uni-app:app-android"
+        }
+    ]
+}
diff --git a/api/group.js b/api/group.js
index f0e2965..e7e2162 100644
--- a/api/group.js
+++ b/api/group.js
@@ -8,4 +8,5 @@ export const groupAPI = {
 	getList: (params) => http.get(baseURL + '/group/list', params),
 	add: (data) => http.post(baseURL + '/group/', data),
 	getOne: (params) => http.get(baseURL + '/group/one', params),
+	getById: (groupId) => http.get(baseURL + '/group/'+ groupId),
 }
\ No newline at end of file
diff --git a/api/message.js b/api/message.js
new file mode 100644
index 0000000..13513ba
--- /dev/null
+++ b/api/message.js
@@ -0,0 +1,17 @@
+import {
+	http
+} from "../util/api"
+
+const baseURL = "http://192.168.0.15:3007"
+
+// 项目相关API
+export const messageAPI = {
+	// 列表
+	read: (params) => http.post(baseURL + '/message/read', params),
+	unread: (params) => http.get(baseURL + '/message/unread', params),
+	list: (params) => http.get(baseURL + "/message/list", params)
+}
+
+export default {
+	messageAPI
+}
\ No newline at end of file
diff --git a/manifest.json b/manifest.json
index 905739b..54c3a8f 100644
--- a/manifest.json
+++ b/manifest.json
@@ -45,7 +45,9 @@
                 ]
             },
             /* ios打包配置 */
-            "ios" : {},
+            "ios" : {
+                "dSYMs" : false
+            },
             /* SDK配置 */
             "sdkConfigs" : {
                 "payment" : {
diff --git a/pages.json b/pages.json
index 9a051aa..afca67f 100644
--- a/pages.json
+++ b/pages.json
@@ -69,7 +69,8 @@
 			"style" : 
 			{
 				"navigationBarTitleText" : "聊天页面",
-				"navigationStyle": "custom"
+				"navigationStyle": "custom",
+				"enablePullDownRefresh": true
 			}
 		}
 	],
diff --git a/pages/message/chat.vue b/pages/message/chat.vue
index 340fe66..677f1f2 100644
--- a/pages/message/chat.vue
+++ b/pages/message/chat.vue
@@ -1,9 +1,9 @@
 <template>
 	<view class="chat-container">
-		<u-navbar title="聊天" id="navBarId" :background="{background: 'transparent' }" :border-bottom="false"
+		<u-navbar :title="chatTitle" id="navBarId" :background="{background: 'transparent' }" :border-bottom="false"
 			back-icon-color="#000" title-color="#000">
 			<template v-slot:right>
-				<image class="collection" src="/static/icon/Bookmark.png" mode=""></image>
+				<image class="collection" src="/static/icon/More horizontal.png" mode=""></image>
 			</template>
 		</u-navbar>
 
@@ -37,11 +37,16 @@
 				<view v-for="(item, index) in dataList">
 					<view v-if="item.createId==userId" class="my-message">
 						<view class="msg-main">
+							<!-- 消息内容 -->
 							<view class="msg-content" v-if="item.type=='text'">
 								<view class="text">
 									{{item.content}}
 								</view>
+								<view>
+									{{handleFormatDate(item.createTime)}}
+								</view>
 							</view>
+							<!-- 录音内容 -->
 							<view class="mp3-content" v-if="item.type=='mp3'">
 								<view class="mp3" @click="handlePlayMp3(item.content)">
 									<view class="mp3-icon">
@@ -51,9 +56,13 @@
 									点击播放
 								</view>
 							</view>
+							<!-- 图片内容 -->
 							<view class="img-content" v-if="item.type=='img'">
 								<u-image @click="handlePreView(item.content)" height="100%" :src="item.content"
 									:lazy-load="true" mode="heightFix"></u-image>
+								<view>
+									{{handleFormatDate(item.createTime)}}
+								</view>
 							</view>
 							<!-- 头像 -->
 							<view class="msg-avatar">
@@ -65,15 +74,38 @@
 					</view>
 					<view v-else class="other-message">
 						<view class="msg-main">
+							<!-- 对方头像 -->
 							<view class="msg-avatar">
 								<image style="width: 100%;height: 100%;" :src="getImageUrl(item.userInfo.avatar)"
 									mode="">
 								</image>
 							</view>
-							<view class="msg-content">
+							<!-- 对方文本 -->
+							<view class="msg-content" v-if="item.type=='text'">
 								<view class="text">
 									{{item.content}}
 								</view>
+								<view>
+									{{handleFormatDate(item.createTime)}}
+								</view>
+							</view>
+							<!-- 对方录音-->
+							<view class="mp3-content" v-if="item.type=='mp3'">
+								<view class="mp3" @click="handlePlayMp3(item.content)">
+									<view class="mp3-icon">
+										<image style="width: 100%;height: 100%;" src="/static/icon/listen.png" mode="">
+										</image>
+									</view>
+									点击播放
+								</view>
+							</view>
+							<!-- 图片内容 -->
+							<view class="img-content" v-if="item.type=='img'">
+								<u-image @click="handlePreView(item.content)" height="100%" :src="item.content"
+									:lazy-load="true" mode="heightFix"></u-image>
+								<view>
+									{{handleFormatDate(item.createTime)}}
+								</view>
 							</view>
 						</view>
 					</view>
@@ -119,11 +151,13 @@
 <script setup lang="ts">
 	import { onMounted, ref, getCurrentInstance, onBeforeMount, nextTick } from 'vue';
 	import {
-		onLoad, onLaunch
+		onLoad, onLaunch, onReady, onUnload, onPullDownRefresh
 	} from "@dcloudio/uni-app";
 	import io from '@hyoga/uni-socket.io';
 	import { getImageUrl } from '../../util/common';
 	import { permissionUtil } from '@/uni_modules/colorful-uni-perm';
+	import { messageAPI } from '../../api/message';
+	import { groupAPI } from '../../api/group';
 
 	const navBarRef = ref()
 	const instance = getCurrentInstance();
@@ -141,16 +175,55 @@
 			}
 		})
 	}
+	const handleFormatDate = (date) => {
+		const inputDate = new Date(date.replace(/-/g, '/'));
+		const now = new Date();
+
+		// 计算日期差（天）
+		const diffDays = Math.floor((now - inputDate) / (1000 * 60 * 60 * 24));
+
+		// 格式化时间
+		const hours = inputDate.getHours().toString().padStart(2, '0');
+		const minutes = inputDate.getMinutes().toString().padStart(2, '0');
+		const year = inputDate.getFullYear();
+		const month = (inputDate.getMonth() + 1).toString().padStart(2, '0');
+		const day = inputDate.getDate().toString().padStart(2, '0');
+
+		if (diffDays === 0) {
+			return `今天 ${hours}:${minutes}`;
+		} else if (diffDays === 1) {
+			return '昨天';
+		} else {
+			return `${year}-${month}-${day}`;
+		}
+	}
 
 	const dataList = ref([])
 
+	// 模拟聊天数据
 	const mockData = () => {
 		for (var i = 0; i < 5; i++) {
 			if (i % 2 == 0) {
 				dataList.value.push({
 					"createId": 3641,
 					"groupId": "1",
-					"content": "即使在没有空格的地方也	",
+					"content": "即使在没有空格的地方也即使在没有空格的地方也即使在没有空格的地方也即使在没有空格的地方也即使在没有空格的地方也即使在没有空格的地方也即使在没有空格的地方也即使在没有空格的地方",
+					"type": "text",
+					"messageId": 44,
+					"createTime": "2025-09-27T18:32:42.000Z",
+					"userInfo": {
+						"id": 9958,
+						"username": "15867461647",
+						"userType": "user",
+						"isSystemAccount": 0,
+						"avatar": "/uploads/documents/1753833656669_524106424.jpg"
+					}
+				})
+
+				dataList.value.push({
+					"createId": 3641,
+					"groupId": "1",
+					"content": "即使在没有空格的地方也即使在没",
 					"type": "text",
 					"messageId": 44,
 					"createTime": "2025-09-27T18:32:42.000Z",
@@ -179,41 +252,42 @@
 					}
 				})
 			}
-
-			dataList.value.push(
-				{
-					"createId": 3641,
-					"groupId": "5",
-					"content": "http://114.55.111.44:9000/jurongquan/app_records/1759049412254.mp3",
-					"type": "mp3",
-					"messageId": 56,
-					"createTime": "2025-09-28T00:50:16.000Z",
-					"userInfo": {
-						"id": 3641,
-						"username": "15867461617",
-						"userType": "agent",
-						"isSystemAccount": 0,
-						"avatar": "/uploads/documents/1753833656669_524106424.jpg"
-					}
-				})
-
-			dataList.value.push(
-				{
-					"createId": 3641,
-					"groupId": "5",
-					"content": "http://114.55.111.44:9000/jurongquan/app_records/1759110192420_Screenshot_20250929_084636_com.bilibili.star.bili.jpg",
-					"type": "img",
-					"messageId": 62,
-					"createTime": "2025-09-28T17:43:13.000Z",
-					"userInfo": {
-						"id": 3641,
-						"username": "15867461617",
-						"userType": "agent",
-						"isSystemAccount": 0,
-						"avatar": "/uploads/documents/1753833656669_524106424.jpg"
-					}
-				})
 		}
+
+
+		dataList.value.push(
+			{
+				"createId": 3641,
+				"groupId": "5",
+				"content": "http://114.55.111.44:9000/jurongquan/app_records/1759049412254.mp3",
+				"type": "mp3",
+				"messageId": 56,
+				"createTime": "2025-09-28T00:50:16.000Z",
+				"userInfo": {
+					"id": 3641,
+					"username": "15867461617",
+					"userType": "agent",
+					"isSystemAccount": 0,
+					"avatar": "/uploads/documents/1753833656669_524106424.jpg"
+				}
+			})
+
+		dataList.value.push(
+			{
+				"createId": 3641,
+				"groupId": "5",
+				"content": "http://114.55.111.44:9000/jurongquan/app_records/1759110192420_Screenshot_20250929_084636_com.bilibili.star.bili.jpg",
+				"type": "img",
+				"messageId": 62,
+				"createTime": "2025-09-28T17:43:13.000Z",
+				"userInfo": {
+					"id": 3641,
+					"username": "15867461617",
+					"userType": "agent",
+					"isSystemAccount": 0,
+					"avatar": "/uploads/documents/1753833656669_524106424.jpg"
+				}
+			})
 	}
 
 	// 发送消息
@@ -433,38 +507,47 @@
 		});
 	}
 
+	// 初始化
 	const groupId = ref()
 	const userId = ref()
+	const chatTitle = ref()
 
-	onLoad((val) => {
-		groupId.value = val.groupId
-	});
+	const scrollTop = ref(0)
 
-	const socket = ref()
 
 	// 通信连接
-	const connection = () => {
-		socket.value = io('http://192.168.0.15:3007', {
+	const socket = ref()
+
+	const connection = async () => {
+		console.log("连接服务器");
+		socket.value = io(`http://192.168.0.15:3007?userId=${userId.value}`, {
 			query: {},
 			transports: ['websocket', 'polling'],
 			timeout: 5000,
 		});
-		socket.value.on('connect', async () => {
+		socket.value.on('connect', () => {
 			console.log("连接成功");
-		})
-		socket.value.emit('addGroup', {
-			groupId: groupId.value,
-		})
-		socket.value.on('serverMsg', async (message:any) => {
-			dataList.value.push(message)
-			// console.log(dataList.value);
-			setTimeout(()=>{
-				scrollToBottom()
-			}, 500)
+
+			// socket.value.emit('cleanup')
+			socket.value.emit('addGroup', {
+				groupId: groupId.value
+			})
+			socket.value.on('serverMsg', async (message : any) => {
+				dataList.value.push(message)
+				// console.log(dataList.value);
+				setTimeout(() => {
+					scrollToBottom()
+				}, 500)
+			})
 		})
 	}
 
-	const scrollTop = ref(0)
+	const disConnection = () => {
+		console.log("disConnection");
+		socket.value.emit('leaveGroup', {
+			groupId: groupId.value
+		})
+	}
 
 	const scrollToBottom = () => {
 		uni.createSelectorQuery().in(this).select("#scroll-main").boundingClientRect((res : any) => {
@@ -475,17 +558,69 @@
 		}).exec()
 	}
 
-	const loadData = () => {
+	const loadUnReadData = () => {
+		// 获取用户ID
 		userId.value = uni.getStorageSync("user").id
+		// 获取标题
+		groupAPI.getById(groupId.value).then(res => {
+			chatTitle.value = res.data.program.linkman.username + "(" + res.data.program.name + ")"
+		})
+
+		// 未读变已读
+		let data = { groupId: groupId.value, userId: userId.value }
+		messageAPI.unread(data).then(res => {
+			if (res.code == 200) {
+				dataList.value = dataList.value.concat(res.data)
+			}
+		})
+		messageAPI.read({ groupId: groupId.value, userId: userId.value })
 	}
 
-	onMounted(() => {
-		// mockData()
-		loadData()
+	const params = ref({
+		page: 1,
+		size: 10,
+		groupId: null
+	})
+	const loadFix = ref(true)
 
+	// 历史记录
+	const loadHistoryData = () => {
+		params.value.groupId = groupId.value
+		messageAPI.list(params.value).then(res => {
+			console.log(res);
+			if (res.data.list.length != 0) {
+				res.data.list.forEach(item => {
+					dataList.value.unshift(item)
+				})
+				params.value.page++
+			}
+		})
+	}
+
+	onPullDownRefresh(() => {
+		loadHistoryData()
+		uni.stopPullDownRefresh()
+	})
+
+	onLoad((val) => {
+		groupId.value = val.groupId
+	});
+
+	onReady(() => {
+	})
+
+	onMounted(() => {
 		loadHeight()
+
+		// mockData()
+		loadUnReadData()
+
 		connection()
 	})
+
+	onUnload(() => {
+		disConnection()
+	})
 </script>
 
 <style scoped lang="scss">
@@ -553,6 +688,14 @@
 						.text {
 							overflow-wrap: break-word;
 							text-align: right;
+
+							background-color: #4873FF;
+							display: block;
+							padding: 10rpx;
+							color: #fff;
+
+							box-shadow: 0rpx 4rpx 8rpx 0rpx #00000040;
+
 						}
 					}
 
@@ -568,11 +711,11 @@
 							// border: 1rpx solid #000;
 							padding: 15rpx 10rpx;
 							background-color: #55ff7f;
-							justify-content: flex-end;
-							align-items: center;
+							justify-content: flex-start;
+							// align-items: center;
 
 							.mp3-icon {
-								margin: 0 10rpx;
+								// margin: 0 10rpx;
 								width: 25rpx;
 								height: 25rpx;
 							}
@@ -582,6 +725,7 @@
 					.img-content {
 						margin-right: 10rpx;
 						height: 200rpx;
+						margin-bottom: 30rpx;
 					}
 
 					.msg-avatar {
@@ -599,24 +743,58 @@
 					justify-content: flex-start;
 					padding: 0 10rpx;
 
+					.msg-avatar {
+						width: 80rpx;
+						height: 80rpx;
+					}
+
 					.msg-content {
 						// background-color: #00ffff;
 						padding: 2rpx;
 						width: 70%;
+						margin-left: 10rpx;
 						// border: 1rpx solid #c7c7c7;
 						box-sizing: content-box;
 
 						.text {
 							overflow-wrap: break-word;
 							text-align: left;
+							background-color: #F0F3FF;
+							display: block;
+							padding: 10rpx;
+
+							box-shadow: 0rpx 4rpx 8rpx 0rpx #00000040;
 						}
 					}
 
-					.msg-avatar {
-						width: 80rpx;
-						height: 80rpx;
-						margin-right: 10rpx;
+					.mp3-content {
+						padding: 2rpx;
+						// width: 70%;
+						margin-left: 10rpx;
+						box-sizing: content-box;
+
+
+						.mp3 {
+							display: flex;
+							// border: 1rpx solid #000;
+							padding: 15rpx 10rpx;
+							background-color: #55ff7f;
+							justify-content: flex-start;
+							align-items: center;
+
+							.mp3-icon {
+								margin: 0 10rpx;
+								width: 25rpx;
+								height: 25rpx;
+							}
+						}
 					}
+
+					.img-content {
+						margin-left: 10rpx;
+						height: 200rpx;
+					}
+
 				}
 			}
 		}
diff --git a/pages/message/message.vue b/pages/message/message.vue
index 1771616..7f51413 100644
--- a/pages/message/message.vue
+++ b/pages/message/message.vue
@@ -3,22 +3,52 @@
 
 		<!-- 可滚动的内容区域 -->
 		<view class="content-container">
-			<view style="padding: 32rpx;">
-				<view id="fixedHeadId">
-					<view class="message-title">
-						容讯聊天室
+			<view>
+				<view id="fixedHeadId" style="padding: 32rpx 32rpx 0;">
+					<view class="head-box1">
+						<view class="title">
+							容讯聊天室
+						</view>
+						<view class="icon">
+							<image class="icon-img" src="/static/icon/search.png" mode=""></image>
+							<image class="icon-img2" src="/static/icon/Bookmark.png" mode=""></image>
+						</view>
 					</view>
-					<u-row class="message-search">
-						<u-col span="9">
-							<u-search placeholder="点击查询项目" v-model="keyword" :show-action="false"></u-search>
-						</u-col>
-						<u-col class="collection" span="3">
-							<image class="collection-icon" src="/static/icon/Bookmark.png" mode=""></image>
-							<view class="collection-text">
-								我的收藏
+					<view class="head-box2">
+						<view class="item">
+							<view class="box-img">
+								<image class="img" src="/static/message/system.png" mode=""></image>
 							</view>
-						</u-col>
-					</u-row>
+							<view class="title">
+								系统消息
+							</view>
+						</view>
+						<view class="item">
+							<view class="box-img">
+								<image class="img" src="/static/message/customer.png" mode=""></image>
+							</view>
+							<view class="title">
+								客户消息
+							</view>
+						</view>
+						<view class="item">
+							<view class="box-img">
+								<image class="img" src="/static/message/order.png" mode=""></image>
+							</view>
+							<view class="title">
+								订单通知
+							</view>
+						</view>
+						<view class="item">
+							<view class="box-img">
+								<image class="img" src="/static/message/process.png" mode=""></image>
+							</view>
+							<view class="title">
+								项目进度
+							</view>
+						</view>
+					</view>
+
 					<view class="menu-list">
 						<view class="menu-item" v-for="(item,index) in menuList" @click="handleMenuChange(index)">
 							<view class="menu-title">{{item.name + '(' + item.count +')'}}
@@ -29,9 +59,35 @@
 						</view>
 					</view>
 				</view>
+
 				<scroll-view scroll-y="true" class="message-list" :style="'height:'+height+'px'">
-					<view class="message-item" v-for="item in messageList" @click="handleChat(item)">
-						{{item.program.name}}
+					<view class="message-item" v-for="item in messageList">
+						<u-swipe-action bgColor="#F8FBFF" :index="item.groupId" class="other-program" @content-click="handleChat(item)" v-if="item.program.linkmanId !== params.userId"
+							:options="options">
+							<view class="item-name title-wrap">
+								{{ item.program.name}}
+							</view>
+							<view class="item-company">
+								{{'负责公司：' + item.program.company }}
+							</view>
+							<!-- <view class="item-date">
+								{{ item.program.startDate + "至" + item.program.endDate }}
+							</view> -->
+							<view class="item-unread" v-if="item.userUnread.length!=0">
+								未读： {{item.userUnread.length}}
+							</view>
+						</u-swipe-action>
+						<u-swipe-action bgColor="#F8FBFF" class="my-program" @content-click="handleChat(item)" v-else :options="options">
+							<view class="item-name title-wrap">
+								{{ item.program.name}}
+							</view>
+							<view class="item-company">
+								{{'咨询人：' + maskPhoneNumber(item.user.username) }}
+							</view>
+							<view class="item-unread" v-if="item.chargeUnread.length!=0">
+								未读： {{item.chargeUnread.length}}
+							</view>
+						</u-swipe-action>
 					</view>
 				</scroll-view>
 			</view>
@@ -48,7 +104,7 @@
 	} from '@dcloudio/uni-app';
 	import { onReady as onUniReady } from '@dcloudio/uni-app';
 	import { groupAPI } from '../../api/group';
-	import { getUserInfo } from '../../util/common';
+	import { getUserInfo, maskPhoneNumber } from '../../util/common';
 	const instance = getCurrentInstance();
 
 	const height = ref(0)
@@ -91,7 +147,7 @@
 		currentMenu.value = val
 	}
 
-	// 项目
+	// 消息
 	const messageList = ref([])
 	const user = ref()
 	const size = 10
@@ -101,6 +157,20 @@
 		userId: '',
 		customerId: '',
 	})
+	const options = [
+		{
+			text: '收藏',
+			style: {
+				backgroundColor: '#007aff'
+			}
+		},
+		{
+			text: '删除',
+			style: {
+				backgroundColor: '#dd524d'
+			}
+		}
+	]
 
 	const handleChat = (item) => {
 		uni.navigateTo({
@@ -111,6 +181,7 @@
 	const loadData = () => {
 		groupAPI.getList(params.value).then((res) => {
 			messageList.value = res.data.list
+			console.log(messageList.value);
 		})
 	}
 
@@ -138,50 +209,76 @@
 
 		/* 内容滚动区域 */
 		.content-container {
-			background: linear-gradient(180deg, #2F75F9 0%, #F0F3FF 34.13%);
+			// background: linear-gradient(180deg, #2F75F9 0%, #F0F3FF 34.13%);
+			background: linear-gradient(270deg, #659CFF 0%, #2D75FB 50%, #659CFF 100%);
 			width: 100%;
 			height: 100%;
 
-			.message-title {
-				margin-top: 40rpx;
-				text-align: center;
-				font-family: SF Pro;
-				font-weight: 700;
-				font-style: Bold;
-				font-size: 40rpx;
-				leading-trim: NONE;
-				line-height: 48rpx;
-				letter-spacing: 0%;
-				color: #FFFFFF;
+			.head-box1 {
+				padding-top: 60rpx;
+				display: flex;
+				justify-content: space-between;
+				align-items: center;
 
-			}
+				.title {
+					font-family: SF Pro;
+					font-weight: 700;
+					font-style: Bold;
+					font-size: 40rpx;
+					leading-trim: NONE;
+					line-height: 48rpx;
+					letter-spacing: 0%;
+					color: #FFFFFF;
+				}
 
-			.message-search {
-				margin-top: 20rpx;
-
-				.collection {
-					width: 100%;
+				.icon {
 					display: flex;
-					justify-content: flex-end;
 					align-items: center;
 
-					.collection-icon {
+					.icon-img {
+						width: 34rpx;
+						height: 34rpx;
+						margin-right: 20rpx;
+					}
+
+					.icon-img2 {
 						width: 48rpx;
 						height: 48rpx;
 					}
+				}
+			}
+			
+			.head-box2 {
+				display: flex;
+				justify-content: space-around;
+				margin-top: 20rpx;
 
-					.collection-text {
-						font-family: SF Pro;
-						font-weight: 30;
-						font-style: Expanded Ultralight;
-						font-size: 24rpx;
+				.item {
+					display: flex;
+					flex-direction: column;
+					justify-content: center;
+					align-items: center;
+
+					.box-img {
+						.img {
+							width: 68rpx;
+							height: 68rpx;
+						}
+					}
+
+					.title {
+						margin-top: 10rpx;
+						font-family: Work Sans;
+						font-weight: 400;
+						font-style: Regular;
+						font-size: 26rpx;
 						leading-trim: NONE;
-						line-height: 26px;
-						letter-spacing: 0%;
-						color: #FFFFFF;
+						line-height: 100%;
+						letter-spacing: -2%;
+						text-align: center;
+						color: #fff;
 					}
 				}
-
 			}
 
 			.menu-list {
@@ -207,7 +304,6 @@
 					.menu-icon {
 						width: 22rpx;
 						height: 22rpx;
-
 					}
 				}
 			}
@@ -216,11 +312,20 @@
 				margin-top: 10rpx;
 
 				.message-item {
+
 					// border: 1px solid #000;
-					padding: 20rpx 10px;
-					background-color: #FFFFFF;
-					border-radius: 10rpx;
-					margin-bottom: 10rpx;
+					.other-message {
+						padding: 20rpx 0rpx 20rpx 20rpx;
+						background-color: #F8FBFF;
+;
+					}
+
+					.my-program {
+						padding: 20rpx 0rpx 20rpx 20rpx;
+						background-color: #F8FBFF;
+						border-bottom: 2rpx solid #f1f4ff;
+					}
+
 				}
 			}
 		}
diff --git a/pages/program/programDetail.vue b/pages/program/programDetail.vue
index 637789b..f25f940 100644
--- a/pages/program/programDetail.vue
+++ b/pages/program/programDetail.vue
@@ -164,6 +164,7 @@
 			</view>
 		</u-modal>
 
+		<u-toast ref="pdMsgRef" />
 	</view>
 </template>
 
@@ -173,6 +174,8 @@
 	import { programAPI } from '../../api/program';
 	import { onLoad } from '@dcloudio/uni-app'
 	import { groupAPI } from '../../api/group';
+	
+	const pdMsgRef = ref()
 
 	const userId = ref()
 	const programId = ref()
@@ -229,11 +232,17 @@
 		} else {
 			// 开启群组聊天
 			groupAPI.add({ programId: programId.value, userId: userId.value }).then(res => {
+				console.log(res);
 				if(res.code==200){
 					// 创建成功，进入聊天
 					uni.redirectTo({
 						url: '/pages/message/chat?groupId=' + res.data.groupId
 					})
+				}else{
+					pdMsgRef.value.show({
+						title: res.msg,
+						type: 'error'
+					})
 				}
 			})
 		}
diff --git a/static/icon/More horizontal.png b/static/icon/More horizontal.png
new file mode 100644
index 0000000000000000000000000000000000000000..36d1c10e0a67b65c2120dff18f54dd8acf930c0f
GIT binary patch
literal 423
zcmeAS@N?(olHy`uVBq!ia0vp^CLqkg1|*MGNWTVBoCO|{#S9E$svykh8Km+7D9BhG
z<nF|<?wrg^AcrO0(btiIVPik{pF~!moQ<c8V@L(#+iPzFn;it$9)xQzV1B7kCSYYC
zJA-ct^IL_ohPe{f2BLGq8f0IrYy4xeWA{_#c;olRo9z>J^vCXyWl(|ut43*=aJ4`W
zomsEv9tnHI9=>AA3e~#31w#53#%sSw{mx2ndmew$_elRKgZ_0}vy_hWlpHcI(T;ID
zHpN5zvRjtif8Ov7q9!Y(HcGNrJC!ChzdkXeyeCA$>~ZwLc|Ovv=WX(i%&6ba5v}B>
zUH$xSbb>|wT$z`jg<{mFT~OVA?SW;N>K5la(~oQ~f6sil_S>1+TF=CkUo!I49`Cn3
zpZzrJ#`%8kHPWxAh^n2q@U~>v!{sMtDCSz5_8&fzyL+m)jY;Cng60w<>BBa=t_l5K
zpE%8BS%q8uZ{NKSJ^elwuM*vtziumI#^W8Q<_E(({DWCTca4Ql@HQV{xH5RU`njxg
HN@xNA^LD29

literal 0
HcmV?d00001

diff --git a/static/icon/search.png b/static/icon/search.png
new file mode 100644
index 0000000000000000000000000000000000000000..d88b0ea78d3e47d97de4e36eb7845c082e4311ec
GIT binary patch
literal 685
zcmV;e0#f~nP)<h;3K|Lk000e1NJLTq001cf001cn1^@s6s9*s000009a7bBm000&x
z000&x0ZCFM@Bjb+0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0zyedK~#7F)tG^G
zf-n$<4;LsKG$XiyY+yIAouJ(SH?W;RH*f^(1a<@H1n30UO9>Tu+$Ds>w%>dActq~!
z_XtS{z&{`X4-he>!-`^VLQ$mV=MzO`;z049B*_Qd3Nn{b6gZxeVg)goVD2_%N%R%N
zv!_rn6%t7)ju?+}l2M&(L}F8V8%4JY))X6xCB=R32`ng{(e00xqm5F+8tvwsJHIhp
zS~Lq+JuNu5i0KZWf(MkBTeM$Xg-Ssrhlyw-f_`l+0A27X2<#ycmWt-K<bp{oF~peW
zb}zn~*bF%w!Dk4s`yv0RONfL}&29hMnK>>Qtpmj4jcLyYTah2U7Z3?-27QjJe%V%1
zF<KQwg4USrx^sxT?n!GhWrRK<E+?j4bx&sSyPRAunn@R<=M*>s#k8NhC!$GczF%UZ
znD(lB(wgKxlw!W!8S~T0yi`B5CJ#(P2Jzr#vcq62HXm9X83YD>r(t10KSE&i)F+r!
zQerM7ZXgh(^&s45YfIMCR4oXsVItV9{A;f&c0{C=^CY9Dg0*)Qdt!yfXn`XZ!Pq<@
z+Xh2DMsv(J_ZFM#q>M2=Vr)>Z-jyEbDdCLLL4Rf{aHE3DETKl^_1V!t{^Wc$-fkDe
zxuTNMnEOFtj2g2!y7w&`x}WMkyTb@Zbyc_M-v#vU$D*eh-e^aBX$(tUp*F_!##Jh4
z*^K61d*%Z-(z|NPoK_U){&LHbzXN_%<g61Np`tbXB^aZ@7B|7b%PghidjsnW&pE59
TlU_)%00000NkvXXu0mjffUG1>

literal 0
HcmV?d00001

diff --git a/static/message/customer.png b/static/message/customer.png
new file mode 100644
index 0000000000000000000000000000000000000000..70d350e720a16da66549c36332f5e0011ede46d8
GIT binary patch
literal 5379
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

literal 0
HcmV?d00001

diff --git a/static/message/order.png b/static/message/order.png
new file mode 100644
index 0000000000000000000000000000000000000000..90ccf08c6c57c3baef4e32dafad9fa968c857041
GIT binary patch
literal 4795
zcmV;s5=8BZP)<h;3K|Lk000e1NJLTq002J#002e^1^@s6dvZ+H00009a7bBm000&x
z000&x0ZCFM@Bjb+0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH5>QD*K~#7Fy<1JM
zCRGux>i6DZ1jZQ<gg^+1ny4!<{s8nBD8_|L^aseVFmb6Hx5R~O+_=`bb2n}cgeW37
z2KktAfSI>XdCsZlsjBXK!@Vw?PVRj_y8E0{Ur#+%r(YEuumAD*eU;@^vG!vBc*DO{
z|F2?Z<3s<ai#2Py^w)m)1^xSR(YRn<hc}C=nGa%OKG+y*-jSdE;~dK`<-DT2&m`9~
z)}WlHpErzyxlC^Mf4}(NODDgU3yyi?>%Tv~(ua7BgN*SFlVEAOonEY;gHV3Xubl#5
zL6lis8!DkJXmNZa8!4wyb7;TKEL0I!mNf~l4{73lS)0B5!|$H__H$&HW&CTZKOO5B
zqqa7M8JeB%=bu|@{xx67P_xZ*7U%l4ct20~^Sr138`n<7^uK1ff1Vp-ntwm$&UxoK
zSIoG_gy*=9&3iv57^i!kyebzQC*p&AYZ-cOZt+DRJuT2Ie9?WYe>GGFZPQa|NxG!r
zbND+n;|?QXFu%Wr^{O}7R2t@no7>*A48GxW%nx0r7cM3IxVXEC(i2z4a>TS0&+?$9
z9O~~4OOtSUx0-*i{@GoU--nX?4dYlWd^|CQtMsuIA;d75&f(e~$is6t<TAp$t51s;
zFgg>DiF%TPxMdReQX6w2k{+P}oW4l66pYu`&>Th@6_QhLanM63#~x!gUxQL%CRPmg
z`NG3J+j-g!B~W%A9;2asbFYAf=ld3b1}qw3HLvlIvPRtWY2tc}h4Zc+bNdPv=z?eH
zK~)4iD)mC)bB%`giP9lloP*@?!MI$vNLrUGoA*N>jt`bGA0C9^C`=3FgfZv^a~w6|
zhQp{qpFU(OIB_}QrwdEO&p6t&DC6HVd7CbVg~ECcPKbCbigCR#b@@Ez@~cvC<zlO5
zb)O<NWw8+=f-wLQ>SH(N{Fwbh;i2V<uAAffql-LoeUCkULxF5PtLzBW{fQ0IlNyY{
z)>Y)=yG=g0J#1mqAk&*#kQsXaNV7mYfUUR@{x{1@31~(S?tbFNqF;SxkuBZuu`}6>
zNf$}lwU^V*dC$da4X1fL_4q;Fd}q~vedxC|DgcBgQmEsKZdhYvfs2J-a8tyrA!f$k
zNPkaUFW9k(b1MqT1reQ6$SPT0AKz>w*BIl*wT0wpen&z@V#7Zvgv>TX=t8e|%g-F|
zI_UOOBoI%=$5m?TWhTqzs-3Z106K1{?_<TXr>)z84~qpB4Fw>@Y6K+~>A1R6s$MG7
z5%4lEHZh{`yx_0zt#a+*6FE6x&Yht3b4l}QcS|8{w<Oz*!~2h`$y@KP)+}S$(k-Oq
zcton^|H&2XV#!l@VUE&WdbB&AirjqTDAyke2DKNpP*N^JMf40v_*Be*`x7F;-2VNs
z$+5)+2Cht((nhJn!j>GMMQXgH@G^>$hI^D8g{)KVb_IO$nOW4U9K1uZu$ptHggKj#
zuZmFE2m*eS6<pK;5@0oR8Iqz$`2-_e@5Pp!DT_tUDB&XETfryuTf?2P{&;U&Kg=?<
zq)D=}nn0W=C|y5_7a+J*(v$Z9e4soBxytE*R0MzCXP2=%E#IsFQ$(=_>q?R*rDk^K
zCg4X|t4n2NVO^PYmCDt0+h8&fR85k-xJR_`7`M7L)kM#z07~(BDe39<VYSGQg>$Fm
z)N1A!bt;<HFT(4_T2&EbkIJ!f%+SAwN3<?n?c0<ZZtsev!j<D+M)=8ye3-0|3QNdz
zL@Fj;&B0%jm(vgY^H=~{SyGB1DWPx7Vu_43eN65q1j$x1W*l4#?q4n`cnF`C&z>BC
zr?j)wX`^MzLf8pm&dsK^P+BuYsLw$|2qG#Qo><h7jT8;fMxTzwmy{QvExJxMk6a-9
z+A?0VTN!O9SXq-+PPsF^S&ergG;Fd4{8n}iN89x20>Ge{nh9bZab1yuCJUp)zl(*>
zBFs{uOjE=juQ1>Zg38M_$cjG83>_;RI}qHm<drC8S^K+5GsFbmGAB?fkBqMHdoXGb
zLsWdEeHRNa)D^+31R#<2+QZse-nKvOmnaDewXdVS4W(okhKEM}mQU|>{&25=ZMn=6
z%uuD#!&JgIY=WQybOT_gMJ|!<nCCU}9O`zu{?${FZ-3*8T)na#tK?K9tIfCR4g2eN
z$J@77{ma{H<o*5l#1JiAG;pa1sYWkrrJr|sw@;!lKR54c3|IWhGbeKORL`v3b{|Tj
zIvbBxRI(fAxhD^D>w~5r+|EF?Pz1B@?3pDvM(c;z=k<Hk5j8bmBz!Y4uDwM4c<73r
zv0n87SY`8hb8Q9XaxOobTsg%WVi1j-S3r(;d*feJDzR!|J(Ud&zfkz0)d=ToVUI7~
z|G3Fxk9zo8Sh1=j1uiO>&CqJ-yaW9%fWq-;y=&8qX%t{38>&2&&@{`13{mJRc8QW6
zUu^k#;m?2bky)7t5;2L}^G_}M<;M=P_uFi4#!zxzl=HenXCT+Uu=HBpuRV4PzWe@a
z|M|p{_Iof#kB>;aEZ7?~2_twK@Xw>|K1fjSM_3<MZ{I)Itvd(3eQ%MulQhAj-?2=*
z{qy0VFK1yRlAJt+m{Yv<Ub9|bZ@R1@zeGIG!TH|vbCh{g70>qgzH(^AYFWlvfz8P>
z4QUg^s}*V+=R!H1s|Xsb;@`0=HKuM}7?M|y@m}n`!q;5*El(oVofjgFfj(J5apm?1
zV>{}3_h_d=!OHu~Nw@gwr6GIk-ld5uFn4q&tRZ*L>%=s;jZYZMGI$FxL}L$dj_+PP
zD`T=x=Mdisv=^pslVD2GM?v3xV{|q5v#@*#LW!6|uibZ4qcg*bkOU{{^yK<=n()X)
zv%+;Qtys9#mU=T(iBo7KFKlZ8N~exl(gG|Z==^O9KuMKXYUvh1df5mKok?sf4Yz1?
zSM=R69YcV*S}Ig0aS^06w>DADf!(47=v}O_->7~6QM9|am%7vS2@#HGL2s?_ZZrxq
zPGBvRSW3T_*rDY`T(M6yBS#zyTK3aXv0`kk%?ysso<R=j@#-hbE>eU=<~(j$+jRL6
zR_mCgL8fv4GS`PxmpjZBs3WB-I~3El6Is9<6%#QzCu(z7A-k=^+N~XgF}hEWmX<@o
zBT{?yQhM{T0c5*=VB*8<I(N&@SJUJJqdPs6GBQr)d2V|Ny#O<Xx48loMyHo+kfU$`
zWjAnsiI75mpYfN%!*Q}Bv@v3Rp98|T<ov^6%(XM-`~B}YMqfR}^=%dHIm-@xF>C*N
zyH{5j1W?;c*Dwty=OwYRiO>X0X6VNb%NXal!s^2M-m>BoVY5V}K!rqO6Q7Am=QJ#M
z)4<^=cz?4Vfi)i5g9yy&4&5jj^HRDg-4mi|dR}!D02rkvvKpU{$rgBQYT4KUI-s_1
zYS_=L&C^h#u@T@Q5FI2}XM_UObOv`uymxoEA^d%F&m9^VaxY`VW$dnLZd495XiyIN
zncCn8-+caxeCdk^*@2prN07)!LOEK{pBA~%H#~2BxXR!Dxmtbp#|;pc1ngv8Ze<(W
zZGs7lSLCZ>+lcpx^s8gQH25On!K0Q4lB3v;j(CL=f9=^5`TBFG#q1FyvV$8r|H$hf
zzPe0$JM{79yGQXxN6|oBU2<vYny$`AT}+sY#W|C?Q0{ZS*Emuh0G+G_+wg;PoWM_9
zXy(F__MU$HuvuIlx`XVq*92kL?b*2r`471L2(fZ|LlVbBM&qAGX7PDkh(#<L7R?ur
z@rPAA;3?DH7;sXc;mQlfwz_GdPy$jE*K_YE=N#F0E1oX0`%I-dg(bE~-vR22TAMG<
z0`2Lzkf~KI%9)~~Y1AZjU4qWfid5LjI_Mq*-SSM1W?3ky)thhLv+Ivs)rTL_b5wBt
z`!k<6f;V~No%_MPH~R$v6eSEcDR%R<*11wYPA^DsqHDZlcgOHx!wFYs00Ko3KyBT*
zyXx=$bk}Y?qI!D5#vs^CZV*;Ex%@zBF8Z-+2l?nu6Fy+r8p?`fjb)(F*qk(abO^~L
zK4r0UWnPD*KGjPkRC~d2B{wYuDWy=)+6}SUW~#B53&~!ZXn2fTzK<Xo^?X{ql$|h+
zIu|n~5y*Zp>WzNNpVC0LcY_DUnVLv8I;1o+m9n`43)*`DfM+}=5pKzTw(&hIAp**)
zhPLypmRwZ|iW{vbL1ifX%N{~*Lg0ltn@&_{0NqT_WC$sJJDU{NO0fmGD>+ieeB;KS
zKL^V~WM0GVDT7c``vrY5Sfdw6Xcq-ihDpQt4FdY3x^8V&oN4a#W&lwt!|Ys^hl&6h
z<Pb0?SxApZhp-h2;m2Jqwae6_fw{%AEVLg992<rHK9)<J$7Uo@wz;=@5V=z_?$b@A
zlAcY)nf{%h%b^w}D!CTcun4F++jDe#Xi};sV<Ui!3;6-1ZcRU2Oq>&r2X0R40xX%Y
z2+Ro7>iRJy#y8oay%rZQZf(LOiT;d3+290z6M@z5D9_<#HH#cg%I<^UjGB{&$cd7n
zAra>j%KLYV#q%-#_^H&mPo!6W>^yn|(WuODN9<Xl^9U2h^9ZQ^y0Ci$U5+ajW)2B|
zvCR{h8dZ}C;+u3bT0{mf){W~~NQa><!K$Fne3oV`db~DqplgT+gUjlsNKq{w0qdlr
zXqknjvr}|tJ6{bgYEc>bkyTw(WEDL{YMvIL_>7$v{4+K#^WNeSbR`<2Ibc$7%Pwmg
zE6iQqOEgnAigyRhHkJrs20g-%Ns~-?YrLd7;bR^3(9*=5D4_09jkzAgA(zZdF~cKp
z#J$Jt0EGAbLGzlzP<hlEpcaFXnj{)0vVUA9R{%pcj}-8L-pDYAyNUKtWIUNstzN<+
z+Sd}_+h&EFkAUH|feWs&`)ZjhOg29cam%M*1yG&%^E1CA_X?17lSfA2H5iZhm5Gw)
z%SL6i+XzqP85ayv+`XVV94#{%*`c`h9jW<SoN#&kA<RpolnQMLqKSH?iNW-ruAmj;
zf<%!MDc+YbE)OT<0y2Fdy$LMR8Y*6)C1gXR$`Nsij-<P~dxWux**tS#8YX5aEu0CI
z1kcv8W9$|&DkY|GL9pnr=A0Cm=S}E&cXV&nY{SRH?LF|QP*W~EXH_QI8Xn-(esB7m
zFV0w2(mKc#$S<@o6g!tXExEAUZBm6+*@7T?r0DoaX)3rk%{4Em>MR=y#mYugL<$rU
z*@`H^CSnOJj=1&>=RSnchUw-jF@pI$M&BMtgGn+SC84-fgapM~ES@KlLQUZ@wV4ql
zLm6ipu^0WLK~$Cn58EIQPxXK^TgmIb;;@$Qq50zR_;}OsdUlg&D-%wMUS_0M&jPL1
z5m~01O45ZWeZ#Ze_*P2Vs2-uU!bjcJt#phepVNg``OS@v-Xi~&V1^U;uFY!UFz#tB
z+8FfE08*5%5pJoT5;hJCZXieQxg|!7AOlq`byEs2ANI>`kfp$;q5j4>O3fdHK{jz0
z4ys~%ESOD0x@`lN^64onm@z@sGDj=eVH|CvAvcIYB*hOCWFhx)Zm)@Df-diZv2IR&
z&3Lr=ON+Ulx_1xDasGL3b<PSLv*^ZhdpIgKo@-8S<~2-v=<Gy==UKqrZVH0dh6FSr
zomn<VZ2lP1725^xf3l94hhtE8(0*=I_SO7ywdEz?6*cZ|CsLVYB5z<4e?ONMp^+9u
z>qxK_EugjhJ*`RnPB)|?++;@?7Rf9CfU;p-mF(#Bv&Zg8$G#zTzk_S*yiN;tPJJ%$
z%DUhm{p|0rbW6P2&%Z#y6L3^A+imX?DbX$5+?8{Wr=NUuK8iBDWi}Wm<>lB*&Y+Q=
zcBQf_!-K)%u^E20`SW(wqnyh9{@1z!5D5dMXTdifB|JU!9IxkRl>giDlV5#e<ELZC
z88h=y5`S<&3R~1laEcaLC)BNTl+T{GqbM8}AFl7=t^PM216meW!uZL|=>n4TppN@?
zDq|bqI78p51Q0o{u`PwgQ3@o#D!3mNAn>4i7yNtgr4j!RRCxZ*-D1U}O*B)c;RnK=
zoDENXs7B?^h4TgXM8UIUsf#JL>X2Ya<K!X_@KC8KQY7iOB&sGnZPu)^No_)cgW<NX
z=mRN9Td;=6y7T`76}}7m2jV%HhEuk77JH(A0_fV#ihQq%o<nZcm8gh$IZ{08(y{jD
z0~LO~fB12q|7Iph*>s8AGHS7>k35jsq(I<otvCVDjm3rSDxpHc|8YzseD>K7{tLJ+
Vt1<%7A`1Wj002ovPDHLkV1kejF|_~y

literal 0
HcmV?d00001

diff --git a/static/message/process.png b/static/message/process.png
new file mode 100644
index 0000000000000000000000000000000000000000..03fd969e7a0763973fdefb89dfcaee6387586c0d
GIT binary patch
literal 6195
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
R4rKrU002ovPDHLkV1m?!{zCu&

literal 0
HcmV?d00001

diff --git a/static/message/system.png b/static/message/system.png
new file mode 100644
index 0000000000000000000000000000000000000000..74ab3a62873e20c2e1c950e405c34dfdd3380671
GIT binary patch
literal 4404
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

literal 0
HcmV?d00001