评分中

src/view/evaluating/index.module.less

@@ -1,5 +1,4 @@
 .scoreMode{
-    z-index: 9999;
     background: transparent;
     left: 10vw;
 }

src/view/evaluating/index.tsx

@@ -54,8 +54,6 @@ export const evaluatingData = reactive({
 	resulstMode: false,
 	/** 是否是完整评测 */
 	isComplete: false,
-	/** 评分中弹窗 */
-	scoreLoadingMode: false,
 });
 
 /** 点击开始评测按钮 */
@@ -199,7 +197,6 @@ const handleScoreResult = (res?: IPostMessage) => {
 			};
 			// console.log("🚀 ~ evaluatingData.resultData:", evaluatingData.resultData)
 			closeToast();
-			evaluatingData.scoreLoadingMode = false;
 		}
 	}
 };
@@ -314,7 +311,12 @@ export const handleEndEvaluat = (isComplete = false) => {
 	endEvaluating({
 		musicScoreId: state.examSongId,
 	});
-	evaluatingData.scoreLoadingMode = true;
+	showLoadingToast({
+		message: "评分中",
+		duration: 0,
+		overlay: true,
+		overlayClass: styles.scoreMode,
+	});
 	evaluatingData.isComplete = isComplete;
 	// 如果开启了摄像头, 结束录制视频
 	if (state.setting.camera && state.setting.saveToAlbum) {
@@ -339,7 +341,6 @@ export const handleCancelEvaluat = () => {
 	evaluatingData.startBegin = false;
 	// 关闭提示
 	closeToast();
-	evaluatingData.scoreLoadingMode = false;
 	// 取消记录
 	api_proxyServiceMessage({
 		header: {
@@ -423,7 +424,6 @@ export default defineComponent({
 			}
 		});
 		onMounted(() => {
-			evaluatingData.scoreLoadingMode = false;
 			hanlde_record();
 			evaluatingData.resultData = {};
 			// evaluatingData.resultData = {...getLeveByScore(90), score: 30, intonation: 10, cadence: 30, integrity: 40}
@@ -446,12 +446,6 @@ export default defineComponent({
 			handle_reduction();
 			console.log("卸载评测模块成功");
 		});
-		return () => (
-			<div>
-				<Overlay className={styles.scoreMode} v-model:show={evaluatingData.scoreLoadingMode}>
-					<Toast duration={0} show={true} message={"评分中"} type="loading"></Toast>
-				</Overlay>
-			</div>
-		);
+		return () => <div></div>;
 	},
 });