diff --git a/src/pages/course/components/talkingItem.vue b/src/pages/course/components/talkingItem.vue
index f5f1a5b1..7a84a470 100644
--- a/src/pages/course/components/talkingItem.vue
+++ b/src/pages/course/components/talkingItem.vue
@@ -466,12 +466,10 @@
 		pauseVoice();
 	});
 	let prevTime = -1;
-	let activeTime = -1;
 	talkVoiceObj.value.onEnded(() => {
 		console.log('onEnded');
 		emit('changePlay', '');
 		prevTime = -1;
-		activeTime = -1;
 		talkVoiceObj.value.src = '';
 	});
 	talkVoiceObj.value.onStop(() => {
diff --git a/src/pages/courseRecord/components/esQuestion.vue b/src/pages/courseRecord/components/esQuestion.vue
index f62e5503..98f20e73 100644
--- a/src/pages/courseRecord/components/esQuestion.vue
+++ b/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>
\ No newline at end of file
diff --git a/src/pages/courseRecord/components/esQuestionAnswer.vue b/src/pages/courseRecord/components/esQuestionAnswer.vue
index 86770318..e16214e9 100644
--- a/src/pages/courseRecord/components/esQuestionAnswer.vue
+++ b/src/pages/courseRecord/components/esQuestionAnswer.vue
@@ -1,6 +1,6 @@
 <template>
 	<view class="talking-info-es" v-if="intrctWay === '02'">
-		<view :class="['talking-gif', 'is-play']">
+		<view :class="['talking-gif', isPlaying ?'is-play':'']">
 			<CommonLoading color="#fff" v-show="voiceLoading" />
 		</view>
 		<view class="right-time">{{ voiceTime }}</view>
@@ -14,10 +14,12 @@
 		</view>
 		<view class="btns-cont">
 			<view class="play-btn">
-				<image class="icon" @click="playVoice" src="@/static/images/course/play-blue.png"
+				<image class="icon" @click="playVoice" src="@/static/images/course/play-blue.png" v-show="!isPlaying"
 					style="width: 100%; height: 100%"></image>
+				<image class="icon" v-show="isPlaying" @click.stop="pauseVoice" src="@/static/images/course/stop-blue.png"
+					style="width: 100%;height: 100%;"></image>
 			</view>
-			<view class="text-btn" @click.stop="translateVoice()">文</view>
+			<!-- <view class="text-btn" @click.stop="translateVoice()">文</view> -->
 		</view>
 	</view>
 	<!-- 01纯文字 -->
@@ -80,7 +82,6 @@
 	} = toRefs(props);
 
 	const intrctWay = computed(() => {
-		console.log('props.intrctWay', props.intrctWay);
 		return props.intrctWay;
 	});
 	const emit = defineEmits(['changePlay', 'buutton_click']);
@@ -91,6 +92,12 @@
 			immediate: true
 		}
 	);
+	watch(() => props.activeVoiceId, (val) => {
+		if (val != dataInfo.value.ossAddr) {
+			pauseVoice();
+			isPlaying.value = false
+		}
+	})
 	// 声音播放初始化
 	const talkVoiceObj = ref(null);
 
@@ -107,21 +114,21 @@
 	});
 	onMounted(() => {
 		initVoice();
+		watch(
+			() => props.dataInfo.ossAddr,
+			(val) => {
+				if (val) {
+					initVoice();
+				}
+			}, {
+				deep: true,
+				immediate: true
+			}
+		);
 	});
 	onUnload(() => {
 		pauseVoice();
 	});
-	watch(
-		() => props.dataInfo.ossAddr,
-		(val) => {
-			if (val) {
-				initVoice();
-			}
-		}, {
-			deep: true,
-			immediate: true
-		}
-	);
 
 	// 按钮点击
 	const buutton_click = (type) => {
@@ -134,7 +141,7 @@
 		emit('changePlay', '');
 	};
 	const playVoice = () => {
-		emit('changePlay', unref(dataInfo)?.id);
+		emit('changePlay', unref(dataInfo)?.ossAddr);
 		if (talkVoiceObj.value && talkVoiceObj.value.src) {
 			talkVoiceObj.value.play();
 			return;
@@ -142,7 +149,8 @@
 			talkVoiceObj.value.src = '';
 			if (unref(dataInfo).ossAddr) {
 				setTimeout(() => {
-					talkVoiceObj.value.src = unref(dataInfo).ossAddr;
+					talkVoiceObj.value.src =
+						'http://25.18.122.92:9786/traoss/tras3/show//S3F0250181221042025091814253800004818633' //unref(dataInfo).ossAddr;
 					talkVoiceObj.value.play();
 					isPlaying.value = true;
 				}, 100);
@@ -151,13 +159,42 @@
 	};
 	const initVoice = () => {
 		talkVoiceObj.value = uni.createInnerAudioContext();
+		let prevTime = -1;
 		talkVoiceObj.value.onEnded(() => {
 			emit('changePlay', '');
+			prevTime = -1;
 			talkVoiceObj.value.src = '';
 		});
-		talkVoiceObj.value.onError(() => {
+		talkVoiceObj.value.onStop(() => {
+			emit('changePlay', '');
+			prevTime = -1;
 			talkVoiceObj.value.src = '';
 		});
+		talkVoiceObj.value.onPause(() => {
+			prevTime = talkVoiceObj.value.currentTime;
+			emit('changePlay', '');
+		});
+		talkVoiceObj.value.onError(() => {
+			prevTime = -1;
+			emit('changePlay', '');
+		});
+		talkVoiceObj.value.onPlay(() => {
+			prevTime = talkVoiceObj.value.currentTime;
+			emit('changePlay', unref(dataInfo)?.ossAddr);
+		});
+		talkVoiceObj.value.onTimeUpdate(() => {
+			if (props.activeVoiceId === unref(dataInfo)?.ossAddr) {
+				setTimeout(() => {
+					if (talkVoiceObj.value.currentTime !== prevTime) {
+						if (talkVoiceObj.value.currentTime > 0) {
+							prevTime = talkVoiceObj.value.currentTime;
+						}
+					} else {
+						emit('changePlay', '');
+					}
+				}, 500);
+			}
+		});
 		if (unref(dataInfo).intrctWay === '02') {
 			itemVoice.value = unref(dataInfo).ossAddr;
 			talkVoiceObj.value.src = itemVoice.value;
@@ -202,8 +239,8 @@
 			padding-left: 168rpx;
 
 			&.is-play {
-				background: url(@/static/images/course/voice-white.gif) no-repeat;
-				background-size: contain;
+				background: url(@/static/images/course/voice-white.gif) no-repeat !important;
+				background-size: contain !important;
 			}
 		}
 
diff --git a/src/pages/courseRecord/components/talkingItem.vue b/src/pages/courseRecord/components/talkingItem.vue
index 1dadec45..87de89af 100644
--- a/src/pages/courseRecord/components/talkingItem.vue
+++ b/src/pages/courseRecord/components/talkingItem.vue
@@ -15,8 +15,9 @@
 		<!-- 对话信息 -->
 		<view :class="['talking-info', [4].indexOf(type) >= 0 ? 'talking-info-less':''] ">
 			<!-- 语音加载状态 -->
-			<view :class="['talking-gif', !voiceLoading && (activeVoiceId === dataInfo.id)?'is-play':'']"  v-if="!([3, 4, 5, 8, 9].indexOf(type) >= 0)">
-				<CommonLoading color="#06f" v-show="voiceLoading"/>
+			<view :class="['talking-gif', !voiceLoading && (activeVoiceId === dataInfo.id)?'is-play':'']"
+				v-if="!([3, 4, 5, 8, 9].indexOf(type) >= 0)">
+				<CommonLoading color="#06f" v-show="voiceLoading" />
 			</view>
 			<view class="talking-cont">
 				<!-- 题干/段落内容 -->
@@ -30,16 +31,10 @@
 					{{ showContent }}
 				</text>
 				<!-- 试题问题 -->
-				<Subject v-if="[4, 8].indexOf(type) >= 0 && dataInfo.qnsTyp !== 'ES'" 
-				:isPreview="!isLast" 
-				:item="subjectInfo" 
-				:mode="mode" 
-				:clearResult="type === 4"
-				@subject_click="subject_click" />
-				<esQuestion 
-					v-if="[4, 8].indexOf(type) >= 0 && dataInfo.qnsTyp === 'ES'"
-					:dataInfo="esSubjectInfo"
-				/> 
+				<Subject v-if="[4, 8].indexOf(type) >= 0 && dataInfo.qnsTyp !== 'ES'" :isPreview="!isLast" :item="subjectInfo"
+					:mode="mode" :clearResult="type === 4" @subject_click="subject_click" />
+				<esQuestion v-if="[4, 8].indexOf(type) >= 0 && dataInfo.qnsTyp === 'ES'" @changePlay="changePlay"
+					:activeVoiceId="activeVoiceId" :dataInfo="esSubjectInfo" />
 				<!-- 试题问题反馈 -->
 				<!-- <RadioSubjectRequest v-if="[8].indexOf(type) >= 0 && dataInfo.qnsTyp !== 'ES'" :item="dataInfo" :mode="mode" @subject_click="subject_click" /> -->
 				<!-- 段落图片视频预览 -->
@@ -48,24 +43,28 @@
 					<VideoPreview class="cont-img-box" v-if="(dataInfo.vidoAddrs||[]).length>0" :fileId="dataInfo.vidoAddrs[0]"></VideoPreview>
 				</view> -->
 				<!-- 举例预览 -->
-				<view  class="talking-text" v-if="type === 3 && dataInfo.exampie " style="overflow: hidden;">
+				<view class="talking-text" v-if="type === 3 && dataInfo.exampie " style="overflow: hidden;">
 					举例：{{ dataInfo.exampie }}
 				</view>
-				<view  style="overflow: hidden;">
-					<ImagePreview class="cont-img-box" v-if="dataInfo.imgAddr" :src="dataInfo.imgAddr" :previewDetail="true"></ImagePreview>
+				<view style="overflow: hidden;">
+					<ImagePreview class="cont-img-box" v-if="dataInfo.imgAddr" :src="dataInfo.imgAddr" :previewDetail="true">
+					</ImagePreview>
 					<VideoPreview class="cont-img-box" v-if="dataInfo.vidAddr" :src="dataInfo.vidAddr"></VideoPreview>
 				</view>
 				<!-- 维度信息预览 -->
 				<view v-if="[4, 8].indexOf(type) >= 0 && dataInfo.qnsTyp === 'ES'" style="padding-top: 16rpx;">
-					<ChartFour v-if="esSubjectInfo?.evalSettingVos?.length === 4" :dataList="esSubjectInfo.evalSettingVos" :score="intrctGrade"/>
-					<ChartThree v-if="esSubjectInfo?.evalSettingVos?.length === 3" :dataList="esSubjectInfo.evalSettingVos" :score="intrctGrade"/>
-					<ChartFive v-if="esSubjectInfo?.evalSettingVos?.length === 5" :dataList="esSubjectInfo.evalSettingVos" :score="intrctGrade"/>
+					<ChartFour v-if="esSubjectInfo?.evalSettingVos?.length === 4" :dataList="esSubjectInfo.evalSettingVos"
+						:score="intrctGrade" />
+					<ChartThree v-if="esSubjectInfo?.evalSettingVos?.length === 3" :dataList="esSubjectInfo.evalSettingVos"
+						:score="intrctGrade" />
+					<ChartFive v-if="esSubjectInfo?.evalSettingVos?.length === 5" :dataList="esSubjectInfo.evalSettingVos"
+						:score="intrctGrade" />
 				</view>
 				<!-- 参考答案 -->
-				<view  class="talking-text" v-if="type === 5 && !dataInfo.isLoading" style="overflow: hidden;">
+				<view class="talking-text" v-if="type === 5 && !dataInfo.isLoading" style="overflow: hidden;">
 					参考答案：{{ dataInfo.itemAnswer }}
 				</view>
-				
+
 			</view>
 			<view class="btns-cont" v-show="!dataInfo.isLoading" v-if="!([3, 8, 4].indexOf(type) >= 0)">
 				<!-- 重新播放 -->
@@ -73,21 +72,11 @@
 					<image class="icon" src="@/static/images/course/replay.png" style="width: 100%;height: 100%;"></image>
 				</view>
 				<!-- 播放/暂停 -->
-				<view class="play-btn"  v-if="!([5, 8, 9].indexOf(type) >= 0)">
-					<image 
-						class="icon" 
-						src="@/static/images/course/play.png" 
-						style="width: 100%;height: 100%;"
-						@click.stop="playVoice()"
-						v-show="!isPlaying"
-					></image>
-					<image 
-						class="icon" 
-						v-show="isPlaying" 
-						src="@/static/images/course/pause.png" 
-						style="width: 100%;height: 100%;"
-						@click.stop="pauseVoice"
-					></image>
+				<view class="play-btn" v-if="!([5, 8, 9].indexOf(type) >= 0)">
+					<image class="icon" src="@/static/images/course/play.png" style="width: 100%;height: 100%;"
+						@click.stop="playVoice()" v-show="!isPlaying"></image>
+					<image class="icon" v-show="isPlaying" src="@/static/images/course/pause.png"
+						style="width: 100%;height: 100%;" @click.stop="pauseVoice"></image>
 				</view>
 			</view>
 		</view>
@@ -107,7 +96,7 @@
 		<view class="talking-info">
 			<view class="right-time">{{voiceTime}}</view>
 			<view class="talking-cont">
-				<text :class="['talking-text translate-text loading']" >
+				<text :class="['talking-text translate-text loading']">
 					{{ showContent }}
 				</text>
 			</view>
@@ -116,27 +105,15 @@
 					<image class="icon" src="@/static/images/course/replay.png" style="width: 100%;height: 100%;"></image>
 				</view> -->
 				<view class="play-btn">
-					<image class="icon" 
-						@click.stop="playQnsVoice('qns', dataInfo)"
-						v-show="!isPlaying"
-						src="@/static/images/course/play-blue.png" 
-						style="width: 100%;height: 100%;"
-					></image>
-					<image class="icon"
-						v-show="isPlaying" 
-						@click.stop="pauseVoice"
-						src="@/static/images/course/stop-blue.png" 
-						style="width: 100%;height: 100%;"
-					></image>
+					<image class="icon" @click.stop="playQnsVoice('qns', dataInfo)" v-show="!isPlaying"
+						src="@/static/images/course/play-blue.png" style="width: 100%;height: 100%;"></image>
+					<image class="icon" v-show="isPlaying" @click.stop="pauseVoice" src="@/static/images/course/stop-blue.png"
+						style="width: 100%;height: 100%;"></image>
 				</view>
 				<view class="icon text-btn" v-if="type === 1" @click.stop="translateVoice(dataInfo)">文</view>
 				<view class="icon text-right-btn" @click.stop="finishQuestion(dataInfo)" v-show="isLast">完成</view>
-				<view 
-					class="icon text-right-btn" 
-					@click.stop="withdraw" 
-					v-show="showWithdraw"
-				>撤回
-				<!-- v-show="showWithdraw" -->
+				<view class="icon text-right-btn" @click.stop="withdraw" v-show="showWithdraw">撤回
+					<!-- v-show="showWithdraw" -->
 				</view>
 			</view>
 		</view>
@@ -152,27 +129,46 @@
 </template>
 
 <script setup>
-import { watch, unref, ref, toRefs, computed, nextTick,onMounted } from 'vue'
-import ImagePreview from '@/components/image-preview/image-preview.vue'
-import VideoPreview from '@/components/image-preview/video-preview.vue'
-import { downloadVoiceFile, uploadVoiceFile, getAudioByText } from "@/api/common.js"
-import { studyParagraphOverApi, getAskAboutRawApi } from "@/api/study.js"
-import ChartFour from "@/pages/course/components/chartFour.vue"
-import ChartThree from "@/pages/course/components/chartThree.vue"
-import ChartFive from '@/pages/course/components/chartFive.vue'
-import common from '@/common/common';
-import { useStorageStore } from "@/store/storage.js"
-import { onUnload } from '@dcloudio/uni-app'
-import esQuestion from './esQuestion.vue'
-import Subject from '@/components/examination/subject.vue'
-// import RadioSubjectRequest from '@/pages/wrong_question_record/components/radio-subject.vue'
+	import {
+		watch,
+		unref,
+		ref,
+		toRefs,
+		computed,
+		nextTick,
+		onMounted
+	} from 'vue'
+	import ImagePreview from '@/components/image-preview/image-preview.vue'
+	import VideoPreview from '@/components/image-preview/video-preview.vue'
+	import {
+		downloadVoiceFile,
+		uploadVoiceFile,
+		getAudioByText
+	} from "@/api/common.js"
+	import {
+		studyParagraphOverApi,
+		getAskAboutRawApi
+	} from "@/api/study.js"
+	import ChartFour from "@/pages/course/components/chartFour.vue"
+	import ChartThree from "@/pages/course/components/chartThree.vue"
+	import ChartFive from '@/pages/course/components/chartFive.vue'
+	import common from '@/common/common';
+	import {
+		useStorageStore
+	} from "@/store/storage.js"
+	import {
+		onUnload
+	} from '@dcloudio/uni-app'
+	import esQuestion from './esQuestion.vue'
+	import Subject from '@/components/examination/subject.vue'
+	// import RadioSubjectRequest from '@/pages/wrong_question_record/components/radio-subject.vue'
 
-const storageStore = useStorageStore()
-const audioCacheObj = computed(() => storageStore.audioObj)
+	const storageStore = useStorageStore()
+	const audioCacheObj = computed(() => storageStore.audioObj)
 	const props = defineProps({
-		type:{
-			default: 0,// 1： userAnswer 0: AIAnswer
-			type:[Number,String]
+		type: {
+			default: 0, // 1： userAnswer 0: AIAnswer
+			type: [Number, String]
 		},
 		dataInfo: {
 			default: () => ({}),
@@ -182,23 +178,23 @@ const audioCacheObj = computed(() => storageStore.audioObj)
 			default: () => ({}),
 			type: Object
 		},
-		activeVoiceId:{
-			default:'',
+		activeVoiceId: {
+			default: '',
 			type: String
 		},
-		isLast:{
-			default:false,
+		isLast: {
+			default: false,
 			type: Boolean
 		},
-		isPlaying:{
-			default:false,
+		isPlaying: {
+			default: false,
 			type: Boolean
 		},
 		voiceRate: {
 			default: '1.0',
-			type:[Number,String],
+			type: [Number, String],
 		},
-		isTransform:{
+		isTransform: {
 			default: false,
 			type: Boolean
 		},
@@ -207,202 +203,215 @@ const audioCacheObj = computed(() => storageStore.audioObj)
 			type: Object
 		},
 		class: {
-			default:'',
+			default: '',
 			type: String
 		},
 		id: {
-			default:'',
+			default: '',
 			type: String
 		}
 	})
-	
-	const { type, dataInfo, activeVoiceId, isPlaying, isLast, lastQuestionInfo, teacherInfo} = toRefs(props)
+
+	const {
+		type,
+		dataInfo,
+		activeVoiceId,
+		isPlaying,
+		isLast,
+		lastQuestionInfo,
+		teacherInfo
+	} = toRefs(props)
 	const emit = defineEmits(['changePlay', 'nextQuestion', 'withdraw', 'finishQuestion', 'answerQuestion'])
+
+
+	const changePlay = (val) => {
+		emit('changePlay', val)
+	}
 	// 声音播放初始化
 	const talkVoiceObj = ref(uni.createInnerAudioContext())
 	talkVoiceObj.value.playbackRate = Number(props.voiceRate)
 	const itemVoice = ref('')
-	const subjectInfo = computed(()=>{
+	const subjectInfo = computed(() => {
 		return {
 			...dataInfo.value,
-			...(dataInfo.value?.traQnsInfoVo||{}),
-			my_answer: dataInfo.value?.traQnsInfoVo?.anserResult||''
+			...(dataInfo.value?.traQnsInfoVo || {}),
+			my_answer: dataInfo.value?.traQnsInfoVo?.anserResult || ''
 		}
 	})
-	const esSubjectInfo = computed(()=>{
+	const esSubjectInfo = computed(() => {
 		return {
 			...dataInfo.value,
-			...(dataInfo.value.itemVos && dataInfo.value.itemVos.length>0
-			?
-				dataInfo.value.itemVos[0]
-			:{})
+			...(dataInfo.value.itemVos && dataInfo.value.itemVos.length > 0 ?
+				dataInfo.value.itemVos[0] :
+				{})
 		}
 	})
-	const intrctGrade = computed(()=>{
+	const intrctGrade = computed(() => {
 		let _sum = 0
-		let _arr = esSubjectInfo.value.evalSettingVos||[]
-		_arr.forEach(t=>{
+		let _arr = esSubjectInfo.value.evalSettingVos || []
+		_arr.forEach(t => {
 			_sum += t.anlyGrade
 		})
 		return _sum
 	})
 	const mode = ref('study') // 考试 examination 练习practice 学习study
-	
-	const showWithdraw = computed(()=>{
+
+	const showWithdraw = computed(() => {
 		let _isMe = unref(lastQuestionInfo).qstLogId === unref(dataInfo).qstLogId
 		let _isQuestion = unref(lastQuestionInfo).isQuestion
 		return _isMe && _isQuestion
 	})
-	
+
 	const voiceLoading = ref(false)
-	watch(() => props.teacherInfo,(val) => {
+	watch(() => props.teacherInfo, (val) => {
 		itemVoice.value = ''
 		talkVoiceObj.value.src = ''
-	},{
+	}, {
 		deep: true,
 		immediate: true
 	})
-	watch(() => props.isPlaying,(val) => {
-		if(!val){
+	watch(() => props.isPlaying, (val) => {
+		if (!val) {
 			talkVoiceObj.value?.pause()
 		}
-	},{
+	}, {
 		deep: true,
 		immediate: true
 	})
-	watch(() => props.voiceRate,(val) => {
+	watch(() => props.voiceRate, (val) => {
 		talkVoiceObj.value.playbackRate = Number(val)
-	},{
+	}, {
 		deep: true,
 		immediate: true
 	})
-	watch(()=>props.lastTalkingInfo,()=>{},{
+	watch(() => props.lastTalkingInfo, () => {}, {
 		deep: true,
 		immediate: true
 	})
-	watch(() => props.dataInfo,()=>{},{
+	watch(() => props.dataInfo, () => {}, {
 		deep: true,
 		immediate: true
 	})
-	const showGoOnStudyBtn = computed(()=> {
-		if(!(showNextBtn.value &&  isLast.value)){
+	const showGoOnStudyBtn = computed(() => {
+		if (!(showNextBtn.value && isLast.value)) {
 			return false
 		}
-		if(type.value === 5){
+		if (type.value === 5) {
 			return true
 		}
-		if(type.value === 8){
-			return  !!dataInfo.value.traQnsInfoVo?.judgeResult
+		if (type.value === 8) {
+			return !!dataInfo.value.traQnsInfoVo?.judgeResult
 		}
-		if(type.value === 9){
+		if (type.value === 9) {
 			return dataInfo.value.stdyStat === 'Y'
 		}
 		return false
 	})
 	const transformContent = ref('')
 	const showContentBase = computed(() => {
-		if(props.isTransform){
+		if (props.isTransform) {
 			return transformContent.value
-		}else{
-			if(props.type === 1) return unref(dataInfo)?.chatContent || unref(dataInfo)?.talkingContent
-			else if(props.type === 2) return unref(dataInfo)?.chatContent || unref(dataInfo)?.talkingContent
-			else if(props.type === 3) return unref(dataInfo)?.chatContent || unref(dataInfo)?.pgrphContent
-			else if(props.type === 4) return unref(dataInfo)?.chatContent || unref(dataInfo)?.qnsContent
-			else if(props.type === 5) return unref(dataInfo)?.chatContent || unref(dataInfo)?.analyContent
-			else if(props.type === 9) return unref(dataInfo)?.chatContent || unref(dataInfo)?.analyContent
-			else if(props.type === 0) return unref(dataInfo)?.chatContent || unref(dataInfo)?.talkingContent
+		} else {
+			if (props.type === 1) return unref(dataInfo)?.chatContent || unref(dataInfo)?.talkingContent
+			else if (props.type === 2) return unref(dataInfo)?.chatContent || unref(dataInfo)?.talkingContent
+			else if (props.type === 3) return unref(dataInfo)?.chatContent || unref(dataInfo)?.pgrphContent
+			else if (props.type === 4) return unref(dataInfo)?.chatContent || unref(dataInfo)?.qnsContent
+			else if (props.type === 5) return unref(dataInfo)?.chatContent || unref(dataInfo)?.analyContent
+			else if (props.type === 9) return unref(dataInfo)?.chatContent || unref(dataInfo)?.analyContent
+			else if (props.type === 0) return unref(dataInfo)?.chatContent || unref(dataInfo)?.talkingContent
 			else return unref(dataInfo)?.chatContent || unref(dataInfo)?.talkingContent
 		}
 	})
 	const showContent = computed(() => {
 		let _str = showContentBase.value || ''
-		return _str.replace(/\/n/g,"\n")
+		return _str.replace(/\/n/g, "\n")
 	})
-	
+
 	const changeBr = (str = '') => {
-		return str.replace(/\/n/g,"\n")
+		return str.replace(/\/n/g, "\n")
 	}
 	const voiceTime = ref('')
 	const itemInfo = ref({})
-	onMounted(()=>{
+	onMounted(() => {
 		initVoice()
 	})
-	onUnload(()=>{
+	onUnload(() => {
 		pauseVoice()
 	})
-	talkVoiceObj.value.onEnded(()=>{
+	talkVoiceObj.value.onEnded(() => {
 		emit('changePlay', '')
 		talkVoiceObj.value.src = ''
 	})
-	talkVoiceObj.value.onError(()=>{
+	talkVoiceObj.value.onError(() => {
 		talkVoiceObj.value.src = ''
 	})
 	const pauseVoice = () => {
-		if(!talkVoiceObj.value) return
+		if (!talkVoiceObj.value) return
 		talkVoiceObj.value.pause()
 		emit('changePlay', '')
 	}
 	// 重播
 	const restartPlay = () => {
-		if(itemVoice.value){
+		if (itemVoice.value) {
 			emit('changePlay', '')
 			emit('changePlay', unref(dataInfo)?.id)
-			setTimeout(()=>{
+			setTimeout(() => {
 				talkVoiceObj.value.src = itemVoice.value
 				talkVoiceObj.value.seek(0)
 				talkVoiceObj.value.play()
-			},100)
-		}else{
+			}, 100)
+		} else {
 			playVoice()
 		}
 	}
-	const playVoice = (readType = 'pgth') =>{
+	const playVoice = (readType = 'pgth') => {
 		let _content = showContent.value
-		if(!_content){
+		if (!_content) {
 			common.msg('没有可以播放的文字信息！')
 			return
 		}
-			emit('changePlay', unref(dataInfo)?.id)
+		emit('changePlay', unref(dataInfo)?.id)
 		// readType 阅读内容类型pgrh段落/qns问题
-		if(talkVoiceObj.value.src && talkVoiceObj.value.src === itemVoice.value) {
+		if (talkVoiceObj.value.src && talkVoiceObj.value.src === itemVoice.value) {
 			emit('changePlay', unref(dataInfo)?.id)
-			talkVoiceObj.value.play() 
+			talkVoiceObj.value.play()
 			return
 		}
 		talkVoiceObj.value.src = ''
-		if(itemVoice.value){
-			setTimeout(()=>{
+		if (itemVoice.value) {
+			setTimeout(() => {
 				talkVoiceObj.value.src = itemVoice.value
 				talkVoiceObj.value.play()
-			},100)
-		}else{
+			}, 100)
+		} else {
 			voiceLoading.value = true
 			let _type = props.type == 2 ? 'ans' : props.type == 3 ? 'pgrh' : props.type == 4 ? 'qns' : ''
-			let _readId = props.type == 2 ? unref(dataInfo)?.intrctId : props.type == 3 ? unref(dataInfo)?.pgrphId : props.type == 4 ? unref(dataInfo)?.qnsId : ''
+			let _readId = props.type == 2 ? unref(dataInfo)?.intrctId : props.type == 3 ? unref(dataInfo)?.pgrphId : props
+				.type == 4 ? unref(dataInfo)?.qnsId : ''
 			let _params = {
 				crsId: unref(dataInfo)?.crsId || '',
 				pgrphId: unref(dataInfo)?.pgrphId || '',
 				qnsId: unref(dataInfo)?.qnsId || '',
-				readType: _type,// 2 文本回答 3, 段落信息  4  问题信息 
+				readType: _type, // 2 文本回答 3, 段落信息  4  问题信息 
 				teachNo: unref(teacherInfo)?.teacherNo, // 必填
 				readId: _readId
 				// content: _content
 			}
-			
-				
-			let _url = '/trastudy/traStdyInfo/readContent?' + Object.keys(_params).map(t=>{
+
+
+			let _url = '/trastudy/traStdyInfo/readContent?' + Object.keys(_params).map(t => {
 				return encodeURIComponent(t) + '=' + encodeURIComponent(_params[t])
 			}).join('&')
-			
-			storageStore.getStorageById('audio', _url + _params.teachNo, (url)=>{
-				if(url){
+
+			storageStore.getStorageById('audio', _url + _params.teachNo, (url) => {
+				if (url) {
 					voiceLoading.value = false
 					itemVoice.value = url
 					talkVoiceObj.value.src = url
 					talkVoiceObj.value.play()
-				}else{
-					downloadVoiceFile(_url).then(res=>{
-						if(res?.data){
+				} else {
+					downloadVoiceFile(_url).then(res => {
+						if (res?.data) {
 							common.msg(res.data.message)
 							return
 						}
@@ -411,142 +420,143 @@ const audioCacheObj = computed(() => storageStore.audioObj)
 						talkVoiceObj.value.src = res.tempFilePath
 						talkVoiceObj.value.play()
 						storageStore.setStorage('audio', _url + _params.teachNo, itemVoice.value)
-					}).catch((err)=>{
+					}).catch((err) => {
 						voiceLoading.value = false
 					})
 				}
 			})
 		}
 	}
-	const saveFile = (buffer,filePath, cb = ()=>{}) => {
+	const saveFile = (buffer, filePath, cb = () => {}) => {
 		let fileManager = uni.getFileSystemManager()
 		fileManager.writeFile({
 			filePath: filePath,
 			data: buffer,
 			encoding: 'binary',
 			success: cb,
-			file: ()=>{
+			file: () => {
 				voiceLoading.value = false
 			}
 		})
 	}
-	const initVoice = (readType = 'qns', item, isplay=false) => {
-		if(unref(dataInfo).talkingVoice){
+	const initVoice = (readType = 'qns', item, isplay = false) => {
+		if (unref(dataInfo).talkingVoice) {
 			itemVoice.value = unref(dataInfo).talkingVoice
 			talkVoiceObj.value.src = itemVoice.value
-			setTimeout(()=>{
+			setTimeout(() => {
 				setVoiceTime(0)
-			},100)
+			}, 100)
 		}
 	}
 	const setVoiceTime = (sum) => {
 		sum += 1
-		if(talkVoiceObj.value.duration){
-			voiceTime.value = ( Math.ceil(talkVoiceObj.value.duration) || 0 ) + 's'
-		}else{
-			if(sum === 10) {
+		if (talkVoiceObj.value.duration) {
+			voiceTime.value = (Math.ceil(talkVoiceObj.value.duration) || 0) + 's'
+		} else {
+			if (sum === 10) {
 				voiceTime.value = 0 + 's'
 				return
 			}
-			setTimeout(()=>{
+			setTimeout(() => {
 				setVoiceTime(sum)
-			},200)
+			}, 200)
 		}
 	}
-	const playQnsVoice = (readType = 'qns', item) =>{
-		if(type.value === 2){
+	const playQnsVoice = (readType = 'qns', item) => {
+		if (type.value === 2) {
 			// 文本转语音
 			playVoice(readType)
 			return
 		}
 		// readType 阅读内容类型pgrh段落/qns问题
 		emit('changePlay', unref(dataInfo)?.id)
-		setTimeout(()=>{
+		setTimeout(() => {
 			itemVoice.value = item.talkingVoice
 			talkVoiceObj.value.src = item.talkingVoice
 			talkVoiceObj.value.play()
-		},100)
+		}, 100)
 	}
 	const translateLoading = ref(false)
 	// 翻译
-	const translateVoice = (item) =>{
-		if(!item.talkingVoice) return
+	const translateVoice = (item) => {
+		if (!item.talkingVoice) return
 		translateLoading.value = true
-		uploadVoiceFile(item.talkingVoice,{}).then(res=>{
+		uploadVoiceFile(item.talkingVoice, {}).then(res => {
 			let _data = JSON.parse(res.data)
 			item.talkingContent = _data.body.text
 			translateLoading.value = false
-		}).catch(()=>{
+		}).catch(() => {
 			translateLoading.value = false
 		})
 	}
 	const showNextBtn = ref(true)
-	const showGoonBtn = computed(()=>{
+	const showGoonBtn = computed(() => {
 		return showNextBtn.value && [3, 6].indexOf(props.type) >= 0 && isLast.value // && !isPlaying.value
 	})
 	const isClick = ref(false)
 	const goOnGetQues = () => {
-		if(isClick.value) return
+		if (isClick.value) return
 		clickNow()
-		if([5,8].indexOf(props.type) >= 0){
+		if ([5, 8].indexOf(props.type) >= 0) {
 			// 完成问题
 			emit('nextQuestion', unref(dataInfo))
-		}else if([3].indexOf(props.type) >= 0){
+		} else if ([3].indexOf(props.type) >= 0) {
 			// 完成段落
 			emit('nextQuestion', unref(dataInfo), 'overGraph')
-		}else if([9].indexOf(props.type) >= 0){
+		} else if ([9].indexOf(props.type) >= 0) {
 			// 下一段落
 			emit('nextQuestion', unref(dataInfo), 'nextGraph')
 		}
 	}
 	const clickNow = () => {
 		isClick.value = true
-		setTimeout(()=>{
+		setTimeout(() => {
 			isClick.value = false
-		},800)
+		}, 800)
 	}
 	const goOnRestart = () => {
-		if(isClick.value) return
+		if (isClick.value) return
 		clickNow()
 		emit('nextQuestion', unref(dataInfo), 'reStart')
 	}
 	const goOnRestartPrgh = () => {
-		if(isClick.value) return
+		if (isClick.value) return
 		clickNow()
 		emit('nextQuestion', unref(dataInfo), 'reStartPrgh')
 	}
 	// 撤回
 	const withdraw = () => {
-		if(isClick.value) return
+		if (isClick.value) return
 		clickNow()
 		emit('withdraw', unref(dataInfo))
 	}
 	// 完成
 	const finishQuestion = (data) => {
-		if(isClick.value) return
+		if (isClick.value) return
 		clickNow()
-		emit('finishQuestion',data)
+		emit('finishQuestion', data)
 	}
 	// 答题 选择
 	const subject_click = (type, data) => {
-		if(['answer', 'choose'].includes(type)){
+		if (['answer', 'choose'].includes(type)) {
 			emit('answerQuestion', {
 				...data,
 				...unref(dataInfo)
 			})
 		}
 	}
-	
 </script>
 
 <style lang="scss">
-	.ai-answer{
+	.ai-answer {
 		width: 100%;
 		overflow: hidden;
 		margin-bottom: 20rpx;
-		.user-info{
+
+		.user-info {
 			overflow: hidden;
-			.avatar-box{
+
+			.avatar-box {
 				float: left;
 				width: 76rpx;
 				height: 76rpx;
@@ -556,72 +566,86 @@ const audioCacheObj = computed(() => storageStore.audioObj)
 				border-radius: 10rpx;
 				margin-right: 16rpx;
 				margin-bottom: 16rpx;
-				.img-box{
+
+				.img-box {
 					width: 100%;
 					height: 100%;
 				}
 			}
-			.ai-name{
+
+			.ai-name {
 				float: left;
 				color: #666;
 				font-size: 25rpx;
 				line-height: 35rpx;
-				.ai-name-desc{
+
+				.ai-name-desc {
 					color: #999;
 					margin-left: 16rpx;
 					display: inline-block;
 				}
 			}
 		}
-		.talking-info{
+
+		.talking-info {
 			padding: 20rpx;
 			border-radius: 15rpx;
 			background-color: #fff;
 			overflow: hidden;
 			padding-bottom: 30rpx;
 			width: 100%;
-			&.talking-info-less{
+
+			&.talking-info-less {
 				float: left;
 				min-width: 400rpx;
 				padding-bottom: 20rpx;
 			}
-			.talking-gif{
+
+			.talking-gif {
 				width: 200rpx;
 				height: 38rpx;
 				background: url(@/static/images/course/voice-gray.png) no-repeat;
 				background-size: contain;
 				padding-left: 168rpx;
-				&.is-play{
+
+				&.is-play {
 					background: url(@/static/images/course/voice-gif.gif) no-repeat;
 					background-size: contain;
 				}
 			}
-			.talking-cont{
+
+			.talking-cont {
 				margin: 16rpx 0;
 				overflow: hidden;
 				min-height: 48rpx;
-				&.last-cont{
+
+				&.last-cont {
 					margin-bottom: 0;
-					.talking-text{
+
+					.talking-text {
 						margin-bottom: 0;
 					}
 				}
-				.talking-num{
+
+				.talking-num {
 					font-size: 30rpx;
 					margin-bottom: 20rpx;
 				}
-				.talking-text{
+
+				.talking-text {
 					font-size: 28rpx;
 					line-height: 48rpx;
 					min-height: 48rpx;
 					margin-bottom: 20rpx;
 					word-break: break-all;
 					white-space: pre-line;
-					&.loading{
+
+					&.loading {
 						// min-height: 36px;
 					}
 				}
-				.cont-img-box{
+
+				.cont-img-box {
 					width: 433rpx;
 					height: 269rpx;
 					border-radius: 15rpx;
@@ -630,10 +654,12 @@ const audioCacheObj = computed(() => storageStore.audioObj)
 					margin-bottom: 20rpx;
 				}
 			}
-			.btns-cont{
+
+			.btns-cont {
 				overflow: hidden;
 				border-top: 3rpx solid #eee;
-				.replay-btn{
+
+				.replay-btn {
 					float: left;
 					width: 46rpx;
 					height: 46rpx;
@@ -641,7 +667,8 @@ const audioCacheObj = computed(() => storageStore.audioObj)
 					margin-right: 16rpx;
 					margin-top: 25rpx;
 				}
-				.play-btn{
+
+				.play-btn {
 					float: left;
 					width: 46rpx;
 					height: 46rpx;
@@ -649,7 +676,8 @@ const audioCacheObj = computed(() => storageStore.audioObj)
 					margin-right: 16rpx;
 					margin-top: 25rpx;
 				}
-				.next-learn-btn{
+
+				.next-learn-btn {
 					float: left;
 					padding: 0 60rpx 0 20rpx;
 					height: 62rpx;
@@ -661,14 +689,17 @@ const audioCacheObj = computed(() => storageStore.audioObj)
 					margin-top: 16rpx;
 					margin-right: 16rpx;
 					position: relative;
-					&.replay-study-btn{
+
+					&.replay-study-btn {
 						float: right;
 					}
-					&.restart{
+
+					&.restart {
 						background-color: #eaf2ff;
 						color: #06f;
 					}
-					.icon-iamge{
+
+					.icon-iamge {
 						width: 25rpx;
 						height: 25rpx;
 						position: absolute;
@@ -677,7 +708,8 @@ const audioCacheObj = computed(() => storageStore.audioObj)
 						margin-top: -12rpx;
 					}
 				}
-				.replay-learn-btn{
+
+				.replay-learn-btn {
 					float: left;
 					padding: 0 60rpx 0 20rpx;
 					height: 62rpx;
@@ -689,7 +721,8 @@ const audioCacheObj = computed(() => storageStore.audioObj)
 					margin-top: 16rpx;
 					margin-right: 16rpx;
 					position: relative;
-					.icon-iamge{
+
+					.icon-iamge {
 						width: 25rpx;
 						height: 25rpx;
 						position: absolute;
@@ -698,7 +731,8 @@ const audioCacheObj = computed(() => storageStore.audioObj)
 						margin-top: -12rpx;
 					}
 				}
-				.next-btn{
+
+				.next-btn {
 					float: right;
 					padding: 0 60rpx 0 20rpx;
 					height: 62rpx;
@@ -709,7 +743,8 @@ const audioCacheObj = computed(() => storageStore.audioObj)
 					border-radius: 8rpx;
 					margin-top: 16rpx;
 					position: relative;
-					.icon-iamge{
+
+					.icon-iamge {
 						width: 25rpx;
 						height: 25rpx;
 						position: absolute;
@@ -721,13 +756,16 @@ const audioCacheObj = computed(() => storageStore.audioObj)
 			}
 		}
 	}
-	.user-answer{
+
+	.user-answer {
 		overflow: hidden;
 		width: 100%;
 		margin-bottom: 20rpx;
-		.user-info{
+
+		.user-info {
 			overflow: hidden;
-			.avatar-box{
+
+			.avatar-box {
 				float: right;
 				width: 76rpx;
 				height: 76rpx;
@@ -737,45 +775,51 @@ const audioCacheObj = computed(() => storageStore.audioObj)
 				border-radius: 10rpx;
 				margin-left: 16rpx;
 				margin-bottom: 16rpx;
-				.img-box{
+
+				.img-box {
 					width: 100%;
 					height: 100%;
 				}
 			}
-			.ai-name{
+
+			.ai-name {
 				float: right;
 				color: #666;
 				font-size: 25rpx;
 				line-height: 35rpx;
 			}
 		}
-		
-		.talking-info-less{
+
+		.talking-info-less {
 			padding: 20rpx;
 			float: right;
 			border-radius: 15rpx;
 			background-color: #06f;
 			color: #fff;
 		}
-		.talking-info{
+
+		.talking-info {
 			padding: 20rpx;
 			border-radius: 15rpx;
 			background-color: #06f;
 			padding-bottom: 30rpx;
 			position: relative;
 			color: #fff;
-			.talking-gif{
+
+			.talking-gif {
 				width: 200rpx;
 				height: 38rpx;
 				background: url(@/static/images/course/voice-gray.png) no-repeat;
 				background-size: contain;
 				padding-left: 168rpx;
-				&.is-play{
+
+				&.is-play {
 					background: url(@/static/images/course/voice-white.gif) no-repeat;
 					background-size: contain;
 				}
 			}
-			.right-time{
+
+			.right-time {
 				position: absolute;
 				right: 20rpx;
 				top: 20rpx;
@@ -783,25 +827,30 @@ const audioCacheObj = computed(() => storageStore.audioObj)
 				height: 38rpx;
 				line-height: 38rpx;
 			}
-			.talking-cont{
+
+			.talking-cont {
 				margin-top: 16rpx;
 				overflow: hidden;
-				.talking-text{
+
+				.talking-text {
 					font-size: 28rpx;
 					line-height: 48rpx;
 					margin-bottom: 20rpx;
 					word-break: break-all;
 					white-space: pre-line;
 					overflow: hidden;
-					&.translate-text{
+
+					&.translate-text {
 						min-height: 48rpx;
 					}
 				}
 			}
-			.btns-cont{
+
+			.btns-cont {
 				overflow: hidden;
 				border-top: 3rpx solid #eee;
-				.replay-btn{
+
+				.replay-btn {
 					float: left;
 					width: 46rpx;
 					height: 46rpx;
@@ -809,7 +858,8 @@ const audioCacheObj = computed(() => storageStore.audioObj)
 					margin-right: 16rpx;
 					margin-top: 25rpx;
 				}
-				.play-btn{
+
+				.play-btn {
 					float: left;
 					width: 46rpx;
 					height: 46rpx;
@@ -817,7 +867,8 @@ const audioCacheObj = computed(() => storageStore.audioObj)
 					margin-right: 16rpx;
 					margin-top: 25rpx;
 				}
-				.text-btn{
+
+				.text-btn {
 					float: left;
 					width: 46rpx;
 					height: 46rpx;
@@ -832,7 +883,8 @@ const audioCacheObj = computed(() => storageStore.audioObj)
 					font-weight: bold;
 					border-radius: 20rpx;
 				}
-				.text-right-btn{
+
+				.text-right-btn {
 					float: right;
 					padding: 0 10rpx;
 					height: 46rpx;
@@ -842,7 +894,8 @@ const audioCacheObj = computed(() => storageStore.audioObj)
 					margin-left: 16rpx;
 					margin-top: 25rpx;
 				}
-				.next-btn{
+
+				.next-btn {
 					float: right;
 					padding: 0 60rpx 0 20rpx;
 					height: 62rpx;
@@ -853,7 +906,8 @@ const audioCacheObj = computed(() => storageStore.audioObj)
 					border-radius: 8rpx;
 					margin-top: 16rpx;
 					position: relative;
-					.icon-iamge{
+
+					.icon-iamge {
 						width: 25rpx;
 						height: 25rpx;
 						position: absolute;
diff --git a/src/pages/courseRecord/courseStudyRecordDetail.vue b/src/pages/courseRecord/courseStudyRecordDetail.vue
index d2c6183d..633f47ec 100644
--- a/src/pages/courseRecord/courseStudyRecordDetail.vue
+++ b/src/pages/courseRecord/courseStudyRecordDetail.vue
@@ -9,9 +9,9 @@
 			</view>
 			<scroll-view class="talking-list" :scroll-y="true" :scroll-top="scrollTop" :show-scrollbar="false"
 				:scroll-with-animation="true">
-				<talkingItem v-for="item in talkingList" :type="item.type"
-					:dataInfo="item" :activeVoiceId="activeVoiceTalkingItemId" :isPlaying="activeVoiceTalkingItemId === item.id"
-					:voiceRate="chooseRate"/>
+				<talkingItem v-for="item in talkingList" :type="item.type" @changePlay="changePlay" :dataInfo="item"
+					:activeVoiceId="activeVoiceTalkingItemId" :isPlaying="activeVoiceTalkingItemId === item.id"
+					:voiceRate="chooseRate" />
 			</scroll-view>
 		</view>
 	</view>
@@ -32,12 +32,12 @@
 	} from '@/api/courseRecord.js'
 	import common from '@/common/common';
 	import talkingItem from './components/talkingItem.vue'
-	
+
 	const stdyId = ref('')
 	const scrollTop = ref(0)
 	const showOrder = ref(1)
 	const pgrphNum = ref(1)
-	
+
 	const activeVoiceTalkingItemId = ref('')
 	const chooseRate = ref('1.0')
 	const recordTitle = ref('')
@@ -46,35 +46,38 @@
 		recordTitle.value = params.crsName || '课程学习记录'
 		getRecordInfo()
 	})
+	const changePlay = val => {
+		activeVoiceTalkingItemId.value = val
+	}
 	const talkingRecord = ref([])
-	const talkingList = computed(()=>{
+	const talkingList = computed(() => {
 		let _arr = []
-		talkingRecord.value.forEach((t,index)=> {
+		talkingRecord.value.forEach((t, index) => {
 			_arr.push({
 				...t,
-				id: 'prgh-'+index,
-				chatContent:( t.pgrphContent || ''),
-				titleNum: '知识点'+(index+1)+'：',
-				title:t.title,
+				id: 'prgh-' + index,
+				chatContent: (t.pgrphContent || ''),
+				titleNum: '知识点' + (index + 1) + '：',
+				title: t.title,
 				type: 3
 			})
-			if(t.qnsInfoVos && t.qnsInfoVos.length>0){
-				t.qnsInfoVos.forEach((k,indexk)=>{
-					if(k.qnsTyp === 'ES'){
+			if (t.qnsInfoVos && t.qnsInfoVos.length > 0) {
+				t.qnsInfoVos.forEach((k, indexk) => {
+					if (k.qnsTyp === 'ES') {
 						_arr.push({
 							...k,
 							chatContent: (k.qnsContent || ''),
-							titleNum: '问题'+(indexk+1)+'：',
+							titleNum: '问题' + (indexk + 1) + '：',
 							type: 8,
-							id: 'qns-'+index+'-'+indexk,
+							id: 'qns-' + index + '-' + indexk,
 						})
-					}else{
+					} else {
 						_arr.push({
 							...k,
-							chatContent:(k.qnsContent || ''),
-							titleNum: '问题'+(indexk+1)+'：',
+							chatContent: (k.qnsContent || ''),
+							titleNum: '问题' + (indexk + 1) + '：',
 							type: 8,
-							id: 'qns-'+index+'-'+indexk,
+							id: 'qns-' + index + '-' + indexk,
 							isQuestion: true,
 							my_answer: [],
 							backend_answer: [],
@@ -95,16 +98,15 @@
 	const backRouter = () => {
 		common.navigateBack()
 	}
-	
 </script>
 
 <style scoped lang="scss">
-	
 	.course-record-page {
 		position: relative;
 		display: flex;
 		flex-direction: column;
 		height: 100vh;
+
 		.top-bg {
 			background: linear-gradient(16deg, rgba(234, 246, 255, 0) 0%, #e6eafd 100%);
 			height: 480rpx;
@@ -128,7 +130,7 @@
 			box-sizing: border-box;
 			display: flex;
 			flex-direction: column;
-			
+
 			padding-top: var(--status-bar-height);
 
 			.body-title {