2025-09-28 聊天修改

pages/program/chat.vue

@@ -1,171 +0,0 @@
-<template>
-	<view class="chat-container">
-		<u-navbar title="聊天" 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>
-			</template>
-		</u-navbar>
-
-		<view class="bottom-view" id="bottomId">
-			<view class="icon u-m-r-10">
-				<image src="/static/icon/Mic.png" mode="" style="width: 100%;height: 100%;"></image>
-			</view>
-			<textarea name="" v-model="text" class="text" maxlength="3000"></textarea>
-			<view v-if="text==null || text==''" class="icon u-m-r-10 u-m-l-10">
-				<image src="/static/icon/expression.png" mode="" style="width: 100%;height: 100%;"></image>
-			</view>
-			<view v-else class="icon u-m-r-10 u-m-l-10">
-				<image src="/static/icon/big.png" mode="" style="width: 100%;height: 100%;"></image>
-			</view>
-			<view v-if="text==null || text==''" class="icon">
-				<image src="/static/icon/Camera.png" mode="" style="width: 100%;height: 100%;"></image>
-			</view>
-			<view v-else class="icon u-m-r-10 u-m-l-10" @click="handleSend">
-				<image src="/static/icon/send.png" mode="" style="width: 100%;height: 100%;"></image>
-			</view>
-		</view>
-
-		<scroll-view :style="'height:'+scrollHeight+'px'" scroll-y="true" class="scroll-main">
-			<view v-for="(item, index) in dataList">
-				<view v-if="item.createId==userId" class="my-message">
-					{{item.content}}
-				</view>
-				<view v-else class="other-message">
-					{{item.content}}
-				</view>
-			</view>
-		</scroll-view>
-
-
-	</view>
-</template>
-
-<script setup lang="ts">
-	import { onMounted, ref, getCurrentInstance, onBeforeMount } from 'vue';
-	import {
-		onLoad,
-	} from "@dcloudio/uni-app";
-	import io from '@hyoga/uni-socket.io';
-
-	const text = ref('')
-
-	const socket = ref()
-
-	const navBarRef = ref()
-	const dataList = ref([])
-
-	const mockData = () => {
-		for (var i = 0; i < 40; i++) {
-			dataList.value.push("测试" + (i + 1))
-		}
-	}
-
-	const handleSend = () => {
-		socket.value.emit('clientMsg', {
-			createId: userId.value,
-			groupId: groupId.value,
-			content: text.value,
-			type: "text"
-		})
-	}
-
-	const groupId = ref()
-	const userId = ref()
-
-	onLoad((val) => {
-		groupId.value = val.groupId
-	});
-
-	const instance = getCurrentInstance();
-	const scrollHeight = ref(0)
-	const loadHeight = () => {
-		uni.getSystemInfo({
-			success(res) {
-				let screenHeight = res.screenHeight
-				uni.createSelectorQuery().in(instance.proxy).select("#navBarId").boundingClientRect((data : any) => {
-					scrollHeight.value = screenHeight - data.height
-				}).exec()
-				uni.createSelectorQuery().in(instance.proxy).select("#bottomId").boundingClientRect((data : any) => {
-					scrollHeight.value = scrollHeight.value - data.height
-				}).exec()
-			}
-		})
-	}
-
-	const connection = () => {
-		socket.value = io('http://192.168.0.15:3007', {
-			query: {},
-			transports: ['websocket', 'polling'],
-			timeout: 5000,
-		});
-		socket.value.on('connect', async () => {
-			console.log("连接成功");
-		})
-		socket.value.emit('addGroup', {
-			groupId: groupId.value,
-		})
-		socket.value.on('serverMsg', async (message) => {
-			console.log(message);
-			dataList.value.push(message)
-		})
-	}
-
-	const loadData = () => {
-		userId.value = uni.getStorageSync("user").id
-	}
-
-	onMounted(() => {
-		// mockData()
-		loadData()
-
-		loadHeight()
-		connection()
-	})
-</script>
-
-<style scoped lang="scss">
-	.chat-container {
-		width: 100%;
-		height: 100vh;
-		background: linear-gradient(180deg, #E3E8FF 0%, #FFFFFF 100%);
-		background-blend-mode: lighten;
-
-
-		.collection {
-			width: 48rpx;
-			height: 48rpx;
-			margin-right: 24rpx;
-		}
-
-		.bottom-view {
-			width: 100%;
-			height: 80rpx;
-			// background-color: #aaffff;
-			position: absolute;
-			bottom: 0;
-			display: flex;
-			align-items: center;
-			padding: 10rpx;
-
-			.icon {
-				width: 48rpx;
-				height: 48rpx;
-			}
-
-			.text {
-				width: 100%;
-				height: 100%;
-				border: 2rpx solid #DEEFFF;
-			}
-		}
-
-		.scroll-main {
-			.my-message {
-				text-align: right;
-			}
-
-			.other-message {}
-		}
-	}
-</style>

pages/program/programDetail.vue

@@ -96,7 +96,8 @@
 		</view>
 
 		<u-row justify="flex-end" class="u-m-r-40 btn-group">
-			<u-col span="3"><u-button class="btn" type="primary">{{isChat?"继续聊":"聊一聊"}}</u-button></u-col>
+			<u-col span="3"><u-button class="btn" type="primary"
+					@click="handleChat">{{isChat?"继续聊":"聊一聊"}}</u-button></u-col>
 			<u-col span="3"><u-button class="btn" type="success" @click="handleOpen">立刻融</u-button></u-col>
 		</u-row>
 
@@ -171,6 +172,7 @@
 	import { getUserInfo } from '../../util/common';
 	import { programAPI } from '../../api/program';
 	import { onLoad } from '@dcloudio/uni-app'
+	import { groupAPI } from '../../api/group';
 
 	const userId = ref()
 	const programId = ref()
@@ -213,6 +215,30 @@
 		loadData()
 	})
 
+	const handleChat = () => {
+		if (isChat.value) {
+			// 继续聊
+			groupAPI.getOne({programId: programId.value, userId: userId.value}).then(res=>{
+				if(res.code==200){
+					// 进入聊天
+					uni.redirectTo({
+						url: '/pages/message/chat?groupId=' + res.data.groupId
+					})
+				}
+			})
+		} else {
+			// 开启群组聊天
+			groupAPI.add({ programId: programId.value, userId: userId.value }).then(res => {
+				if(res.code==200){
+					// 创建成功，进入聊天
+					uni.redirectTo({
+						url: '/pages/message/chat?groupId=' + res.data.groupId
+					})
+				}
+			})
+		}
+	}
+
 
 	// 立刻融 弹窗
 	const showWarning = ref(false)