更新

src/views/prepare-lessons/components/lesson-main/courseware/index.tsx

@@ -25,6 +25,7 @@ import iconDelete from '../../../images/icon-delete.png';
 import { useRoute, useRouter } from 'vue-router';
 import deepClone from '/src/helpers/deep-clone';
 import CardPreview from '/src/components/card-preview';
+import PreviewWindow from '/src/views/preview-window';
 
 export default defineComponent({
   name: 'courseware-modal',
@@ -45,7 +46,8 @@ export default defineComponent({
       removeVisiable: false,
       removeVisiable1: false,
       show: false,
-      item: {} as any
+      item: {} as any,
+      previewModal: false
     });
 
     // 获取列表
@@ -181,15 +183,16 @@ export default defineComponent({
         message.error('课件不能为空');
         return;
       }
-      const { href } = router.resolve({
-        path: '/attend-class',
-        query: {
-          type: 'preview',
-          subjectId: prepareStore.getSubjectId,
-          detailId: prepareStore.getSelectKey
-        }
-      });
-      window.open(href, +new Date() + '');
+      // const { href } = router.resolve({
+      //   path: '/attend-class',
+      //   query: {
+      //     type: 'preview',
+      //     subjectId: prepareStore.getSubjectId,
+      //     detailId: prepareStore.getSelectKey
+      //   }
+      // });
+      // window.open(href, +new Date() + '');
+      forms.previewModal = true;
     };
 
     // 单个删除
@@ -454,6 +457,8 @@ export default defineComponent({
             </NSpace>
           </div>
         </NModal>
+
+        <PreviewWindow v-model:show={forms.previewModal} />
       </div>
     );
   }

src/views/preview-window/index.tsx

@@ -1,4 +1,4 @@
-import { PropType, defineComponent, ref } from 'vue';
+import { PropType, defineComponent, ref, toRefs, watch } from 'vue';
 import styles from './index.module.less';
 import { NModal } from 'naive-ui';
 
@@ -14,16 +14,16 @@ export default defineComponent({
       default: () => ({})
     }
   },
-  setup() {
-    const show = ref(false);
+  setup(props) {
+    // const show = ref(false);
+    const { show, params } = toRefs(props);
+
     return () => (
       <NModal
         v-model:show={show.value}
         class={styles.previewWindow}
         showIcon={false}
-        displayDirective="show">
-        232323
-      </NModal>
+        displayDirective="show"></NModal>
     );
   }
 });