From f9ef91e5fe7dbec56a29867b9d2d9f7e3792f0f4 Mon Sep 17 00:00:00 2001
From: yanghang <icho.yang@scai-global.com>
Date: Wed, 25 Jun 2025 11:24:35 +0800
Subject: [PATCH] =?UTF-8?q?ws=E9=93=BE=E6=8E=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/course/study.vue              |  84 ++++++++++++++++--------
 src/static/images/course/voice-gif.gif  | Bin 0 -> 2754 bytes
 src/static/images/course/voice-gray.png | Bin 0 -> 2201 bytes
 3 files changed, 58 insertions(+), 26 deletions(-)
 create mode 100644 src/static/images/course/voice-gif.gif
 create mode 100644 src/static/images/course/voice-gray.png

diff --git a/src/pages/course/study.vue b/src/pages/course/study.vue
index 75aa7dc6..576cb08a 100644
--- a/src/pages/course/study.vue
+++ b/src/pages/course/study.vue
@@ -12,7 +12,7 @@
 				<uv-radio-group v-model="choiceTeacher">
 					<view class="voice-item" v-for="item in teacherList" :key="item.teacherNo" @click="choiceTeacher = item.teacherNo">
 						<view class="avatar-box">
-							<ImagePreview class="img-box" :imgId="item.imgAddr" :isCache="true" :width="480" :height="660"></ImagePreview>
+							<ImagePreview class="img-box" :imgId="item.imgAddr" :isCache="true" :width="120" :height="160"></ImagePreview>
 						</view>
 						<view class="right-cont">
 							<view class="right-name">{{item.teacherName}}</view>
@@ -79,8 +79,8 @@
 </template>
 
 <script setup>
-import { reactive, ref, computed, unref, onMounted } from 'vue';
-import { onLoad } from '@dcloudio/uni-app';
+import { reactive, ref, computed, unref, onMounted, onUnmounted } from 'vue';
+import { onLoad,onShow,onHide } from '@dcloudio/uni-app';
 import { previewFile, downloadFile } from "@/api/common.js"
 import { getToken } from '@/common/common.js'
 import { get_base_url } from '@/api/request'
@@ -101,7 +101,9 @@ const getData = async () => {
 			step.value = 1
 			teacherList.value = body.teacheList
 		}else{
+			step.value = 2
 			choiceTeacher.value = body.choiceTeacher
+			initWS(2)
 		}
 	}catch{
 		
@@ -117,37 +119,49 @@ const getData = async () => {
 };
 let WS = {}
 const nextStep = () => {
-	console.log(choiceTeacher.value)
 	if(choiceTeacher.value){
-		initWS()
+		initWS(1)
+	}else{
+		uni.showToast({
+		  title: '请选择一位教师！',
+		  icon: "none",
+		  duration
+		});
 	}
 }
-const initWS = async () => {
-	let _params = {
-		url: get_base_url() + '/trastudy/trasoket/open',
-		header:{
-			Summary: getToken(),
-			'Content-Type': 'application/json;charset=UTF-8'
-		},
-	}
-	console.log(_params)
+const initWS = async (step) => {
 	WS = uni.connectSocket({
-		..._params,
-		success(res){
-			console.log(res)
+		url: get_base_url() + '/trastudy/trasoket/open?summary=' + getToken(),
+		header:{
+			'summary': getToken(),
+			'content-type': 'application/json;charset=UTF-8'
 		},
-		file(err){
+		success:function(res){
+			WS.onMessage = (event) => {
+				console.log(event)
+			}
+			let _params = step === 1 ?{
+				"commond" : 'open',
+				"body" : {
+					crsId: crsId.value,
+					teacherNo: choiceTeacher.value
+				}
+			}:{
+				
+			}
+			WS.send(_params)
+		},
+		fail:function(err){
 			console.log(err)
+		},
+		complete:function(res){
+			console.log(res)
 		}
 	})
-	console.log(WS)
 	WS.onOpen = () =>{
 		console.log('建立链接')
 		step.value = 2
 	}
-	// WS.onmessage = (event) => {
-	// 	console.log(event)
-	// }
 	// WS.onerror = (event) => {
 	// 	console.log(event)
 	// }
@@ -159,7 +173,6 @@ const initWS = async () => {
 onLoad((params) => {
 	crsId.value = params.crsId||'';
 	crsNum.value = params.crsNum||'';
-	getData();
 });
 const showTalkingModel = ref(false)
 // 录音
@@ -179,13 +192,27 @@ const startRecord = () => {
 const stopRecord = () => {
 	unref(recordObj).stop()
 }
-onMounted(()=>{
-	initRecord()
-})
+// onMounted(()=>{
+// 	initRecord()
+// })
 // #endif
 //#ifndef APP-PLUS
 const recordObj = {}
+const initRecord = () => {}
 // #endif
+onMounted(()=>{
+	getData();
+	initRecord?.()
+})
+onShow(()=>{
+	getData();
+})
+onHide(()=>{
+	WS.close?.()
+})
+onUnmounted(()=>{
+	WS.close?.()
+})
 const playRecord = () => {
 	audioObj.src = audioPath.value
 	unref(audioObj).play()
@@ -346,10 +373,15 @@ const handleMove = (obj) => {
 							overflow: hidden;
 						}
 						.right-desc{
+							width: 380rpx;
 							line-height: 38rpx;
 							font-size: 25rpx;
 							color: #999;
 							margin-bottom: 12rpx;
+							word-break: break-all;
+							white-space: nowrap;
+							text-overflow: ellipsis;
+							overflow: hidden;
 						}
 						.audio-box{
 							width: 90%;
diff --git a/src/static/images/course/voice-gif.gif b/src/static/images/course/voice-gif.gif
new file mode 100644
index 0000000000000000000000000000000000000000..2a9051898ab06365c164d24fcb6cb99d0a160560
GIT binary patch
literal 2754
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
CpDkqo

literal 0
HcmV?d00001

diff --git a/src/static/images/course/voice-gray.png b/src/static/images/course/voice-gray.png
new file mode 100644
index 0000000000000000000000000000000000000000..ecac74a29fe36f0de214586890dc0c7cd11008c3
GIT binary patch
literal 2201
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
brKSG^C!L=zlb56@00000NkvXXu0mjf40Haz

literal 0
HcmV?d00001