2025-10-09

新建系统消息页面

pages/message/message.vue

@@ -15,7 +15,7 @@
 						</view>
 					</view>
 					<view class="head-box2">
-						<view class="item">
+						<view class="item" @click="handleNavigateTo">
 							<view class="box-img">
 								<image class="img" src="/static/message/system.png" mode=""></image>
 							</view>
@@ -62,7 +62,8 @@
 
 				<scroll-view scroll-y="true" class="message-list" :style="'height:'+height+'px'">
 					<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"
+						<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}}
@@ -77,7 +78,8 @@
 								未读： {{item.userUnread.length}}
 							</view>
 						</u-swipe-action>
-						<u-swipe-action bgColor="#F8FBFF" class="my-program" @content-click="handleChat(item)" v-else :options="options">
+						<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>
@@ -89,6 +91,7 @@
 							</view>
 						</u-swipe-action>
 					</view>
+					<view class="placeholder-box"></view>
 				</scroll-view>
 			</view>
 		</view>
@@ -114,7 +117,7 @@
 			success(res) {
 				let screenHeight = res.screenHeight
 				uni.createSelectorQuery().in(instance.proxy).select("#tabbarId").boundingClientRect((data : any) => {
-					height.value = screenHeight - data.height - 50
+					height.value = screenHeight - data.height
 				}).exec()
 				uni.createSelectorQuery().in(instance.proxy).select("#fixedHeadId").boundingClientRect((data : any) => {
 					height.value = height.value - data.height
@@ -125,6 +128,13 @@
 
 	// 搜索
 	const keyword = ref('')
+	
+	// 系统消息
+	const handleNavigateTo = () => {
+		uni.navigateTo({
+			url:'/pages/message/systemMessage'
+		})
+	}
 
 	// 小菜单切换
 	const menuList = ref([{
@@ -247,7 +257,7 @@
 					}
 				}
 			}
-			
+
 			.head-box2 {
 				display: flex;
 				justify-content: space-around;
@@ -317,7 +327,7 @@
 					.other-message {
 						padding: 20rpx 0rpx 20rpx 20rpx;
 						background-color: #F8FBFF;
-;
+						;
 					}
 
 					.my-program {
@@ -327,6 +337,11 @@
 					}
 
 				}
+				
+				.placeholder-box{
+					width: 100%;
+					height: 50rpx;
+				}
 			}
 		}
 	}