|
@@ -361,6 +361,22 @@ export default defineComponent({
|
|
|
data.preStudentNum = props.preStudentNum || query.preStudentNum;
|
|
|
window.addEventListener('message', iframeHandle);
|
|
|
|
|
|
+ // function handleEvent(event:) {
|
|
|
+ // console.log('Event:', event.type, event);
|
|
|
+ // }
|
|
|
+
|
|
|
+ // document.addEventListener('keydown', handleEvent);
|
|
|
+ // document.addEventListener('keyup', handleEvent);
|
|
|
+ // document.addEventListener('keypress', handleEvent);
|
|
|
+ // document.addEventListener('pointerdown', handleEvent);
|
|
|
+ // document.addEventListener('pointerup', handleEvent);
|
|
|
+ // document.addEventListener('pointermove', handleEvent);
|
|
|
+ // document.addEventListener('mousedown', handleEvent);
|
|
|
+ // document.addEventListener('mouseup', handleEvent);
|
|
|
+ // document.addEventListener('mousemove', handleEvent);
|
|
|
+ // document.addEventListener('focus', handleEvent, true);
|
|
|
+ // document.addEventListener('blur', handleEvent, true);
|
|
|
+
|
|
|
if (data.classId) {
|
|
|
const res = await api_cousseScheduleDetail(data.classId);
|
|
|
data.courseId = res.data.useChapterLessonCoursewareId;
|
|
@@ -384,6 +400,51 @@ export default defineComponent({
|
|
|
|
|
|
window.addEventListener('online', handleOnline);
|
|
|
window.addEventListener('offline', handleOffline);
|
|
|
+
|
|
|
+ document.addEventListener('keydown', (e: KeyboardEvent) => {
|
|
|
+ if (
|
|
|
+ data.nextEndShow ||
|
|
|
+ data.removeVisiable ||
|
|
|
+ data.selectResourceStatus ||
|
|
|
+ showModalTime.value ||
|
|
|
+ showModalTone.value ||
|
|
|
+ showModalBeat.value ||
|
|
|
+ data.modelTrainStatus ||
|
|
|
+ data.modelAttendStatus ||
|
|
|
+ data.selectClassStatus ||
|
|
|
+ studyData.callShow ||
|
|
|
+ studyData.whiteboardShow ||
|
|
|
+ studyData.penShow ||
|
|
|
+ popupData.chapterOpen ||
|
|
|
+ popupData.open
|
|
|
+ )
|
|
|
+ return;
|
|
|
+ if (e.code === 'ArrowUp' || e.code === 'PageUp') {
|
|
|
+ // if (popupData.activeIndex === 0) return;
|
|
|
+ setModalOpen();
|
|
|
+ handlePreAndNext('up');
|
|
|
+ } else if (e.code === 'ArrowDown' || e.code === 'PageDown') {
|
|
|
+ // if (popupData.activeIndex === data.itemList.length - 1) return;
|
|
|
+ setModalOpen();
|
|
|
+ handlePreAndNext('down');
|
|
|
+ } else if (e.code === 'Space') {
|
|
|
+ // const activeItem = data.itemList[popupData.activeIndex];
|
|
|
+ // console.log(activeItem, activeItem.videoEle);
|
|
|
+ // // 暂停视频和曲谱的播放
|
|
|
+ // if (activeItem.type === 'VIDEO' && activeItem.videoEle) {
|
|
|
+ // activeItem.videoEle?.play();
|
|
|
+ // }
|
|
|
+ // if (activeItem.type === 'SONG' && activeItem.audioEle) {
|
|
|
+ // activeItem.audioEle?.play();
|
|
|
+ // }
|
|
|
+ // if (activeItem.type === 'MUSIC') {
|
|
|
+ // activeItem.iframeRef?.contentWindow?.postMessage(
|
|
|
+ // { api: 'setPlayState' },
|
|
|
+ // '*'
|
|
|
+ // );
|
|
|
+ // }
|
|
|
+ }
|
|
|
+ });
|
|
|
});
|
|
|
const lineTimer = ref();
|
|
|
const handleOnline = () => {
|
|
@@ -944,33 +1005,6 @@ export default defineComponent({
|
|
|
setModelOpen();
|
|
|
}
|
|
|
};
|
|
|
- document.body.addEventListener('keyup', (e: KeyboardEvent) => {
|
|
|
- if (e.code === 'ArrowUp') {
|
|
|
- // if (popupData.activeIndex === 0) return;
|
|
|
- setModalOpen();
|
|
|
- handlePreAndNext('up');
|
|
|
- } else if (e.code === 'ArrowDown') {
|
|
|
- // if (popupData.activeIndex === data.itemList.length - 1) return;
|
|
|
- setModalOpen();
|
|
|
- handlePreAndNext('down');
|
|
|
- } else if (e.code === 'Space') {
|
|
|
- // const activeItem = data.itemList[popupData.activeIndex];
|
|
|
- // console.log(activeItem, activeItem.videoEle);
|
|
|
- // // 暂停视频和曲谱的播放
|
|
|
- // if (activeItem.type === 'VIDEO' && activeItem.videoEle) {
|
|
|
- // activeItem.videoEle?.play();
|
|
|
- // }
|
|
|
- // if (activeItem.type === 'SONG' && activeItem.audioEle) {
|
|
|
- // activeItem.audioEle?.play();
|
|
|
- // }
|
|
|
- // if (activeItem.type === 'MUSIC') {
|
|
|
- // activeItem.iframeRef?.contentWindow?.postMessage(
|
|
|
- // { api: 'setPlayState' },
|
|
|
- // '*'
|
|
|
- // );
|
|
|
- // }
|
|
|
- }
|
|
|
- });
|
|
|
|
|
|
// const toggleListenerKeyUp = (type: string) => {
|
|
|
// if (type === 'remove') {
|