chore: 修正路由名称拼写错误

src/router/index.js

@@ -362,7 +362,15 @@ export const constantRoutes = [{
     path: '/500',
     component: (resolve) => require(['@/views/error/500'], resolve),
     hidden: true
+  },
+   {
+    path: '/qualityCourse',
+    hidden: true,
+    component: (resolve) => require(['@/views/portal/course/qualityCourse'], resolve),
+    name: 'course',
+    meta: {title: '精品课课程', keepAlive: true, icon: 'dashboard', noCache: true, affix: false},
   }
+
 ]
 
 const router = new VueRouter({

src/views/Index.vue

@@ -153,9 +153,86 @@
       </div>
     </div>
     <div class="xindex-content">
+
       <!-- 推荐课程 -->
       <div class="modules xcontent2">
+        <!-- <div class="xcontent2-main"> -->
+          <!--内容块-->
+
+          <!-- </div> -->
+           <!-- 精品课模块 -->
         <div class="xcontent2-main">
+          <div class="modules-title xindex-main">
+            <span class="modules-text" style="color: #3D86F4;">精品课</span>
+            <span class="quyer-tag">
+            </span>
+            <span class="more">
+              <router-link to="/qualityCourse">查看更多>></router-link>
+            </span>
+          </div>
+
+
+
+
+          <div
+              v-for="(course, eIndex) in exquisiteList"
+              :key="'cc' + eIndex"
+              class="xindex-course"
+              style="position: relative;margin-top: 30px;"
+            >
+              <div style="position: absolute; right: 25px; bottom: 72px">
+                <interactBar
+                  nodeWidth="20px"
+                  :courseExclusive="true"
+                  :type="1"
+                  :data="course"
+                  :comments="false"
+                  :praises="false"
+                  :shares="false"
+                  :views="false"
+                >
+                </interactBar>
+                <!-- <svg-icon style="font-size: 32px;margin-top: -5px;" icon-class="collectedCourse"></svg-icon> -->
+              </div>
+              <a @click="toCourseDetail(course)">
+                <div class="xindex-course-image">
+                  <course-image :course="course"></course-image>
+                  <span v-if="course.type == 20 || 10" class="course-type"
+                    >录播课</span
+                  >
+                </div>
+                <div
+                  style="width: 80%"
+                  :title="course.courseName"
+                  class="course-title portal-title-tow two-line-ellipsis"
+                >
+                  {{ course.courseName }}
+                </div>
+                <div class="course-author">
+                  <div class="course-author-left">
+                    {{ course.teacherName }}
+
+                    <span class="study-num"
+                      >{{ formatNum(course.studyNum) }}人学习</span
+                    >
+                  </div>
+                  <div style="display: flex">
+                    <div v-if="course.score">
+                      <span class="course-score-value" style="margin-left: 10px"
+                        >{{ toScore(course.courseScore) }}分</span
+                      >
+                    </div>
+                    <div v-else class="course-score-no">未评分</div>
+                  </div>
+                </div>
+              </a>
+            </div>
+
+
+
+
+
+
           <!--内容块-->
           <div class="modules-title xindex-main">
             <span class="modules-text">推荐课程</span>
@@ -1227,6 +1304,10 @@ export default {
     courseComputedTwoList(){
       return this.courseList.list.slice(3)
     },
+    // 精品课展示
+    exquisiteList() {
+      return this.qusisityList.list.slice(0,3)
+    },
   },
   methods: {
     getPositive() {
@@ -1472,6 +1553,16 @@ export default {
         }
       })
     },
+    //精品课展示
+    getEsqusiteList(){
+      let params = {
+        aid: this.userInfo.aid,
+      }
+      apiIndex.qualitylist(params).then((res) => {
+        console.log(res,'jinpinsjfhhfjash--------------------------');
+        this.qusisityList.list = res.result;
+      })
+    },
     getCourseData(pageIndex) {
       this.isNext = false;
       let { orderType, num } = this.courseList;