置顶提示错误问题 还有首页置顶不生效问题

src/views/Index.vue

@@ -71,7 +71,7 @@
                    <div class="course-author-left" >
                     {{ course.authorInfo.name }}
                    </div>
-                  <div style="flex:1; text-align: center; ">
+                  <div style="flex:1; text-align: center; ">       
                     <span class="study-num">{{ course.studys }}人学习</span>
                   </div>
                   <div style="padding-left:15px">
@@ -371,16 +371,29 @@ export default {
         topOrder:true,
         pageIndex: pageIndex
       };
+      let isTopList = [];
+      let data = [];
       apiCoursePortal.pageList(course).then(res => {
         if (res.status == 200 && res.result.list.length > 0) {
           let courseIds = [];
           res.result.list.forEach(item => {
             item.authorInfo = { aid: '', name: '', orgInfo: '', avatar: '', code: '' ,sex:null};
             courseIds.push(item.id);
+            console.log(item.isTop)
+             if(item.isTop == true) {
+                  isTopList.push(item);
+                  console.log(isTopList)
+
+                }else{
+                  data.push(item);
+                }
           });
           this.loadCouserTeacher(res.result.list, courseIds);
-          this.courseList.list = res.result.list;
+           this.courseList.list.push(...isTopList,...data);
           this.couname = res.result.list.name;
+         
+
+
           if (res.result.count - pageIndex * num < 8) {
             this.pageIndex = 0;
           }
@@ -390,6 +403,7 @@ export default {
           console.log('加载课程信息失败:' + res.error);
         }
       });
+    
 
       // apiCourse.list({orderType,num,device:1}).then(res => {
       //     if(res.status==200){

src/views/course/ManageList.vue

@@ -402,12 +402,15 @@ export default {
     },
     // 置顶
     setTop(row) {
-      let params = {
+       let params = {
         ids: row.id,//课程id,多个使用逗号分隔,
         title:row.name,//课程的名称,
         top:!row.isTop,// top 是否置顶}
       }
-      this.$confirm('此操作将置顶此课程, 是否继续?', '提示', {
+      console.log(row.isTop);
+       if(row.isTop == false){
+        //  console.log('fa')
+        this.$confirm('此操作将置顶此课程, 是否继续?', '提示', {
           confirmButtonText: '确定',
           cancelButtonText: '取消',
           type: 'warning'
@@ -426,9 +429,38 @@ export default {
         }).catch(() => {
           this.$message({
             type: 'info',
-            message: '已取消删除'
+            message: '置顶失败'
           });
         });
+       }else if(row.isTop == true){
+         this.$confirm('此操作将取消置顶此课程, 是否继续?', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }).then(() => {
+        apiCourse.setTop(params).then(res=>{
+           if(res.status === 200 && res.result === true) {
+            this.$message.success('取消成功！')
+            this.searchData();
+        } else {
+           this.$message({
+            type: 'error',
+            message: res.message
+          });
+        }
+      })
+        }).catch(() => {
+          this.$message({
+            type: 'info',
+            message: '取消置顶失败'
+          });
+        });
+       }
+     
+
+      
+
+       
 
     },
     // 复制