页面修改

src/pages/course/courseinfo.vue

@@ -60,25 +60,26 @@
   .checkedLi i {
     color: #3B90FF !important;
   }
-  .course-menu-box{
+
+  .course-menu-box {
     overflow-x: hidden;
     overflow-y: auto;
     max-height: 100%;
     height: 100%;
     background: #fff;
   }
+
 </style>
 <template>
-
   <div class="row items-stretch full-height">
     <div style="box-shadow: 2px 0 10px 0 rgba(237,238,240,0.50);font-family:perfectFont;"
       class="text-subtitle2 courseInfo_Bg">
       <div class="full-width course-menu-box q-pt-md">
         <q-list style="width:180px;overflow:hidden">
           <div class="classD1">
-            <img style="width:100%;height:100%;" alt="">
+            <img style="width:100%;height:100%;" alt="" :src="courseInfo.CoverImg" />
           </div>
-          <div class="text_Degree">0-N3直通车</div>
+          <div class="text_Degree">{{courseInfo.CourseName}}</div>
           <div class="nav-content">
             <ul>
               <li :class="{'checkedLi':commonIndex==1}" @click="gotoPage('question',1)">
@@ -104,13 +105,11 @@
 </template>
 <script>
   import {
-    mapGetters
-  } from 'vuex'
+    queryCourseInfo,
+  } from '../../api/course/index'
   export default {
     name: 'courseinfo',
-    components: {
-
-    },
+    components: {},
     data() {
       return {
         currentPath: "/course/courseinfo",
@@ -129,7 +128,8 @@
           opacity: 0.5
         },
         CourseId: 0,
-        commonIndex:1, //选中
+        commonIndex: 1, //选中
+        courseInfo: {}, //课程信息
       }
     },
     watch: {
@@ -142,15 +142,24 @@
       if (this.$route.query) {
         this.CourseId = this.$route.query.CourseId
       }
+      this.getCourseInfo();
     },
     mounted() {
 
     },
     methods: {
-      gotoPage(routename,type) {
-        this.commonIndex=type;
+      //获取课程信息
+      getCourseInfo() {
+        queryCourseInfo({
+          CourseId: this.CourseId
+        }).then(res => {
+          this.courseInfo = res.Data;
+        })
+      },
+      //页面跳转
+      gotoPage(routename, type) {
+        this.commonIndex = type;
         var tempStr = '/course/' + routename + '?CourseId=' + this.CourseId;
-        console.log("tempStr", tempStr)
         this.$router.push({
           path: tempStr
         });
@@ -211,6 +220,7 @@
     box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
     background: #bbb;
   }
+
   @keyframes shouqidonghua {
     from {
       width: 180px;