修改

src/views/portal/course/CourseRecommended.vue

@@ -80,9 +80,14 @@
             <div>我对本次推荐课程很满意</div>
           </div>
         </div>
-        <el-form >
+        <el-form>
           <el-form-item>
-            哈哈哈
+            <div class="scoreList">
+              <div class="scoreEvery" :class="mark == index ? 'scoreActive' : ''" v-for="item, index in 10" :key="index"
+                @click="score(index)">
+                {{ item }}
+              </div>
+            </div>
           </el-form-item>
           <el-form-item>
             <div style="display: flex; justify-content: center">
@@ -103,7 +108,8 @@ export default {
   components: { PortalHeader, TimeShow },
   data() {
     return {
-      evaluateVisible:false,
+      evaluateVisible: false,
+      mark: -1,
       keyword: "",
       navTitle: [{
         name: "课程",
@@ -149,8 +155,12 @@ export default {
 
   },
   methods: {
+    score(mark) {
+      this.mark = mark
+    },
     closeDlg() {
-
+      this.mark = -1
+      this.evaluateVisible = false
     },
     submitNotice() {
 
@@ -297,18 +307,42 @@ export default {
 
 .dialogContent {
 
-.dialogTop {
-  display: flex;
-  justify-content: space-between;
-  margin-bottom: 40px;
+  .dialogTop {
+    display: flex;
+    justify-content: space-between;
+    margin-bottom: 40px;
 
-  .words {
-    font-size: 26px;
-    font-weight: 600;
-    color: #333333;
-    line-height: 37px;
+    .words {
+      font-size: 26px;
+      font-weight: 600;
+      color: #333333;
+      line-height: 37px;
+    }
+  }
+
+  .scoreList {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+
+    .scoreEvery {
+      cursor: pointer;
+      width: 50px;
+      height: 50px;
+      line-height: 50px;
+      background: #F1F2F4;
+      border-radius: 8px;
+      border: 1px solid #D4D4D4;
+      text-align: center;
+      font-size: 20px;
+      color: #999990;
+    }
+
+    .scoreActive {
+      border: 1px solid #388BE1;
+      background: #E4F1FF;
+      color: #388BE1;
+    }
   }
 }
-}
-
 </style>

src/views/portal/course/Index.vue

@@ -21,11 +21,10 @@
       <div class="xcontent2">
         <!-- 左侧三级 -->
         <div class="xcontent2-minor" style="margin-right:36px;">
-          <router-link to="/courseRecommended" style="margin-bottom: 20px;" class="course-recommended-style">
+          <!-- <router-link to="/courseRecommended" style="margin-bottom: 20px;" class="course-recommended-style">
             <div class="imgTilte">
-              <!-- <div>课程推荐</div> -->
             </div>
-          </router-link>
+          </router-link> -->
           <div class="course-title-style">
             <div class="imgTilte">
               <div>课程分类</div>