添加右键点击

src/components/card-preview/listen-modal/index.tsx

@@ -2,6 +2,7 @@ import { defineComponent, ref, watch } from 'vue';
 import styles from './index.module.less';
 import { useUserStore } from '/src/store/modules/users';
 import { vaildMusicScoreUrl } from '/src/utils/urlUtils';
+import { iframeDislableKeyboard } from '/src/utils';
 
 export default defineComponent({
   name: 'song-modal',
@@ -51,9 +52,10 @@ export default defineComponent({
       <div class={styles.musicScore}>
         <iframe
           ref={iframeRef}
-          onLoad={() => {
+          onLoad={(val: any) => {
             emit('setIframe', iframeRef.value);
             isLoaded.value = true;
+            iframeDislableKeyboard(val.target);
           }}
           class={[styles.container, 'musicIframe']}
           frameborder="0"

src/components/card-preview/music-modal/index.tsx

@@ -2,6 +2,7 @@ import { defineComponent, ref } from 'vue';
 import styles from './index.module.less';
 import { useUserStore } from '/src/store/modules/users';
 import { vaildMusicScoreUrl } from '/src/utils/urlUtils';
+import { iframeDislableKeyboard } from '/src/utils';
 
 export default defineComponent({
   name: 'song-modal',
@@ -25,9 +26,10 @@ export default defineComponent({
       <div class={styles.musicScore}>
         <iframe
           ref={iframeRef}
-          onLoad={() => {
+          onLoad={(val: any) => {
             // emit('setIframe', iframeRef.value);
             isLoaded.value = true;
+            iframeDislableKeyboard(val.target);
           }}
           class={[styles.container, 'musicIframe']}
           frameborder="0"

src/components/card-preview/rhythm-modal/index.tsx

@@ -2,6 +2,7 @@ import { defineComponent, ref } from 'vue';
 import styles from './index.module.less';
 import { useUserStore } from '/src/store/modules/users';
 import { vaildMusicScoreUrl } from '/src/utils/urlUtils';
+import { iframeDislableKeyboard } from '/src/utils';
 
 export default defineComponent({
   name: 'song-modal',
@@ -34,9 +35,10 @@ export default defineComponent({
       <div class={styles.musicScore}>
         <iframe
           ref={iframeRef}
-          onLoad={() => {
+          onLoad={(val: any) => {
             // emit('setIframe', iframeRef.value);
             isLoaded.value = true;
+            iframeDislableKeyboard(val.target);
           }}
           class={[styles.container, 'musicIframe']}
           frameborder="0"

src/components/layout/imGroup.tsx

@@ -2,6 +2,7 @@ import { defineComponent, ref } from 'vue';
 import { useUserStore } from '/src/store/modules/users';
 import styles from './index.module.less';
 import { NSpin } from 'naive-ui';
+import { iframeDislableKeyboard } from '/src/utils';
 
 export default defineComponent({
   name: 'imGroup',
@@ -26,8 +27,9 @@ export default defineComponent({
         <NSpin show={!isLoaded.value}>
           <iframe
             ref={iframeRef}
-            onLoad={() => {
+            onLoad={(val: any) => {
               isLoaded.value = true;
+              iframeDislableKeyboard(val.target);
             }}
             class={[styles.container]}
             frameborder="0"

src/views/attend-class/component/musicScore.tsx

@@ -4,6 +4,7 @@ import styles from './musicScore.module.less';
 import { usePageVisibility } from '@vant/use';
 import { useUserStore } from '/src/store/modules/users';
 import { vaildMusicScoreUrl } from '/src/utils/urlUtils';
+import { iframeDislableKeyboard } from '/src/utils';
 
 export default defineComponent({
   name: 'musicScore',
@@ -118,9 +119,10 @@ export default defineComponent({
       <div class={styles.musicScore}>
         <iframe
           ref={iframeRef}
-          onLoad={() => {
+          onLoad={(val: any) => {
             emit('setIframe', iframeRef.value);
             isLoaded.value = true;
+            iframeDislableKeyboard(val.target);
           }}
           class={[styles.container, 'musicIframe']}
           frameborder="0"

src/views/attend-class/component/rhythm-modal/index.tsx

@@ -2,6 +2,7 @@ import { defineComponent, ref, watch } from 'vue';
 import styles from './index.module.less';
 import { useUserStore } from '/src/store/modules/users';
 import { vaildMusicScoreUrl } from '/src/utils/urlUtils';
+import { iframeDislableKeyboard } from '/src/utils';
 
 export default defineComponent({
   name: 'song-modal',
@@ -44,9 +45,10 @@ export default defineComponent({
       <div class={styles.musicScore}>
         <iframe
           ref={iframeRef}
-          onLoad={() => {
+          onLoad={(val: any) => {
             emit('setIframe', iframeRef.value);
             isLoaded.value = true;
+            iframeDislableKeyboard(val.target);
           }}
           class={[styles.container, 'musicIframe']}
           frameborder="0"

src/views/attend-class/component/roll-call/pen.tsx

@@ -2,6 +2,7 @@ import { defineComponent, toRefs, ref, PropType, reactive } from 'vue';
 import styles from './pen.module.less';
 import { ToolType } from '../../index';
 import { NButton, NModal, NSpace } from 'naive-ui';
+import { iframeDislableKeyboard } from '/src/utils';
 
 export default defineComponent({
   name: 'pen-page',
@@ -53,8 +54,9 @@ export default defineComponent({
           width="100vw"
           height="100vh"
           src={src}
-          onLoad={() => {
+          onLoad={(val: any) => {
             firstRender.value = false;
+            iframeDislableKeyboard(val.target);
           }}></iframe>
         <div class={styles.rightItem} onClick={() => (modal.status = true)}>
           <svg

src/views/attend-class/component/tools/pen.tsx

@@ -2,6 +2,7 @@ import { defineComponent, toRefs, ref, PropType, reactive } from 'vue';
 import styles from './pen.module.less';
 import { ToolType } from '../../index';
 import { NButton, NModal, NSpace } from 'naive-ui';
+import { iframeDislableKeyboard } from '/src/utils';
 
 export default defineComponent({
   name: 'pen-page',
@@ -59,7 +60,7 @@ export default defineComponent({
           width="100vw"
           height="100vh"
           src={src}
-          onLoad={() => {
+          onLoad={(val: any) => {
             firstRender.value = false;
             if (props.type === 'call') {
               const iframeRef: any = document.getElementById(penIframeRefId);
@@ -67,6 +68,7 @@ export default defineComponent({
                 iframeRef.contentWindow.renderData(props.callStudents);
               }
             }
+            iframeDislableKeyboard(val.target);
           }}></iframe>
         {props.type !== 'call' && (
           <div class={styles.rightItem} onClick={() => (modal.status = true)}>

src/views/attend-class/index.tsx

@@ -50,7 +50,7 @@ import {
 } from '../prepare-lessons/api';
 import { vaildUrl } from '/src/utils/urlUtils';
 import TimerMeter from '/src/components/timerMeter';
-import { px2vw } from '/src/utils';
+import { iframeDislableKeyboard, px2vw } from '/src/utils';
 import PlaceholderTone from '/src/components/layout/modals/placeholderTone';
 import { state as globalState } from '/src/state';
 import Chapter from './model/chapter';
@@ -1968,7 +1968,7 @@ export default defineComponent({
               frameborder="0"
               width="100%"
               onLoad={(val: any) => {
-                console.log(val, 'val');
+                iframeDislableKeyboard(val.target);
               }}
               height={'650px'}></iframe>
           </div>

src/views/attend-class/model/train-type/index.tsx

@@ -418,6 +418,9 @@ export default defineComponent({
               width={'100%'}
               height={'450px'}
               frameborder="0"
+              onLoad={(val: any) => {
+                iframeDislableKeyboard(val.target);
+              }}
               src={reportSrc.value}></iframe>
           </div>
         </NModal>

src/views/home/index copy.tsx

@@ -38,7 +38,7 @@ import TheEmpty from '/src/components/TheEmpty';
 import HomeGuide from '/src/custom-plugins/guide-page/home-guide';
 import TimerMeter from '/src/components/timerMeter';
 import { vaildUrl } from '/src/utils/urlUtils';
-import { px2vw } from '/src/utils';
+import { iframeDislableKeyboard, px2vw } from '/src/utils';
 import PlaceholderTone from '@/components/layout/modals/placeholderTone';
 import PreviewWindow from '../preview-window';
 import UpdatePassword from '/src/components/layout/modals/update-password';
@@ -532,6 +532,9 @@ export default defineComponent({
               scrolling="no"
               frameborder="0"
               width="100%"
+              onLoad={(val: any) => {
+                iframeDislableKeyboard(val.target);
+              }}
               height={'650px'}></iframe>
           </div>
         </NModal>

src/views/notation/index.tsx

@@ -3,7 +3,7 @@ import { useUserStore } from '/src/store/modules/users';
 import styles from './index.module.less';
 import { state } from '/src/state';
 import { NButton, NModal, NSpace, NSpin } from 'naive-ui';
-import { exitFullscreen } from '/src/utils';
+import { exitFullscreen, iframeDislableKeyboard } from '/src/utils';
 import { useRouter } from 'vue-router';
 export default defineComponent({
   name: 'notation-a',

src/views/prepare-lessons/model/source-rhythm/index.tsx

@@ -2,6 +2,7 @@ import { defineComponent, onMounted, onUnmounted, ref } from 'vue';
 import styles from './index.module.less';
 import { useUserStore } from '/src/store/modules/users';
 import { NButton, NSpace, NSpin } from 'naive-ui';
+import { iframeDislableKeyboard } from '/src/utils';
 
 export default defineComponent({
   name: 'source-rhythm',
@@ -49,10 +50,11 @@ export default defineComponent({
         <NSpin show={loading.value}>
           <iframe
             ref={iframeRef}
-            onLoad={() => {
+            onLoad={(val: any) => {
               // emit('setIframe', iframeRef.value);
               // isLoaded.value = true;
               loading.value = false;
+              iframeDislableKeyboard(val.target);
             }}
             class={[styles.container, 'musicIframe']}
             frameborder="0"

src/views/preview-window/index.tsx

@@ -10,6 +10,7 @@ import {
 import styles from './index.module.less';
 import { NModal } from 'naive-ui';
 import AttendClass from '../attend-class';
+import { iframeDislableKeyboard } from '/src/utils';
 
 export default defineComponent({
   name: 'preview-window',
@@ -88,10 +89,17 @@ export default defineComponent({
                   onClose={() => emit('update:show', false)}
                 />
               ) : type.value == 'notation' ? (
-                <iframe src={params.value.src}></iframe>
+                <iframe
+                  src={params.value.src}
+                  onLoad={(val: any) => {
+                    iframeDislableKeyboard(val.target);
+                  }}></iframe>
               ) : type.value == 'music' ? (
                 <iframe
                   src={params.value.src}
+                  onLoad={(val: any) => {
+                    iframeDislableKeyboard(val.target);
+                  }}
                   style={{ height: '100vh' }}></iframe>
               ) : (
                 ''

src/views/studentList/components/evaluationRecords.tsx

@@ -23,6 +23,7 @@ import CDatePicker from '/src/components/CDatePicker';
 import { useUserStore } from '/src/store/modules/users';
 import TheEmpty from '/src/components/TheEmpty';
 import { initCache, setCache } from '/src/hooks/use-async';
+import { iframeDislableKeyboard } from '/src/utils';
 export default defineComponent({
   name: 'student-practiceData',
   props: {
@@ -246,6 +247,9 @@ export default defineComponent({
               height={'450px'}
               ref={iframeRef}
               frameborder="0"
+              onLoad={(val: any) => {
+                iframeDislableKeyboard(val.target);
+              }}
               src={reportSrc.value}></iframe>
           </div>
         </NModal>