UI 换图增加跳转

src/components/CourseType.vue

@@ -55,9 +55,8 @@
       },
       //详情页
       toParentDetail(item,index) {
-        let ID=Math.random();
         let transObj = {
-          ID,
+          id:item.ni_pid,
           num:index
         }
         this.$emit("toParentDetail", transObj);

src/pages/courseResources.vue

@@ -23,11 +23,11 @@
       </div>
       
       <CourseType :transBaseData="baseData" @toParentDetail="toDetail" @baseCourseAll="baseCourseAll"></CourseType>
-      <CourseType :transBaseData="famousBaseData" @toParentDetail="toDetail"></CourseType>
-      <CourseType :transBaseData="resourceBaseData" @toParentDetail="toDetail"></CourseType>
-      <CourseType :transBaseData="familyBaseData" @toParentDetail="toDetail"></CourseType>
-      <CourseType :transBaseData="specialBaseData" @toParentDetail="toDetail"></CourseType>
-      <CourseType :transBaseData="extendBaseData" @toParentDetail="toDetail"></CourseType>
+      <CourseType :transBaseData="famousBaseData" @toParentDetail="toDetail" @baseCourseAll="baseCourseAll"></CourseType>
+      <CourseType :transBaseData="homeworkAssBaseData" @toParentDetail="toDetail" @baseCourseAll="baseCourseAll"></CourseType>
+      <CourseType :transBaseData="familyBaseData" @toParentDetail="toDetail" @baseCourseAll="baseCourseAll"></CourseType>
+      <CourseType :transBaseData="specialBaseData" @toParentDetail="toDetail" @baseCourseAll="baseCourseAll"></CourseType>
+      <CourseType :transBaseData="resourceCenterBaseData" @toParentDetail="toDetail" @baseCourseAll="baseCourseAll"></CourseType>
     </div>
   </div>
 </template>
@@ -52,24 +52,24 @@
           label: ['微课', '教案', '课件', '微视频', '网络资源'],
           courseDetail: [
             {
-              id: 'base_1',
-              img: '/kczy/singlePic1.png',
+              ni_pid:'baseCourse',
+              img: '../src/assets/kczy/singlePic1.png',
               title: '野天鹅',
               starNum: 5,
               collectNum: '10w+',
               zanNum:'14w+'
             },
             {
-              id:'base_2',
-              img: '/kczy/singlePic2.png',
+              ni_pid:'baseCourse',
+              img: '../src/assets/kczy/singlePic2.png',
               title: '安徒生世界插画',
               starNum: 5,
               collectNum: '10w+',
               zanNum:'14w+'
             },
             {
-              id:'base_3',
-              img: '/kczy/singlePic3.png',
+              ni_pid:'baseCourse',
+              img: '../src/assets/kczy/singlePic3.png',
               title: '传送门',
               starNum: 5,
               collectNum: '10w+',
@@ -84,96 +84,44 @@
           label: ['微课', '教案', '课件', '微视频', '网络资源'],
           courseDetail: [
             {
-              img: '/kczy/singlePic4.png',
-              title: '书中花园',
+              ni_pid:'famousCourse',
+              img: '../src/assets/kczy/mszx1.png',
+              title: '初中语文',
               starNum: 5,
                collectNum: '10w+',
               zanNum:'14w+'
             },
             {
-              img: '/kczy/singlePic5.png',
-              title: '拇指姑娘',
+              ni_pid:'famousCourse',
+              img: '../src/assets/kczy/mszx2.png',
+              title: '初中社会思品',
               starNum: 4,
                collectNum: '10w+',
               zanNum:'14w+'
             },
             {
-              img: '/kczy/singlePic3.png',
-              title: '传送门',
+              ni_pid:'famousCourse',
+              img: '../src/assets/kczy/mszx3.png',
+              title: '小学语文',
               starNum: 3,
                collectNum: '10w+',
               zanNum:'14w+'
-            },
-            {
-              img: '/kczy/singlePic2.png',
-              title: '安徒生世界插画',
-              starNum: 1,
-               collectNum: '10w+',
-              zanNum:'14w+'
-            },
-            {
-              img: '/kczy/singlePic1.png',
-              title: '野天鹅',
-              starNum: 5,
-               collectNum: '10w+',
-              zanNum:'14w+'
-            },
-            {
-              img: '/kczy/singlePic5.png',
-              title: '拇指姑娘',
-              starNum: 5,
-               collectNum: '10w+',
-              zanNum:'14w+'
             }
           ]
         },
-        resourceBaseData: {
-          id:"resourceCourse",
+        homeworkAssBaseData: {
+          id:"homeworkAss",
           mainTitle: '作业辅导',
           secTitle: '实现直播教师上传资源，兼职美术老师下载资源',
           label: ['微课', '教案', '课件', '微视频', '网络资源'],
           courseDetail: [
             {
-              img: '/kczy/singlePic4.png',
-              title: '书中花园',
+              ni_pid:'homeworkAss',
+              img: '../src/assets/kczy/zyfd1.png',
+              title: '作业同步辅导',
               starNum:5,
                collectNum: '10w+',
               zanNum:'14w+'
-            },
-            {
-              img: '/kczy/singlePic5.png',
-              title: '拇指姑娘',
-              starNum: 4,
-               collectNum: '10w+',
-              zanNum:'14w+'
-            },
-            {
-              img: '/kczy/singlePic3.png',
-              title: '传送门',
-              starNum: 3,
-               collectNum: '10w+',
-              zanNum:'14w+'
-            },
-            {
-              img: '/kczy/singlePic2.png',
-              title: '安徒生世界插画',
-              starNum:1,
-               collectNum: '10w+',
-              zanNum:'14w+'
-            },
-            {
-              img: '/kczy/singlePic1.png',
-              title: '野天鹅',
-              starNum: 5,
-               collectNum: '10w+',
-              zanNum:'14w+'
-            },
-            {
-              img: '/kczy/singlePic5.png',
-              title: '拇指姑娘',
-              starNum: 5,
-               collectNum: '10w+',
-              zanNum:'14w+'
             }
           ]
         },
@@ -184,8 +132,17 @@
           label: ['微课', '教案', '课件', '微视频', '网络资源'],
           courseDetail: [
             {
-              img: '/kczy/singlePic3.png',
-              title: '传送门',
+              ni_pid:'familyCourse',
+              img: '../src/assets/kczy/jtjy1.png',
+              title: '亲子沟通教育2.0',
+              starNum: 5,
+               collectNum: '10w+',
+              zanNum:'14w+'
+            },
+            {
+              ni_pid:'familyCourse',
+              img: '../src/assets/kczy/jtjy2.png',
+              title: '阅读时光',
               starNum: 3,
                collectNum: '10w+',
               zanNum:'14w+'
@@ -199,66 +156,66 @@
           label: ['微课', '教案', '课件', '微视频', '网络资源'],
           courseDetail: [
             {
-              img: '/kczy/singlePic3.png',
-              title: '传送门',
+              ni_pid:'specialCourse',
+              img: '../src/assets/kczy/tskc1.png',
+              title: '体育综合素质课程',
               starNum: 3,
                collectNum: '10w+',
               zanNum:'14w+'
             },
             {
-              img: '/kczy/singlePic4.png',
-              title: '书中花园',
+              ni_pid:'specialCourse',
+              img: '../src/assets/kczy/tskc2.png',
+              title: '一起学寓言',
               starNum:5,
                collectNum: '10w+',
               zanNum:'14w+'
             },
           ]
         },
-        extendBaseData: {
-          id:"extendCourse",
+        resourceCenterBaseData: {
+          id:"resourceCenter",
           mainTitle: '资源中心',
           secTitle: '实现直播教师上传资源，兼职美术老师下载资源',
           label: ['微课', '教案', '课件', '微视频', '网络资源'],
           courseDetail: [
             {
-              img: '/kczy/singlePic4.png',
-              title: '书中花园',
-              starNum:5,
+              ni_pid:'specialCourse',
+              img: '../src/assets/kczy/singlePic1.png',
+              title: '野天鹅',
+              starNum: 5,
                collectNum: '10w+',
               zanNum:'14w+'
             },
             {
-              img: '/kczy/singlePic5.png',
-              title: '拇指姑娘',
-              starNum: 4,
+              ni_pid:'specialCourse',
+              img: '../src/assets/kczy/singlePic2.png',
+              title: '安徒生世界插画',
+              starNum:1,
                collectNum: '10w+',
               zanNum:'14w+'
             },
             {
-              img: '/kczy/singlePic3.png',
+              ni_pid:'specialCourse',
+              img: '../src/assets/kczy/singlePic3.png',
               title: '传送门',
               starNum: 3,
                collectNum: '10w+',
               zanNum:'14w+'
             },
             {
-              img: '/kczy/singlePic2.png',
-              title: '安徒生世界插画',
-              starNum:1,
-               collectNum: '10w+',
-              zanNum:'14w+'
-            },
-            {
-              img: '/kczy/singlePic1.png',
-              title: '野天鹅',
-              starNum: 5,
+              ni_pid:'specialCourse',
+              img: '../src/assets/kczy/singlePic5.png',
+              title: '拇指姑娘',
+              starNum: 4,
                collectNum: '10w+',
               zanNum:'14w+'
             },
             {
-              img: '/kczy/singlePic5.png',
-              title: '拇指姑娘',
-              starNum: 5,
+              ni_pid:'specialCourse',
+              img: '../src/assets/kczy/singlePic4.png',
+              title: '书中花园',
+              starNum:5,
                collectNum: '10w+',
               zanNum:'14w+'
             }
@@ -279,16 +236,50 @@
         switch (markLable) {
           case 'baseCourse':
             this.$router.push('/resourceAll');
+            break;
+          case 'famousCourse'://名师在线
+            window.location.href="http://www.txhlwxx.com/zj/mskt.html"
+            break;
+          case 'homeworkAss'://作业辅导
+            return
+          break;
+          case 'familyCourse'://家庭教育
+          window.location.href="http://www.txhlwxx.com/zj/jtjy.html?v=1.1"
+          break;
+          case 'specialCourse'://特色课程
+          return
+          break;
+          case 'resourceCenter'://资源中心
+          return
           break;
           default:
-            this.$router.push('/resourceAll');
+          this.$router.push('/resourceAll');
           
         }
       },
       //详情页
       toDetail(transParams) {
-        console.log(transParams);
-
+        let NID=transParams.id;
+        switch (NID) {
+          case 'baseCourse':
+            return
+          break;
+          case 'famousCourse'://名师在线
+            window.location.href="http://www.txhlwxx.com/zj/mskt.html"
+            break;
+          case 'homeworkAss'://作业辅导
+            return
+          break;
+          case 'familyCourse'://家庭教育
+          window.location.href="http://www.txhlwxx.com/zj/jtjy.html?v=1.1"
+            break;
+          case 'specialCourse'://特色课程
+            return
+          break;
+          case 'resourceCenter'://资源中心
+            return
+          break;
+        }
       },
 
   },