package.json

@@ -16,7 +16,6 @@
     "dev": "vite",
     "start": "npm run dev",
     "build:prod": "vue-tsc --noEmit && vite build",
-    "build:dev": "vue-tsc --noEmit && vite build --mode development",
     "serve": "vite preview",
     "lint": "eslint --ext .js,.jsx,.vue,.ts,.tsx src",
     "generate": "plop",

src/router/routes-common.ts

@@ -27,6 +27,14 @@ export default [
         }
       },
       {
+        name: 'pptResources',
+        path: '/pptResources',
+        component: () => import('@/views/pptResources'),
+        meta: {
+          title: 'ppt资源'
+        }
+      },
+      {
         path: '/order-detail',
         name: 'order-detail',
         component: () => import('@/views/student-register/order-detail'),

src/views/courseware-play/component/theory/index.module.less

@@ -9,6 +9,7 @@
         border-radius: 8px;
         background: #fff;
         overflow-y: scroll;
+        overflow-x: hidden;
         &::-webkit-scrollbar
         {
             width:4px;
@@ -19,6 +20,6 @@
             min-height: 50px;
             border-radius:10px;
             background-color:#CBCBCB;
-        }         
+        }
     }
-}
+}

src/views/pptResources/index.module.less

@@ -0,0 +1,6 @@
+.pptResources {
+  width: 100%;
+  height: 100vh;
+  position: relative;
+  overflow: hidden;
+}

src/views/pptResources/index.tsx

@@ -0,0 +1,49 @@
+import { defineComponent } from 'vue';
+import styles from './index.module.less';
+import { useRoute } from 'vue-router';
+import Theory from '@/views/courseware-play/component/theory';
+import InstrumentInfo from '@/views/courseware-play/component/instrument-info';
+
+export default defineComponent({
+  name: 'pptResources',
+  setup() {
+    const route = useRoute();
+    // 获取传递过来的参数
+    const queryParams = {
+      pptContentType: route.query.pptContentType as string, // ppt传过来的 资源类型
+      pptType: route.query.pptType as string, // ppt 传过来的显示类型   modal，preview
+      pptId: route.query.pptId as string // ppt传过来的id
+    };
+    console.log(queryParams, '传过来的参数');
+    const pptTypeObj: Record<string, any> = {
+      INSTRUMENT: 'instrument',
+      MUSICIAN: 'musician',
+      MUSIC_WIKI: 'wiki',
+      THEORY: 'theory'
+    };
+    function handleChangeTogge() {
+      window.parent.postMessage(
+        {
+          api: 'changeTogge'
+        },
+        '*'
+      );
+    }
+    return () => (
+      <div class={styles.pptResources} onClick={handleChangeTogge}>
+        {['INSTRUMENT', 'MUSICIAN', 'MUSIC_WIKI'].includes(
+          queryParams.pptContentType
+        ) ? (
+          <InstrumentInfo
+            type={pptTypeObj[queryParams.pptContentType]}
+            id={queryParams.pptId}
+          />
+        ) : queryParams.pptContentType === 'THEORY' ? (
+          <Theory id={queryParams.pptId} />
+        ) : (
+          ''
+        )}
+      </div>
+    );
+  }
+});