feat: 重播选段样式

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

@@ -49,6 +49,7 @@ export default defineComponent({
 				evaluatingWorkData.evaluateSpeed = trainingContent.evaluateSpeed;
 				evaluatingWorkData.start = Number(trainingContent.practiceChapterBegin);
 				evaluatingWorkData.end = Number(trainingContent.practiceChapterEnd);
+				state.userChooseEndIndex = evaluatingWorkData.end
 				// 设置小节
 				setSection(evaluatingWorkData.start, evaluatingWorkData.end, evaluatingWorkData.evaluateSpeed);
 			}

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

@@ -51,6 +51,7 @@ export default defineComponent({
 				training.trainingSpeed = trainingContent.practiceSpeed;
 				training.start = Number(trainingContent.practiceChapterBegin);
 				training.end = Number(trainingContent.practiceChapterEnd);
+				state.userChooseEndIndex = training.end
 				if (training.isAddOk === 0) {
 					// 设置小节
 					setSection(training.start, training.end, training.trainingSpeed);

src/view/selection/index.tsx

@@ -137,7 +137,7 @@ const calcNoteData = () => {
 			}
 		}
 	}
-	// console.log("🚀 ~ selectData.notes:", selectData.staves);
+	console.log("🚀 ~ selectData.notes:", selectData.notes, selectData.staves);
 };
 
 /** 重新计算 */
@@ -168,24 +168,26 @@ export default defineComponent({
 						}
 					}
 					if (state.section.length === 2) {
+						// 实际的结束位置
+						const actualEndIndex = state.userChooseEndIndex
 						// 选段预备拍背景
 						if (state.sectionFirst && item.MeasureNumberXML === state.sectionFirst.MeasureNumberXML) {
 							return styles.prepareStaveBox;
 						}
 						if (
 							item.MeasureNumberXML >= state.section[0].MeasureNumberXML &&
-							item.MeasureNumberXML <= state.section[1].MeasureNumberXML
+							item.MeasureNumberXML <= actualEndIndex
 						) {
 							if (
 								item.MeasureNumberXML == state.section[0].MeasureNumberXML &&
-								item.MeasureNumberXML == state.section[1].MeasureNumberXML
+								item.MeasureNumberXML == actualEndIndex
 							) {
 								return styles.centerStaveBox;
 							}
 							if (item.MeasureNumberXML == state.section[0].MeasureNumberXML) {
 								return styles.leftStaveBox;
 							}
-							if (item.MeasureNumberXML == state.section[1].MeasureNumberXML) {
+							if (item.MeasureNumberXML == actualEndIndex) {
 								return styles.rightStaveBox;
 							}
 							return styles.staveBox;