From 20e82f78d44e99326ef0bff417177bf83322d79f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=A8=E8=88=AA?= <icho.yang@scai-global.com>
Date: Tue, 30 Dec 2025 11:01:43 +0800
Subject: [PATCH] =?UTF-8?q?JLBA202505130001=5F=E5=85=B3=E4=BA=8E=E5=90=89?=
 =?UTF-8?q?=E6=9E=97=E9=93=B6=E8=A1=8C=E6=96=B0=E5=BB=BAAI=E6=99=BA?=
 =?UTF-8?q?=E8=83=BD=E5=9F=B9=E8=AE=AD=E7=B3=BB=E7=BB=9F=E7=9A=84=E9=9C=80?=
 =?UTF-8?q?=E6=B1=82=5Ffeat:=20=E8=AF=AD=E9=9F=B3=E8=BD=AC=E6=96=87?=
 =?UTF-8?q?=E6=9C=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .env.development                              |   2 +-
 .env.development.yh                           |   2 +-
 src/common/common.js                          |   2 +-
 src/pages/course/components/talkingItem.vue   |  35 +-
 src/pages/course/components/touchBtn.vue      | 492 +++++++++---------
 .../{touchBtn0.vue => touchBtn1.vue}          | 128 +++--
 src/pages/course/study.vue                    |   1 +
 src/pages/index/dialog.vue                    |  15 +-
 src/static/images/course/cancel-btn.png       | Bin 0 -> 4635 bytes
 src/static/images/course/trans-btn.png        | Bin 0 -> 5391 bytes
 10 files changed, 355 insertions(+), 322 deletions(-)
 rename src/pages/course/components/{touchBtn0.vue => touchBtn1.vue} (88%)
 create mode 100644 src/static/images/course/cancel-btn.png
 create mode 100644 src/static/images/course/trans-btn.png

diff --git a/.env.development b/.env.development
index e336ca73..e26f82e8 100644
--- a/.env.development
+++ b/.env.development
@@ -8,7 +8,7 @@ ENV = 'development'
 
 
 
-VITE_APP_BASE_API_Url = 'https://aitstest.jlbank.com.cn:7002'
+VITE_APP_BASE_API_Url = 'https://aitstest.jlbank.com.cn:7001'
 
 
 
diff --git a/.env.development.yh b/.env.development.yh
index 2b8b529b..3930e2a8 100644
--- a/.env.development.yh
+++ b/.env.development.yh
@@ -9,7 +9,7 @@ VITE_APP_BASE_H5_API_Url = 'http://25.18.122.65:7001'
 # VITE_APP_BASE_API_Url = 'https://aitstest.jlbank.com.cn:7002'
 # VITE_APP_BASE_H5_API_Url_TRAEXAM = 'http://25.64.32.154:9604'
 # VITE_APP_BASE_H5_API_Url_TRAPRACTICE = 'http://25.64.32.156:9603'
-# VITE_APP_BASE_H5_API_Url_TRAAPP = 'http://25.64.32.154:9601'
+VITE_APP_BASE_H5_API_Url_TRAAPP = 'http://25.64.32.154:9601'
 # VITE_APP_BASE_H5_API_Url_TRAAPP = 'http://25.64.32.158:9601'
 # VITE_APP_BASE_H5_API_Url_TRASTUDY = 'http://25.64.32.154:9602'
 
diff --git a/src/common/common.js b/src/common/common.js
index 613c33cd..e5416482 100644
--- a/src/common/common.js
+++ b/src/common/common.js
@@ -5,7 +5,7 @@ import {
 import showDialog from '@/common/dialogMessage'
 import common from '@/common/common'
 // #endif
-function msg(title, duration = 1000) {
+function msg(title, duration = 1500) {
 	uni.showToast({
 		title: title,
 		duration: duration,
diff --git a/src/pages/course/components/talkingItem.vue b/src/pages/course/components/talkingItem.vue
index 7b12b937..d4fc921f 100644
--- a/src/pages/course/components/talkingItem.vue
+++ b/src/pages/course/components/talkingItem.vue
@@ -705,19 +705,30 @@
 		// }
 	};
 	const setVoiceTime = (sum) => {
-		sum += 1;
-		if (talkVoiceObj.value.duration) {
-			voiceTime.value = (Math.ceil(talkVoiceObj.value.duration) || 0) + 's';
-		} else {
-			if (sum === 100) {
-				voiceTime.value =  (unref(dataInfo).voiceTime || 0) + 's';
-				return;
+		plus.io.getAudioInfo({
+			filePath: unref(dataInfo).talkingVoice,
+			success:(res)=>{
+				voiceTime.value =  (Math.floor(res.duration) || 1) + 's'
+			},
+			fail:(res)=>{
+				voiceTime.value =  (unref(dataInfo).voiceTime || 1) + 's'
 			}
-			setTimeout(() => {
-				setVoiceTime(sum);
-			}, 300);
-		}
-	};
+		})
+	}
+	// const setVoiceTime = (sum) => {
+	// 	sum += 1;
+	// 	if (talkVoiceObj.value.duration) {
+	// 		voiceTime.value = (Math.ceil(talkVoiceObj.value.duration) || 0) + 's';
+	// 	} else {
+	// 		if (sum === 100) {
+	// 			voiceTime.value =  (unref(dataInfo).voiceTime || 0) + 's';
+	// 			return;
+	// 		}
+	// 		setTimeout(() => {
+	// 			setVoiceTime(sum);
+	// 		}, 300);
+	// 	}
+	// };
 	const playQnsVoice = (readType = 'qns', item) => {
 		if (type.value === 2) {
 			// 文本转语音
diff --git a/src/pages/course/components/touchBtn.vue b/src/pages/course/components/touchBtn.vue
index 2e221eb8..c3c16b5c 100644
--- a/src/pages/course/components/touchBtn.vue
+++ b/src/pages/course/components/touchBtn.vue
@@ -1,7 +1,7 @@
 <template>
 	<view class="talk-btns" ref="talkBtnRef">
-		<view class="touch-btn" @touchstart="getRecordPermission" @touchend="hideOverlayTalking" @touchmove="handleMove" @touchcancel="hideOverlayTalking"
-			v-if="!keyboardIsShow">
+		<view class="touch-btn" @touchstart="getRecordPermission" @touchend="hideOverlayTalking" @touchmove="handleMove"
+			@touchcancel="hideOverlayTalking" v-if="!keyboardIsShow">
 			按住说话
 		</view>
 		<view class="touch-btn" v-if="keyboardIsShow">
@@ -9,6 +9,7 @@
 				:adjustPosition="adjustPosition" placeholderStyle="color:#999999;font-size:26rpx"
 				placeholder="请输入文字"></uv-input>
 		</view>
+		<!-- @click="showTalkingModel = true" -->
 		<view class="talk-btn-box" v-show="!onlyVoice">
 			<image class="talk-btn-icon" v-show="!keyboardIsShow" src="/src/static/images/course/jianpan.png" mode=""
 				@click="changeBtn"></image>
@@ -17,25 +18,52 @@
 			<image class="talk-btn-icon" v-show="keyboardIsShow && !!answerValue" src="/src/static/images/course/send.png"
 				mode="" @click.stop="showKeyboard"></image>
 		</view>
-		<uni-popup ref="talkModelRef" type="bottom" @click="showTalkingModel = false"
-			mask-background-color="rgba(0,0,0,0.9)">
+		<!--  @click="showTalkingModel = false" -->
+		<!-- <uv-popup ref="talkModelRef" mode="bottom" overlay-style="#000000" overlay-opacity="0.9"
+			mask-background-color="rgba(0,0,0,0.9)" bg-color="none" z-index="10007"
+			@change="({show}) => {showTalkingModel = show}"> -->
+		<uni-popup ref="talkModelRef" type="bottom" :mask-click="false" :safe-area="true"
+			@mask-click="()=>{ console.log(1111)}" mask-background-color="rgba(0,0,0,0.9)">
 			<view class="overlay-box">
-				<view class="circle-bg-box">
-					<view class="icon-box">
-						<image src="/src/static/images/course/talk-icon.png" mode=""></image>
+				<view class="circle-bg-box no-bg" v-if="transVoiceIng">
+				</view>
+				<view class="circle-bg-box" v-else>
+					<view class="tips-box">
+						<!-- <image src="/src/static/images/course/talk-icon.png" mode=""></image> -->
+						<!-- <view class="tips-box"></view> -->
+						松开发送
 					</view>
 				</view>
-				<view class="tips-box">松开发送</view>
-				<view class="btns-box">
-					<view :class="['close-btn', isOut ? 'is-out' : '']">
-						取消
-						<image class="btn-box" v-if="!isOut" src="/src/static/images/course/close.png" mode=""></image>
-						<image class="btn-box" v-else src="/src/static/images/course/close-active.png" mode=""></image>
+				<view class="btns-box" v-if="transVoiceIng">
+					<view class="cancel-btn transVoiceIng" @click="closeModel()"></view>
+					<view class="trans-btn transVoiceIng" @click="sendVoice()"></view>
+					<view class="send-btn" @click="sendText()">发送</view>
+				</view>
+				<view class="btns-box" v-else>
+					<view :class="['close-btn', isOutLeft ? 'is-out' : '']">
+						<image class="btn-box" v-if="!isOutLeft" src="/src/static/images/course/cancel.png" mode="heightFix">
+						</image>
+						<image class="btn-box" v-else src="/src/static/images/course/cancel-active.png" mode="heightFix"></image>
+					</view>
+					<view :class="['close-btn trans-btn', isOutRight ? 'is-out' : '']">
+						<image class="btn-box" v-if="!isOutRight" src="/src/static/images/course/translate.png" mode="heightFix">
+						</image>
+						<image class="btn-box" v-else src="/src/static/images/course/translate-active.png" mode="heightFix"></image>
 					</view>
 				</view>
-				<view :class="['talk-dialog', isOut ? 'is-out' : '']">
+				<view :class="['talk-dialog', isOut ? 'is-out' : '']" v-show="!isOutRight">
 					<image src="@/static/images/course/voice-white.gif" mode="" class="gif-box"></image>
 				</view>
+				<view :class="['talk-dialog talk-textarea'	]" v-show="isOutRight" @click.stop>
+					<view class="trans-loading-box" v-show="transLoading">
+						<CommonLoading color="#fff" class="loading-box" />
+					</view>
+					<uv-textarea class="voice-input-box" ref="inputRef" v-model="answerValue" :maxlength="props.textValueLength"
+						v-show="!transLoading" @click.stop customStyle="background: #ffffff00; padding-bottom: 50rpx;"
+						height="250rpx" text-style="color: #fff"
+						placeholderStyle="color:#999999;font-size:26rpx;border-color: #ffffff00 !important;"
+						placeholder=""></uv-textarea>
+				</view>
 			</view>
 		</uni-popup>
 	</view>
@@ -65,6 +93,9 @@
 		onHide,
 		onShow
 	} from '@dcloudio/uni-app';
+	import {
+		commonUploadVoiceFile
+	} from '@/api/common.js';
 
 
 	const storageStore = useStorageStore();
@@ -107,6 +138,10 @@
 			default: 'mp3', // 生成语音文件类型
 			type: String
 		},
+		answerMethod: {
+			default: '01', //01 不限制 02 文字 03 语音 
+			type: String
+		},
 	});
 	const {
 		isDisabled,
@@ -124,7 +159,15 @@
 
 	watch(
 		() => showTalkingModel.value,
-		(val) => (val ? talkModelRef.value.open() : talkModelRef.value.close())
+		(val) => {
+			if (val) {
+				talkModelRef.value.open()
+			} else {
+				talkModelRef.value.close()
+				transVoiceIng.value = false
+			}
+		}
+
 	);
 	watch(
 		() => props.isLoading,
@@ -161,16 +204,18 @@
 
 	const answerValue = ref('');
 	const talkBtnRef = ref();
+	const transVoiceIng = ref(false)
 	// 录音
 	const audioPath = ref('');
 	const audioObj = uni.createInnerAudioContext();
 	const isGettingPermission = ref(false)
+	const isStartNum = ref(0);
+	const isStopNum = ref(0);
 	//#ifdef APP-PLUS
 	// app端
 	const recordObjCom = ref({});
 	const IsAndEnv = getPhoneEnvBool('AND');
-	const isStartNum = ref(0);
-	const isStopNum = ref(0);
+	const transLoading = ref(false)
 	const initRecord = () => {
 		recordObjCom.value = uni.getRecorderManager();
 		unref(recordObjCom)?.onStop((res, duration) => {
@@ -180,27 +225,51 @@
 				return
 			}
 			audioPath.value = res.tempFilePath;
+			console.log(isOut.value, isOutLeft.value, isOutRight.value)
 			if (!isOut.value) {
 				if (startFlag.value !== 2) {
-					// setTimeout(() => {
-					// 	showTalkingModel.value = false
-					// 	nextTick(() => {
-					// 		// showTalkingModel.value = false
-					// 		common.msg('说话时间太短，没有听清！')
-					// 	})
-					// },100)
 					closeModel(() => {
 						nextTick(() => {
-							// showTalkingModel.value = false
 							common.msg('说话时间太短，没有听清！');
 						});
 					});
 				} else {
 					closeModel();
+					if (props.answerMethod === '02') {
+						common.msg('当前回答限制为仅文本回答！')
+						return
+					}
 					emit('uploadVoice', audioPath.value, recordTime.value);
 				}
-			} else {
+			} else if (isOutLeft.value) {
+				console.log('取消')
 				closeModel();
+			} else if (isOutRight.value) {
+				console.log('转文本')
+				transLoading.value = true
+				commonUploadVoiceFile(audioPath.value, '/traapp/voice/voiceChart', {}).then(res => {
+					console.log(res)
+					transLoading.value = false
+					if (!!(res.body.chatBody || '').trim()) {
+						answerValue.value = res.body.chatBody
+					} else {
+						closeModel()
+						uni.showToast({
+							title: '未识别到文字',
+							icon: 'none',
+							duration: 1000
+						});
+					}
+				}).catch(err => {
+					console.log(err)
+					transLoading.value = false
+					closeModel()
+					uni.showToast({
+						title: '系统异常，请联系管理员',
+						icon: 'none',
+						duration: 1000
+					});
+				})
 			}
 		});
 		unref(recordObjCom).onStart(() => {
@@ -227,6 +296,8 @@
 			}
 		});
 	};
+
+
 	const setRecordTime = () => {
 		setTimeout(() => {
 			if (isRecording.value) {
@@ -251,16 +322,24 @@
 		try {
 			if (unref(recordObjCom).stop) {
 				unref(recordObjCom).stop();
+				if (!transVoiceIng.value) {
+					console.log('1234')
+					setTimeout(() => {
+						closeModel()
+					}, 300)
+				}
 			} else {
 				closeModel();
 			}
 		} catch {
+			console.log('catch')
 			closeModel();
 		}
 		// setTimeout(() => {
 		// 	canStart.value = true
 		// }, 1000)
 	};
+	// #endif
 	const closeModel = (cb = () => {}) => {
 		isStopNum.value = isStartNum.value;
 		setTimeout(() => {
@@ -271,7 +350,21 @@
 			isTalking.value = false;
 		}, 800);
 	};
-	// #endif
+
+	const sendText = () => {
+		keyboardIsShow.value = true
+		showKeyboard(closeModel)
+	}
+
+	const sendVoice = () => {
+		closeModel();
+		if (props.answerMethod === '02') {
+			common.msg('当前回答限制为仅文本回答！')
+			return
+		}
+		emit('uploadVoice', audioPath.value, recordTime.value);
+	}
+
 	//#ifndef APP-PLUS
 	const recordObjCom = ref({});
 	const initRecord = () => {};
@@ -293,6 +386,15 @@
 		let moveVal = windowInfo.screenHeight - touchY.value > _btnHeight;
 		return moveVal;
 	});
+	const isOutLeft = computed(() => {
+		let _left = windowInfo.screenWidth / 2 > touchX.value
+		return _left && isOut.value;
+	});
+	const isOutRight = computed(() => {
+		let _right = windowInfo.screenWidth / 2 < touchX.value
+		return _right && isOut.value;
+		// return true
+	});
 	const outScreen = computed(() => {
 		windowInfo.screenHeight - touchY.value <= 0;
 	});
@@ -327,7 +429,7 @@
 		}
 		// #endif
 		//#ifdef H5
-			showOverlayTalking(obj);
+		showOverlayTalking(obj);
 		// #endif
 	};
 	const getPermission = async () => {
@@ -381,6 +483,7 @@
 	const isMoving = ref(false);
 	const isTalking = ref(false);
 	const showOverlayTalking = (obj) => {
+		console.log(obj)
 		if (showTalkingModel.value) return;
 		if (isGettingPermission.value) {
 			//#ifdef APP-PLUS
@@ -422,7 +525,7 @@
 			startRecord();
 			// #endif
 			//#ifdef H5
-				showTalkingModel.value =  true
+			showTalkingModel.value = true
 			// #endif
 			setTimeout(() => {
 				if (_recnum === recNum.value) {
@@ -442,10 +545,20 @@
 		isMoving.value = false;
 		if (!showTalkingModel.value) return;
 		//#ifdef APP-PLUS
+		transVoiceIng.value = isOutRight.value
 		stopRecord();
 		// #endif
+
+
 		//#ifdef H5
-			showTalkingModel.value =  false
+		if (isOutRight.value) {
+			console.log('H5转文本')
+			transVoiceIng.value = true
+			emit('transVoice', audioPath.value);
+		} else {
+			transVoiceIng.value = false
+			showTalkingModel.value = false
+		}
 		// #endif
 	};
 
@@ -459,19 +572,20 @@
 		}
 	};
 	// 发送文本
-	const showKeyboard = () => {
+	const showKeyboard = (cb = () => {}) => {
+		if (props.answerMethod === '03') {
+			common.msg('当前回答限制为仅语音回答！')
+			return
+		}
 		if (isLoadingState.value) {
-			uni.showToast({
-				title: props.loadingText,
-				icon: 'none',
-				duration: 1000
-			});
+			common.msg(props.loadingText);
 			return;
 		}
 		if (!isDisabled.value) {
 			if (keyboardIsShow.value) {
 				if (answerValue.value.trim()) {
 					emit('submitAnswer', answerValue.value, changeBtn);
+					cb && cb()
 				} else {
 					// keyboardIsShow.value = !keyboardIsShow.value
 					common.msg('不能发送空白消息！');
@@ -480,11 +594,7 @@
 				keyboardIsShow.value = !keyboardIsShow.value;
 			}
 		} else {
-			uni.showToast({
-				title: '暂无问题需要回答！',
-				icon: 'none',
-				duration: 1000
-			});
+			common.msg('暂无问题需要回答！');
 		}
 	};
 	const changeBtn = () => {
@@ -549,9 +659,10 @@
 		// justify-content: flex-end;
 		width: 100%;
 		height: 100%;
-		pointer-events: none;
+		// pointer-events: none;
 		max-height: 100vh;
 		justify-content: space-between;
+		padding-bottom: 0;
 
 		.circle-bg-box {
 			height: 234rpx;
@@ -560,63 +671,102 @@
 			position: relative;
 			pointer-events: none;
 
-			.icon-box {
-				position: absolute;
-				left: 50%;
-				top: 50%;
-				margin-left: -17rpx;
-				margin-top: -24rpx;
-				width: 34rpx;
-				height: 48rpx;
-				pointer-events: none;
+			&.no-bg {
+				background: none;
+				overflow: hidden;
+			}
 
-				image {
-					width: 100%;
-					height: 100%;
-					pointer-events: none;
-				}
+			.tips-box {
+				padding-top: 67rpx;
+				line-height: 40rpx;
+				font-size: 33rpx;
+				color: #000;
+				text-align: center;
 			}
 		}
 
-		.tips-box {
-			height: 40rpx;
-			line-height: 40rpx;
-			font-size: 28rpx;
-			color: #c0c0c0;
-			text-align: center;
-			margin: 12rpx 0 24rpx;
-			pointer-events: none;
-		}
 
 		.btns-box {
-			height: 270rpx;
+			height: 240rpx;
 			// padding: 0 120rpx;
-			width: 154rpx;
-			margin: 0 auto;
+			width: 100%;
+			margin: 0 auto -20rpx;
 			overflow: hidden;
 			font-size: 28rpx;
 			text-align: center;
-			line-height: 116rpx;
-			pointer-events: none;
+			padding-top: 40rpx;
 			display: flex;
+			position: relative;
+			z-index: 12000;
+			justify-content: space-around;
+
+			.transVoiceIng {
+				width: 154rpx;
+				height: 154rpx;
+				overflow: hidden;
+				position: relative;
+				z-index: 12010;
+
+				&.cancel-btn {
+					background: url(@/static/images/course/cancel-btn.png) no-repeat;
+					background-size: cover;
+				}
+
+				&.trans-btn {
+					background: url(@/static/images/course/trans-btn.png) no-repeat;
+					background-size: cover;
+				}
+			}
+
+			.send-btn {
+				position: relative;
+				width: 262rpx;
+				height: 154rpx;
+				line-height: 154rpx;
+				overflow: hidden;
+				background-color: #d8d8d8;
+				border-radius: 77rpx;
+				font-size: 33rpx;
+				z-index: 12010;
+			}
 
 			.close-btn {
-				padding-top: 40rpx;
 				line-height: 28rpx;
 				display: flex;
 				flex-direction: column;
 				justify-content: space-between;
 				float: left;
 				height: 100%;
-				width: 100%;
+				width: 50%;
 				overflow: hidden;
 				color: #999;
-				pointer-events: none;
+				position: relative;
 
 				&.is-out {
 					color: #fff;
 					pointer-events: none;
 				}
+
+				.btn-box {
+					width: 100%;
+					height: 200rpx;
+					pointer-events: none;
+					margin: 0 auto;
+					position: absolute;
+					top: 0;
+				}
+
+				&:not(.trans-btn) {
+					.btn-box {
+						right: 40rpx;
+					}
+				}
+
+				&.trans-btn {
+					.btn-box {
+						left: 40rpx;
+					}
+				}
 			}
 
 			.translate-btn {
@@ -628,12 +778,6 @@
 				pointer-events: none;
 			}
 
-			.btn-box {
-				width: 100%;
-				max-height: 152rpx;
-				pointer-events: none;
-				margin: 0 auto;
-			}
 		}
 
 		.talk-dialog {
@@ -643,7 +787,33 @@
 			background-color: #06f;
 			border-radius: 32rpx;
 			position: relative;
-			pointer-events: none;
+
+			&.talk-textarea {
+				width: 700rpx;
+				background-color: #06f;
+
+				&::after {
+					left: 80%;
+				}
+
+				.trans-loading-box {
+					width: 100%;
+					height: 100%;
+					position: relative;
+
+					.loading-box {
+						position: absolute;
+						top: 50%;
+						left: 50%;
+						transform: translate(-50%, -50%);
+					}
+				}
+			}
+
+			::v-deep .uv-border {
+				border-color: #ffffff00 !important;
+			}
+
 
 			&.is-out {
 				background-color: #ff3e49;
@@ -676,164 +846,18 @@
 				margin-left: -22rpx;
 				pointer-events: none;
 			}
+
+			.voice-input-box {
+				width: 700rpx;
+				height: 234rpx;
+				position: relative;
+				z-index: 1200;
+
+			}
 		}
 	}
 
 	::v-deep .uv-input__content__field-wrapper__field {
 		padding-right: 60rpx;
 	}
-</style>
-<style lang="scss" scoped>
-	// .talk-btns {
-	// 	height: 150rpx;
-	// 	background-color: #fff;
-	// 	padding: 25rpx 30rpx 0;
-	// 	position: relative;
-	// 	z-index: v-bind(btnZindex);
-
-
-
-	// .overlay-box {
-	// 	display: flex;
-	// 	flex-direction: column-reverse;
-	// 	// justify-content: flex-end;
-	// 	width: 100%;
-	// 	height: 100%;
-
-	// 	.circle-bg-box {
-	// 		height: 234rpx;
-	// 		background: url(@/static/images/course/talking.png) no-repeat;
-	// 		background-size: cover;
-	// 		position: relative;
-
-	// 		.icon-box {
-	// 			position: absolute;
-	// 			left: 50%;
-	// 			top: 50%;
-	// 			margin-left: -17rpx;
-	// 			margin-top: -24rpx;
-	// 			width: 34rpx;
-	// 			height: 48rpx;
-
-	// 			image {
-	// 				width: 100%;
-	// 				height: 100%;
-	// 			}
-	// 		}
-	// 	}
-
-	// 	.tips-box {
-	// 		height: 40rpx;
-	// 		line-height: 40rpx;
-	// 		color: #c0c0c0;
-	// 		text-align: center;
-	// 		margin: 12rpx 0 24rpx;
-	// 	}
-
-	// 	.btns-box {
-	// 		height: 270rpx;
-	// 		// padding: 0 120rpx;
-	// 		width: 154rpx;
-	// 		margin: 0 auto 100rpx;
-	// 		overflow: hidden;
-	// 		font-size: 28rpx;
-	// 		text-align: center;
-	// 		line-height: 116rpx;
-
-	// 		.close-btn {
-	// 			float: left;
-	// 			height: 100%;
-	// 			width: 154rpx;
-	// 			overflow: hidden;
-	// 			color: #999;
-
-	// 			&.is-out {
-	// 				color: #fff;
-	// 			}
-	// 		}
-
-	// 		.translate-btn {
-	// 			float: right;
-	// 			height: 100%;
-	// 			width: 154rpx;
-	// 			overflow: hidden;
-	// 			color: #999;
-	// 		}
-
-	// 		.btn-box {
-	// 			width: 100%;
-	// 			height: 154rpx;
-	// 		}
-	// 	}
-
-	// 	.talk-dialog {
-	// 		width: 506rpx;
-	// 		height: 234rpx;
-	// 		margin: 0 auto;
-	// 		background-color: #06f;
-	// 		border-radius: 32rpx;
-	// 		position: relative;
-
-	// 		&.is-out {
-	// 			background-color: #ff3e49;
-
-	// 			&::after {
-	// 				background-color: #ff3e49;
-	// 			}
-	// 		}
-
-	// 		.gif-box {
-	// 			position: absolute;
-	// 			width: 200rpx;
-	// 			height: 80rpx;
-	// 			left: 50%;
-	// 			top: 50%;
-	// 			transform: translate(-50%, -50%);
-	// 		}
-
-	// 		&::after {
-	// 			content: '';
-	// 			width: 44rpx;
-	// 			height: 44rpx;
-	// 			clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
-	// 			background-color: #06f;
-	// 			overflow: hidden;
-	// 			position: absolute;
-	// 			bottom: -22rpx;
-	// 			left: 50%;
-	// 			margin-left: -22rpx;
-	// 		}
-	// 	}
-
-	// 	.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;
-	// 			}
-	// 		}
-	// 	}
-	// }
-
-	// ::v-deep .uv-input__content__field-wrapper__field {
-	// 	padding-right: 60rpx;
-	// }
 </style>
\ No newline at end of file
diff --git a/src/pages/course/components/touchBtn0.vue b/src/pages/course/components/touchBtn1.vue
similarity index 88%
rename from src/pages/course/components/touchBtn0.vue
rename to src/pages/course/components/touchBtn1.vue
index d20a7b0f..2e221eb8 100644
--- a/src/pages/course/components/touchBtn0.vue
+++ b/src/pages/course/components/touchBtn1.vue
@@ -1,10 +1,6 @@
 <template>
 	<view class="talk-btns" ref="talkBtnRef">
-		<view class="touch-btn" 
-			@touchstart="getRecordPermission" 
-			@touchend="hideOverlayTalking" 
-			@touchmove="handleMove" 
-			@touchcancel="hideOverlayTalking"
+		<view class="touch-btn" @touchstart="getRecordPermission" @touchend="hideOverlayTalking" @touchmove="handleMove" @touchcancel="hideOverlayTalking"
 			v-if="!keyboardIsShow">
 			按住说话
 		</view>
@@ -13,7 +9,7 @@
 				:adjustPosition="adjustPosition" placeholderStyle="color:#999999;font-size:26rpx"
 				placeholder="请输入文字"></uv-input>
 		</view>
-		<view class="talk-btn-box" v-show="!onlyVoice" @click="showTalkingModel = true">
+		<view class="talk-btn-box" v-show="!onlyVoice">
 			<image class="talk-btn-icon" v-show="!keyboardIsShow" src="/src/static/images/course/jianpan.png" mode=""
 				@click="changeBtn"></image>
 			<image class="talk-btn-icon" v-show="keyboardIsShow && !answerValue" src="/src/static/images/course/record.png"
@@ -25,28 +21,21 @@
 			mask-background-color="rgba(0,0,0,0.9)">
 			<view class="overlay-box">
 				<view class="circle-bg-box">
-					<view class="tips-box">
-						<!-- <image src="/src/static/images/course/talk-icon.png" mode=""></image> -->
-				<!-- <view class="tips-box"></view> -->
-				松开发送{{isOutLeft}}{{isOutRight}}
+					<view class="icon-box">
+						<image src="/src/static/images/course/talk-icon.png" mode=""></image>
 					</view>
 				</view>
+				<view class="tips-box">松开发送</view>
 				<view class="btns-box">
-					<view :class="['close-btn', isOutLeft ? 'is-out' : '']">
-						<image class="btn-box" v-if="!isOutLeft" src="/src/static/images/course/cancel.png" mode="heightFix"></image>
-						<image class="btn-box" v-else src="/src/static/images/course/cancel-active.png" mode="heightFix"></image>
-					</view>
-					<view :class="['close-btn trans-btn', isOutRight ? 'is-out' : '']">
-						<image class="btn-box" v-if="!isOutRight" src="/src/static/images/course/translate.png" mode="heightFix"></image>
-						<image class="btn-box" v-else src="/src/static/images/course/translate-active.png" mode="heightFix"></image>
+					<view :class="['close-btn', isOut ? 'is-out' : '']">
+						取消
+						<image class="btn-box" v-if="!isOut" src="/src/static/images/course/close.png" mode=""></image>
+						<image class="btn-box" v-else src="/src/static/images/course/close-active.png" mode=""></image>
 					</view>
 				</view>
-				<view :class="['talk-dialog', isOut ? 'is-out' : '']" v-show="!isOutRight">
+				<view :class="['talk-dialog', isOut ? 'is-out' : '']">
 					<image src="@/static/images/course/voice-white.gif" mode="" class="gif-box"></image>
 				</view>
-				<view :class="['talk-dialog', isOut ? 'is-out' : '']" v-show="isOutRight">
-					展示文本
-				</view>
 			</view>
 		</uni-popup>
 	</view>
@@ -193,8 +182,16 @@
 			audioPath.value = res.tempFilePath;
 			if (!isOut.value) {
 				if (startFlag.value !== 2) {
+					// setTimeout(() => {
+					// 	showTalkingModel.value = false
+					// 	nextTick(() => {
+					// 		// showTalkingModel.value = false
+					// 		common.msg('说话时间太短，没有听清！')
+					// 	})
+					// },100)
 					closeModel(() => {
 						nextTick(() => {
+							// showTalkingModel.value = false
 							common.msg('说话时间太短，没有听清！');
 						});
 					});
@@ -202,11 +199,7 @@
 					closeModel();
 					emit('uploadVoice', audioPath.value, recordTime.value);
 				}
-			} else if (!isOutLeft.value) { 
-				console.log('取消')
-				closeModel();
-			} else if (!isOutRight.value) {
-				console.log('转文本')
+			} else {
 				closeModel();
 			}
 		});
@@ -258,9 +251,6 @@
 		try {
 			if (unref(recordObjCom).stop) {
 				unref(recordObjCom).stop();
-				setTimeout(() => {
-					closeModel()
-				}, 300)
 			} else {
 				closeModel();
 			}
@@ -303,14 +293,6 @@
 		let moveVal = windowInfo.screenHeight - touchY.value > _btnHeight;
 		return moveVal;
 	});
-	const isOutLeft = computed(() => {
-		let _left = windowInfo.screenWidth/ 2 > touchX.value
-		return _left && isOut.value;
-	});
-	const isOutRight = computed(() => {
-		let _right = windowInfo.screenWidth / 2 < touchX.value
-		return _right && isOut.value;
-	});
 	const outScreen = computed(() => {
 		windowInfo.screenHeight - touchY.value <= 0;
 	});
@@ -399,7 +381,6 @@
 	const isMoving = ref(false);
 	const isTalking = ref(false);
 	const showOverlayTalking = (obj) => {
-		console.log(obj)
 		if (showTalkingModel.value) return;
 		if (isGettingPermission.value) {
 			//#ifdef APP-PLUS
@@ -469,7 +450,6 @@
 	};
 
 	const handleMove = (obj) => {
-		console.log(obj)
 		if (isMoving.value) {
 			touchX.value = obj.changedTouches[0].pageX;
 			touchY.value = obj.changedTouches[0].pageY;
@@ -580,61 +560,63 @@
 			position: relative;
 			pointer-events: none;
 
-			.tips-box {
-				padding-top: 67rpx;
-				line-height: 40rpx;
-				font-size: 33rpx;
-				color: #000;
-				text-align: center;
+			.icon-box {
+				position: absolute;
+				left: 50%;
+				top: 50%;
+				margin-left: -17rpx;
+				margin-top: -24rpx;
+				width: 34rpx;
+				height: 48rpx;
+				pointer-events: none;
+
+				image {
+					width: 100%;
+					height: 100%;
+					pointer-events: none;
+				}
 			}
 		}
 
+		.tips-box {
+			height: 40rpx;
+			line-height: 40rpx;
+			font-size: 28rpx;
+			color: #c0c0c0;
+			text-align: center;
+			margin: 12rpx 0 24rpx;
+			pointer-events: none;
+		}
 
 		.btns-box {
-			height: 240rpx;
+			height: 270rpx;
 			// padding: 0 120rpx;
-			width: 100%;
-			margin: 0 auto -20rpx;
+			width: 154rpx;
+			margin: 0 auto;
 			overflow: hidden;
 			font-size: 28rpx;
 			text-align: center;
+			line-height: 116rpx;
 			pointer-events: none;
-			padding-top: 40rpx;
+			display: flex;
 
 			.close-btn {
+				padding-top: 40rpx;
 				line-height: 28rpx;
 				display: flex;
 				flex-direction: column;
 				justify-content: space-between;
 				float: left;
 				height: 100%;
-				width: 50%;
+				width: 100%;
 				overflow: hidden;
 				color: #999;
-				position: relative;
+				pointer-events: none;
+
 				&.is-out {
 					color: #fff;
 					pointer-events: none;
 				}
-				
-				.btn-box {
-					width: 100%;
-					height: 200rpx;
-					pointer-events: none;
-					margin: 0 auto;
-					position: absolute;
-					top: 0;
-				}
-				&:not(.trans-btn){
-					.btn-box {
-						right: 40rpx;
-					}
-				}
-				&.trans-btn{
-					.btn-box {
-						left: 40rpx;
-					}
-				}
 			}
 
 			.translate-btn {
@@ -646,6 +628,12 @@
 				pointer-events: none;
 			}
 
+			.btn-box {
+				width: 100%;
+				max-height: 152rpx;
+				pointer-events: none;
+				margin: 0 auto;
+			}
 		}
 
 		.talk-dialog {
diff --git a/src/pages/course/study.vue b/src/pages/course/study.vue
index 9c15cab2..2768e04a 100644
--- a/src/pages/course/study.vue
+++ b/src/pages/course/study.vue
@@ -83,6 +83,7 @@
         :canAnswer="testAnswer"
         :adjustPosition="true"
         :canAnswerText="canAnswerText"
+				:answerMethod="answerMethod"
         :isDisabled="(lastTalkingInfo.type || 0) !== 4 || ['SN', 'MU', 'JD'].includes(lastTalkingInfo.qnsTyp)" />
     </view>
     <uv-overlay :show="showSeekModel" opacity=".6" @click="showSeekModel = false">
diff --git a/src/pages/index/dialog.vue b/src/pages/index/dialog.vue
index bf3d1e21..35ff96b3 100644
--- a/src/pages/index/dialog.vue
+++ b/src/pages/index/dialog.vue
@@ -147,7 +147,7 @@
 	import { ref, unref, onMounted, watch, nextTick, computed, onActivated } from 'vue';
 	import common from '@/common/common';
 	import { setupKeyboardHeightListener } from '@/common/common';
-	import TouchBtn from '@/pages/course/components/touchBtn0.vue';
+	import TouchBtn from '@/pages/course/components/touchBtn.vue';
 	import TalkingItem from './components/talking-item.vue';
 	import PreviewVue from './components/preview.vue';
 	import { useSocketStore } from '@/store/socket.js';
@@ -824,13 +824,20 @@
 	const keyboardHeight = ref('0px');
 	const setHeight = (res) => {
 		keyboardHeight.value = (res.height || 0) + 'px';
+		setTimeout(()=>{
+			console.log(totalBotHeight.value)
+		},1000)
 	};
 	const keyBoardIsHide = computed(() => {
 		return parseInt(keyboardHeight.value) == 0;
 	});
 	const bottomHeight = ref('0px');
 	const totalBotHeight = computed(() => {
-		return keyBoardIsHide.value ? 0 + 'px' : parseInt(keyboardHeight.value) - parseInt(bottomHeight.value) + 'px';
+		let isIos
+		// #ifdef APP-PLUS
+		isIos = (plus.os.name == "iOS")
+		// #endif
+		return isIos || keyBoardIsHide.value ? 0 + 'px' : parseInt(keyboardHeight.value) + parseInt(bottomHeight.value) + 'px';
 	});
 	const changeAppHeightBottom = (height) => {
 		//#ifdef APP-PLUS
@@ -838,6 +845,8 @@
 		const systemInfo = uni.getSystemInfoSync();
 		// 计算安全区域底部高度
 		bottomHeight.value = systemInfo.screenHeight - systemInfo.safeArea.bottom + 'px';
+		console.log(systemInfo)
+		console.log(systemInfo.screenHeight , systemInfo.safeArea.bottom )
 		// #endif
 	};
 
@@ -907,7 +916,7 @@
 		bottom: 0;
 		left: 0;
 		box-sizing: border-box;
-		padding-top: v-bind(pageTopPadding);
+		padding-top: var(--status-bar-height);
 		// padding-bottom: v-bind(bottomHeight);
 		// display: flex;
 		// flex-direction: column;
diff --git a/src/static/images/course/cancel-btn.png b/src/static/images/course/cancel-btn.png
new file mode 100644
index 0000000000000000000000000000000000000000..080473f61a0905b2083e65114c95f41da046c601
GIT binary patch
literal 4635
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
R*$w~z002ovPDHLkV1g%X(v<)J

literal 0
HcmV?d00001

diff --git a/src/static/images/course/trans-btn.png b/src/static/images/course/trans-btn.png
new file mode 100644
index 0000000000000000000000000000000000000000..c681090ac2897fb19a7b947829f2c07e8ef584c7
GIT binary patch
literal 5391
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

literal 0
HcmV?d00001