章节预览+章节视频

src/pages/courseResources.vue

@@ -238,15 +238,16 @@
             this.$router.push('/resourceAll');
             break;
           case 'famousCourse'://名师在线
-            window.location.href="http://www.txhlwxx.com/zj/mskt.html"
+            window.location.href = "http://www.txhlwxx.com/zj/mskt.html";
             break;
           case 'homeworkAss'://作业辅导
-            return
+            window.location.href = "http://www.txhlwxx.com/index.php?mod=txwx&action=micro_course&do=index";
           break;
           case 'familyCourse'://家庭教育
-          window.location.href="http://www.txhlwxx.com/zj/jtjy.html?v=1.1"
+            window.location.href = "http://www.txhlwxx.com/zj/jtjy.html?v=1.1";
           break;
           case 'specialCourse'://特色课程
+          window.location.href = "http://www.txhlwxx.com/zj/tskc.html?v=1.1";
           return
           break;
           case 'resourceCenter'://资源中心
@@ -268,13 +269,13 @@
             window.location.href="http://www.txhlwxx.com/zj/mskt.html"
             break;
           case 'homeworkAss'://作业辅导
-            return
+            window.location.href = "http://www.txhlwxx.com/index.php?mod=txwx&action=micro_course&do=index";
           break;
           case 'familyCourse'://家庭教育
-          window.location.href="http://www.txhlwxx.com/zj/jtjy.html?v=1.1"
+            window.location.href="http://www.txhlwxx.com/zj/jtjy.html?v=1.1"
             break;
           case 'specialCourse'://特色课程
-            return
+          window.location.href = "http://www.txhlwxx.com/zj/tskc.html?v=1.1";
           break;
           case 'resourceCenter'://资源中心
             return

src/pages/courseResourcesChapter.vue

@@ -47,9 +47,9 @@
             </div>
           </div>
           <div class="chapter">
-            <div class="singleItem" v-for="(item,index) in 15" :key="index">
-              <img src="../assets/kczy/ppt.png" alt="">
-              <p>文件名</p>
+            <div class="singleItem" v-for="(item,index) in fileIcon" :key="index" @click="reviewFile(item)">
+              <img :src=" '../src/assets/kczy/'+item.file_prefix+'.png' " alt="">
+              <p>{{item.file_name}}</p>
             </div>
           </div>
         </div>
@@ -62,21 +62,107 @@
 import commonHeader from "@/components/header/index.vue";
   export default {
   name: 'chapter',
-    components:{
-     commonHeader
-    },
-    data() {
-      return {
-        classificationData:["全部","word","ppt","pdf","excel","视频","其他"],
-        num:0,
-      }
+  components:{
+    commonHeader
   },
-    mounted() {
-      
+  data() {
+    return {
+      classificationData:["全部","word","ppt","pdf","excel","视频","其他"],
+      num: 0,
+      fileIcon: [
+        {
+          id: Math.random(),
+          file_prefix: 'ppt',
+          file_name:'文件名'
+        },
+        {
+          id: Math.random(),
+          file_prefix: 'excel',
+          file_name:'文件名'
+        },
+        {
+          id: Math.random(),
+          file_prefix: 'pdf',
+          file_name:'文件名'
+        },
+        {
+          id: Math.random(),
+          file_prefix: 'excel',
+          file_name:'文件名'
+        },
+        {
+          id: Math.random(),
+          file_prefix: 'excel',
+          file_name:'文件名'
+        },
+        {
+          id: Math.random(),
+          file_prefix: 'word',
+          file_name:'数学体系'
+        },
+        {
+          id: Math.random(),
+          file_prefix: 'mov',
+          file_name:'文件名'
+        },
+
+        {
+          id: Math.random(),
+          file_prefix: 'excel',
+          file_name:'文件名'
+        },
+        {
+          id: Math.random(),
+          file_prefix: 'pdf',
+          file_name:'文件名'
+        },
+        {
+          id: Math.random(),
+          file_prefix: 'ppt',
+          file_name:'文件名'
+        },
+        {
+          id: Math.random(),
+          file_prefix: 'ppt',
+          file_name:'文件名'
+        },
+        {
+          id: Math.random(),
+          file_prefix: 'mov',
+          file_name:'文件名'
+        },
+        {
+          id: Math.random(),
+          file_prefix: 'word',
+          file_name:'文件名'
+        },
+        {
+          id: Math.random(),
+          file_prefix: 'word',
+          file_name:'文件名'
+        },
+        {
+          id: Math.random(),
+          file_prefix: 'mov',
+          file_name:'文件名'
+        }
+      ]
+    }
   },
-    methods: {
+  mounted() {
       
   },
+  methods: {
+    reviewFile(item) {
+      console.log(item);
+      let markLable = item.file_prefix;
+      if (markLable == "mov") {
+        this.$router.push({ path:'/resourceMovReview', query:{icon:'word'} });
+      } else {
+        this.$router.push({ path:'/resourceFileReview', query:{icon:'mov'} });
+      }
+    }
+  },
     
   }
 </script>
@@ -95,7 +181,7 @@ import commonHeader from "@/components/header/index.vue";
   box-sizing: border-box;
   padding:52px 66px;
   color: #ffffff;
-  background: url('../assets/kczy/chapterBG.png') no-repeat top left;
+  background: url('../src/assets/kczy/chapterBG.png') no-repeat top left;
   background-size: 100%;
 
   .bigT{

src/pages/resourceMovReview.vue

@@ -0,0 +1,51 @@
+<template>
+  <commonHeader/>
+  <div class="movPage">
+    <div class="withShadow">
+      <div class="likeBread">
+        <div class="likeBread_left">六年级数学《从课本到培优》</div>
+        <div class="likeBread_right">
+          <span>课程资源</span>-
+          <span>基础课程</span>-
+          <span>查看更多</span>-
+          <span>六年级数学《从课本到培优》</span>
+        </div>
+      </div>
+    </div>
+    <div class="vedioMain">
+      <div class="vedio_titel">六年级数学《从课本到培优》</div>
+      <div class="vedioMainContent">
+        <div class="vedioMainContent_left">
+          <div class="vedioMainContent_left_top">11</div>
+          <div class="vedioMainContent_left_bottom">22</div>
+        </div>
+        <div class="vedioMainContent_right">
+          <div class="vedioMainContent_right_top">33</div>
+          <div class="vedioMainContent_right_bottom">44</div>
+        </div>
+      </div>
+    </div>
+    11
+  </div>
+</template>
+
+<script>
+  import commonHeader from "@/components/header/index.vue";
+  export default {
+  name: "moviePage",
+  components:{
+      commonHeader
+    },
+    mounted() {
+      
+  },
+    methods: {
+      
+    },
+  }
+</script>
+
+<style lang="scss" scoped>
+@import "../styles/common_resource.scss";
+
+</style>

src/router/index.js

@@ -108,7 +108,19 @@ export default createRouter({
             name: 'resourceChapter',
             title: '课程资源章节',
             component: () => import("~/pages/courseResourcesChapter.vue"),
-        },
+      },
+      {
+        path: '/resourceFileReview',
+        name: 'resourceFileReview',
+        title: '课程资源文件预览',
+        component: () => import("~/pages/resourceFileReview.vue"),
+      },
+      {
+        path: '/resourceMovReview',
+        name: 'resourceMovReview',
+        title: '课程资源视频预览',
+        component: () => import("~/pages/resourceMovReview.vue"),
+      },
     ]
 
 })