From 58adee173b8d1d17eddca06c5b9236aa17107478 Mon Sep 17 00:00:00 2001
From: yanghang <icho.yang@scai-global.com>
Date: Wed, 2 Jul 2025 11:04:58 +0800
Subject: [PATCH 1/2] =?UTF-8?q?=E8=AE=BE=E7=BD=AE=E5=80=8D=E9=80=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/request.js                          |   5 +
 src/api/socket.js                           |   8 +-
 src/api/study.js                            |  36 +-
 src/components/loading.vue                  | 352 ++++++++++++++++++++
 src/main.js                                 |   2 +
 src/pages/course/components/talkingItem.vue |  66 +++-
 src/pages/course/study.vue                  | 216 +++++++++---
 src/static/images/course/send.png           | Bin 0 -> 1681 bytes
 src/static/images/course/setting.png        | Bin 0 -> 1350 bytes
 9 files changed, 617 insertions(+), 68 deletions(-)
 create mode 100644 src/components/loading.vue
 create mode 100644 src/static/images/course/send.png
 create mode 100644 src/static/images/course/setting.png

diff --git a/src/api/request.js b/src/api/request.js
index c6b60f82..2afaf5f3 100644
--- a/src/api/request.js
+++ b/src/api/request.js
@@ -49,6 +49,7 @@ export default function request({
 	meta,
 	isStream,
 	suppressErrors,
+	toastErrors,
 	header = {},
 	timeout = 6000
 }) {
@@ -80,6 +81,10 @@ export default function request({
 				const res = response.data
 				if (res?.rtnCode === '0000') {
 					return resolve(res)
+				}else{
+					if(toastErrors){
+						common.msg(res?.message)
+					}
 				}
 				//到这里下面全是异常的处理
 				if (suppressErrors) { // 静默的接口，报错也不处理，因为下面有公共处理
diff --git a/src/api/socket.js b/src/api/socket.js
index 66cd2c1f..26367b88 100644
--- a/src/api/socket.js
+++ b/src/api/socket.js
@@ -1,3 +1,6 @@
+
+import { goto_login_fun } from '@/api/request'
+
 export default class WebSocketUtil {
   /**
    * WebSocket工具类，用于管理WebSocket连接
@@ -113,10 +116,6 @@ export default class WebSocketUtil {
   triggerEvent(event, data) {
     if (this.callbacks[event]) {
       this.callbacks[event].forEach(callback => callback(data));
-			uni.$emit('socketEvent',{
-				type: event,
-				data
-			})
     }
   }
 
@@ -201,6 +200,7 @@ export default class WebSocketUtil {
     } else {
       console.error('达到最大重连次数，停止尝试');
       this.triggerEvent('error', new Error('达到最大重连次数'));
+			goto_login_fun()
     }
   }
 
diff --git a/src/api/study.js b/src/api/study.js
index 9bbc9ffd..0f93cd64 100644
--- a/src/api/study.js
+++ b/src/api/study.js
@@ -7,6 +7,7 @@ export const getCourseStudyInfoApi = (data) => {
 	return request({
 		url: base_url + '/traStdyInfo/queryTraStdyProgressAndTeacher',
 		method: 'post',
+		toastErrors: true,
 		data
 	});
 };
@@ -16,6 +17,7 @@ export const queryTraStdyBatchWaitParagraphInfoApi = (data) => {
 	return request({
 		url: base_url + '/traStdyInfo/queryTraStdyBatchWaitParagraphInfo',
 		method: 'post',
+		toastErrors: true,
 		data
 	});
 };
@@ -24,6 +26,7 @@ export const deleteTraStdyInfoByIdApi = (data) => {
 	return request({
 		url: base_url + '/traStdyInfo/deleteTraStdyInfoById',
 		method: 'post',
+		toastErrors: true,
 		data
 	});
 };
@@ -33,6 +36,7 @@ export const studyParagraphOverApi = (data) => {
 	return request({
 		url: base_url + '/traStdyInfo/studyParagraphOver',
 		method: 'post',
+		toastErrors: true,
 		data
 	});
 };
@@ -41,6 +45,7 @@ export const studyAnswerTextUpApi = (data) => {
 	return request({
 		url: base_url + '/traStdyInfo/studyAnswerTextUp',
 		method: 'post',
+		toastErrors: true,
 		data
 	});
 };
@@ -49,6 +54,7 @@ export const queryTraStdyBatchWaitQuestionInfoApi = (data) => {
 	return request({
 		url: base_url + '/traStdyInfo/queryTraStdyBatchWaitQuestionInfo',
 		method: 'post',
+		toastErrors: true,
 		data
 	});
 };
@@ -57,6 +63,34 @@ export const audioTranscriptionsApi = (data) => {
 	return request({
 		url: base_url + '/traStdyInfo/audioTranscriptions',
 		method: 'post',
+		toastErrors: true,
 		data
 	});
-};
\ No newline at end of file
+};
+
+// 撤回消息
+export const withdrawalAnswerApi = (data) => {
+	return request({
+		url: base_url + '/traStdyInfo/withdrawalAnswer',
+		method: 'post',
+		toastErrors: true,
+		data
+	});
+};
+// 异步完成回答
+// 入参:
+// qstLogId  必输项:true  类型:String
+// 出参:
+// qstLogId 问题日志ID String
+// qnsId 问题ID String
+// processStat 状态 String
+// message 处理消息 String
+
+export const waitMakeEvaluateApi = (data) => {
+	return request({
+		url: base_url + '/traStdyInfo/waitMakeEvaluate',
+		method: 'post',
+		toastErrors: true,
+		data
+	});
+};
diff --git a/src/components/loading.vue b/src/components/loading.vue
new file mode 100644
index 00000000..3bf15e46
--- /dev/null
+++ b/src/components/loading.vue
@@ -0,0 +1,352 @@
+<template>
+		<view :class="['loading', type]">
+			<view></view>
+			<view></view>
+			<view></view>
+			<view></view>
+			<view></view>
+			<view></view>
+			<view></view>
+			<view></view>
+		</view>
+</template>
+
+<script>
+import { computed } from 'vue'
+
+	export default {
+		name:"loading",
+		props:{
+			type:{
+				default: 'cr',// cl cr easy
+				type: String
+			},
+			size: {
+				default: '32',
+				type: [String, Number]
+			},
+			color: {
+				default: 'black',
+				type: String
+			}
+		},
+		computed:{
+			loadingWidth(){
+				return this.size + 'rpx'
+			},
+			easyLoadingWidth(){
+				return Number(this.size) * 15 / 16  + 'rpx'
+			},
+			easyLoadingBorderWidth(){
+				return Number(this.size) / 16  + 'rpx'
+			},
+			loadingColor(){
+				return this.color
+			}
+		},
+		data() {
+			return {
+			
+			};
+		}
+	}
+</script>
+
+<style lang="scss">
+
+		.loading.easy {
+		  width: v-bind(easyLoadingWidth);
+		  height: v-bind(easyLoadingWidth);
+			border-style: solid;
+			border-color: v-bind(loadingColor);
+		  border-width: v-bind(easyLoadingBorderWidth);
+		  border-top-color: transparent;
+		  border-radius: 100%;
+		  animation: circle infinite 0.75s linear;
+		}
+		
+		// 转转转动画
+		@keyframes circle {
+		  0% {
+		    transform: rotate(0);
+		  }
+		  100% {
+		    transform: rotate(360deg);
+		  }
+		}
+		
+		
+		.loading,
+		.loading.cl > view {
+		  position: relative;
+		  box-sizing: border-box;
+		}
+		
+		.loading.cl {
+		  display: block;
+		  font-size: 0;
+		  color: v-bind(loadingColor);
+		}
+		
+		.loading.cl.la-dark {
+		  color: #333;
+		}
+		
+		.loading.cl > view {
+		  display: inline-block;
+		  float: none;
+		  background-color: currentColor;
+		  border: 0 solid currentColor;
+		}
+		
+		.loading.cl {
+		  width: v-bind(loadingWidth);
+		  height: v-bind(loadingWidth);
+		}
+		
+		.loading.cl > view {
+		  position: absolute;
+		  top: 50%;
+		  left: 50%;
+		  width: 25%;
+		  height: 25%;
+			transform: translate(-50%, -50%);
+		  border-radius: 100%;
+		  animation: ball-spin-clockwise 1s infinite ease-in-out;
+		}
+		
+		.loading.cl > view:nth-child(1) {
+		  top: 5%;
+		  left: 50%;
+		  animation-delay: -0.875s;
+		}
+		
+		.loading.cl > view:nth-child(2) {
+		  top: 18.1801948466%;
+		  left: 81.8198051534%;
+		  animation-delay: -0.75s;
+		}
+		
+		.loading.cl > view:nth-child(3) {
+		  top: 50%;
+		  left: 95%;
+		  animation-delay: -0.625s;
+		}
+		
+		.loading.cl > view:nth-child(4) {
+		  top: 81.8198051534%;
+		  left: 81.8198051534%;
+		  animation-delay: -0.5s;
+		}
+		
+		.loading.cl > view:nth-child(5) {
+		  top: 94.9999999966%;
+		  left: 50.0000000005%;
+		  animation-delay: -0.375s;
+		}
+		
+		.loading.cl > view:nth-child(6) {
+		  top: 81.8198046966%;
+		  left: 18.1801949248%;
+		  animation-delay: -0.25s;
+		}
+		
+		.loading.cl > view:nth-child(7) {
+		  top: 49.9999750815%;
+		  left: 5.0000051215%;
+		  animation-delay: -0.125s;
+		}
+		
+		.loading.cl > view:nth-child(8) {
+		  top: 18.179464974%;
+		  left: 18.1803700518%;
+		  animation-delay: 0s;
+		}
+		
+		.loading.cl.la-sm {
+		  width: 50%;
+		  height: 50%;
+		}
+		
+		.loading.cl.la-sm > view {
+		  width:12.5%;
+		  height:12.5%;
+			transform: translate(-50%, -50%);
+		}
+		
+		.loading.cl.la-2x {
+		  width: 64rpx;
+		  height: 64rpx;
+		}
+		
+		.loading.cl.la-2x > view {
+		  width: 50%;
+		  height: 50%;
+			transform: translate(-50%, -50%);
+		}
+		
+		.loading.cl.la-3x {
+		  width: 96rpx;
+		  height: 96rpx;
+		}
+		
+		.loading.cl.la-3x > view {
+		  width: 24rpx;
+		  height: 24rpx;
+			transform: translate(-50%, -50%);
+		}
+		
+		@keyframes ball-spin-clockwise {
+		  0%,
+		  100% {
+		    opacity: 1;
+		    transform: scale(1);
+		  }
+		
+		  20% {
+		    opacity: 1;
+		  }
+		
+		  80% {
+		    opacity: 0;
+		    transform: scale(0);
+		  }
+		}
+		
+		.loading.cr,
+		.loading.cr > view {
+		  position: relative;
+		  box-sizing: border-box;
+		}
+		
+		.loading.cr {
+		  display: block;
+		  font-size: 0;
+		  color: v-bind(loadingColor);
+		}
+		
+		.loading.cr.la-dark {
+		  color: #333;
+		}
+		
+		.loading.cr > view {
+		  display: inline-block;
+		  float: none;
+		  background-color: currentColor;
+		  border: 0 solid currentColor;
+		}
+		
+		.loading.cr {
+		  width: v-bind(loadingWidth);
+		  height: v-bind(loadingWidth);
+		}
+		
+		.loading.cr > view {
+		  position: absolute;
+		  top: 50%;
+		  left: 50%;
+		  width: 25%;
+		  height: 25%;
+			transform: translate(-50%, -50%);
+		  border-radius: 100%;
+		  animation: ball-spin 1s infinite ease-in-out;
+		}
+		
+		.loading.cr > view:nth-child(1) {
+		  top: 5%;
+		  left: 50%;
+		  animation-delay: -1.125s;
+		}
+		
+		.loading.cr > view:nth-child(2) {
+		  top: 18.1801948466%;
+		  left: 81.8198051534%;
+		  animation-delay: -1.25s;
+		}
+		
+		.loading.cr > view:nth-child(3) {
+		  top: 50%;
+		  left: 95%;
+		  animation-delay: -1.375s;
+		}
+		
+		.loading.cr > view:nth-child(4) {
+		  top: 81.8198051534%;
+		  left: 81.8198051534%;
+		  animation-delay: -1.5s;
+		}
+		
+		.loading.cr > view:nth-child(5) {
+		  top: 94.9999999966%;
+		  left: 50.0000000005%;
+		  animation-delay: -1.625s;
+		}
+		
+		.loading.cr > view:nth-child(6) {
+		  top: 81.8198046966%;
+		  left: 18.1801949248%;
+		  animation-delay: -1.75s;
+		}
+		
+		.loading.cr > view:nth-child(7) {
+		  top: 49.9999750815%;
+		  left: 5.0000051215%;
+		  animation-delay: -1.875s;
+		}
+		
+		.loading.cr > view:nth-child(8) {
+		  top: 18.179464974%;
+		  left: 18.1803700518%;
+		  animation-delay: -2s;
+		}
+		
+		.loading.cr.la-sm {
+		  width: 50%;
+		  height: 50%;
+		}
+		
+		.loading.cr.la-sm > view {
+		  width:12.5%;
+		  height:12.5%;
+			transform: translate(-50%, -50%);
+		}
+		
+		.loading.cr.la-2x {
+		  width: 64rpx;
+		  height: 64rpx;
+		}
+		
+		.loading.cr.la-2x > view {
+		  width: 50%;
+		  height: 50%;
+			transform: translate(-50%, -50%);
+		}
+		
+		.loading.cr.la-3x {
+		  width: 96rpx;
+		  height: 96rpx;
+		}
+		
+		.loading.cr.la-3x > view {
+		  width: 24rpx;
+		  height: 24rpx;
+			transform: translate(-50%, -50%);
+		}
+		
+		@keyframes ball-spin {
+		  0%,
+		  100% {
+		    opacity: 1;
+		    transform: scale(1);
+		  }
+		
+		  20% {
+		    opacity: 1;
+		  }
+		
+		  80% {
+		    opacity: 0;
+		    transform: scale(0);
+		  }
+		}
+</style>
\ No newline at end of file
diff --git a/src/main.js b/src/main.js
index f985b87a..47a8fa35 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,10 +1,12 @@
 import App from './App'
 import { createSSRApp } from 'vue'
 import pinia from './store.js'
+import CommonLoading from './components/loading.vue'
 
 export function createApp() {
   const app = createSSRApp(App)
 	app.use(pinia)
+	app.component('CommonLoading',CommonLoading)
   return {
     app
   }
diff --git a/src/pages/course/components/talkingItem.vue b/src/pages/course/components/talkingItem.vue
index ec6cd3cd..d8d79ab0 100644
--- a/src/pages/course/components/talkingItem.vue
+++ b/src/pages/course/components/talkingItem.vue
@@ -11,7 +11,9 @@
 			</view>
 		</view>
 		<view :class="['talking-info', [4].indexOf(type) >= 0 ? 'talking-info-less':''] ">
-			<view :class="['talking-gif', activeVoiceId === dataInfo.id?'is-play':'']"></view>
+			<view :class="['talking-gif', !voiceLoading && (activeVoiceId === dataInfo.id)?'is-play':'']">
+				<CommonLoading color="#06f" v-show="voiceLoading"/>
+			</view>
 			<view class="talking-cont">
 				<view class="talking-text" v-if="[3, 5, 6].indexOf(type) >= 0">
 					{{ dataInfo.pgrphContent }}
@@ -56,7 +58,7 @@
 				</view>
 				<!-- <view class="next-learn-btn">继续学<image class="icon icon-iamge" src="@/static/images/course/goon.png" ></image></view>
 				<view class="replay-study-btn"><image class="icon icon-iamge" src="@/static/images/course/restudy.png" ></image></view> -->
-				<view class="next-btn" @click="goOnGetQues" v-if="showNextBtn && [3, 5, 6].indexOf(type) >= 0">继续 
+				<view class="next-btn" @click="goOnGetQues" v-if="showNextBtn && [3, 5, 6].indexOf(type) >= 0 && isLast">继续 
 					<image class="icon icon-iamge" src="@/static/images/course/goon.png" ></image></view>
 			</view>
 		</view>
@@ -73,9 +75,12 @@
 		</view>
 		
 		<view class="talking-info">
-			<view :class="['talking-gif', activeVoiceId === dataInfo.id?'is-play':'']"></view>
+			<view :class="['talking-gif', !voiceLoading && (activeVoiceId === dataInfo.id) ? 'is-play' : '']">
+				<CommonLoading color="#fff" v-show="voiceLoading"/>
+			</view>
 			<view class="talking-cont">
 				<view class="talking-text">
+					<CommonLoading color="#fff" v-show="translateLoading"/>
 					{{ dataInfo.talkingContent }}
 				</view>
 			</view>
@@ -98,8 +103,8 @@
 					></image>
 				</view>
 				<view class="icon text-btn" v-if="type === 1" @click="translateVoice(dataInfo)">文</view>
-				<view class="icon text-right-btn" @click="translateVoice(dataInfo)" v-if="isLast">完成</view>
-				<view class="icon text-right-btn" @click="translateVoice(dataInfo)">撤回</view>
+				<view class="icon text-right-btn" @click="finishQuestion(dataInfo)" v-if="isLast">完成</view>
+				<view class="icon text-right-btn" @click="withdraw(dataInfo)">撤回</view>
 			</view>
 		</view>
 	</view>
@@ -153,12 +158,19 @@ import { getUserInfo } from '@/common/common';
 			default:false,
 			type: Boolean
 		},
+		voiceRate: {
+			default: '1.0',
+			type:[Number,String],
+		}
 	})
 	const { type, dataInfo, activeVoiceId, isPlaying, isLast} = toRefs(props)
-	const emit = defineEmits(['changePlay', 'nextQuestion'])
+	const emit = defineEmits(['changePlay', 'nextQuestion', 'withdraw', 'finishQuestion'])
 	// 声音播放初始化
 	const talkVoiceObj = ref(uni.createInnerAudioContext())
+	talkVoiceObj.value.playbackRate = Number(props.voiceRate)
 	const userInfo = computed(() => getUserInfo())
+	
+	const voiceLoading = ref(false)
 	watch(() => props.isPlaying,(val) => {
 		if(!val){
 			talkVoiceObj.value?.stop()
@@ -167,6 +179,12 @@ import { getUserInfo } from '@/common/common';
 		deep: true,
 		immediate: true
 	})
+	watch(() => props.voiceRate,(val) => {
+		talkVoiceObj.value.playbackRate = Number(val)
+	},{
+		deep: true,
+		immediate: true
+	})
 	
 	talkVoiceObj.value.onEnded(()=>{
 		emit('changePlay', '')
@@ -183,8 +201,8 @@ import { getUserInfo } from '@/common/common';
 	}
 	// 重播
 	const restartPlay = () => {
-		emit('changePlay', unref(dataInfo)?.id)
 		if(itemVoice.value){
+			emit('changePlay', unref(dataInfo)?.id)
 			setTimeout(()=>{
 				talkVoiceObj.value.src = itemVoice.value
 				talkVoiceObj.value.play()
@@ -198,13 +216,12 @@ import { getUserInfo } from '@/common/common';
 		// readType 阅读内容类型pgrh段落/qns问题
 		emit('changePlay', unref(dataInfo)?.id)
 		if(itemVoice.value){
-		console.log(1111111,itemVoice.value)
 			setTimeout(()=>{
 				talkVoiceObj.value.src = itemVoice.value
 				talkVoiceObj.value.play()
 			},100)
 		}else{
-		console.log(2,itemVoice.value)
+			voiceLoading.value = true
 			let _params = {
 				crsId: unref(dataInfo)?.crsId || '',
 				pgrphId: unref(dataInfo)?.pgrphId || '',
@@ -217,9 +234,12 @@ import { getUserInfo } from '@/common/common';
 				return encodeURIComponent(t) + '=' + encodeURIComponent(_params[t])
 			}).join('&')
 			downloadVoiceFile(_url).then(res=>{
+				voiceLoading.value = false
 				itemVoice.value = res.tempFilePath
 				talkVoiceObj.value.src = res.tempFilePath
 				talkVoiceObj.value.play()
+			}).catch((err)=>{
+				voiceLoading.value = false
 			})
 		}
 	}
@@ -237,11 +257,17 @@ import { getUserInfo } from '@/common/common';
 			talkVoiceObj.value.play()
 		},100)
 	}
+	const translateLoading = ref(false)
+	// 翻译
 	const translateVoice = (item) =>{
 		if(!item.talkingVoice) return
+		translateLoading.value = true
 		uploadVoiceFile(item.talkingVoice,{}).then(res=>{
 			let _data = JSON.parse(res.data)
 			item.talkingContent = _data.body
+			translateLoading.value = false
+		}).catch(()=>{
+			translateLoading.value = false
 		})
 	}
 	const showNextBtn = ref(true)
@@ -254,6 +280,14 @@ import { getUserInfo } from '@/common/common';
 			emit('nextQuestion', unref(dataInfo))
 		})
 	}
+	// 撤回
+	const withdraw = (data) => {
+		emit('withdraw',data)
+	}
+	// 完成
+	const finishQuestion = (data) => {
+		emit('finishQuestion',data)
+	}
 </script>
 
 <style lang="scss">
@@ -299,14 +333,15 @@ import { getUserInfo } from '@/common/common';
 				min-width: 400rpx;
 			}
 			.talking-gif{
-				width: 140rpx;
+				width: 200rpx;
 				height: 38rpx;
 				background: url(@/static/images/course/voice-gray.png) no-repeat;
-				background-size: 100%;
+				background-size: contain;
 				margin-bottom: 16rpx;
+				padding-left: 168rpx;
 				&.is-play{
 					background: url(@/static/images/course/voice-gif.gif) no-repeat;
-					background-size: 100%;
+					background-size: contain;
 				}
 			}
 			.talking-cont{
@@ -462,14 +497,15 @@ import { getUserInfo } from '@/common/common';
 			background-color: #06f;
 			color: #fff;
 			.talking-gif{
-				width: 140rpx;
+				width: 200rpx;
 				height: 38rpx;
 				background: url(@/static/images/course/voice-gray.png) no-repeat;
-				background-size: 100%;
+				background-size: contain;
 				margin-bottom: 16rpx;
+				padding-left: 168rpx;
 				&.is-play{
 					background: url(@/static/images/course/voice-white.gif) no-repeat;
-					background-size: 100%;
+					background-size: contain;
 				}
 			}
 			.talking-cont{
diff --git a/src/pages/course/study.vue b/src/pages/course/study.vue
index b6f12d22..e02fded0 100644
--- a/src/pages/course/study.vue
+++ b/src/pages/course/study.vue
@@ -3,6 +3,10 @@
 		<view class="top-bg"></view>
 		<view class="bot-bg"></view>
 		<view class="course-study-body" v-show="step === 1">
+			<view class="seek-setting" @click="showSeekModel = true">
+				{{chooseRate}}倍
+				<img src="@/static/images/course/setting.png" alt="">
+			</view>
 			<view class="body-title">
 				<uv-icon class="arrow-icon" name="arrow-left" @click="common.navigateBack()"/>
 				语言选择，开启学习之旅
@@ -33,6 +37,10 @@
 			</view>
 		</view>
 		<view class="course-study-body" v-show="step === 2" @click="playRecord">
+			<view class="seek-setting" @click="showSeekModel = true">
+					{{chooseRate}} 倍
+				<img src="@/static/images/course/setting.png" alt="">
+			</view>
 			<view class="body-title" @click="scrollToBottomNow">
 				<uv-icon class="arrow-icon" name="arrow-left" @click="common.navigateBack()"/>
 				课程学习
@@ -50,8 +58,11 @@
 					:dataInfo="item"
 					:activeVoiceId="activeVoiceTalkingItemId"
 					:isPlaying="activeVoiceTalkingItemId === item.id"
+					:voiceRate="chooseRate"
 					@changePlay="changePlayItemId"
 					@nextQuestion="nextQuestionSuccess"
+					@withdraw="withdrawNow"
+					@finishQuestion="finishQuestionNow"
 					:id="'item' + item.id"
 					:isLast="talkingList.length === (index+1)"
 				></TalkingItem>
@@ -96,6 +107,22 @@
 				</view> -->
 			</view>
 		</uv-overlay>
+		
+		<uv-overlay :show="showSeekModel" opacity=".6" @click="showSeekModel = false">
+			<view class="overlay-box">
+				<view class="white-bg-box">
+					<view class="box-title">倍速
+					</view>
+					<view class="box-btns">
+						<view
+							v-for="item in rateList"
+							:class="{'is-active':item === chooseRate}" 
+							@click="chooseRateNow(item)"
+						>{{item}}</view>
+					</view>
+				</view>
+			</view>
+		</uv-overlay>
 	</view>
 </template>
 
@@ -117,7 +144,9 @@ import {
 	audioTranscriptionsApi,
 	deleteTraStdyInfoByIdApi,
 	queryTraStdyBatchWaitQuestionInfoApi,
-	studyAnswerTextUpApi
+	studyAnswerTextUpApi,
+	withdrawalAnswerApi,
+	waitMakeEvaluateApi
 } from "@/api/study.js"
 import common from '@/common/common';
 import TalkingItem from '@/pages/course/components/talkingItem.vue'
@@ -210,45 +239,6 @@ const changePlayItemId = (id) => {
 const choiceTeacherInfo = computed(()=>{
 	return teacherList.value.find(t=> t.teacherNo === choiceTeacher.value)
 }) 
-const keyboardIsShow = ref(false)
-// 发送文本
-const showKeyboard = () => {
-	if(keyboardIsShow.value){
-		if(answerValue.value){
-			let _data = {
-				qnsId: unref(lastTalkingInfo).qnsId,// 问题ID 必输项:true  类型:String
-				pgrphId: unref(lastTalkingInfo).pgrphId,// 段落ID 必输项:true  类型:String
-				qstLogId: unref(qstLogId),// 段落ID 必输项:true  类型:String
-				crsId: crsId.value,// 课程ID 必输项:true  类型:String
-				stdyBatch: stdyBatch.value,// 学习批次 必输项:true  类型:String
-				ansterContent: answerValue.value // 回答文本内容 必输项:false  类型:String
-			}
-			studyAnswerTextUpApi(_data).then(res=>{
-				if(res.rtnCode === '0000'){
-					let _id = new Date().getTime() + 'id'
-					talkingList.value.push({
-						crsId: crsId.value,
-						pgrphId: unref(lastTalkingInfo).pgrphId,
-						qnsId: unref(lastTalkingInfo).qnsId,
-						talkingContent: answerValue.value,
-						talkingVoice: '',
-						type: 2,
-						userInfo: {...choiceTeacherInfo.value},
-						id: _id
-					})
-					scrollToBottomNow()
-					answerValue.value = ''
-					keyboardIsShow.value = !keyboardIsShow.value
-				}
-			})
-		}else{
-			keyboardIsShow.value = !keyboardIsShow.value
-		}
-	}else{
-		keyboardIsShow.value = !keyboardIsShow.value
-	}
-	// inputRef.value.focus?.()
-}
 
 const activeVoiceTeachNo = ref('')
 const teacherVoiceObj = uni.createInnerAudioContext()
@@ -482,13 +472,21 @@ const isOut = computed(() => {
 	return (widowHeight - moveVal) > touchY.value
 })
 const showOverlayTalking = (obj) => {
-	showTalkingModel.value = true
-	touchX.value = obj.changedTouches[0].pageX
-	touchY.value = obj.changedTouches[0].pageY
-	baseY.value = obj.currentTarget.offsetTop
-	//#ifdef APP-PLUS
-	startRecord()
-	// #endif
+	if(lastTalkingInfo.value.type === 4){
+		//#ifdef APP-PLUS
+		showTalkingModel.value = true
+		touchX.value = obj.changedTouches[0].pageX
+		touchY.value = obj.changedTouches[0].pageY
+		baseY.value = obj.currentTarget.offsetTop
+		startRecord()
+		// #endif
+	}else{
+		uni.showToast({
+		  title: '请先获取问题信息！',
+		  icon: "none",
+		  duration:1000
+		})
+	}
 }
 const hideOverlayTalking = (obj) => {
 	showTalkingModel.value = false
@@ -520,7 +518,6 @@ const hideOverlayTalking = (obj) => {
 				})
 			// #endif
 			//#ifdef APP-PLUS
-				console.log(222)
 			commonUploadVoiceFile(audioPath.value, '/trastudy/traStdyInfo/studyAnswerVoiceUp', _data).then(res=>{
 				console.log(res.data)
 				let _res = JSON.parse(res.data)
@@ -532,6 +529,7 @@ const hideOverlayTalking = (obj) => {
 						qnsId: unref(lastTalkingInfo).qnsId,
 						talkingContent: '',
 						talkingVoice: audioPath.value,
+						intrctId: res.body||'',
 						type: 1,
 						userInfo: {...choiceTeacherInfo.value},
 						id: _id
@@ -554,6 +552,83 @@ const handleMove = (obj) => {
 	touchX.value = obj.changedTouches[0].pageX
 	touchY.value = obj.changedTouches[0].pageY
 }
+
+const keyboardIsShow = ref(false)
+// 发送文本
+const showKeyboard = () => {
+	if(lastTalkingInfo.value.type === 4){
+		if(keyboardIsShow.value){
+			if(answerValue.value){
+				let _data = {
+					qnsId: unref(lastTalkingInfo).qnsId,// 问题ID 必输项:true  类型:String
+					pgrphId: unref(lastTalkingInfo).pgrphId,// 段落ID 必输项:true  类型:String
+					qstLogId: unref(qstLogId),// 段落ID 必输项:true  类型:String
+					crsId: crsId.value,// 课程ID 必输项:true  类型:String
+					stdyBatch: stdyBatch.value,// 学习批次 必输项:true  类型:String
+					ansterContent: answerValue.value // 回答文本内容 必输项:false  类型:String
+				}
+				studyAnswerTextUpApi(_data).then(res=>{
+					if(res.rtnCode === '0000'){
+						let _id = new Date().getTime() + 'id'
+						talkingList.value.push({
+							crsId: crsId.value,
+							pgrphId: unref(lastTalkingInfo).pgrphId,
+							qnsId: unref(lastTalkingInfo).qnsId,
+							talkingContent: answerValue.value,
+							talkingVoice: '',
+							intrctId: res.body||'',
+							type: 2,
+							userInfo: {...choiceTeacherInfo.value},
+							id: _id
+						})
+						scrollToBottomNow()
+						answerValue.value = ''
+						keyboardIsShow.value = !keyboardIsShow.value
+					}
+				})
+			}else{
+				keyboardIsShow.value = !keyboardIsShow.value
+			}
+		}else{
+			keyboardIsShow.value = !keyboardIsShow.value
+		}
+	}else{
+		uni.showToast({
+		  title: '请先获取问题信息！',
+		  icon: "none",
+		  duration:1000
+		})
+	}
+}
+// 撤回 
+const withdrawNow = (data) => {
+	withdrawalAnswerApi({
+		intrctId: data.intrctId
+	}).then(res=> {
+		// 删除撤回的数据item
+		talkingList.value = talkingList.value.filter(t => t.intrctId !== data.intrctId)
+	})
+}
+// 完成 
+const finishQuestionNow = (data) => {
+	waitMakeEvaluateApi({
+		qstLogId: data.qstLogId
+	}).then(res=> {
+		console.log(res)
+		// qstLogId 问题日志ID String
+		// qnsId 问题ID String
+		// processStat 状态 String
+		// message 处理消息 String
+	})
+}
+
+const showSeekModel = ref(false)
+const rateList = ref(['0.5', '0.8', '1.0', '1.5', '2.0'])
+const chooseRate = ref('1.0')
+const chooseRateNow = (item) => {
+	chooseRate.value = item
+	showSeekModel.value = false
+}
 </script>
 
 <style lang="scss">
@@ -572,6 +647,28 @@ const handleMove = (obj) => {
 			width: 750rpx;
 			flex: 1;
 		}
+		.seek-setting{
+			position: absolute;
+			z-index: 3;
+			right: 20rpx;
+			top: 68rpx;
+			font-size: 26rpx;
+			width: 140rpx;
+			height: 52rpx;
+			padding: 10rpx 0;
+			overflow: hidden;
+			line-height: 32rpx;
+			text-align: right;
+			padding-right: 48rpx;
+			
+			img{
+				width: 30rpx;
+				height: 32rpx;
+				position: absolute;
+				right: 0;
+				top: 10rpx;
+			}
+		}
 		.course-study-body{
 			position: absolute;
 			overflow: hidden;
@@ -841,6 +938,29 @@ const handleMove = (obj) => {
 			margin: 0 auto;
 			background-color: #06f;
 		}
+		.white-bg-box{
+			height: 365rpx;
+			background-color: #fff;
+			overflow: hidden;
+			border-radius: 32rpx 32rpx 0 0;
+			padding: 58rpx 36rpx;
+			.box-title{
+				font-size: 32rpx;
+				font-weight: bold;
+				line-height: 46rpx;
+				margin-bottom: 46rpx;
+			}
+			.box-btns{
+				height: 46rpx;
+				line-height: 46rpx;
+				display: flex;
+				justify-content: space-between;
+				color: #999;
+				.is-active{
+					color: #06f;
+				}
+			}
+		}
 	}
 	
 </style>
diff --git a/src/static/images/course/send.png b/src/static/images/course/send.png
new file mode 100644
index 0000000000000000000000000000000000000000..579436de51e2e5d9a222ae9fcb5f19a8eaf82d50
GIT binary patch
literal 1681
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
b?u`ErMD8b7L67a100000NkvXXu0mjfql*P4

literal 0
HcmV?d00001

diff --git a/src/static/images/course/setting.png b/src/static/images/course/setting.png
new file mode 100644
index 0000000000000000000000000000000000000000..bed63236d2b3aebd54032d8356eb337197cfb46a
GIT binary patch
literal 1350
zcmV-M1-bf(P)<h;3K|Lk000e1NJLTq000^Q000~a1^@s6e-p3M00001b5ch_0Itp)
z=>Px)07*naR7gvuR(pulRTTcdou{&{DVRxMkt=J?&hE~=YazYtA*9j!VN_6*2|XZF
z3QCbSE9hzeNJU8@7*bkPhM|;e8Jc<TZ=7wjttl-ML))@-&3(+?)7)id8HaUt!~54T
z=kc9;&Ue21BSv|&)>E8w(@BnZ&h-E|l1`^H0NiL&a5PRzsV7N34IotNFCv*-E;l!m
z$s8Uj&xk+`4Gs0-aCk3C@4Fws-y$*wz*Lge0A4r7JaD=|RZ6K%B<G39+t%89iwT>W
znl1{3LOTHb+t=5p+uGWGs03Diqhf0YlF8(G(P;E#05^z8FMyP_c3){St@RfGE(h?Z
zh%Bn9srjU}wKZ2;TN}$}vp#0%3;}7a{S20hNStIhfSQ6=&N+8q5Cm(>D{gFTJUbi?
zw*sj3HeV3Q0RUq}WLGYiyDgK+{O)aoKw9gC0NyN1<O8;g$TDl~u2Z!|Ydu~>T1egl
zV0@Y1He<{cgFyB5^^;?<*pG!9Ebi^?T_2Cf&p3MY=%H*j+cnaVOYEU!GI<V3i9{kX
z0KPb1#9h|fbyP~dK=LsFL+Jk_`6*qMQj18w0ieSeGt&bdCOJt&W>;vD_q)*(gXCEv
za**T(W6Y-&iVAD3Jrk!n=jKpr?U!wmAC)o2mIv0=)s3sJuHFb>?l4I|>g?>i{lI|(
zUMWsGi9{kAkH>w!gmZ4L2U?MzRf~vxZ>>$1ON!R|eE_!r=*%m_O6OcV$rQ=ug}JUV
z#&|NFbW*8QOI1~s&%Ljwr>BVpWUpCuA~Mff`&r3SHibf=Ktzr^=Thl(`lq5Tl}a^|
z+zlYy-`_vIt*z~sQeyZ{iO2+!ml|Vs4ANUE^$f{nzG7pHuVV0Mt(O4sOZ%EJ=E3r+
zwbttZ+(B~To;`ck6zz?TjfrqL{2hRwjWL5eR@|ed0A9+s;uT|z|6K$swzb7t`&2oQ
zQfd{+#Uk>kwf5Dby}7yhf_!(r0kGQ`bKww>Qfec~n?&ScYwhY{fKqA!$@PVR*`@Q-
zT1P}AO>(AlZhjC1n@id{iR2$7Pjq*8PwD9BIL2ACW?eQgFt80ke=e7sR+J1Mlt?71
z<MDVl-@3^nvbw9QYpK^Tt@YSEQ++{R4SwtC>6zZ%-riSwW39E%IY&fRS!<Vg)&&5X
zMC3VZt)J6LM{9izfDZvgym$i0ibx&F2?ep8Z>{y>TF$y=l3$YyiO38ObR57~=iHe=
z5F9BFD3Ik6l70rN#J*cZ9;u{*N~x_RuX4^^?>Bxk$*c4IUtx?{IUG<4Ii>=b(%;{I
zu(ZX)#WXZD)I}nZb`cpMd9J_F#Q?s_KM}{AbIBkGeys#HN}IpHmcnh`3WDJNBE1Lq
z0YIB)nBRC2+3%d&kWQz+9VvM#mGY{6XI}s6Ju?e$+RXs|0#I*^IW!2ANF*l4VzFH$
zrw^0#-DotraOcjQCx!#mT0h|>tU#7hmz;<!u-1Msv`0lMN25`%(9x=@D*q1omfl@>
z%r+Tgt{rA!A1C>I;r}fn@-cuM$#KrPtw9j%Eyh&*3Q|g)Px5n5fI@Zel@P=Kx1VH8
zM3!4?pRLs55kI%I*8W!S<bnK$$%_E~@#{eHIsmu&Zv$(sSB;8iL?Ey3u~;ndQZr1Z
z0q5M6K@e;|ZJ;7q;_>)H0A`5DL@!q)4?E}920`%UNFd(+AG=&cx~ub&4*&oF07*qo
IM6N<$g4@T0Jpcdz

literal 0
HcmV?d00001


From 0ed0a3d53dd122ff6f48865d77748b4e2a244643 Mon Sep 17 00:00:00 2001
From: yanghang <icho.yang@scai-global.com>
Date: Wed, 2 Jul 2025 11:07:59 +0800
Subject: [PATCH 2/2] =?UTF-8?q?=E5=90=88=E5=B9=B6=E5=86=B2=E7=AA=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/socket.js | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/api/socket.js b/src/api/socket.js
index 118d521a..5abf5514 100644
--- a/src/api/socket.js
+++ b/src/api/socket.js
@@ -1,4 +1,5 @@
-import { goto_login_fun } from '@/api/requestexport default class WebSocketUtil {
+import { goto_login_fun } from '@/api/request'
+export default class WebSocketUtil {
   /**
    * WebSocket工具类，用于管理WebSocket连接
    * @param {string} url - WebSocket服务器地址
@@ -197,7 +198,7 @@ import { goto_login_fun } from '@/api/requestexport default class WebSocketUtil
     } else {
       console.error('达到最大重连次数，停止尝试');
       this.triggerEvent('error', new Error('达到最大重连次数'));
-		goto_login_fun()
+      goto_login_fun()
     }
   }