fix

src/page-instrument/component/mode-type-mode/index.tsx

@@ -17,7 +17,7 @@ export default defineComponent({
 				// PC
 				setTimeout(() => {
 					showPC.value = true;
-				}, 1000);
+				}, 500);
 			} else {
 				// 学生端
 				setTimeout(() => {
@@ -35,8 +35,8 @@ export default defineComponent({
 		);
 		return () => (
 			<>
-				<div id="modeType-box" class={[styles.wrap, headTopData.modeType === "init" ? "" : styles.hidden]}>
-					<div class={styles.infoWrap}>
+				<div class={[styles.wrap, headTopData.modeType === "init" ? "" : styles.hidden]}>
+					<div id="modeType-box" class={styles.infoWrap}>
 						<img
 							id="modeType-0"
 							onClick={() => headTopData.handleChangeModeType("practise")}

src/page-instrument/custom-plugins/guide-page/teacher-bootom.tsx

@@ -14,75 +14,61 @@ export default defineComponent({
 			show: false,
 			steps: [
 				{
-					ele: "",
-					eleRect: {} as DOMRect,
+					eleRect: {
+            left: '5rem',
+            top: '-3rem'
+          },
 					img: getImage("aiTeacher1.png"),
-					handStyle: {
-						top: "0.91rem",
-					},
 					imgStyle: {
-						top: "-3.01rem",
 						width: "6.48rem",
-						height: "3.01rem",
-						left: "4.67rem",
+						height: "3rem",
 					},
 					btnsStyle: {
-						top: "-1.61rem",
-						left: "6rem",
+						bottom: ".9rem",
+						left: "3rem",
 					},
 				},
 				{
-					ele: "",
 					img: getImage("aiTeacher2.png"),
-					handStyle: {
-						top: "-1.39rem",
-						left: "0.15rem",
-						transform: "rotate(180deg)",
-					},
+          eleRect: {
+            top: '-3rem'
+          },
 					imgStyle: {
-						top: "-3.01rem",
 						width: "6.48rem",
 						height: "3.01rem",
 					},
 					btnsStyle: {
-						top: "-1.61rem",
-						left: "1.3rem",
+						bottom: ".9rem",
+						left: "3rem",
 					},
 				},
 				{
-					ele: "",
 					img: getImage("aiTeacher3.png"),
-					handStyle: {
-						top: "-1.39rem",
-						left: "0.17rem",
-						transform: "rotate(180deg)",
-					},
+          eleRect: {
+            top: '-3rem'
+          },
 					imgStyle: {
-						top: "-3.01rem",
 						width: "6.48rem",
-						height: "3.01rem",
+						height: "3rem",
 					},
 					btnsStyle: {
-						top: "-1.61rem",
-						left: "1.3rem",
+						bottom: ".9rem",
+						left: "3rem",
 					},
 				},
 				{
-					ele: "",
 					img: getImage("aiTeacher4.png"),
-					handStyle: {
-						top: "-1.39rem",
-						left: "1.4rem",
-						transform: "rotate(180deg)",
-					},
+          eleRect: {
+            top: '-3rem',
+            left: '-1rem'
+          },
 					imgStyle: {
-						top: "-3.01rem",
 						width: "6.48rem",
 						height: "3.01rem",
 					},
 					btnsStyle: {
-						top: "-1.61rem",
-						left: "0.8rem",
+						bottom: ".9rem",
+						left: "1.7rem",
 						"justify-content": "center",
 						padding: 0,
 					},
@@ -99,9 +85,10 @@ export default defineComponent({
 		} else {
 			tipShow.value = true;
 		}
+    const steps = ['modeType-box', 'modeType-0', 'modeType-1', 'modeType-2']
 		const getStepELe = () => {
-			console.log(`modeType${data.step}`);
-			const ele: HTMLElement = document.getElementById(`modeType-${data.step}`)!;
+			console.log(steps[data.step]);
+			const ele: HTMLElement = document.getElementById(steps[data.step])!;
 			if (ele) {
 				const eleRect = ele.getBoundingClientRect();
 				data.box = {
@@ -160,8 +147,8 @@ export default defineComponent({
 								class={styles.item}
 								style={{
 									display: index === data.step ? "" : "none",
-									left: `${item.eleRect?.left}px`,
-									top: `${item.eleRect?.top}px`,
+									left: `${item.eleRect?.left}`,
+									top: `${item.eleRect?.top}`,
 								}}
 							>
 								<img class={styles.img} style={item.imgStyle} src={item.img} />

src/page-instrument/custom-plugins/work-ealuating/index.tsx

@@ -2,7 +2,7 @@ import { defineComponent, onMounted, reactive, watch } from "vue";
 import { useRoute } from "vue-router";
 // import { verifyMembershipServices } from "../vip-verify";
 import { api_lessonTrainingSubmitTraining } from "../../api";
-import state, { IDifficulty } from "/src/state";
+import state, { IDifficulty, handleSetSpeed } from "/src/state";
 import { getQuery } from "/src/utils/queryString";
 import { evaluatingData } from "/src/view/evaluating";
 
@@ -14,7 +14,7 @@ export default defineComponent({
 			default: () => ({}),
 		},
 	},
-	setup(props, {expose}) {
+	setup(props, { expose }) {
 		const query = getQuery();
 		const evaluatingWorkData = reactive({
 			difficulty: "" as IDifficulty,
@@ -42,6 +42,10 @@ export default defineComponent({
 			if (["BEGINNER", "ADVANCED", "PERFORMER"].includes(trainingContent.evaluateDifficult)) {
 				evaluatingWorkData.difficulty = trainingContent.evaluateDifficult;
 				state.setting.evaluationDifficulty = trainingContent.evaluateDifficult;
+				//设置速度
+				if (trainingContent.evaluateSpeed) {
+					handleSetSpeed(trainingContent.evaluateSpeed);
+				}
 			}
 		};
 		/** 添加记录 */
@@ -55,19 +59,19 @@ export default defineComponent({
 				console.log(error);
 			}
 		};
-		const handleAdd = () => {
-			if (evaluatingData.resulstMode && evaluatingData.isComplete) {
-				addEvaluatingWorkRecored(evaluatingData.resultData);
+		watch(
+			() => evaluatingData.resulstMode,
+			() => {
+				if (evaluatingData.resulstMode && evaluatingData.isComplete) {
+					addEvaluatingWorkRecored(evaluatingData.resultData);
+				}
 			}
-		}
+		);
 		onMounted(() => {
 			handleHide();
 			getWorkData();
 			// verifyMembershipServices();
 		});
-		expose({
-			handleAdd
-		})
 		return () => <div></div>;
 	},
 });

src/page-instrument/custom-plugins/work-index/index.tsx

@@ -6,7 +6,6 @@ import { api_lessonTrainingTrainingStudentDetail } from "../../api";
 import { headTopData } from "../../header-top";
 
 const workHomeRef = ref();
-const workEaluatRef = ref();
 
 const data = reactive({
 	/** 作业类型：练习PRACTICE, 评测EVALUATION */
@@ -18,9 +17,6 @@ export const HANDLE_WORK_ADD = () => {
 	if (data.trainingType === "PRACTICE"){
 		workHomeRef.value?.handleAdd();
 	}
-	if (data.trainingType === "EVALUATION"){
-		workEaluatRef.value?.handleAdd();
-	}
 };
 
 export default defineComponent({
@@ -50,7 +46,7 @@ export default defineComponent({
 				{data.trainingType === "PRACTICE" && <WorkHome ref={workHomeRef} workeData={data.worke} />}
 				{/* 评测作业 */}
 				{data.trainingType === "EVALUATION" && (
-					<WorkEaluating ref={workEaluatRef} workeData={data.worke} />
+					<WorkEaluating workeData={data.worke} />
 				)}
 			</>
 		);