fix: bug

src/pages/courseRecord/components/esQuestion.vue

@@ -6,7 +6,8 @@
 		</view>
 		<view class="qns-desc">你的答案：</view>
 		<view class="ans-list">
-			<esQuestionAnswer v-for="item in dataInfo.analyContentVos" :dataInfo="item" :intrctWay="item.ossKey?'02':'01'"/>
+			<esQuestionAnswer v-for="item in dataInfo.analyContentVos" :dataInfo="item" :intrctWay="item.ossKey?'02':'01'"
+				:activeVoiceId="activeVoiceId" @changePlay="changePlay" />
 		</view>
 		<view class="analysis_div">
 			<view class="analysis_title">
@@ -37,17 +38,25 @@
 				talkingVoice: ''
 			}),
 			type: Object
+		},
+		activeVoiceId: {
+			default: '',
+			type: String
 		}
 	});
 	const {
-		dataInfo
+		dataInfo,
+		activeVoiceId
 	} = toRefs(props);
 
 	const intrctWay = computed(() => {
-		console.log('props.intrctWay', props.intrctWay);
 		return props.intrctWay;
 	});
 	const emit = defineEmits(['changePlay', 'buutton_click']);
+	const changePlay = (val) => {
+		console.log('esq')
+		emit('changePlay', val)
+	}
 	watch(
 		() => props.dataInfo,
 		() => {}, {
@@ -57,7 +66,7 @@
 	);
 	const initData = (item) => {
 		return {
-			
+
 		}
 	}
 	// 声音播放初始化
@@ -74,81 +83,11 @@
 	const showContent = computed(() => {
 		return props.text || props.dataInfo.anserResult || '';
 	});
-	onMounted(() => {
-		initVoice();
-	});
-	onUnload(() => {
-		pauseVoice();
-	});
-	watch(
-		() => props.dataInfo.talkingVoice,
-		(val) => {
-			if (val) {
-				initVoice();
-			}
-		}, {
-			deep: true,
-			immediate: true
-		}
-	);
 
 	// 按钮点击
 	const buutton_click = (type) => {
 		emit('buutton_click', type, props.dataInfo);
 	};
-	const pauseVoice = () => {
-		if (!talkVoiceObj.value) return;
-		talkVoiceObj.value.pause();
-		isPlaying.value = false;
-		emit('changePlay', '');
-	};
-	const playVoice = () => {
-		emit('changePlay', unref(dataInfo)?.id);
-		if (talkVoiceObj.value && talkVoiceObj.value.src) {
-			talkVoiceObj.value.play();
-			return;
-		} else {
-			talkVoiceObj.value.src = '';
-			if (unref(dataInfo).talkingVoice) {
-				setTimeout(() => {
-					talkVoiceObj.value.src = unref(dataInfo).talkingVoice;
-					talkVoiceObj.value.play();
-					isPlaying.value = true;
-				}, 100);
-			}
-		}
-	};
-	const initVoice = () => {
-		talkVoiceObj.value = uni.createInnerAudioContext();
-		talkVoiceObj.value.onEnded(() => {
-			emit('changePlay', '');
-			talkVoiceObj.value.src = '';
-		});
-		talkVoiceObj.value.onError(() => {
-			talkVoiceObj.value.src = '';
-		});
-		if (unref(dataInfo).intrctWay === '02') {
-			itemVoice.value = unref(dataInfo).talkingVoice;
-			talkVoiceObj.value.src = itemVoice.value;
-			setTimeout(() => {
-				setVoiceTime(0);
-			}, 100);
-		}
-	};
-	const setVoiceTime = (sum) => {
-		sum += 1;
-		if (Math.ceil(talkVoiceObj.value.duration) > 0) {
-			voiceTime.value = (Math.ceil(talkVoiceObj.value.duration) || 1) + 's';
-		} else {
-			if (sum === 20) {
-				voiceTime.value = 0 + 's';
-				return;
-			}
-			setTimeout(() => {
-				setVoiceTime(sum);
-			}, 200);
-		}
-	};
 </script>
 
 <style scoped lang="scss">
@@ -164,6 +103,7 @@
 		text-align: center;
 		line-height: 46rpx;
 	}
+
 	.question_text {
 		font-family: PingFangSC;
 		font-weight: 500;
@@ -174,11 +114,13 @@
 		font-style: normal;
 		margin-top: 20rpx;
 	}
-	.qns-desc{
+
+	.qns-desc {
 		font-size: 30rpx;
 		margin-top: 20rpx;
 		margin-bottom: 20rpx;
 	}
+
 	.talking-info {
 		padding: 20rpx;
 		border-radius: 15rpx;
@@ -325,35 +267,40 @@
 			}
 		}
 	}
-	.question-info{
+
+	.question-info {
 		margin-bottom: 20rpx;
 		overflow: hidden;
 	}
-	.ans-list{
+
+	.ans-list {
 		overflow: hidden;
 	}
+
 	.analysis_div {
 		width: 100%;
+
 		.analysis_title {
 			display: flex;
 			justify-content: space-between;
 			align-items: center;
 			margin: 12rpx 0 28rpx 0;
-	
+
 			.success_answer {
-			font-size: 30rpx;
+				font-size: 30rpx;
 			}
-	
+
 			.your_answer {
 				.success {
 					color: #15b859;
 				}
+
 				.error {
 					color: #f5212d;
 				}
 			}
 		}
-	
+
 		.analysis_note {
 			font-family: PingFangSC;
 			font-weight: 500;
@@ -364,5 +311,4 @@
 			font-style: normal;
 		}
 	}
-	
 </style>