diff --git a/.env.development b/.env.development
index db90fd74..70d0ab7c 100644
--- a/.env.development
+++ b/.env.development
@@ -24,16 +24,16 @@ VITE_APP_BASE_API_Url = 'https://aitstest.jlbank.com.cn:7002'
 
 
 # dev
-# VITE_APP_BASE_H5_API_Url = 'http://25.18.122.65:7002'
+# VITE_APP_BASE_H5_API_Url = 'http://25.18.122.65:7001'
 # sit
-# VITE_APP_BASE_H5_API_Url = 'http://25.18.122.92:9786'
+VITE_APP_BASE_H5_API_Url = 'http://25.18.122.92:9786'
 
 # UAT
 # VITE_APP_BASE_H5_API_Url = 'http://25.18.122.78:9786'
 
 # 任东
 # VITE_APP_BASE_H5_API_Url_TRAAPP = 'http://25.64.16.130:9601'
-# VITE_APP_BASE_H5_API_Url_TRASTUDY = 'http://25.64.16.130:9602'
+VITE_APP_BASE_H5_API_Url_TRASTUDY = 'http://25.64.16.130:9602'
 
 # VITE_APP_BASE_H5_API_Url_TRAEXAM = 'http://25.64.16.140:9604'
 # 张建成
diff --git a/src/api/common.js b/src/api/common.js
index 3fd4c96e..6b581b7d 100644
--- a/src/api/common.js
+++ b/src/api/common.js
@@ -86,22 +86,24 @@ export const commonUploadVoiceFile = (file, url, data = {}, fileKey = 'voice') =
 			filePath: file,
 			name: fileKey,
 			formData: data,
+			timeout: 6000,
 			success(result) {
 				try {
 					const res = JSON.parse(result.data);
 					if (res.rtnCode === '0000') {
-						resolve(result);
+						return resolve(result);
 					} else if (REQUES_ERROR_CODES['NO_LOGIN'].includes(res.rtnCode)) {
 						goto_login_fun()
-					} else {
-						reject(new Error(res.message));
+						return reject('NO_LOGIN');
 					}
+					return reject('Other');
 				} catch (error) {
 					reject(new Error('Failed to parse response'));
 				}
 			},
 			fail(error) {
-				reject(new Error('Upload failed'));
+				console.log('err', error);
+				return reject('Other');
 			}
 		});
 	});
diff --git a/src/components/examination/question.vue b/src/components/examination/question.vue
index 2d8693d3..678d4a7a 100644
--- a/src/components/examination/question.vue
+++ b/src/components/examination/question.vue
@@ -81,9 +81,9 @@
 	import { computed, unref, ref, toRefs, watch, onMounted, nextTick } from 'vue';
 	import { onUnload } from '@dcloudio/uni-app';
 	// import { useinnerAudio, useAudioFun } from '@/store/innerAudio';
-	
+
 	import { useAudio } from './useAudio.js';
-	import {downloadFile} from '@/api/common.js'
+	import { downloadFile } from '@/api/common.js';
 	const props = defineProps({
 		dataInfo: {
 			default: () => ({}),
@@ -128,7 +128,7 @@
 	});
 
 	const innerAudio = useAudio();
-	
+
 	const status = computed(() => props.status);
 	watch(
 		() => props.status,
@@ -157,6 +157,9 @@
 			nextTick(() => {
 				textShow.value = true;
 			});
+			setTimeout(() => {
+				voiceTime.value = '';
+			}, 0);
 		}
 		emit('buutton_click', type, props.dataInfo);
 	};
@@ -173,7 +176,7 @@
 			textShow.value = false;
 		}
 	};
-	
+
 	const playVoice = () => {
 		// isPlaying.value = true;
 		console.log('点击播放');
@@ -206,20 +209,22 @@
 			// 赋值显示
 			console.log('displayTime', displayTime);
 			voiceTime.value = displayTime + 's';
-			console.log('displayTime', voiceTime.value);
 		});
 		watch(
 			() => props.dataInfo.voicePath,
 			(newVal) => {
-				console.log('newVal', newVal);
-				if(newVal === '' && props.dataInfo.ossKey) { // 去下载oss内容
+				
+				if (newVal === '' && props.dataInfo.ossKey) {
+					// 去下载oss内容
 					console.log('去下载oss内容');
-					downloadFile(props.dataInfo.ossKey).then(res => {
+					downloadFile(props.dataInfo.ossKey).then((res) => {
+						voiceTime.value = '';
 						innerAudio.setAudioSrc(res.tempFilePath);
-					})
-				} else if(newVal === undefined){
+					});
+				} else if (newVal === undefined) {
 					innerAudio.stopAudio();
 				} else {
+					voiceTime.value = '';
 					innerAudio.setAudioSrc(newVal);
 				}
 			},
diff --git a/src/components/examination/touchBtn.vue b/src/components/examination/touchBtn.vue
index 63ae6fd5..8be65c9f 100644
--- a/src/components/examination/touchBtn.vue
+++ b/src/components/examination/touchBtn.vue
@@ -148,6 +148,7 @@
 	};
 	// 结束录音
 	const stopRecord = (status = false) => {
+		console.log('结束录音stopRecord', status);
 		if (props.isDisabled) return;
 		if (startTimer.value) {
 			clearTimeout(startTimer.value);
@@ -162,10 +163,12 @@
 			const times = Math.max(500 - endTime + startTime, 0);
 			setTimeout(() => {
 				console.log('延迟数据', times);
-				nextTick(() => {
-					popupRef.value.close();
-					recorderManager.stop();
-				});
+				// nextTick(() => {
+					
+				// });
+				popupRef.value.close();
+				console.log('停止录音');
+				recorderManager.stop();
 			}, times);
 		}
 		nextTick(() => (recordingStatus.value = 'not_started'));
@@ -181,13 +184,18 @@
 			console.log('说话时长', recordDuration);
 			if (props.minRecordDuration > recordDuration) {
 				nextTick(() => common.msg('说话时间太短，没有听清！'));
+				// console.log('说话时间太短，没有听清');
 				return;
 			}
-
-			stopRecord(true); // 在去主动执行一次关闭
+			popupRef.value?.close();
+			recordingStatus.value = 'not_started'
+			// stopRecord(true); // 在去主动执行一次关闭
 			console.log('录音结束，时长：', recordDuration, '秒');
 			emit('submit', 'voice', res.tempFilePath);
 		});
+		recorderManager.onError(function (err) {
+			console.log('录音错误', err);
+		});
 		recorderManager.onStart(function (res) {
 			// 检测是否已经抬手结束了
 			console.log('检测是否已经抬手结束了', recordingStatus.value);
diff --git a/src/enum.js b/src/enum.js
index 117cf9cf..7ec50154 100644
--- a/src/enum.js
+++ b/src/enum.js
@@ -31,4 +31,5 @@ export const SUBJECT_TYPE = [{
 		value: "ES",
 		label: "问答题",
 	}
-]
\ No newline at end of file
+]
+export const defaultAvatar = '/static/images/me/default_user_avatar.png'
\ No newline at end of file
diff --git a/src/pages/course/components/talkingItem.vue b/src/pages/course/components/talkingItem.vue
index d304916f..f5f1a5b1 100644
--- a/src/pages/course/components/talkingItem.vue
+++ b/src/pages/course/components/talkingItem.vue
@@ -10,943 +10,1074 @@
 	8 问题反馈信息
 	9 已学完当前知识点反馈信息
   -->
-	<template>
-		<view :class="['ai-answer', props.class]" :id="props.id" v-if="[3,4,5,8,9].indexOf(type) >= 0">
-			<!-- 头像信息 -->
-			<view class="user-info">
-				<view class="avatar-box">
-					<ImagePreview class="img-box" :imgId="teacherInfo?.imgAddr"></ImagePreview>
+<template>
+	<view :class="['ai-answer', props.class]" :id="props.id" v-if="[3, 4, 5, 8, 9].indexOf(type) >= 0">
+		<!-- 头像信息 -->
+		<view class="user-info">
+			<view class="avatar-box">
+				<ImagePreview class="img-box" :imgId="teacherInfo?.imgAddr"></ImagePreview>
+			</view>
+			<view class="ai-name">
+				{{ teacherInfo?.teacherName }}
+				<view class="ai-name-desc">{{ teacherInfo?.teacherDesc }}</view>
+			</view>
+		</view>
+		<!-- 对话信息 -->
+		<view :class="['talking-info', [4].indexOf(type) >= 0 ? 'talking-info-less' : '']">
+			<!-- 语音加载状态 -->
+			<view
+				:class="['talking-gif', !voiceLoading && activeVoiceId === dataInfo.id ? 'is-play' : '']"
+				v-if="!([2, 5, 8, 9].indexOf(type) >= 0)"
+			>
+				<CommonLoading color="#06f" v-show="voiceLoading" />
+			</view>
+			<view class="talking-cont">
+				<!-- 加载状态 -->
+				<CommonLoading color="#06f" v-show="dataInfo.isLoading" />
+				<!-- 参考答案 -->
+				<view class="talking-text" v-if="type === 5 && !dataInfo.isLoading" style="overflow: hidden">
+					参考答案：{{ dataInfo.itemAnswer }}
 				</view>
-				<view class="ai-name">
-					{{ teacherInfo?.teacherName }}
-					<view class="ai-name-desc">{{teacherInfo?.teacherDesc}}</view>
+				<!-- 维度信息预览 -->
+				<view v-if="type === 5 && !dataInfo.isLoading" style="padding-top: 16rpx">
+					<ChartFour
+						v-if="dataInfo.evalDimens.length === 4"
+						:dataList="dataInfo.evalDimens"
+						:score="dataInfo.asrGrade"
+					/>
+					<ChartThree
+						v-if="dataInfo.evalDimens.length === 3"
+						:dataList="dataInfo.evalDimens"
+						:score="dataInfo.asrGrade"
+					/>
+					<ChartFive
+						v-if="dataInfo.evalDimens.length === 5"
+						:dataList="dataInfo.evalDimens"
+						:score="dataInfo.asrGrade"
+					/>
+				</view>
+				<!-- 题干/段落内容 -->
+				<text class="talking-text" v-if="[3, 5, 6, 9].indexOf(type) >= 0 && !dataInfo.isLoading">
+					{{ type === 5 ? '试题解析：' : '' }}{{ showContent }}
+				</text>
+				<view class="type-tag" v-if="[4].indexOf(type) >= 0 && dataInfo.qnsTyp === 'ES'">问答题</view>
+				<text class="talking-text" v-if="[4].indexOf(type) >= 0 && dataInfo.qnsTyp === 'ES'">
+					<!-- 请您思考并作答:<br> -->
+					{{ 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"
+				/>
+				<!-- 试题问题反馈 -->
+				<!-- <RadioSubjectRequest v-if="[8].indexOf(type) >= 0 && dataInfo.qnsTyp !== 'ES'" :item="dataInfo" :mode="mode" @subject_click="subject_click" /> -->
+				<!-- 段落图片视频预览 -->
+				<view v-if="type === 3" style="overflow: hidden">
+					<ImagePreview
+						class="cont-img-box"
+						v-if="(dataInfo.imageAddrs || []).length > 0"
+						:imgId="dataInfo.imageAddrs[0]"
+						:previewDetail="true"
+					></ImagePreview>
+					<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">
+					举例：{{ dataInfo.exampie }}
 				</view>
 			</view>
-			<!-- 对话信息 -->
-			<view :class="['talking-info', [4].indexOf(type) >= 0 ? 'talking-info-less':''] ">
-				<!-- 语音加载状态 -->
-				<view :class="['talking-gif', !voiceLoading && (activeVoiceId === dataInfo.id)?'is-play':'']"  v-if="!([2, 5, 8, 9].indexOf(type) >= 0)">
-					<CommonLoading color="#06f" v-show="voiceLoading"/>
+			<view class="btns-cont" v-show="!dataInfo.isLoading">
+				<!-- 重新播放 -->
+				<view class="replay-btn" @click.stop="restartPlay" v-if="!([9].indexOf(type) >= 0)">
+					<image class="icon" src="@/static/images/course/replay.png" style="width: 100%; height: 100%"></image>
 				</view>
-				<view class="talking-cont">
-					<!-- 加载状态 -->
-					<CommonLoading color="#06f" v-show="dataInfo.isLoading"/>
-					<!-- 参考答案 -->
-					<view  class="talking-text" v-if="type === 5 && !dataInfo.isLoading" style="overflow: hidden;">
-						参考答案：{{ dataInfo.itemAnswer }}
-					</view>
-					<!-- 维度信息预览 -->
-					<view v-if="type === 5 && !dataInfo.isLoading" style="padding-top: 16rpx;">
-						<ChartFour v-if="dataInfo.evalDimens.length === 4" :dataList="dataInfo.evalDimens" :score="dataInfo.asrGrade"/>
-						<ChartThree v-if="dataInfo.evalDimens.length === 3" :dataList="dataInfo.evalDimens" :score="dataInfo.asrGrade"/>
-						<ChartFive v-if="dataInfo.evalDimens.length === 5" :dataList="dataInfo.evalDimens" :score="dataInfo.asrGrade"/>
-					</view>
-					<!-- 题干/段落内容 -->
-					<text class="talking-text" v-if="[3, 5, 6, 9].indexOf(type) >= 0  && !dataInfo.isLoading">
-						{{type === 5?'试题解析：':''}}{{ showContent }}
-					</text>
-					<view class="type-tag" v-if="[4].indexOf(type) >= 0 && dataInfo.qnsTyp === 'ES'">问答题</view>
-					<text class="talking-text" v-if="[4].indexOf(type) >= 0 && dataInfo.qnsTyp === 'ES'">
-						<!-- 请您思考并作答:<br> -->
-						{{ 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" />
-					<!-- 试题问题反馈 -->
-					<!-- <RadioSubjectRequest v-if="[8].indexOf(type) >= 0 && dataInfo.qnsTyp !== 'ES'" :item="dataInfo" :mode="mode" @subject_click="subject_click" /> -->
-					<!-- 段落图片视频预览 -->
-					<view v-if="type === 3" style="overflow: hidden;">
-						<ImagePreview class="cont-img-box" v-if="(dataInfo.imageAddrs||[]).length>0" :imgId="dataInfo.imageAddrs[0]" :previewDetail="true"></ImagePreview>
-						<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;">
-						举例：{{ dataInfo.exampie }}
-					</view>
+				<!-- 播放/暂停 -->
+				<view class="play-btn" v-if="!([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 class="btns-cont" v-show="!dataInfo.isLoading">
-					<!-- 重新播放 -->
-					<view class="replay-btn" @click.stop="restartPlay" v-if="!([9].indexOf(type) >= 0)">
-						<image class="icon" src="@/static/images/course/replay.png" style="width: 100%;height: 100%;"></image>
-					</view>
-					<!-- 播放/暂停 -->
-					<view class="play-btn"  v-if="!([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 class="next-learn-btn"
-						v-if="showNextBtn && [5,8,9].indexOf(type) >= 0 && isLast"
-						@click.stop="goOnRestartPrgh"
-					>
-						重新学
-						<image class="icon icon-iamge" src="@/static/images/course/refresh-white.png" ></image>
-					</view>
-					<view 
-						class="next-learn-btn restart" 
-						v-if="showNextBtn && [5,8].indexOf(type) >= 0 && isLast"
-						@click.stop="goOnRestart"
-					>
-							重新答
-						<image class="icon icon-iamge" src="@/static/images/course/restart.png" ></image>
-					</view>
-					<view 
-						class="replay-study-btn next-learn-btn" 
-						v-if="showGoOnStudyBtn"
-						@click.stop="goOnGetQues"
-					>
-						继续学
-						<image class="icon icon-iamge" src="@/static/images/course/goon.png" ></image>
-					</view>
-					<view class="next-btn" @click.stop="goOnGetQues" v-if="showGoonBtn">继续 
-						<image class="icon icon-iamge" src="@/static/images/course/goon.png" ></image></view>
+				<view
+					class="next-learn-btn"
+					v-if="showNextBtn && [5, 8, 9].indexOf(type) >= 0 && isLast"
+					@click.stop="goOnRestartPrgh"
+				>
+					重新学
+					<image class="icon icon-iamge" src="@/static/images/course/refresh-white.png"></image>
 				</view>
-				<!-- 简答鼓励信息 -->
-				<!-- <view class="talking-cont last-cont" v-if=" [5].indexOf(type) >= 0 && !dataInfo.isLoading">
+				<view
+					class="next-learn-btn restart"
+					v-if="showNextBtn && [5, 8].indexOf(type) >= 0 && isLast"
+					@click.stop="goOnRestart"
+				>
+					重新答
+					<image class="icon icon-iamge" src="@/static/images/course/restart.png"></image>
+				</view>
+				<view class="replay-study-btn next-learn-btn" v-if="showGoOnStudyBtn" @click.stop="goOnGetQues">
+					继续学
+					<image class="icon icon-iamge" src="@/static/images/course/goon.png"></image>
+				</view>
+				<view class="next-btn" @click.stop="goOnGetQues" v-if="showGoonBtn">
+					继续
+					<image class="icon icon-iamge" src="@/static/images/course/goon.png"></image>
+				</view>
+			</view>
+			<!-- 简答鼓励信息 -->
+			<!-- <view class="talking-cont last-cont" v-if=" [5].indexOf(type) >= 0 && !dataInfo.isLoading">
 					<view class="talking-text">
 						{{ changeBr(dataInfo.suggestContent || '--') }}
 					</view>
 				</view> -->
+		</view>
+	</view>
+	<!-- ai回答 -->
+	<view :class="['ai-answer', props.class]" :id="props.id" v-if="[7].indexOf(type) >= 0">
+		<view class="user-info">
+			<view class="avatar-box">
+				<ImagePreview class="img-box" :imgId="teacherInfo?.imgAddr"></ImagePreview>
+			</view>
+			<view class="ai-name">
+				{{ teacherInfo?.teacherName }}
+				<view class="ai-name-desc">{{ teacherInfo?.teacherDesc }}</view>
 			</view>
 		</view>
-		<!-- ai回答 -->
-		<view :class="['ai-answer', props.class]" :id="props.id" v-if="[7].indexOf(type) >= 0">
-			<view class="user-info">
-				<view class="avatar-box">
-					<ImagePreview class="img-box" :imgId="teacherInfo?.imgAddr"></ImagePreview>
-				</view>
-				<view class="ai-name">
-					{{ teacherInfo?.teacherName }}
-					<view class="ai-name-desc">{{teacherInfo?.teacherDesc}}</view>
-				</view>
-			</view>
-			<view :class="['talking-info', [4,7].indexOf(type) >= 0 ? 'talking-info-less':''] ">
-				<view class="talking-cont">
-					<view class="talking-text">
-						{{ showContent }}
-					</view>
+		<view :class="['talking-info', [4, 7].indexOf(type) >= 0 ? 'talking-info-less' : '']">
+			<view class="talking-cont">
+				<view class="talking-text">
+					{{ showContent }}
 				</view>
 			</view>
 		</view>
-		<!-- 用户对话 -->
-		<view :class="['user-answer', props.class]" :id="props.id" v-else-if="[1, 2].indexOf(type) >= 0">
-			<view class="user-info">
-				<view class="avatar-box">
-					<image v-if="userInfo.imagePath" class="img-box" :src="userInfo.imagePath" style="width: 100%; height: 100%;"></image>
-					<ImagePreview v-else-if="userInfo.imageAddr" class="img-box" :src="userInfo.imageAddr" style="width: 100%; height: 100%;"></ImagePreview>
-					<image v-else class="img-box" src="/static/images/me/default_user_avatar.png" style="width: 100%; height: 100%;"></image>
-				</view>
-				<view class="ai-name">
-					{{ userInfo.userName }}
-				</view>
+	</view>
+	<!-- 用户对话 -->
+	<view :class="['user-answer', props.class]" :id="props.id" v-else-if="[1, 2].indexOf(type) >= 0">
+		<view class="user-info">
+			<view class="avatar-box">
+				<image
+					v-if="userInfo.imagePath"
+					class="img-box"
+					:src="userInfo.imagePath"
+					style="width: 100%; height: 100%"
+				></image>
+				<ImagePreview
+					v-else-if="userInfo.imageAddr"
+					class="img-box"
+					:src="userInfo.imageAddr"
+					style="width: 100%; height: 100%"
+				></ImagePreview>
+				<image
+					v-else
+					class="img-box"
+					src="/static/images/me/default_user_avatar.png"
+					style="width: 100%; height: 100%"
+				></image>
 			</view>
-			
-			<view class="talking-info">
-				<view :class="['talking-gif', !voiceLoading && (activeVoiceId === dataInfo.id)  ? 'is-play' : '']"  v-if="[1].indexOf(type) >= 0">
-					<CommonLoading color="#fff" v-show="voiceLoading || dataInfo.isLoading"/>
-				</view>
-				<view class="right-time">{{voiceTime}}</view>
-				<view class="talking-cont" v-show="!dataInfo.isLoading">
-					<text :class="['talking-text translate-text loading']" v-show="!translateLoading">
-						{{ showContent }}
-					</text>
-					<view class="talking-text translate-text" v-if="translateLoading">
-						<CommonLoading color="#fff"/>
-					</view>
-				</view>
-				<view class="btns-cont" v-show="!dataInfo.isLoading">
-					<!-- <view class="replay-btn">
-						<image class="icon" src="@/static/images/course/replay.png" style="width: 100%;height: 100%;"></image>
-					</view> -->
-					<view class="play-btn" v-if="[1].indexOf(type) >= 0">
-						<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>
-				</view>
+			<view class="ai-name">
+				{{ userInfo.userName }}
 			</view>
 		</view>
-		<view :class="['user-answer', props.class]" :id="props.id" v-else-if="[0, 6].indexOf(type) >= 0">
-			<view class="user-info">
-				<view class="avatar-box">
-					<image v-if="userInfo.imagePath" class="img-box" :src="userInfo.imagePath" style="width: 100%; height: 100%;"></image>
-					<ImagePreview v-else-if="userInfo.imageAddr" class="img-box" :src="userInfo.imageAddr" style="width: 100%; height: 100%;"></ImagePreview>
-					<image v-else class="img-box" src="/static/images/me/default_user_avatar.png" style="width: 100%; height: 100%;"></image>
-				</view>
-				<view class="ai-name">
-					{{ userInfo.userName }}
-				</view>
+
+		<view class="talking-info">
+			<view
+				:class="['talking-gif', !voiceLoading && activeVoiceId === dataInfo.id ? 'is-play' : '']"
+				v-if="[1].indexOf(type) >= 0"
+			>
+				<CommonLoading color="#fff" v-show="voiceLoading || dataInfo.isLoading" />
 			</view>
-			<view class="talking-info-less">
-				<text class="talking-text" v-if="type === 0">
+			<view class="right-time">{{ voiceTime }}</view>
+			<view class="talking-cont" v-show="!dataInfo.isLoading">
+				<text :class="['talking-text translate-text loading']" v-show="!translateLoading">
 					{{ showContent }}
 				</text>
-				<view class="talking-text loading" v-if="type === 6">
-					<CommonLoading color="#fff"/>
+				<view class="talking-text translate-text" v-if="translateLoading">
+					<CommonLoading color="#fff" />
+				</view>
+			</view>
+			<view class="btns-cont" v-show="!dataInfo.isLoading">
+				<!-- <view class="replay-btn">
+						<image class="icon" src="@/static/images/course/replay.png" style="width: 100%;height: 100%;"></image>
+					</view> -->
+				<view class="play-btn" v-if="[1].indexOf(type) >= 0">
+					<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>
 			</view>
 		</view>
-		<view v-else></view>
-	</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 "./chartFour.vue"
-	import ChartThree from "./chartThree.vue"
-	import ChartFive from './chartFive.vue'
+	</view>
+	<view :class="['user-answer', props.class]" :id="props.id" v-else-if="[0, 6].indexOf(type) >= 0">
+		<view class="user-info">
+			<view class="avatar-box">
+				<image
+					v-if="userInfo.imagePath"
+					class="img-box"
+					:src="userInfo.imagePath"
+					style="width: 100%; height: 100%"
+				></image>
+				<ImagePreview
+					v-else-if="userInfo.imageAddr"
+					class="img-box"
+					:src="userInfo.imageAddr"
+					style="width: 100%; height: 100%"
+				></ImagePreview>
+				<image
+					v-else
+					class="img-box"
+					src="/static/images/me/default_user_avatar.png"
+					style="width: 100%; height: 100%"
+				></image>
+			</view>
+			<view class="ai-name">
+				{{ userInfo.userName }}
+			</view>
+		</view>
+		<view class="talking-info-less">
+			<text class="talking-text" v-if="type === 0">
+				{{ showContent }}
+			</text>
+			<view class="talking-text loading" v-if="type === 6">
+				<CommonLoading color="#fff" />
+			</view>
+		</view>
+	</view>
+	<view v-else></view>
+</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 './chartFour.vue';
+	import ChartThree from './chartThree.vue';
+	import ChartFive from './chartFive.vue';
 	import common from '@/common/common';
 	import { getUserInfo } from '@/common/common';
-	import { useStorageStore } from "@/store/storage.js"
-	import { onUnload } from '@dcloudio/uni-app'
-	
-	import Subject from '@/components/examination/subject.vue'
+	import { useStorageStore } from '@/store/storage.js';
+	import { onUnload } from '@dcloudio/uni-app';
+
+	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 props = defineProps({
-			type:{
-				default: 0,// 1： userAnswer 0: AIAnswer
-				type:[Number,String]
-			},
-			dataInfo: {
-				default: () => ({}),
-				type: Object
-			},
-			teacherInfo: {
-				default: () => ({}),
-				type: Object
-			},
-			activeVoiceId:{
-				default:'',
-				type: String
-			},
-			isLast:{
-				default:false,
-				type: Boolean
-			},
-			isPlaying:{
-				default:false,
-				type: Boolean
-			},
-			voiceRate: {
-				default: '1.0',
-				type:[Number,String],
-			},
-			isTransform:{
-				default: false,
-				type: Boolean
-			},
-			lastQuestionInfo: {
-				default: () => ({}),
-				type: Object
-			},
-			class: {
-				default:'',
-				type: String
-			},
-			id: {
-				default:'',
-				type: String
-			}
-		})
-		
-		const { type, dataInfo, activeVoiceId, isPlaying, isLast, lastQuestionInfo, teacherInfo} = toRefs(props)
-		const emit = defineEmits(['changePlay', 'nextQuestion', 'withdraw', 'finishQuestion', 'answerQuestion'])
-		// 声音播放初始化
-		const talkVoiceObj = ref(uni.createInnerAudioContext())
-		talkVoiceObj.value.playbackRate = Number(props.voiceRate)
-		const userInfo = computed(() => getUserInfo())
-		const itemVoice = ref('')
-		const subjectInfo = computed(()=>{
-			return {
-				...dataInfo.value,
-				...(dataInfo.value?.traQnsInfoVo||{}),
-				my_answer: dataInfo.value?.traQnsInfoVo?.anserResult||''
-			}
-		})
-		const mode = ref('study') // 考试 examination 练习practice 学习study
-		
-		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) => {
-			itemVoice.value = ''
-			talkVoiceObj.value.src = ''
-		},{
-			deep: true,
-			immediate: true
-		})
-		watch(() => props.isPlaying,(val) => {
-			if(!val){
-				talkVoiceObj.value?.pause()
-			}
-		},{
-			deep: true,
-			immediate: true
-		})
-		watch(() => props.voiceRate,(val) => {
-			talkVoiceObj.value.playbackRate = Number(val)
-		},{
-			deep: true,
-			immediate: true
-		})
-		watch(()=>props.lastTalkingInfo,()=>{},{
-			deep: true,
-			immediate: true
-		})
-		watch(() => props.dataInfo,()=>{},{
-			deep: true,
-			immediate: true
-		})
-		const showGoOnStudyBtn = computed(()=> {
-			if(!(showNextBtn.value &&  isLast.value)){
-				return false
-			}
-			if(type.value === 5){
-				return true
-			}
-			if(type.value === 8){
-				return  !!dataInfo.value.traQnsInfoVo?.judgeResult
-			}
-			if(type.value === 9){
-				return dataInfo.value.stdyStat === 'Y'
-			}
-			return false
-		})
-		const transformContent = ref('')
-		const showContentBase = computed(() => {
-			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 === 8) return unref(subjectInfo)?.chatContent || unref(subjectInfo)?.qnsContent
-				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")
-		})
-		
-		const changeBr = (str = '') => {
-			return str.replace(/\/n/g,"\n")
+
+	const storageStore = useStorageStore();
+	const audioCacheObj = computed(() => storageStore.audioObj);
+	const props = defineProps({
+		type: {
+			default: 0, // 1： userAnswer 0: AIAnswer
+			type: [Number, String]
+		},
+		dataInfo: {
+			default: () => ({}),
+			type: Object
+		},
+		teacherInfo: {
+			default: () => ({}),
+			type: Object
+		},
+		activeVoiceId: {
+			default: '',
+			type: String
+		},
+		isLast: {
+			default: false,
+			type: Boolean
+		},
+		isPlaying: {
+			default: false,
+			type: Boolean
+		},
+		voiceRate: {
+			default: '1.0',
+			type: [Number, String]
+		},
+		isTransform: {
+			default: false,
+			type: Boolean
+		},
+		lastQuestionInfo: {
+			default: () => ({}),
+			type: Object
+		},
+		class: {
+			default: '',
+			type: String
+		},
+		id: {
+			default: '',
+			type: String
 		}
-		const voiceTime = ref('')
-		const itemInfo = ref({})
-		onMounted(()=>{
-			initVoice()
-		})
-		onUnload(()=>{
-			pauseVoice()
-		})
-		talkVoiceObj.value.onEnded(()=>{
-			emit('changePlay', '')
-			talkVoiceObj.value.src = ''
-		})
-		talkVoiceObj.value.onError(()=>{
-			talkVoiceObj.value.src = ''
-		})
-		const pauseVoice = () => {
-			if(!talkVoiceObj.value) return
-			talkVoiceObj.value.pause()
-			emit('changePlay', '')
+	});
+
+	const { type, dataInfo, activeVoiceId, isPlaying, isLast, lastQuestionInfo, teacherInfo } = toRefs(props);
+	const emit = defineEmits(['changePlay', 'nextQuestion', 'withdraw', 'finishQuestion', 'answerQuestion']);
+	// 声音播放初始化
+	const talkVoiceObj = ref(uni.createInnerAudioContext());
+	talkVoiceObj.value.playbackRate = Number(props.voiceRate);
+	const userInfo = computed(() => getUserInfo());
+	const itemVoice = ref('');
+	const subjectInfo = computed(() => {
+		return {
+			...dataInfo.value,
+			...(dataInfo.value?.traQnsInfoVo || {}),
+			my_answer: dataInfo.value?.traQnsInfoVo?.anserResult || ''
+		};
+	});
+	const mode = ref('study'); // 考试 examination 练习practice 学习study
+
+	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) => {
+			itemVoice.value = '';
+			talkVoiceObj.value.src = '';
+		},
+		{
+			deep: true,
+			immediate: true
 		}
-		// 重播
-		const restartPlay = () => {
-			if(itemVoice.value){
-				emit('changePlay', '')
-				emit('changePlay', unref(dataInfo)?.id)
-				setTimeout(()=>{
-					talkVoiceObj.value.src = itemVoice.value
-					talkVoiceObj.value.seek(0)
-					talkVoiceObj.value.play()
-				},100)
-			}else{
-				playVoice()
+	);
+	watch(
+		() => props.isPlaying,
+		(val) => {
+			if (!val) {
+				talkVoiceObj.value?.pause();
 			}
+		},
+		{
+			deep: true,
+			immediate: true
 		}
-		const playVoice = (readType = 'pgth') =>{
-			let _content = showContent.value
-			console.log(_content)
-			if(!_content){
-				common.msg('没有可以播放的文字信息！')
-				return
-			}
-				emit('changePlay', unref(dataInfo)?.id)
-			// readType 阅读内容类型pgrh段落/qns问题
-			if(talkVoiceObj.value.src && talkVoiceObj.value.src === itemVoice.value) {
-				emit('changePlay', unref(dataInfo)?.id)
-				talkVoiceObj.value.play() 
-				return
-			}
-			talkVoiceObj.value.src = ''
-			if(itemVoice.value){
-				setTimeout(()=>{
-					talkVoiceObj.value.src = itemVoice.value
-					talkVoiceObj.value.play()
-				},100)
-			}else{
-				voiceLoading.value = true
-				let _type = props.type == 2 ? 'ans' 
-				: props.type == 3 ? 'pgrh' 
-				: props.type == 4 ? 'qns' 
-				: props.type == 5 ? 'analysis' 
-				: props.type == 8 ? 'stemAnalysis' 
-				: ''
-				let _readId = props.type == 2 ? unref(dataInfo)?.intrctId 
-				: props.type == 3 ? unref(dataInfo)?.pgrphId 
-				: props.type == 4 ? unref(dataInfo)?.qnsId 
-				: props.type == 5 ? unref(dataInfo)?.qnsId 
-				: props.type == 8 ? unref(dataInfo)?.qnsId 
-				: ''
-				let _params = {
-					crsId: unref(dataInfo)?.crsId || '',
-					pgrphId: unref(dataInfo)?.pgrphId || '',
-					qnsId: unref(dataInfo)?.qnsId || '',
-					readType: _type,// 2 文本回答 3, 段落信息  4  问题信息 
-					teachNo: unref(teacherInfo)?.teacherNo, // 必填
-					readId: _readId
-					// content: _content
+	);
+	watch(
+		() => props.voiceRate,
+		(val) => {
+			talkVoiceObj.value.playbackRate = Number(val);
+		},
+		{
+			deep: true,
+			immediate: true
+		}
+	);
+	watch(
+		() => props.lastTalkingInfo,
+		() => {},
+		{
+			deep: true,
+			immediate: true
+		}
+	);
+	watch(
+		() => props.dataInfo,
+		() => {},
+		{
+			deep: true,
+			immediate: true
+		}
+	);
+	const showGoOnStudyBtn = computed(() => {
+		if (!(showNextBtn.value && isLast.value)) {
+			return false;
+		}
+		if (type.value === 5) {
+			return true;
+		}
+		if (type.value === 8) {
+			return !!dataInfo.value.traQnsInfoVo?.judgeResult;
+		}
+		if (type.value === 9) {
+			return dataInfo.value.stdyStat === 'Y';
+		}
+		return false;
+	});
+	const transformContent = ref('');
+	const showContentBase = computed(() => {
+		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 === 8) return unref(subjectInfo)?.chatContent || unref(subjectInfo)?.qnsContent;
+			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');
+	});
+
+	const changeBr = (str = '') => {
+		return str.replace(/\/n/g, '\n');
+	};
+	const voiceTime = ref('');
+	const itemInfo = ref({});
+	onMounted(() => {
+		initVoice();
+	});
+	onUnload(() => {
+		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(() => {
+		console.log('onStop');
+		emit('changePlay', '');
+		prevTime = -1;
+		talkVoiceObj.value.src = '';
+	});
+	talkVoiceObj.value.onPause(() => {
+		console.log('onPause');
+		prevTime = talkVoiceObj.value.currentTime;
+		emit('changePlay', '');
+	});
+	talkVoiceObj.value.onPlay(() => {
+		console.log('onPlay');
+		prevTime = talkVoiceObj.value.currentTime;
+		emit('changePlay', unref(dataInfo)?.id);
+	});
+	talkVoiceObj.value.onTimeUpdate(() => {
+		if (activeVoiceId.value === unref(dataInfo)?.id) {
+			setTimeout(() => {
+				if (talkVoiceObj.value.currentTime !== prevTime) {
+					if (talkVoiceObj.value.currentTime > 0) {
+						prevTime = talkVoiceObj.value.currentTime;
+					}
+				} else {
+					emit('changePlay', '');
 				}
-				
-					
-				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){
-						voiceLoading.value = false
-						itemVoice.value = url
-						talkVoiceObj.value.src = url
-						talkVoiceObj.value.play()
-					}else{
-						downloadVoiceFile(_url).then(res=>{
-							if(res?.data){
-								common.msg(res.data.message)
-								return
+			}, 500);
+		}
+	});
+
+	talkVoiceObj.value.onError(() => {
+		console.log('onError');
+		talkVoiceObj.value.src = '';
+		emit('changePlay', '');
+	});
+	const pauseVoice = () => {
+		if (!talkVoiceObj.value) return;
+		talkVoiceObj.value.pause();
+		emit('changePlay', '');
+	};
+	// 重播
+	const restartPlay = () => {
+		if (itemVoice.value) {
+			emit('changePlay', '');
+			emit('changePlay', unref(dataInfo)?.id);
+			setTimeout(() => {
+				talkVoiceObj.value.src = itemVoice.value;
+				talkVoiceObj.value.seek(0);
+				talkVoiceObj.value.play();
+			}, 100);
+		} else {
+			playVoice();
+		}
+	};
+	const playVoice = (readType = 'pgth') => {
+		let _content = showContent.value;
+		console.log(_content);
+		if (!_content) {
+			common.msg('没有可以播放的文字信息！');
+			return;
+		}
+		emit('changePlay', unref(dataInfo)?.id);
+		// readType 阅读内容类型pgrh段落/qns问题
+		if (talkVoiceObj.value.src && talkVoiceObj.value.src === itemVoice.value) {
+			talkVoiceObj.value.play();
+			return;
+		}
+		talkVoiceObj.value.src = '';
+		if (itemVoice.value) {
+			setTimeout(() => {
+				talkVoiceObj.value.src = itemVoice.value;
+				talkVoiceObj.value.play();
+			}, 100);
+		} else {
+			voiceLoading.value = true;
+			let _type =
+				props.type == 2
+					? 'ans'
+					: props.type == 3
+					? 'pgrh'
+					: props.type == 4
+					? 'qns'
+					: props.type == 5
+					? 'analysis'
+					: props.type == 8
+					? 'stemAnalysis'
+					: '';
+			let _readId =
+				props.type == 2
+					? unref(dataInfo)?.intrctId
+					: props.type == 3
+					? unref(dataInfo)?.pgrphId
+					: props.type == 4
+					? unref(dataInfo)?.qnsId
+					: props.type == 5
+					? unref(dataInfo)?.qnsId
+					: props.type == 8
+					? unref(dataInfo)?.qnsId
+					: '';
+			let _params = {
+				crsId: unref(dataInfo)?.crsId || '',
+				pgrphId: unref(dataInfo)?.pgrphId || '',
+				qnsId: unref(dataInfo)?.qnsId || '',
+				readType: _type, // 2 文本回答 3, 段落信息  4  问题信息
+				teachNo: unref(teacherInfo)?.teacherNo, // 必填
+				readId: _readId
+				// content: _content
+			};
+
+			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) {
+					voiceLoading.value = false;
+					itemVoice.value = url;
+					talkVoiceObj.value.src = url;
+					talkVoiceObj.value.play();
+				} else {
+					downloadVoiceFile(_url)
+						.then((res) => {
+							if (res?.data) {
+								common.msg(res.data.message);
+								return;
 							}
-							voiceLoading.value = false
-							itemVoice.value = res.tempFilePath
-							talkVoiceObj.value.src = res.tempFilePath
-							talkVoiceObj.value.play()
-							storageStore.setStorage('audio', _url + _params.teachNo, itemVoice.value)
-						}).catch((err)=>{
-							voiceLoading.value = false
+							voiceLoading.value = false;
+							itemVoice.value = res.tempFilePath;
+							talkVoiceObj.value.src = res.tempFilePath;
+							talkVoiceObj.value.play();
+							storageStore.setStorage('audio', _url + _params.teachNo, itemVoice.value);
 						})
-					}
-				})
-			}
-		}
-		const saveFile = (buffer,filePath, cb = ()=>{}) => {
-			let fileManager = uni.getFileSystemManager()
-			fileManager.writeFile({
-				filePath: filePath,
-				data: buffer,
-				encoding: 'binary',
-				success: cb,
-				file: ()=>{
-					voiceLoading.value = false
+						.catch((err) => {
+							voiceLoading.value = false;
+						});
 				}
+			});
+		}
+	};
+	const saveFile = (buffer, filePath, cb = () => {}) => {
+		let fileManager = uni.getFileSystemManager();
+		fileManager.writeFile({
+			filePath: filePath,
+			data: buffer,
+			encoding: 'binary',
+			success: cb,
+			file: () => {
+				voiceLoading.value = false;
+			}
+		});
+	};
+	const initVoice = (readType = 'qns', item, isplay = false) => {
+		if (unref(dataInfo).talkingVoice) {
+			itemVoice.value = unref(dataInfo).talkingVoice;
+			talkVoiceObj.value.src = itemVoice.value;
+			setTimeout(() => {
+				setVoiceTime(0);
+			}, 100);
+		}
+		// else{
+		// 	setTimeout(()=>{
+		// 		initVoice(readType, item, isplay)
+		// 	},200)
+		// }
+	};
+	const setVoiceTime = (sum) => {
+		sum += 1;
+		if (talkVoiceObj.value.duration) {
+			voiceTime.value = (Math.ceil(talkVoiceObj.value.duration) || 0) + 's';
+		} else {
+			if (sum === 100) {
+				voiceTime.value = 0 + 's';
+				return;
+			}
+			setTimeout(() => {
+				setVoiceTime(sum);
+			}, 300);
+		}
+	};
+	const playQnsVoice = (readType = 'qns', item) => {
+		if (type.value === 2) {
+			// 文本转语音
+			playVoice(readType);
+			return;
+		}
+		// readType 阅读内容类型pgrh段落/qns问题
+		emit('changePlay', unref(dataInfo)?.id);
+		setTimeout(() => {
+			itemVoice.value = item.talkingVoice;
+			talkVoiceObj.value.src = item.talkingVoice;
+			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.text;
+				translateLoading.value = false;
 			})
+			.catch(() => {
+				translateLoading.value = false;
+			});
+	};
+	const showNextBtn = ref(true);
+	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;
+		clickNow();
+		if ([5, 8].indexOf(props.type) >= 0) {
+			// 完成问题
+			emit('nextQuestion', unref(dataInfo));
+		} else if ([3].indexOf(props.type) >= 0) {
+			// 完成段落
+			emit('nextQuestion', unref(dataInfo), 'overGraph');
+		} else if ([9].indexOf(props.type) >= 0) {
+			// 下一段落
+			emit('nextQuestion', unref(dataInfo), 'nextGraph');
 		}
-		const initVoice = (readType = 'qns', item, isplay=false) => {
-			if(unref(dataInfo).talkingVoice){
-				itemVoice.value = unref(dataInfo).talkingVoice
-				talkVoiceObj.value.src = itemVoice.value
-				setTimeout(()=>{
-					setVoiceTime(0)
-				},100)
-			}
-			// else{
-			// 	setTimeout(()=>{
-			// 		initVoice(readType, item, isplay)
-			// 	},200)
-			// }
+	};
+	const clickNow = () => {
+		isClick.value = true;
+		setTimeout(() => {
+			isClick.value = false;
+		}, 800);
+	};
+	const goOnRestart = () => {
+		if (isClick.value) return;
+		clickNow();
+		emit('nextQuestion', unref(dataInfo), 'reStart');
+	};
+	const goOnRestartPrgh = () => {
+		if (isClick.value) return;
+		clickNow();
+		emit('nextQuestion', unref(dataInfo), 'reStartPrgh');
+	};
+	// 撤回
+	const withdraw = () => {
+		if (isClick.value) return;
+		clickNow();
+		emit('withdraw', unref(dataInfo));
+	};
+	// 完成
+	const finishQuestion = (data) => {
+		if (isClick.value) return;
+		clickNow();
+		emit('finishQuestion', data);
+	};
+	// 答题 选择
+	const subject_click = (type, data) => {
+		if (['answer', 'choose'].includes(type)) {
+			emit('answerQuestion', {
+				...data,
+				...unref(dataInfo)
+			});
 		}
-		const setVoiceTime = (sum) => {
-			sum += 1
-			if(talkVoiceObj.value.duration){
-				voiceTime.value = ( Math.ceil(talkVoiceObj.value.duration) || 0 ) + 's'
-			}else{
-				if(sum === 100) {
-					voiceTime.value = 0 + 's'
-					return
-				}
-				setTimeout(()=>{
-					setVoiceTime(sum)
-				},300)
-			}
-		}
-		const playQnsVoice = (readType = 'qns', item) =>{
-			if(type.value === 2){
-				// 文本转语音
-				playVoice(readType)
-				return
-			}
-			// readType 阅读内容类型pgrh段落/qns问题
-			emit('changePlay', unref(dataInfo)?.id)
-			setTimeout(()=>{
-				itemVoice.value = item.talkingVoice
-				talkVoiceObj.value.src = item.talkingVoice
-				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.text
-				translateLoading.value = false
-			}).catch(()=>{
-				translateLoading.value = false
-			})
-		}
-		const showNextBtn = ref(true)
-		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
-			clickNow()
-			if([5,8].indexOf(props.type) >= 0){
-				// 完成问题
-				emit('nextQuestion', unref(dataInfo))
-			}else if([3].indexOf(props.type) >= 0){
-				// 完成段落
-				emit('nextQuestion', unref(dataInfo), 'overGraph')
-			}else if([9].indexOf(props.type) >= 0){
-				// 下一段落
-				emit('nextQuestion', unref(dataInfo), 'nextGraph')
-			}
-		}
-		const clickNow = () => {
-			isClick.value = true
-			setTimeout(()=>{
-				isClick.value = false
-			},800)
-		}
-		const goOnRestart = () => {
-			if(isClick.value) return
-			clickNow()
-			emit('nextQuestion', unref(dataInfo), 'reStart')
-		}
-		const goOnRestartPrgh = () => {
-			if(isClick.value) return
-			clickNow()
-			emit('nextQuestion', unref(dataInfo), 'reStartPrgh')
-		}
-		// 撤回
-		const withdraw = () => {
-			if(isClick.value) return
-			clickNow()
-			emit('withdraw', unref(dataInfo))
-		}
-		// 完成
-		const finishQuestion = (data) => {
-			if(isClick.value) return
-			clickNow()
-			emit('finishQuestion',data)
-		}
-		// 答题 选择
-		const subject_click = (type, data) => {
-			if(['answer', 'choose'].includes(type)){
-				emit('answerQuestion', {
-					...data,
-					...unref(dataInfo)
-				})
-			}
-		}
-		
-	</script>
-	
-	<style lang="scss">
-		.ai-answer{
-			width: 100%;
+	};
+</script>
+
+<style lang="scss">
+	.ai-answer {
+		width: 100%;
+		overflow: hidden;
+		margin-bottom: 20rpx;
+		.user-info {
 			overflow: hidden;
-			margin-bottom: 20rpx;
-			.user-info{
+			.avatar-box {
+				float: left;
+				width: 76rpx;
+				height: 76rpx;
+				border: 3rpx solid #fff;
+				background-color: #f1f1f1;
 				overflow: hidden;
-				.avatar-box{
-					float: left;
-					width: 76rpx;
-					height: 76rpx;
-					border: 3rpx solid #fff;
-					background-color: #f1f1f1;
-					overflow: hidden;
-					border-radius: 10rpx;
-					margin-right: 16rpx;
-					margin-bottom: 16rpx;
-					.img-box{
-						width: 100%;
-						height: 100%;
-					}
-				}
-				.ai-name{
-					float: left;
-					color: #666;
-					font-size: 25rpx;
-					line-height: 35rpx;
-					.ai-name-desc{
-						color: #999;
-						margin-left: 16rpx;
-						display: inline-block;
-					}
+				border-radius: 10rpx;
+				margin-right: 16rpx;
+				margin-bottom: 16rpx;
+				.img-box {
+					width: 100%;
+					height: 100%;
 				}
 			}
-			.talking-info{
-				padding: 20rpx;
-				border-radius: 15rpx;
-				background-color: #fff;
-				overflow: hidden;
-				padding-bottom: 30rpx;
-				width: 100%;
-				&.talking-info-less{
-					float: left;
-					min-width: 400rpx;
-					padding-bottom: 20rpx;
-				}
-				.talking-gif{
-					width: 200rpx;
-					height: 38rpx;
-					background: url(@/static/images/course/voice-gray.png) no-repeat;
-					background-size: contain;
-					padding-left: 168rpx;
-					&.is-play{
-						background: url(@/static/images/course/voice-gif.gif) no-repeat;
-						background-size: contain;
-					}
-				}
-				.talking-cont{
-					margin: 16rpx 0;
-					overflow: hidden;
-					min-height: 48rpx;
-					&.last-cont{
-						margin-bottom: 0;
-						.talking-text{
-							margin-bottom: 0;
-						}
-					}
-					.type-tag {
-						width: 108rpx;
-						height: 46rpx;
-						background: #267eff;
-						border-radius: 8rpx;
-						font-family: PingFangSC;
-						font-weight: 500;
-						font-size: 25rpx;
-						color: #ffffff;
-						text-align: center;
-						line-height: 46rpx;
-						margin-bottom: 10rpx;
-					}
-					.talking-text{
-						font-size: 28rpx;
-						line-height: 48rpx;
-						min-height: 48rpx;
-						margin-bottom: 20rpx;
-						word-break: break-all;
-						white-space: pre-line;
-						&.loading{
-							// min-height: 36px;
-						}
-					}
-					.cont-img-box{
-						width: 433rpx;
-						height: 269rpx;
-						border-radius: 15rpx;
-						overflow: hidden;
-						background-color: #fafafa;
-						margin-bottom: 20rpx;
-					}
-				}
-				.btns-cont{
-					overflow: hidden;
-					border-top: 3rpx solid #eee;
-					.replay-btn{
-						float: left;
-						width: 46rpx;
-						height: 46rpx;
-						overflow: hidden;
-						margin-right: 16rpx;
-						margin-top: 25rpx;
-					}
-					.play-btn{
-						float: left;
-						width: 46rpx;
-						height: 46rpx;
-						overflow: hidden;
-						margin-right: 16rpx;
-						margin-top: 25rpx;
-					}
-					.next-learn-btn{
-						float: left;
-						padding: 0 60rpx 0 15rpx;
-						height: 62rpx;
-						line-height: 62rpx;
-						font-size: 28rpx;
-						background-color: #06f;
-						color: #fff;
-						border-radius: 8rpx;
-						margin-top: 16rpx;
-						margin-right: 16rpx;
-						position: relative;
-						&.replay-study-btn{
-							float: right;
-							margin-right: 0;
-						}
-						&.restart{
-							background-color: #eaf2ff;
-							color: #06f;
-						}
-						.icon-iamge{
-							width: 25rpx;
-							height: 25rpx;
-							position: absolute;
-							right: 20rpx;
-							top: 50%;
-							margin-top: -12rpx;
-						}
-					}
-					.replay-learn-btn{
-						float: left;
-						padding: 0 60rpx 0 20rpx;
-						height: 62rpx;
-						line-height: 62rpx;
-						font-size: 30rpx;
-						color: #06f;
-						background-color: #eaf2ff;
-						border-radius: 8rpx;
-						margin-top: 16rpx;
-						margin-right: 16rpx;
-						position: relative;
-						.icon-iamge{
-							width: 25rpx;
-							height: 25rpx;
-							position: absolute;
-							right: 20rpx;
-							top: 50%;
-							margin-top: -12rpx;
-						}
-					}
-					.next-btn{
-						float: right;
-						padding: 0 60rpx 0 20rpx;
-						height: 62rpx;
-						line-height: 62rpx;
-						font-size: 30rpx;
-						background-color: #06f;
-						color: #fff;
-						border-radius: 8rpx;
-						margin-top: 16rpx;
-						position: relative;
-						.icon-iamge{
-							width: 25rpx;
-							height: 25rpx;
-							position: absolute;
-							right: 20rpx;
-							top: 50%;
-							margin-top: -12rpx;
-						}
-					}
-				}
-			}
-		}
-		.user-answer{
-			overflow: hidden;
-			width: 100%;
-			margin-bottom: 20rpx;
-			.user-info{
-				overflow: hidden;
-				.avatar-box{
-					float: right;
-					width: 76rpx;
-					height: 76rpx;
-					border: 3rpx solid #fff;
-					background-color: #f1f1f1;
-					overflow: hidden;
-					border-radius: 10rpx;
+			.ai-name {
+				float: left;
+				color: #666;
+				font-size: 25rpx;
+				line-height: 35rpx;
+				.ai-name-desc {
+					color: #999;
 					margin-left: 16rpx;
-					margin-bottom: 16rpx;
-					.img-box{
-						width: 100%;
-						height: 100%;
-					}
-				}
-				.ai-name{
-					float: right;
-					color: #666;
-					font-size: 25rpx;
-					line-height: 35rpx;
+					display: inline-block;
 				}
 			}
-			
-			.talking-info-less{
-				padding: 20rpx;
-				float: right;
-				border-radius: 15rpx;
-				background-color: #06f;
-				color: #fff;
+		}
+		.talking-info {
+			padding: 20rpx;
+			border-radius: 15rpx;
+			background-color: #fff;
+			overflow: hidden;
+			padding-bottom: 30rpx;
+			width: 100%;
+			&.talking-info-less {
+				float: left;
+				min-width: 400rpx;
+				padding-bottom: 20rpx;
 			}
-			.talking-info{
-				padding: 20rpx;
-				border-radius: 15rpx;
-				background-color: #06f;
-				padding-bottom: 30rpx;
-				position: relative;
-				color: #fff;
-				.talking-gif{
-					width: 200rpx;
-					height: 38rpx;
-					background: url(@/static/images/course/voice-gray.png) no-repeat;
+			.talking-gif {
+				width: 200rpx;
+				height: 38rpx;
+				background: url(@/static/images/course/voice-gray.png) no-repeat;
+				background-size: contain;
+				padding-left: 168rpx;
+				&.is-play {
+					background: url(@/static/images/course/voice-gif.gif) no-repeat;
 					background-size: contain;
-					padding-left: 168rpx;
-					&.is-play{
-						background: url(@/static/images/course/voice-white.gif) no-repeat;
-						background-size: contain;
+				}
+			}
+			.talking-cont {
+				margin: 16rpx 0;
+				overflow: hidden;
+				min-height: 48rpx;
+				&.last-cont {
+					margin-bottom: 0;
+					.talking-text {
+						margin-bottom: 0;
 					}
 				}
-				.right-time{
-					position: absolute;
-					right: 20rpx;
-					top: 20rpx;
+				.type-tag {
+					width: 108rpx;
+					height: 46rpx;
+					background: #267eff;
+					border-radius: 8rpx;
+					font-family: PingFangSC;
+					font-weight: 500;
+					font-size: 25rpx;
+					color: #ffffff;
+					text-align: center;
+					line-height: 46rpx;
+					margin-bottom: 10rpx;
+				}
+				.talking-text {
 					font-size: 28rpx;
-					height: 38rpx;
-					line-height: 38rpx;
+					line-height: 48rpx;
+					min-height: 48rpx;
+					margin-bottom: 20rpx;
+					word-break: break-all;
+					white-space: pre-line;
+					&.loading {
+						// min-height: 36px;
+					}
 				}
-				.talking-cont{
+				.cont-img-box {
+					width: 433rpx;
+					height: 269rpx;
+					border-radius: 15rpx;
+					overflow: hidden;
+					background-color: #fafafa;
+					margin-bottom: 20rpx;
+				}
+			}
+			.btns-cont {
+				overflow: hidden;
+				border-top: 3rpx solid #eee;
+				.replay-btn {
+					float: left;
+					width: 46rpx;
+					height: 46rpx;
+					overflow: hidden;
+					margin-right: 16rpx;
+					margin-top: 25rpx;
+				}
+				.play-btn {
+					float: left;
+					width: 46rpx;
+					height: 46rpx;
+					overflow: hidden;
+					margin-right: 16rpx;
+					margin-top: 25rpx;
+				}
+				.next-learn-btn {
+					float: left;
+					padding: 0 60rpx 0 15rpx;
+					height: 62rpx;
+					line-height: 62rpx;
+					font-size: 28rpx;
+					background-color: #06f;
+					color: #fff;
+					border-radius: 8rpx;
 					margin-top: 16rpx;
-					overflow: hidden;
-					.talking-text{
-						font-size: 28rpx;
-						line-height: 48rpx;
-						margin-bottom: 20rpx;
-						word-break: break-all;
-						white-space: pre-line;
-						overflow: hidden;
-						&.translate-text{
-							min-height: 48rpx;
-						}
+					margin-right: 16rpx;
+					position: relative;
+					&.replay-study-btn {
+						float: right;
+						margin-right: 0;
+					}
+					&.restart {
+						background-color: #eaf2ff;
+						color: #06f;
+					}
+					.icon-iamge {
+						width: 25rpx;
+						height: 25rpx;
+						position: absolute;
+						right: 20rpx;
+						top: 50%;
+						margin-top: -12rpx;
 					}
 				}
-				.btns-cont{
-					overflow: hidden;
-					border-top: 3rpx solid #eee;
-					.replay-btn{
-						float: left;
-						width: 46rpx;
-						height: 46rpx;
-						overflow: hidden;
-						margin-right: 16rpx;
-						margin-top: 25rpx;
+				.replay-learn-btn {
+					float: left;
+					padding: 0 60rpx 0 20rpx;
+					height: 62rpx;
+					line-height: 62rpx;
+					font-size: 30rpx;
+					color: #06f;
+					background-color: #eaf2ff;
+					border-radius: 8rpx;
+					margin-top: 16rpx;
+					margin-right: 16rpx;
+					position: relative;
+					.icon-iamge {
+						width: 25rpx;
+						height: 25rpx;
+						position: absolute;
+						right: 20rpx;
+						top: 50%;
+						margin-top: -12rpx;
 					}
-					.play-btn{
-						float: left;
-						width: 46rpx;
-						height: 46rpx;
-						overflow: hidden;
-						margin-right: 16rpx;
-						margin-top: 25rpx;
-					}
-					.text-btn{
-						float: left;
-						width: 46rpx;
-						height: 46rpx;
-						overflow: hidden;
-						line-height: 46rpx;
-						text-align: center;
-						color: #fff;
-						margin-right: 16rpx;
-						margin-top: 25rpx;
-						background-color: #67A4ff;
-						font-size: 24rpx;
-						font-weight: bold;
-						border-radius: 20rpx;
-					}
-					.text-right-btn{
-						float: right;
-						padding: 0 10rpx;
-						height: 46rpx;
-						overflow: hidden;
-						line-height: 46rpx;
-						text-align: center;
-						margin-left: 16rpx;
-						margin-top: 25rpx;
-					}
-					.next-btn{
-						float: right;
-						padding: 0 60rpx 0 20rpx;
-						height: 62rpx;
-						line-height: 62rpx;
-						font-size: 30rpx;
-						background-color: #06f;
-						color: #fff;
-						border-radius: 8rpx;
-						margin-top: 16rpx;
-						position: relative;
-						.icon-iamge{
-							width: 25rpx;
-							height: 25rpx;
-							position: absolute;
-							right: 20rpx;
-							top: 50%;
-							margin-top: -12rpx;
-						}
+				}
+				.next-btn {
+					float: right;
+					padding: 0 60rpx 0 20rpx;
+					height: 62rpx;
+					line-height: 62rpx;
+					font-size: 30rpx;
+					background-color: #06f;
+					color: #fff;
+					border-radius: 8rpx;
+					margin-top: 16rpx;
+					position: relative;
+					.icon-iamge {
+						width: 25rpx;
+						height: 25rpx;
+						position: absolute;
+						right: 20rpx;
+						top: 50%;
+						margin-top: -12rpx;
 					}
 				}
 			}
 		}
-	</style>
\ No newline at end of file
+	}
+	.user-answer {
+		overflow: hidden;
+		width: 100%;
+		margin-bottom: 20rpx;
+		.user-info {
+			overflow: hidden;
+			.avatar-box {
+				float: right;
+				width: 76rpx;
+				height: 76rpx;
+				border: 3rpx solid #fff;
+				background-color: #f1f1f1;
+				overflow: hidden;
+				border-radius: 10rpx;
+				margin-left: 16rpx;
+				margin-bottom: 16rpx;
+				.img-box {
+					width: 100%;
+					height: 100%;
+				}
+			}
+			.ai-name {
+				float: right;
+				color: #666;
+				font-size: 25rpx;
+				line-height: 35rpx;
+			}
+		}
+
+		.talking-info-less {
+			padding: 20rpx;
+			float: right;
+			border-radius: 15rpx;
+			background-color: #06f;
+			color: #fff;
+		}
+		.talking-info {
+			padding: 20rpx;
+			border-radius: 15rpx;
+			background-color: #06f;
+			padding-bottom: 30rpx;
+			position: relative;
+			color: #fff;
+			.talking-gif {
+				width: 200rpx;
+				height: 38rpx;
+				background: url(@/static/images/course/voice-gray.png) no-repeat;
+				background-size: contain;
+				padding-left: 168rpx;
+				&.is-play {
+					background: url(@/static/images/course/voice-white.gif) no-repeat;
+					background-size: contain;
+				}
+			}
+			.right-time {
+				position: absolute;
+				right: 20rpx;
+				top: 20rpx;
+				font-size: 28rpx;
+				height: 38rpx;
+				line-height: 38rpx;
+			}
+			.talking-cont {
+				margin-top: 16rpx;
+				overflow: hidden;
+				.talking-text {
+					font-size: 28rpx;
+					line-height: 48rpx;
+					margin-bottom: 20rpx;
+					word-break: break-all;
+					white-space: pre-line;
+					overflow: hidden;
+					&.translate-text {
+						min-height: 48rpx;
+					}
+				}
+			}
+			.btns-cont {
+				overflow: hidden;
+				border-top: 3rpx solid #eee;
+				.replay-btn {
+					float: left;
+					width: 46rpx;
+					height: 46rpx;
+					overflow: hidden;
+					margin-right: 16rpx;
+					margin-top: 25rpx;
+				}
+				.play-btn {
+					float: left;
+					width: 46rpx;
+					height: 46rpx;
+					overflow: hidden;
+					margin-right: 16rpx;
+					margin-top: 25rpx;
+				}
+				.text-btn {
+					float: left;
+					width: 46rpx;
+					height: 46rpx;
+					overflow: hidden;
+					line-height: 46rpx;
+					text-align: center;
+					color: #fff;
+					margin-right: 16rpx;
+					margin-top: 25rpx;
+					background-color: #67a4ff;
+					font-size: 24rpx;
+					font-weight: bold;
+					border-radius: 20rpx;
+				}
+				.text-right-btn {
+					float: right;
+					padding: 0 10rpx;
+					height: 46rpx;
+					overflow: hidden;
+					line-height: 46rpx;
+					text-align: center;
+					margin-left: 16rpx;
+					margin-top: 25rpx;
+				}
+				.next-btn {
+					float: right;
+					padding: 0 60rpx 0 20rpx;
+					height: 62rpx;
+					line-height: 62rpx;
+					font-size: 30rpx;
+					background-color: #06f;
+					color: #fff;
+					border-radius: 8rpx;
+					margin-top: 16rpx;
+					position: relative;
+					.icon-iamge {
+						width: 25rpx;
+						height: 25rpx;
+						position: absolute;
+						right: 20rpx;
+						top: 50%;
+						margin-top: -12rpx;
+					}
+				}
+			}
+		}
+	}
+</style>
diff --git a/src/pages/course/index.vue b/src/pages/course/index.vue
index 5e0ad9f4..a9740701 100644
--- a/src/pages/course/index.vue
+++ b/src/pages/course/index.vue
@@ -1,754 +1,733 @@
 <template>
-	<view class="course-center max_page">
-		<view class="top-bg"></view>
-		<view class="bot-bg"></view>
-		<view class="course-center-body">
-			<view class="body-title">
-				<!--  @click="test.testApi" -->
-				<uv-icon class="arrow-icon" name="arrow-left" @click="common.switchTab('/pages/index/index')"/>
-				AI学习
-			</view>
-			<view class="input-view"  @click="toSearchPage">
-				<uv-input shape="circle"
-					placeholderStyle='color:#999999;font-size:28rpx' 
-					placeholder="请输入课程名" 
-					suffixIcon="search"
-					:customStyle="customStyle"
-					:suffixIconStyle="suffixIconStyle" 
-					:readonly="true">
-				</uv-input>
-			</view>
-			<view class="tabs-view">
-				<uv-tabs :list="tabList" @click="changeTab" :scrollable="false"
-				active-style="font-weight:bold; color:#000;"
-				line-color="#06f"
-				></uv-tabs>
-			</view>
-			<view class="list-view">
-				<view class="filter-btn" @click="()=>{showFilterList = !showFilterList; activeTagPop = activeTag}">筛选
-					<uv-icon class="filter-icon" name="list"/>
-				</view>
-				<view :class="['filter-list',showFilterList?'show':'']">
-					<scroll-view :scroll-y="true" class="scroll-box-tags">
-						<view class="filter-type" v-for="item in tagsTree" :key="item.value">
-							<!-- .filter(t=>(t.children||[]).length>0) -->
-							<view class="filter-type-title">{{item.label}}</view>
-							<scroll-view :scroll-x="true" class="filter-type-list">
-								<view :class="['filter-type-item', activeTagPop.includes(itemT.value)?'is-active':'']" v-for="itemT in (item.children||[])" @click="chooseTagPop(itemT)">
-									{{itemT.label}}
-								</view>
-							</scroll-view>
-						</view>
-					</scroll-view>
-					<view class="btns-box">
-						<view class="btn-sub cencle-btn" @click="showFilterList = false">取消</view>
-						<view class="btn-sub" @click="changeChooseTagsList">筛选</view>
-					</view>
-				</view>
-				<view :class="['model-filter-list',showFilterList?'show':'']"  @click="showFilterList = false"></view>
-				<uv-scroll-list class="tags-view" :indicator="false">
-					<uv-tags text="全部" 
-						bgColor="#f6f8fa"
-						:borderColor="activeTag.length === 0 ? '#06f' : '#f6f8fa'"
-						:color="activeTag.length === 0 ? '#06f' : '#333'"
-						:class="activeTag.length === 0?'tags-item active-tags-item':'tags-item'"
-						size="medium" 
-						:type="activeTag.length === 0?'primary':'info'"
-						@click="chooseTag({value:''})"
-					></uv-tags>
-					<uv-tags :text="item.label" 
-						v-for="item in tagsList" 
-						:key="item.value" 
-						size="medium" 
-						:bgColor="'#f6f8fa'"
-						:borderColor="activeTag.includes(item.value)?'#06f' : '#f6f8fa'"
-						:color="activeTag.includes(item.value)?'#06f' : '#333'"
-						@click="chooseTag(item)"
-						:class="activeTag.includes(item.value)?'tags-item active-tags-item':'tags-item'"
-					></uv-tags>
-				</uv-scroll-list>
-				<view class="course-list">
-					<view class="left-type-list" v-if="'全部' === activeTab">
-						<view 
-						 v-for="item in courseTypeList"
-						 :key="item.value"
-							:class="['type-item',activeCourseType == item.value ?'is-active':'']"
-							@click="changeCourseType(item)"
-						>
-							{{item.label}}
-						</view>
-					</view>
-					<view class="left-type-list" v-if="'生产线'===activeTab">
-						<view 
-						 v-for="item in coursePrdlineList"
-						 :key="item.value"
-							:class="['type-item', activePrdlineType == item.value ?'is-active':'']"
-							@click="changePrdLine(item)"
-						>
-							{{item.label}}
-						</view>
-					</view>
-					<scroll-view class="right-course-list" :scroll-y="true" @scrolltolower="getMoreList()">
-						<view 
-							class="type-list" 
-							v-for="item in courseListTreeShow" 
-						>
-							<view 
-								class="type-title" 
-								v-if="item.courseList.length > 0 && showTypeName"
-							>
-								<!-- v-if="itemT.courseList.length>0 && " -->
-								<view class="left-color"></view>
-								{{item.label}}
-							</view>
-							<CourseItem v-for="itemC in item.courseList" :itemInfo="itemC" :activeTag="activeTag" @clickItem="toCourseDetail(itemC)"/>
-							<view 
-								class="type-list"
-								v-for="itemT in item.children"
-							>
-								<view class="type-title" v-if="itemT.courseList.length>0">
-									<view class="left-color"></view>
-										{{itemT.label}}
-								</view>
-								<CourseItem v-for="itemTC in itemT.courseList" :activeTag="activeTag" :itemInfo="itemTC" @clickItem="toCourseDetail(itemTC)"/>
-							</view>
-						</view>
-						<view class="loading-box" v-show="loading">
-							<CommonLoading color="#06f" class="loading-val"/>
-						</view>
-					</scroll-view>
-				</view>
-			</view>
-		</view>
-	</view>
+  <view class="course-center max_page">
+    <view class="top-bg"></view>
+    <view class="bot-bg"></view>
+    <view class="course-center-body">
+      <view class="body-title">
+        <!--  @click="test.testApi" -->
+        <uv-icon class="arrow-icon" name="arrow-left" @click="common.switchTab('/pages/index/index')" />
+        AI学习
+      </view>
+      <view class="input-view" @click="toSearchPage">
+        <uv-input shape="circle" placeholderStyle="color:#999999;font-size:28rpx" placeholder="请输入课程名" suffixIcon="search" :customStyle="customStyle" :suffixIconStyle="suffixIconStyle" :readonly="true"> </uv-input>
+      </view>
+      <view class="tabs-view">
+        <uv-tabs :list="tabList" @click="changeTab" :scrollable="false" active-style="font-weight:bold; color:#000;" line-color="#06f"></uv-tabs>
+      </view>
+      <view class="list-view">
+        <view
+          class="filter-btn"
+          @click="
+            () => {
+              showFilterList = !showFilterList
+              activeTagPop = activeTag
+            }
+          "
+          >筛选
+          <uv-icon class="filter-icon" name="list" />
+        </view>
+        <view :class="['filter-list', showFilterList ? 'show' : '']">
+          <scroll-view :scroll-y="true" class="scroll-box-tags">
+            <view class="filter-type" v-for="item in tagsTree" :key="item.value">
+              <!-- .filter(t=>(t.children||[]).length>0) -->
+              <view class="filter-type-title">{{ item.label }}</view>
+              <scroll-view :scroll-x="true" class="filter-type-list">
+                <view :class="['filter-type-item', activeTagPop.includes(itemT.value) ? 'is-active' : '']" v-for="itemT in item.children || []" @click="chooseTagPop(itemT)">
+                  {{ itemT.label }}
+                </view>
+              </scroll-view>
+            </view>
+          </scroll-view>
+          <view class="btns-box">
+            <view class="btn-sub cencle-btn" @click="showFilterList = false">取消</view>
+            <view class="btn-sub" @click="changeChooseTagsList">筛选</view>
+          </view>
+        </view>
+        <view :class="['model-filter-list', showFilterList ? 'show' : '']" @click="showFilterList = false"></view>
+        <uv-scroll-list class="tags-view" :indicator="false">
+          <uv-tags
+            text="全部"
+            bgColor="#f6f8fa"
+            :borderColor="activeTag.length === 0 ? '#06f' : '#f6f8fa'"
+            :color="activeTag.length === 0 ? '#06f' : '#333'"
+            :class="activeTag.length === 0 ? 'tags-item active-tags-item' : 'tags-item'"
+            size="medium"
+            :type="activeTag.length === 0 ? 'primary' : 'info'"
+            @click="chooseTag({ value: '' })"></uv-tags>
+          <uv-tags
+            :text="item.label"
+            v-for="item in tagsList"
+            :key="item.value"
+            size="medium"
+            :bgColor="'#f6f8fa'"
+            :borderColor="activeTag.includes(item.value) ? '#06f' : '#f6f8fa'"
+            :color="activeTag.includes(item.value) ? '#06f' : '#333'"
+            @click="chooseTag(item)"
+            :class="activeTag.includes(item.value) ? 'tags-item active-tags-item' : 'tags-item'"></uv-tags>
+        </uv-scroll-list>
+        <view class="course-list">
+          <view class="left-type-list" v-if="'全部' === activeTab">
+            <view v-for="item in courseTypeList" :key="item.value" :class="['type-item', activeCourseType == item.value ? 'is-active' : '']" @click="changeCourseType(item)">
+              {{ item.label }}
+            </view>
+          </view>
+          <view class="left-type-list" v-if="'生产线' === activeTab">
+            <view v-for="item in coursePrdlineList" :key="item.value" :class="['type-item', activePrdlineType == item.value ? 'is-active' : '']" @click="changePrdLine(item)">
+              {{ item.label }}
+            </view>
+          </view>
+          <scroll-view class="right-course-list" :scroll-y="true" @scrolltolower="getMoreList()">
+            <view class="type-list" v-for="item in courseListTreeShow">
+              <view class="type-title" v-if="item.courseList.length > 0 && showTypeName">
+                <!-- v-if="itemT.courseList.length>0 && " -->
+                <view class="left-color"></view>
+                {{ item.label }}
+              </view>
+              <CourseItem v-for="itemC in item.courseList" :itemInfo="itemC" :activeTag="activeTag" @clickItem="toCourseDetail(itemC)" />
+              <view class="type-list" v-for="itemT in item.children">
+                <view class="type-title" v-if="itemT.courseList.length > 0">
+                  <view class="left-color"></view>
+                  {{ itemT.label }}
+                </view>
+                <CourseItem v-for="itemTC in itemT.courseList" :activeTag="activeTag" :itemInfo="itemTC" @clickItem="toCourseDetail(itemTC)" />
+              </view>
+            </view>
+            <view class="loading-box" v-show="loading">
+              <CommonLoading color="#06f" class="loading-val" />
+            </view>
+          </scroll-view>
+        </view>
+      </view>
+    </view>
+  </view>
 </template>
 
 <script setup>
-import CourseItem from "@/components/course-item/course-item.vue"
+import CourseItem from '@/components/course-item/course-item.vue'
 import common from '@/common/common'
-import {
-	getPrdLineTypeListApi,
-	getTraTagListApi,
-	getCourseTypeListApi,
-	queryCrsInfoByCatalogApi,
-	queryCrsInfoByPrdLineApi,
-	queryCrsInfoByLastnewApi,
-	queryCrsInfoByPopularApi,
-	queryCrsInfoByRecmdApi
-} from "@/api/course.js"
+import { getPrdLineTypeListApi, getTraTagListApi, getCourseTypeListApi, queryCrsInfoByCatalogApi, queryCrsInfoByPrdLineApi, queryCrsInfoByLastnewApi, queryCrsInfoByPopularApi, queryCrsInfoByRecmdApi } from '@/api/course.js'
 import { onMounted, onActivated, ref, computed, onUnmounted } from 'vue'
-import { onShow } from "@dcloudio/uni-app"
-	const customStyle = {
-		backgroundColor: "#ffffff",
-		paddingLeft: "40rpx",
-		height:'60rpx',
-		paddingTop: "5px",
-		paddingBottom: "5px",
-		border: "none"
-	} 
-	const suffixIconStyle = {
-		color: "#2c8ef2",
-		fontSize: "40rpx"
-	}
-	const tabsCustomStyle ={
-		backgroundColor: "#ffffff",
-		borderRadius: '23rpx',
-	}
-	const tabList = [
-		{ name:'全部'},
-		{ name:'热门'},
-		{ name:'最新'},
-		{ name:'推荐'},
-		{ name:'生产线'},
-	]
-	const activeTab = ref('全部')
-	const activeCourseType = ref('')
-	const activePrdlineType = ref('')
-	const activeTag = ref([])
-	const courseTypeList = ref([])
-	const coursePrdlineList = ref([])
-	const tagsTree = ref([])
-	
-	const showFilterList = ref(false)
-	const {
-		statusBarHeight
-	} = uni.getWindowInfo()
-	
-	const pageTopPadding = computed(() => statusBarHeight + 'px')
-	
-	const activeTagPop = ref([])
-	
-	const chooseTagPop = (item) => {
-		if(!item.value){
-			activeTagPop.value = []
-			return
-		}
-		activeTagPop.value = activeTagPop.value.filter((t=>!!t))
-		if(activeTagPop.value.includes(item.value)){
-			activeTagPop.value = activeTagPop.value.filter((t=>t !== item.value))
-		}else{
-			activeTagPop.value.push(item.value)
-		}
-	}
-	// 点击标签
-	const chooseTag = (item)=>{
-		if(!item.value){
-			activeTag.value = []
-		} else{
-			activeTag.value = activeTag.value.filter((t=>!!t))
-			if(activeTag.value.includes(item.value)){
-				activeTag.value = activeTag.value.filter((t=>t !== item.value))
-			}else{
-				activeTag.value.push(item.value)
-			}
-		}
-		pageObj.value.page = 1
-		pageObj.value.total = 0
-		getMoreList(1)
-		// showFilterList.value = false
-	}
-	// 点击生产线分类
-	const changePrdLine = (item)=>{
-		activePrdlineType.value = item.value === activePrdlineType.value ? '' : item.value
-		getMoreList(1)
-	}
-	// 点击课程分类
-	const changeCourseType =  (item)=>{
-		activeCourseType.value = item.value === activeCourseType.value ? '' : item.value
-		getMoreList(1)
-	}
-	const showTypeName = computed(()=>{
-		return (activeTab.value === '全部' && activeCourseType.value === '') || (activeTab.value === '生产线' && activePrdlineType.value === '')
-	}) 
-	const tagsList = computed(()=>{
-		let _arr = []
-		tagsTree.value.forEach(t=>{
-			let _tarr = t.children || []
-			_arr = _arr.concat(_tarr)
-		})
-		let _reqList = _arr.filter(t=>t.required === "Y")
-		let _reqListN = _arr.filter(t=>t.required === "N")
-		return _reqList.concat(_reqListN)
-	})
-	const changeChooseTagsList = () => {
-		showFilterList.value = false;
-		activeTag.value = activeTagPop.value
-		pageObj.value.page = 1
-		pageObj.value.total = 0
-		getMoreList(1)
-	}
-	const courseListBase = ref([])
-	const courseList = computed(()=>{
-		return courseListBase.value
-		// if(activeTag.value.length > 0 && !!activeTag.value[0]){
-		// 	return courseListBase.value
-		// 	.filter(t=>{
-		// 		let _tags = (t.tagCataList||[]).map(k=>k.tagId)
-		// 		let _pass = false
-		// 		activeTag.value.forEach(k => {
-		// 			if(_tags.includes(k)){
-		// 				_pass = true
-		// 			}
-		// 		})
-		// 		return _pass
-		// 	})
-		// }else{
-		// 	return courseListBase.value
-		// }
-	})
-	// 整理树形
-	const courseListTree =  computed(()=>{
-		let _arr = activeTab.value === '全部'? courseTypeList.value 
-		: activeTab.value === '生产线'? coursePrdlineList.value: []
-		let _idKey = activeTab.value === '全部'? 'tagId': 'prdLineId'
-		
-		let _tree = _arr.map(t=>{
-			let _children = t.children||[]
-			return {
-				label: t.label,
-				required: t.required,
-				value:t.value,
-				courseList: courseList.value.filter(k=>k[_idKey] === t.value),
-				children: _children.map(k=>{
-					return {
-						...k,
-						courseList: courseList.value.filter(m=>m[_idKey] === k.value),
-					}
-				})
-			}
-		})
-		return _tree
-	})
-	// 过滤树形
-	const courseListTreeShow =  computed(()=>{
-		let _type = activeTab.value === '全部'? activeCourseType.value : activePrdlineType.value
-		if(activeTab.value === '全部'|| activeTab.value === '生产线'){
-			if(_type){
-				return courseListTree.value.filter(t=> t.value === _type)
-			}else{
-				 return courseListTree.value
-			}
-		}else{
-			return [{
-				children: [],
-				courseList: courseList.value,
-				label: "",
-				value: "333"
-			}]
-		}
-	})
-	const pageObj = ref({
-		page: 1,
-		limit: 20,
-		total: 0
-	})
-	const getMoreList = (flag) => {
-		if(!flag){
-			if(pageObj.value.total <= (pageObj.value.page * pageObj.value.limit)) return
-			pageObj.value.page += 1
-		}else{
-			courseListBase.value = []
-			pageObj.value.page = 1
-		}
-		pageObj.value.total = 0
-		loading.value = true
-		switch (activeTab.value){
-			case '全部':
-				queryCrsInfoByCatalogApi({
-					...pageObj.value,
-					tagId: activeTag.value.join(','),
-					catalogId: activeCourseType.value
-				}).then(res=>{
-					courseListBase.value = courseListBase.value.concat(res.body || [])
-					pageObj.value.total = res.total
-				}).finally(()=>{
-					loading.value = false
-				})
-			break;
-			case '热门':
-			break;
-			case '最新':
-			break;
-			case '推荐':
-			break;
-			case '生产线':
-				queryCrsInfoByPrdLineApi({
-					...pageObj.value,
-					tagId: activeTag.value.join(','),
-					prdLineId: activePrdlineType.value
-				}).then(res=>{
-					courseListBase.value = courseListBase.value.concat(res.body || [])
-					pageObj.value.total = res.total
-				}).finally(()=>{
-					loading.value = false
-				})
-			break;
-		}
-	}
-	const loading = ref(false)
-	const changeTab = (item) => {
-		if(!item) return
-		courseListBase.value = []
-		activeTab.value = item.name
-		activeTag.value = []
-		pageObj.value.page = 1
-		pageObj.value.total = 0
-		// activeTag.value = ''
-		activeCourseType.value = ''
-		activePrdlineType.value = ''
-		loading.value = true
-		switch (item.name){
-			case '全部':
-				queryCrsInfoByCatalogApi(pageObj.value).then(res=>{
-					courseListBase.value = res.body || []
-					pageObj.value.total = res.total
-				}).finally(()=>{
-					loading.value = false
-				})
-			break;
-			case '热门':
-				queryCrsInfoByPopularApi(pageObj.value).then(res=>{
-					courseListBase.value = res.body || []
-				}).finally(()=>{
-					loading.value = false
-				})
-			break;
-			case '最新':
-				queryCrsInfoByLastnewApi(pageObj.value).then(res=>{
-					courseListBase.value = res.body || []
-				}).finally(()=>{
-					loading.value = false
-				})
-			break;
-			case '推荐':
-				queryCrsInfoByRecmdApi(pageObj.value).then(res=>{
-					courseListBase.value = res.body || []
-				}).finally(()=>{
-					loading.value = false
-				})
-			break;
-			case '生产线':
-				queryCrsInfoByPrdLineApi(pageObj.value).then(res=>{
-					courseListBase.value = res.body || []
-					pageObj.value.total = res.total
-				}).finally(()=>{
-					loading.value = false
-				})
-			break;
-		}
-	}
-	// 跳转搜索页
-	const toSearchPage = () => {
-		common.navigateTo('/pages/search/search?from=course')
-	}
-	// 跳转 课程详情
-	const toCourseDetail = (item) => {
-		common.navigateTo('/pages/courseDetail/index?crsNum=' + item.crsNum + '&crsId=' + item.crsId)
-		// common.navigateTo('/pages/course/study?crsNum=' + item.crsNum)
-	}
-	onMounted(()=>{
-		getCourseTypeListApi().then(res=>{
-			courseTypeList.value = res.body||[]
-		})
-		getPrdLineTypeListApi().then(res=>{
-			coursePrdlineList.value = res.body||[]
-		})
-		getTraTagListApi().then(res=>{
-			tagsTree.value = res.body||[]
-		})
-		changeTab({name:'全部'})
-		
-		uni.$on('refresh_course_list', () => {
-			changeTab({name:activeTab.value || '全部'})
-		});
-	})
-	onUnmounted(() => {
-		uni.$off('refresh_course_list');
-	})
-  onActivated(() => {
-		// 重新获取标签信息
-		getTraTagListApi().then(res=>{
-			tagsTree.value = res.body||[]
-		})
-		changeTab({name:activeTab.value || '全部'})
-	});
-	onShow(()=>{
-		changeTab({name:activeTab.value || '全部'})
-	})
+import { onShow } from '@dcloudio/uni-app'
+import { useSocketStore } from '@/store/socket.js'
+
+const socketStore = useSocketStore()
+const customStyle = {
+  backgroundColor: '#ffffff',
+  paddingLeft: '40rpx',
+  height: '60rpx',
+  paddingTop: '5px',
+  paddingBottom: '5px',
+  border: 'none'
+}
+const suffixIconStyle = {
+  color: '#2c8ef2',
+  fontSize: '40rpx'
+}
+const tabsCustomStyle = {
+  backgroundColor: '#ffffff',
+  borderRadius: '23rpx'
+}
+const tabList = [{ name: '全部' }, { name: '热门' }, { name: '最新' }, { name: '推荐' }, { name: '生产线' }]
+const activeTab = ref('全部')
+const activeCourseType = ref('')
+const activePrdlineType = ref('')
+const activeTag = ref([])
+const courseTypeList = ref([])
+const coursePrdlineList = ref([])
+const tagsTree = ref([])
+
+const showFilterList = ref(false)
+const { statusBarHeight } = uni.getWindowInfo()
+
+const pageTopPadding = computed(() => statusBarHeight + 'px')
+
+const activeTagPop = ref([])
+
+const chooseTagPop = item => {
+  if (!item.value) {
+    activeTagPop.value = []
+    return
+  }
+  activeTagPop.value = activeTagPop.value.filter(t => !!t)
+  if (activeTagPop.value.includes(item.value)) {
+    activeTagPop.value = activeTagPop.value.filter(t => t !== item.value)
+  } else {
+    activeTagPop.value.push(item.value)
+  }
+}
+// 点击标签
+const chooseTag = item => {
+  if (!item.value) {
+    activeTag.value = []
+  } else {
+    activeTag.value = activeTag.value.filter(t => !!t)
+    if (activeTag.value.includes(item.value)) {
+      activeTag.value = activeTag.value.filter(t => t !== item.value)
+    } else {
+      activeTag.value.push(item.value)
+    }
+  }
+  pageObj.value.page = 1
+  pageObj.value.total = 0
+  getMoreList(1)
+  // showFilterList.value = false
+}
+// 点击生产线分类
+const changePrdLine = item => {
+  activePrdlineType.value = item.value === activePrdlineType.value ? '' : item.value
+  getMoreList(1)
+}
+// 点击课程分类
+const changeCourseType = item => {
+  activeCourseType.value = item.value === activeCourseType.value ? '' : item.value
+  getMoreList(1)
+}
+const showTypeName = computed(() => {
+  return (activeTab.value === '全部' && activeCourseType.value === '') || (activeTab.value === '生产线' && activePrdlineType.value === '')
+})
+const tagsList = computed(() => {
+  let _arr = []
+  tagsTree.value.forEach(t => {
+    let _tarr = t.children || []
+    _arr = _arr.concat(_tarr)
+  })
+  let _reqList = _arr.filter(t => t.required === 'Y')
+  let _reqListN = _arr.filter(t => t.required === 'N')
+  return _reqList.concat(_reqListN)
+})
+const changeChooseTagsList = () => {
+  showFilterList.value = false
+  activeTag.value = activeTagPop.value
+  pageObj.value.page = 1
+  pageObj.value.total = 0
+  getMoreList(1)
+}
+const courseListBase = ref([])
+const courseList = computed(() => {
+  return courseListBase.value
+  // if(activeTag.value.length > 0 && !!activeTag.value[0]){
+  // 	return courseListBase.value
+  // 	.filter(t=>{
+  // 		let _tags = (t.tagCataList||[]).map(k=>k.tagId)
+  // 		let _pass = false
+  // 		activeTag.value.forEach(k => {
+  // 			if(_tags.includes(k)){
+  // 				_pass = true
+  // 			}
+  // 		})
+  // 		return _pass
+  // 	})
+  // }else{
+  // 	return courseListBase.value
+  // }
+})
+// 整理树形
+const courseListTree = computed(() => {
+  let _arr = activeTab.value === '全部' ? courseTypeList.value : activeTab.value === '生产线' ? coursePrdlineList.value : []
+  let _idKey = activeTab.value === '全部' ? 'tagId' : 'prdLineId'
+
+  let _tree = _arr.map(t => {
+    let _children = t.children || []
+    return {
+      label: t.label,
+      required: t.required,
+      value: t.value,
+      courseList: courseList.value.filter(k => k[_idKey] === t.value),
+      children: _children.map(k => {
+        return {
+          ...k,
+          courseList: courseList.value.filter(m => m[_idKey] === k.value)
+        }
+      })
+    }
+  })
+  return _tree
+})
+// 过滤树形
+const courseListTreeShow = computed(() => {
+  let _type = activeTab.value === '全部' ? activeCourseType.value : activePrdlineType.value
+  if (activeTab.value === '全部' || activeTab.value === '生产线') {
+    if (_type) {
+      return courseListTree.value.filter(t => t.value === _type)
+    } else {
+      return courseListTree.value
+    }
+  } else {
+    return [
+      {
+        children: [],
+        courseList: courseList.value,
+        label: '',
+        value: '333'
+      }
+    ]
+  }
+})
+const pageObj = ref({
+  page: 1,
+  limit: 20,
+  total: 0
+})
+const getMoreList = flag => {
+  if (!flag) {
+    if (pageObj.value.total <= pageObj.value.page * pageObj.value.limit) return
+    pageObj.value.page += 1
+  } else {
+    courseListBase.value = []
+    pageObj.value.page = 1
+  }
+  pageObj.value.total = 0
+  loading.value = true
+  switch (activeTab.value) {
+    case '全部':
+      queryCrsInfoByCatalogApi({
+        ...pageObj.value,
+        tagId: activeTag.value.join(','),
+        catalogId: activeCourseType.value
+      })
+        .then(res => {
+          courseListBase.value = courseListBase.value.concat(res.body || [])
+          pageObj.value.total = res.total
+        })
+        .finally(() => {
+          loading.value = false
+        })
+      break
+    case '热门':
+      break
+    case '最新':
+      break
+    case '推荐':
+      break
+    case '生产线':
+      queryCrsInfoByPrdLineApi({
+        ...pageObj.value,
+        tagId: activeTag.value.join(','),
+        prdLineId: activePrdlineType.value
+      })
+        .then(res => {
+          courseListBase.value = courseListBase.value.concat(res.body || [])
+          pageObj.value.total = res.total
+        })
+        .finally(() => {
+          loading.value = false
+        })
+      break
+  }
+}
+const loading = ref(false)
+const changeTab = item => {
+  if (!item) return
+  courseListBase.value = []
+  activeTab.value = item.name
+  activeTag.value = []
+  pageObj.value.page = 1
+  pageObj.value.total = 0
+  // activeTag.value = ''
+  activeCourseType.value = ''
+  activePrdlineType.value = ''
+  loading.value = true
+  switch (item.name) {
+    case '全部':
+      queryCrsInfoByCatalogApi(pageObj.value)
+        .then(res => {
+          courseListBase.value = res.body || []
+          pageObj.value.total = res.total
+        })
+        .finally(() => {
+          loading.value = false
+        })
+      break
+    case '热门':
+      queryCrsInfoByPopularApi(pageObj.value)
+        .then(res => {
+          courseListBase.value = res.body || []
+        })
+        .finally(() => {
+          loading.value = false
+        })
+      break
+    case '最新':
+      queryCrsInfoByLastnewApi(pageObj.value)
+        .then(res => {
+          courseListBase.value = res.body || []
+        })
+        .finally(() => {
+          loading.value = false
+        })
+      break
+    case '推荐':
+      queryCrsInfoByRecmdApi(pageObj.value)
+        .then(res => {
+          courseListBase.value = res.body || []
+        })
+        .finally(() => {
+          loading.value = false
+        })
+      break
+    case '生产线':
+      queryCrsInfoByPrdLineApi(pageObj.value)
+        .then(res => {
+          courseListBase.value = res.body || []
+          pageObj.value.total = res.total
+        })
+        .finally(() => {
+          loading.value = false
+        })
+      break
+  }
+}
+// 跳转搜索页
+const toSearchPage = () => {
+  common.navigateTo('/pages/search/search?from=course')
+}
+// 跳转 课程详情
+const toCourseDetail = item => {
+  common.navigateTo('/pages/courseDetail/index?crsNum=' + item.crsNum + '&crsId=' + item.crsId)
+  // common.navigateTo('/pages/course/study?crsNum=' + item.crsNum)
+}
+onMounted(() => {
+  getCourseTypeListApi().then(res => {
+    courseTypeList.value = res.body || []
+  })
+  getPrdLineTypeListApi().then(res => {
+    coursePrdlineList.value = res.body || []
+  })
+  getTraTagListApi().then(res => {
+    tagsTree.value = res.body || []
+  })
+  changeTab({ name: '全部' })
+
+  uni.$on('refresh_course_list', () => {
+    changeTab({ name: activeTab.value || '全部' })
+  })
+})
+onUnmounted(() => {
+  uni.$off('refresh_course_list')
+})
+onActivated(() => {
+  // 重新获取标签信息
+  getTraTagListApi().then(res => {
+    tagsTree.value = res.body || []
+  })
+  changeTab({ name: activeTab.value || '全部' })
+})
+onShow(() => {
+  changeTab({ name: activeTab.value || '全部' })
+  socketStore.closeSocket()
+})
 </script>
 
-
 <style lang="scss" scoped>
-	.course-center{
-		position: relative;
-		display: flex;
-		flex-direction: column;
-		.top-bg{
-			background: linear-gradient(16deg,rgba(234,246,255,0) 0%,#c3e6ff 100%);
-			height: 480rpx;
-			width: 750rpx;
-		}
-		.bot-bg{
-			// background-color: #F6F8FF;
-			background: linear-gradient(136deg,rgba(234,246,255,0) 0%,#c3e6ff 100%);
-			width: 750rpx;
-			flex: 1;
-		}
-		.course-center-body{
-			position: absolute;
-			overflow: hidden;
-			left:0;
-			top: 0;
-			height: 100%;
-			width: 100%;
-			padding:0 15rpx;
-			box-sizing: border-box;
-			display: flex;
-			flex-direction: column;
-			padding-top: v-bind(pageTopPadding);
-			// padding-top: var(--status-bar-height);
-			.body-title{
-				height: 90rpx;
-				// background-color: red;
-				text-align: center;
-				font-size: 33rpx;
-				padding-top: 10rpx;
-				line-height: 46rpx;
-				box-sizing: border-box;
-				font-weight: 500;
-				color:#000;
-				position: relative;
-				// margin-bottom: 23rpx;
-				.arrow-icon{
-					position: absolute;
-					left:36rpx;
-					top:20rpx;
-					color: #000;
-				}
-			}
-			.input-view{
-				
-			}
-			.tabs-view{
-				background: #ffffff;
-				margin-top: 23rpx;
-				border-radius: 23rpx;
-				padding: 6rpx 10rpx 12rpx;
-				margin-bottom:15rpx;
-			}
-			.list-view{
-				flex:1;
-				overflow: hidden;
-				margin-bottom: 15rpx;
-				background: #ffffff;
-				border-radius: 23rpx;
-				display: flex;
-				flex-direction: column;
-				position: relative;
-				.filter-list{
-					position: absolute;
-					top: 84rpx;
-					left:0;
-					width: 100%;
-					height: 588rpx;
-					padding-bottom: 80rpx;
-					overflow-y: hidden;
-					z-index: 15;
-					background-color: #f9f9f9;
-					box-shadow: 0rpx 12rpx 20rpx rgba(160,160,160,.25);
-					border-radius: 0 0 0rpx 0rpx;
-					box-sizing: border-box;
-					position: relative;
-					.scroll-box-tags{
-						height: 508rpx;
-						padding: 0rpx 25rpx;
-						box-sizing: border-box;
-					}
-					.filter-type{
-						padding: 10rpx 0;
-						box-sizing: border-box;
-						.filter-type-title{
-							font-size: 29rpx;
-							line-height: 40rpx;
-							margin-bottom: 15rpx;
-							color: #000;
-						}
-						.filter-type-list{
-							overflow: hidden;
-							.filter-type-item{
-								// width: calc(25% - 18rpx);
-								display: inline-block;
-								font-size: 29rpx;
-								box-sizing: border-box;
-								padding:0 20rpx;
-								white-space: nowrap;
-								text-overflow: ellipsis;
-								overflow: hidden;
-								text-align: center;
-								float: left;
-								margin-right: 24rpx;
-								height: 65rpx;
-								line-height: 65rpx;
-								background-color: #f1f3f8;
-								border-radius: 6rpx;
-								margin-bottom: 20rpx;
-								&:nth-child(4n){
-									margin-right: 24rpx;
-								}
-								&.is-active{
-									color: #06f;
-								}
-							}
-						}
-						&+.filter-type{
-							margin-top: 20rpx;
-						}
-					}
-					.btns-box{
-						height: 80rpx;
-						position: absolute;
-						background-color: #fff;
-						bottom: 0;
-						left: 0;
-						width: 100%;
-						text-align: center;
-						padding-top: 10rpx;
-						.btn-sub{
-							display: inline-block;
-							text-align: center;
-							background-color: #06f;
-							height: 60rpx;
-							line-height: 58rpx;
-							border: 1rpx solid #06f;
-							padding: 0 40rpx;
-							color: #fff;
-							border-radius: 8rpx;
-							&.cencle-btn{
-								background-color: #fff;
-								color: #06f;
-								margin-right: 40rpx;
-							}
-						}
-					}
-				}
-				.model-filter-list{
-					position: fixed;
-					width: calc(100vw - 33rpx);
-					height: 80vh;
-					overflow: hidden;
-					top: 500rpx;
-					left: 17rpx;
-					z-index: 1;
-					background-color: rgba(0,0,0,.2);
-				}
-				.filter-list,
-				.model-filter-list{
-					display: none;
-					&.show{
-						display: block;
-					}
-				}
-				.filter-btn{
-					position: absolute;
-					right: 0;
-					top: 0;
-					height: 83rpx;
-					width: 120rpx;
-					line-height: 83rpx;
-					font-size: 26rpx;
-					background: #fff;
-					z-index: 2;
-					text-align: center;
-					box-shadow: -4rpx 0 6rpx rgba(0,0,0,.05);
-					white-space: nowrap;
-					padding-right: 30rpx;
-					box-sizing: border-box;
-					.filter-icon{
-						// display: inline-block;
-						font-size: 26rpx;
-						position: absolute;
-						right: 15rpx;
-						top: 50%;
-						transform: translateY(-50%);
-					}
-				}
-				.tags-view{
-					height: 84rpx;
-					display: block;
-					padding: 15rpx 120rpx 15rpx 20rpx;
-					box-sizing: border-box;
-					white-space: nowrap;
-					border-bottom: 2rpx solid #eee;
-					.tags-item{
-						margin-right: 30rpx;
-						display: inline-block;
-						&.active-tags-item{
-							position: relative;
-							overflow: hidden;
-							border-radius: 4rpx;
-							overflow: hidden;
-							&::before{
-								content: '';
-								display: block;
-								width: 40rpx;
-								height: 40rpx;
-								position: absolute;
-								right: -20rpx;
-								bottom: -20rpx;
-								transform: rotateZ(-45deg);
-								background-color: #06f;
-								overflow: hidden;
-								z-index: 10;
-							}
-							&::after{
-								content: '';
-								display: block;
-								width: 8rpx;
-								height: 4rpx;
-								position: absolute;
-								right: 3rpx;
-								bottom: 8rpx;
-								transform: rotateZ(-45deg);
-								border-left: 1px solid #fff;
-								border-bottom: 1px solid #fff;
-								z-index: 11;
-							}
-						}
-						::v-deep .uv-tags{
-							padding: 0 20rpx;
-							.uv-tags__text{
-								white-space: nowrap;
-								overflow: hidden;
-								text-overflow: ellipsis;
-								max-width: 200rpx;
-							}
-						}
-					}
-				}
-				.course-list{
-					display: flex;
-					flex:1;
-					overflow: hidden;
-					.left-type-list{
-						width: 152rpx;
-						border-right: 2rpx solid #eee;
-						overflow-y: auto;
-						.type-item{
-							min-height: 90rpx;
-							line-height: 40rpx;
-							font-size: 22rpx;
-							box-sizing: border-box;
-							padding: 25rpx 18rpx;
-							overflow: hidden;
-							// text-overflow: ellipsis;
-							word-break: break-all;
-							text-align: center;
-							white-space: pre-wrap;
-							&.is-active{
-								background-color: rgba(44,142,242,.1);
-								color: #06f;
-							}
-						}
-					}
-					.right-course-list{
-						flex:1;
-						overflow-y: auto;
-						.type-list{
-							.type-title{
-								font-size: 33rpx;
-								line-height: 43rpx;
-								margin: 20rpx 15rpx 5rpx;
-								min-height: 43rpx;
-								// overflow: hidden;
-								// text-overflow: ellipsis;
-								// white-space: nowrap;
-								word-break: break-all;
-								font-weight: 600;
-								.left-color{
-									width: 8rpx;
-									height: 33rpx;
-									margin-top: 5rpx;
-									float: left;
-									overflow: hidden;
-									background-color: #06f;
-									margin-right: 8rpx;
-								}
-							}
-						}
-					}
-				}
-			}
-			.loading-box{
-				width: 100%;
-				height: 100rpx;
-				position: relative;
-				.loading-val{
-					position: absolute;
-					left:50%;
-					top:50%;
-					transform: translate(-50%, -50%);
-				}
-			}
-		}
-	}
-</style>
\ No newline at end of file
+.course-center {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  .top-bg {
+    background: linear-gradient(16deg, rgba(234, 246, 255, 0) 0%, #c3e6ff 100%);
+    height: 480rpx;
+    width: 750rpx;
+  }
+  .bot-bg {
+    // background-color: #F6F8FF;
+    background: linear-gradient(136deg, rgba(234, 246, 255, 0) 0%, #c3e6ff 100%);
+    width: 750rpx;
+    flex: 1;
+  }
+  .course-center-body {
+    position: absolute;
+    overflow: hidden;
+    left: 0;
+    top: 0;
+    height: 100%;
+    width: 100%;
+    padding: 0 15rpx;
+    box-sizing: border-box;
+    display: flex;
+    flex-direction: column;
+    padding-top: v-bind(pageTopPadding);
+    // padding-top: var(--status-bar-height);
+    .body-title {
+      height: 90rpx;
+      // background-color: red;
+      text-align: center;
+      font-size: 33rpx;
+      padding-top: 10rpx;
+      line-height: 46rpx;
+      box-sizing: border-box;
+      font-weight: 500;
+      color: #000;
+      position: relative;
+      // margin-bottom: 23rpx;
+      .arrow-icon {
+        position: absolute;
+        left: 36rpx;
+        top: 20rpx;
+        color: #000;
+      }
+    }
+    .input-view {
+    }
+    .tabs-view {
+      background: #ffffff;
+      margin-top: 23rpx;
+      border-radius: 23rpx;
+      padding: 6rpx 10rpx 12rpx;
+      margin-bottom: 15rpx;
+    }
+    .list-view {
+      flex: 1;
+      overflow: hidden;
+      margin-bottom: 15rpx;
+      background: #ffffff;
+      border-radius: 23rpx;
+      display: flex;
+      flex-direction: column;
+      position: relative;
+      .filter-list {
+        position: absolute;
+        top: 84rpx;
+        left: 0;
+        width: 100%;
+        height: 588rpx;
+        padding-bottom: 80rpx;
+        overflow-y: hidden;
+        z-index: 15;
+        background-color: #f9f9f9;
+        box-shadow: 0rpx 12rpx 20rpx rgba(160, 160, 160, 0.25);
+        border-radius: 0 0 0rpx 0rpx;
+        box-sizing: border-box;
+        position: relative;
+        .scroll-box-tags {
+          height: 508rpx;
+          padding: 0rpx 25rpx;
+          box-sizing: border-box;
+        }
+        .filter-type {
+          padding: 10rpx 0;
+          box-sizing: border-box;
+          .filter-type-title {
+            font-size: 29rpx;
+            line-height: 40rpx;
+            margin-bottom: 15rpx;
+            color: #000;
+          }
+          .filter-type-list {
+            overflow: hidden;
+            .filter-type-item {
+              // width: calc(25% - 18rpx);
+              display: inline-block;
+              font-size: 29rpx;
+              box-sizing: border-box;
+              padding: 0 20rpx;
+              white-space: nowrap;
+              text-overflow: ellipsis;
+              overflow: hidden;
+              text-align: center;
+              float: left;
+              margin-right: 24rpx;
+              height: 65rpx;
+              line-height: 65rpx;
+              background-color: #f1f3f8;
+              border-radius: 6rpx;
+              margin-bottom: 20rpx;
+              &:nth-child(4n) {
+                margin-right: 24rpx;
+              }
+              &.is-active {
+                color: #06f;
+              }
+            }
+          }
+          & + .filter-type {
+            margin-top: 20rpx;
+          }
+        }
+        .btns-box {
+          height: 80rpx;
+          position: absolute;
+          background-color: #fff;
+          bottom: 0;
+          left: 0;
+          width: 100%;
+          text-align: center;
+          padding-top: 10rpx;
+          .btn-sub {
+            display: inline-block;
+            text-align: center;
+            background-color: #06f;
+            height: 60rpx;
+            line-height: 58rpx;
+            border: 1rpx solid #06f;
+            padding: 0 40rpx;
+            color: #fff;
+            border-radius: 8rpx;
+            &.cencle-btn {
+              background-color: #fff;
+              color: #06f;
+              margin-right: 40rpx;
+            }
+          }
+        }
+      }
+      .model-filter-list {
+        position: fixed;
+        width: calc(100vw - 33rpx);
+        height: 80vh;
+        overflow: hidden;
+        top: 500rpx;
+        left: 17rpx;
+        z-index: 1;
+        background-color: rgba(0, 0, 0, 0.2);
+      }
+      .filter-list,
+      .model-filter-list {
+        display: none;
+        &.show {
+          display: block;
+        }
+      }
+      .filter-btn {
+        position: absolute;
+        right: 0;
+        top: 0;
+        height: 83rpx;
+        width: 120rpx;
+        line-height: 83rpx;
+        font-size: 26rpx;
+        background: #fff;
+        z-index: 2;
+        text-align: center;
+        box-shadow: -4rpx 0 6rpx rgba(0, 0, 0, 0.05);
+        white-space: nowrap;
+        padding-right: 30rpx;
+        box-sizing: border-box;
+        .filter-icon {
+          // display: inline-block;
+          font-size: 26rpx;
+          position: absolute;
+          right: 15rpx;
+          top: 50%;
+          transform: translateY(-50%);
+        }
+      }
+      .tags-view {
+        height: 84rpx;
+        display: block;
+        padding: 15rpx 120rpx 15rpx 20rpx;
+        box-sizing: border-box;
+        white-space: nowrap;
+        border-bottom: 2rpx solid #eee;
+        .tags-item {
+          margin-right: 30rpx;
+          display: inline-block;
+          &.active-tags-item {
+            position: relative;
+            overflow: hidden;
+            border-radius: 4rpx;
+            overflow: hidden;
+            &::before {
+              content: '';
+              display: block;
+              width: 40rpx;
+              height: 40rpx;
+              position: absolute;
+              right: -20rpx;
+              bottom: -20rpx;
+              transform: rotateZ(-45deg);
+              background-color: #06f;
+              overflow: hidden;
+              z-index: 10;
+            }
+            &::after {
+              content: '';
+              display: block;
+              width: 8rpx;
+              height: 4rpx;
+              position: absolute;
+              right: 3rpx;
+              bottom: 8rpx;
+              transform: rotateZ(-45deg);
+              border-left: 1px solid #fff;
+              border-bottom: 1px solid #fff;
+              z-index: 11;
+            }
+          }
+          ::v-deep .uv-tags {
+            padding: 0 20rpx;
+            .uv-tags__text {
+              white-space: nowrap;
+              overflow: hidden;
+              text-overflow: ellipsis;
+              max-width: 200rpx;
+            }
+          }
+        }
+      }
+      .course-list {
+        display: flex;
+        flex: 1;
+        overflow: hidden;
+        .left-type-list {
+          width: 152rpx;
+          border-right: 2rpx solid #eee;
+          overflow-y: auto;
+          .type-item {
+            min-height: 90rpx;
+            line-height: 40rpx;
+            font-size: 22rpx;
+            box-sizing: border-box;
+            padding: 25rpx 18rpx;
+            overflow: hidden;
+            // text-overflow: ellipsis;
+            word-break: break-all;
+            text-align: center;
+            white-space: pre-wrap;
+            &.is-active {
+              background-color: rgba(44, 142, 242, 0.1);
+              color: #06f;
+            }
+          }
+        }
+        .right-course-list {
+          flex: 1;
+          overflow-y: auto;
+          .type-list {
+            .type-title {
+              font-size: 33rpx;
+              line-height: 43rpx;
+              margin: 20rpx 15rpx 5rpx;
+              min-height: 43rpx;
+              // overflow: hidden;
+              // text-overflow: ellipsis;
+              // white-space: nowrap;
+              word-break: break-all;
+              font-weight: 600;
+              .left-color {
+                width: 8rpx;
+                height: 33rpx;
+                margin-top: 5rpx;
+                float: left;
+                overflow: hidden;
+                background-color: #06f;
+                margin-right: 8rpx;
+              }
+            }
+          }
+        }
+      }
+    }
+    .loading-box {
+      width: 100%;
+      height: 100rpx;
+      position: relative;
+      .loading-val {
+        position: absolute;
+        left: 50%;
+        top: 50%;
+        transform: translate(-50%, -50%);
+      }
+    }
+  }
+}
+</style>
diff --git a/src/pages/course/study.vue b/src/pages/course/study.vue
index 29dbb772..06dc8751 100644
--- a/src/pages/course/study.vue
+++ b/src/pages/course/study.vue
@@ -82,7 +82,7 @@
         :canAnswer="testAnswer"
         :adjustPosition="true"
         :canAnswerText="canAnswerText"
-        :isDisabled="(lastTalkingInfo.type || 0) !== 4 || ['SN','MU','JD'].includes(lastTalkingInfo.qnsTyp)"/>
+        :isDisabled="(lastTalkingInfo.type || 0) !== 4 || ['SN', 'MU', 'JD'].includes(lastTalkingInfo.qnsTyp)" />
     </view>
     <uv-overlay :show="showSeekModel" opacity=".6" @click="showSeekModel = false">
       <view class="overlay-box">
@@ -166,7 +166,7 @@ const pageTopPadding = computed(() => statusBarHeight + 'px')
 const isContinue = ref('N')
 // 初始化数据
 const getData = async flag => {
-	isContinue.value = "N"
+  isContinue.value = 'N'
   try {
     const { body } = await getCourseStudyInfoApi({
       crsId: crsId.value
@@ -179,11 +179,11 @@ const getData = async flag => {
     if (isPreview.value) {
       resStartStudyNow(body.teacheList)
     } else {
-			if(body.isStdyFinish === 'Y'){
-				// 重新学习
-				resStartStudyNow(body.teacheList)
-				return
-			}
+      if (body.isStdyFinish === 'Y') {
+        // 重新学习
+        resStartStudyNow(body.teacheList)
+        return
+      }
       if (body.stdyProgressFlag === 'N') {
         step.value = 1
       } else {
@@ -207,7 +207,7 @@ const getData = async flag => {
               // 继续学习 ， 获取学习历史接口
               // 滚动到最下面
               scrollToBottomNow()
-							isContinue.value = "Y"
+              isContinue.value = 'Y'
               sendMessage({
                 commond: 'STDY',
                 body: {
@@ -342,7 +342,7 @@ const nextStep = () => {
         crsId: crsId.value,
         teacherNo: choiceTeacher.value,
         studyType: isPreview.value ? 'P' : 'S',
-				isContinue: isContinue.value
+        isContinue: isContinue.value
       }
     })
     step.value = 2
@@ -369,7 +369,7 @@ const answerOnlyVoice = computed(() => {
 })
 
 const canAnswerText = computed(() => {
-	return '每个问题最多连续发送五次答案！'
+  return '每个问题最多连续发送五次答案！'
 })
 
 const oldStdyId = ref('')
@@ -380,8 +380,8 @@ const getGraphInfoUnStudy = (flag = 0) => {
     crsId: crsId.value,
     stdyId: unref(stdyId),
     stdyBatch: unref(stdyBatch),
-		oldStdyId: unref(oldStdyId),
-		isContinue: isContinue.value
+    oldStdyId: unref(oldStdyId),
+    isContinue: isContinue.value
   }
   if (flag === 1 && !!startPgrphId.value) {
     _data.pgrphId = startPgrphId.value
@@ -400,7 +400,7 @@ const getGraphInfoUnStudy = (flag = 0) => {
         common
           .show('提示', '您已学完全部知识点', false)
           .then(res => {
-			  common.navigateBack()
+            common.navigateBack()
             // common.redirectTo(`/pages/courseDetail/index?crsId=${crsId.value}&crsNum=${crsNum.value}&from=study&isPreview=true`)
           })
           .finally(() => {})
@@ -413,7 +413,7 @@ const getGraphInfoUnStudy = (flag = 0) => {
               common.redirectTo(`/pages/courseDetail/submit?crsId=${crsId.value}&crsNum=${crsNum.value}&from=study&imgId=${imageId.value}`)
             } else {
               // 取消
-			  common.navigateBack()
+              common.navigateBack()
               // common.redirectTo(`/pages/courseDetail/index?crsId=${crsId.value}&crsNum=${crsNum.value}&from=study`)
             }
           })
@@ -525,8 +525,8 @@ const nextQuestionSuccess = (info, type = 'next') => {
         stdyId: unref(stdyId),
         pgrphId: info?.pgrphId,
         logId: info?.logId,
-				oldStdyId: unref(oldStdyId),
-				isContinue: isContinue.value
+        oldStdyId: unref(oldStdyId),
+        isContinue: isContinue.value
       })
     }).then(res => {
       talkingList.value.push({
@@ -562,9 +562,9 @@ const nextQuestionSuccess = (info, type = 'next') => {
       processType: 'NEW-ANSER', //NEW-KNOW
       requestBody: JSON.stringify({
         stdyId: unref(stdyId),
-				stdyPgrphId: info.stdyPgrphId,
-				qnsId: info.qnsId
-			})
+        stdyPgrphId: info.stdyPgrphId,
+        qnsId: info.qnsId
+      })
     }).then(res => {
       let _body = res.body || {}
       if (!_body.chatBody) {
@@ -603,7 +603,7 @@ const nextQuestionSuccess = (info, type = 'next') => {
       requestBody: JSON.stringify({
         logId: unref(logId),
         pgrphId: info.pgrphId,
-				stdyId: unref(stdyId)
+        stdyId: unref(stdyId)
       })
     }).then(res => {
       let _body = res.body || {}
@@ -664,7 +664,7 @@ const initsocketTask = () => {
       if (commond === 'STDYBTH' && !stdyId.value) {
         stdyId.value = body.stdyId || ''
         stdyBatch.value = body.stdyBatch || ''
-				oldStdyId.value = body.oldStdyId || ''
+        oldStdyId.value = body.oldStdyId || ''
         logId.value = body.logId || ''
         getGraphInfoUnStudy(1)
         step.value = 2
@@ -722,13 +722,11 @@ const changeAppHeightBottom = height => {
   // #endif
 }
 onHide(() => {
-  console.log('onHide')
+  changePlayItemId('')
+  socketStore.closeSocket()
   //#ifdef APP-PLUS
   uni.offKeyboardHeightChange(setHeight)
   // #endif
-  // if (watchFlag.value === 1) return
-  changePlayItemId('')
-  socketStore.closeSocket()
   // common.show('提示信息', '检测到您已离开，即将退出学习页面。',false, '','确认').then((res) => {
   // 	common.redirectTo(`/pages/courseDetail/index?crsId=${crsId.value}&crsNum=${crsNum.value}&from=study`)
   // }).finally(() => {})
@@ -747,11 +745,11 @@ onUnload(() => {
   console.log('onUnload')
   socketStore.closeSocket()
   changePlayItemId('')
-  console.log(typeof teacherVoiceObj);
-  try{
-	  teacherVoiceObj?.stop()
-	  teacherVoiceObj.src = ''
-	  // 0910杨航叫我这么改的
+  console.log(typeof teacherVoiceObj)
+  try {
+    teacherVoiceObj?.stop()
+    teacherVoiceObj.src = ''
+    // 0910杨航叫我这么改的
   } catch {}
 })
 const testAnswer = computed(() => {
@@ -810,7 +808,7 @@ const uploadRecordNow = voicePath => {
     id: _id
   })
   scrollToBottomNow()
-	let _path = isPreview.value ? '/trastudy/traStdychat/previewVoiceChart'  : '/trastudy/traStdychat/voiceChart'
+  let _path = isPreview.value ? '/trastudy/traStdychat/previewVoiceChart' : '/trastudy/traStdychat/voiceChart'
   commonUploadVoiceFile(voicePath, _path, {
     processType: 'ANSER-VOICE',
     requestBody: JSON.stringify(_data)
@@ -933,7 +931,7 @@ const withdrawNow = data => {
 const loadingExecLogId = ref('')
 const answerQuestionNow = data => {
   let _data = {
-		stdyId: unref(stdyId),
+    stdyId: unref(stdyId),
     qnsId: data.qnsId, // 问题ID 必输项:true  类型:String
     pgrphId: data.pgrphId, // 段落ID 必输项:true  类型:String
     crsId: crsId.value, // 课程ID 必输项:true  类型:String
diff --git a/src/pages/examRanking/index.vue b/src/pages/examRanking/index.vue
index 63a10c70..66a536d0 100644
--- a/src/pages/examRanking/index.vue
+++ b/src/pages/examRanking/index.vue
@@ -28,7 +28,8 @@
 						</view>
 						<view class="user-column">
 							<view class="avatar-box">
-								<image-preview class="avatar-image" :src="item.ossKey" mode="aspectFit"></image-preview>
+								<image-preview v-if="item.ossAddr" class="avatar-image" :src="item.ossAddr" mode="aspectFit"></image-preview>
+								<image v-else class="avatar-image" :src="defaultAvatarSrc"></image>
 							</view>
 							<view class="user-name">{{item.userName}}</view>
 							<view class="user-org">{{item.orgName}}</view>
@@ -48,7 +49,8 @@
 					</view>
 					<view class="user-column">
 						<view class="avatar-box">
-							<image-preview class="avatar-image" :src="userRankObj.ossKey" mode="aspectFit"></image-preview>
+							<image-preview v-if="item.ossAddr" class="avatar-image" :src="userRankObj.ossAddr" mode="aspectFit"></image-preview>
+							<image class="avatar-image" v-else :src="defaultAvatarSrc"></image>
 						</view>
 						<view class="user-name">{{userRankObj.userName}}</view>
 						<view class="user-org">{{userRankObj.orgName}}</view>
@@ -63,6 +65,7 @@
 <script>
 	import { queryTraCrsRankingList } from "@/api/courseDetail.js"
 	import { queryPaperExamRankingList } from "@/api/examination.js"
+	import { defaultAvatar } from "@/enum.js"
 	import common from '@/common/common'
 	export default {
 		data() {
@@ -70,7 +73,8 @@
 				crsId: '',
 				papersId : '',
 				userList: [],
-				userRankObj:{}
+				userRankObj:{},
+				defaultAvatarSrc: defaultAvatar
 			}
 		},
 		onLoad(params){
diff --git a/src/pages/examination/index.vue b/src/pages/examination/index.vue
index c39ecf01..8e403499 100644
--- a/src/pages/examination/index.vue
+++ b/src/pages/examination/index.vue
@@ -190,10 +190,9 @@
 		papersId: '', // 试卷ID
 		limitTm: 0, // 考试限制时间
 		papersName: '', // 试卷名称
-		isCacheExam: '' ,// 是否是缓存试卷（继续答题试卷）
-		flagQuery: '' ,
-		flagQueryDetail: '' ,
-		
+		isCacheExam: '', // 是否是缓存试卷（继续答题试卷）
+		flagQuery: '',
+		flagQueryDetail: ''
 	}); // 试卷信息
 	const topicList = reactive([]); // 问题列表
 	const popup_input_bottom = ref('0px');
@@ -304,6 +303,7 @@
 		const topic = topicList[questionNumber.value];
 		touchBtnRef.value?.clearinputText(); // 清除发送框数据
 		if (type === 'voice') {
+			if(topic.es_status == '00') return;
 			topic.es_status = '00'; // 00转圈
 			const voicePath = submitObj;
 			commonUploadVoiceFile(voicePath, '/traask/traAskchat/voiceTrans', {})
@@ -326,9 +326,11 @@
 						}
 					}
 				})
-				.catch((err) => {
+				.catch((error) => {
 					topic.es_status = ''; // 取消转圈
-					common.msg('系统异常，请联系管理员');
+					if (error === 'Other') {
+						common.msg('系统异常，请联系管理员');
+					}
 				});
 		} else if (type === 'text') {
 			topic.es_status = '01';
@@ -339,14 +341,13 @@
 		}
 	};
 
-	
 	const answerCacheList = ref({});
 	const setAnswerCacheList = (value) => {
 		console.log('触发变化', value);
 		answerCacheList.value = value;
 		common.setValue(examinationAnswerCacheKey, value);
 	};
-	
+
 	// 添加试题答案缓存
 	const addTopicAnswerCache = () => {
 		const my_answer = topic.value.my_answer;
diff --git a/src/pages/me/index.vue b/src/pages/me/index.vue
index 59819659..b9a1d881 100644
--- a/src/pages/me/index.vue
+++ b/src/pages/me/index.vue
@@ -13,7 +13,7 @@
 							class="img_100"
 							:src="user_info.imageAddr"
 						></image-preview>
-						<image v-else class="img_100" src="/static/images/me/default_user_avatar.png"></image>
+						<image v-else class="img_100" :src="defaultAvatarSrc"></image>
 					</view>
 					<view class="personal_information_data">
 						<view class="name_sex_div">
@@ -156,6 +156,8 @@
 	import { uploadFile } from '@/api/common';
 	import { setMascot } from '@/common/mascot.js';
 	import { queryCurrentUser } from '@/api/login.js';
+	import { defaultAvatar } from "@/enum.js"
+	const defaultAvatarSrc = computed(()=> defaultAvatar)
 	const badgeList = [
 		{
 			name: '黑铁',
diff --git a/src/pages/practice/index.vue b/src/pages/practice/index.vue
index 0810d20d..b5c6e187 100644
--- a/src/pages/practice/index.vue
+++ b/src/pages/practice/index.vue
@@ -306,6 +306,7 @@
 		const topic = topicList[questionNumber.value]
 		touchBtnRef.value?.clearinputText(); // 清除发送框数据
 		if (type === 'voice') {
+			if(topic.es_status == '00') return;
 			topic.es_status = '00'; // 00转圈
 			const voicePath = submitObj;
 			commonUploadVoiceFile(voicePath, '/traask/traAskchat/voiceTrans', {})
@@ -327,9 +328,11 @@
 						}
 					}
 				})
-				.catch((err) => {
+				.catch((error) => {
 					topic.es_status = ''; // 取消转圈
-					common.msg('系统异常，请联系管理员');
+					if (error === 'Other') {
+						common.msg('系统异常，请联系管理员');
+					}
 				});
 		} else if (type === 'text') {
 			topic.es_status = '01';
diff --git a/src/pages/wrongQuestionRecord/correct.vue b/src/pages/wrongQuestionRecord/correct.vue
index 84fe1ffc..14eeb2d1 100644
--- a/src/pages/wrongQuestionRecord/correct.vue
+++ b/src/pages/wrongQuestionRecord/correct.vue
@@ -287,18 +287,24 @@
 	const touchBtnSubmit = (type, submitObj) => {
 		const topic = topicList[questionNumber.value];
 		touchBtnRef.value?.clearinputText(); // 清除发送框数据
+		console.log('录音组件提交');
 		if (type === 'voice') {
+			if(topic.es_status == '00') return;
 			topic.es_status = '00'; // 00转圈
 			const voicePath = submitObj;
 			commonUploadVoiceFile(voicePath, '/traask/traAskchat/voiceTrans', {})
 				.then((res) => {
+					console.log('_contentsssss', res);
 					let _res = JSON.parse(res.data);
 					if (_res.rtnCode === '0000') {
 						const _content = _res.body.transContent.trim();
+						console.log('_content', _content);
 						if (_content === '') {
 							topic.es_status = ''; // 取消转圈
+							console.log('未识别到文字');
 							return common.msg('未识别到文字');
 						} else {
+							console.log('识别到了文字', _content);
 							topic.es_status = '02';
 							topic.my_answer = {
 								anserResult: _res.body.transContent,
@@ -309,9 +315,11 @@
 						}
 					}
 				})
-				.catch((err) => {
+				.catch((error) => {
 					topic.es_status = ''; // 取消转圈
-					common.msg('系统异常，请联系管理员');
+					if (error === 'Other') {
+						common.msg('系统异常，请联系管理员');
+					}
 				});
 		} else if (type === 'text') {
 			topic.es_status = '01';