空的列表、查询时是第一页

src/components/education/custom/course-list.vue

@@ -25,7 +25,7 @@
         </div>
       </li>
     </ul>
-    <div class="list-wrapper">
+    <div v-if="courseList.list.length" class="list-wrapper">
       <ul class="list">
         <li
           class="course"
@@ -57,6 +57,10 @@
         </li>
       </ul>
     </div>
+    <div v-else class="no-list">
+      <img src="../../../assets/custom/icon/img-no-content.png" alt />
+      <span class="tips">未查询到课程，请重新选择课程分类或课程等级吧！</span>
+    </div>
 
     <div class="page-wrapper">
       <el-pagination
@@ -336,5 +340,29 @@ export default {
     margin: 10px 0;
     margin-right: 230px;
   }
+  .no-list {
+    position: relative;
+    top: 0;
+    left: 0;
+    z-index: 1;
+    display: flex;
+    flex-direction: column;
+    // padding: 30px 200px;
+    width: 1000px;
+    text-align: center;
+    margin-bottom: 100px;
+    align-items: center;
+    img {
+      width: 300px;
+      height: 300px;
+    }
+    .tips {
+      position: relative;
+      top: -30px;
+      left: 10px;
+      z-index: 2;
+      color: #999999;
+    }
+  }
 }
 </style>
\ No newline at end of file

src/components/education/custom/course-select.vue

@@ -248,6 +248,7 @@ export default {
           this.searchParam.grade = item.value;
         }
       })
+      this.searchParam.pageNo = 1;
       this.setSearchParam(this.searchParam);
       console.log(allSelectedLabel);
     }

src/components/education/custom/select-course-comp.vue

@@ -25,6 +25,7 @@ export default {
   .select-course-wrapper {
     width: 1300px;
     .top-line {
+      // width: 120%;
       height: 10px;
       background: rgb(240, 242, 245);
     }

src/components/education/custom/shopping-cart.vue

@@ -4,7 +4,7 @@
       <span class="title">已选项目课程（共{{this.cartList.length}}节）</span>
       <img @click="close" src="../../../assets/custom/icon/close.png" alt />
     </div>
-    <ul class="cart-list">
+    <ul v-if="cartList.length" class="cart-list">
       <li class="cart-course" v-for="item in cartList" :key="item.courseId">
         <div class="img">
           <img :src="item.courseImageUrl" alt />
@@ -19,6 +19,10 @@
         </div>
       </li>
     </ul>
+    <div v-else class="no-list">
+      <img src="../../../assets/custom/icon/img-no-content.png" alt />
+      <span class="tips">您还未选择课程，快去选择课程组建项目吧！</span>
+    </div>
   </div>
 </template>
 <script>
@@ -163,5 +167,28 @@ export default {
       }
     }
   }
+  .no-list {
+    position: relative;
+    top: 0;
+    left: 0;
+    z-index: 1;
+    display: flex;
+    flex-direction: column;
+    margin-top: 30px;
+    text-align: center;
+    margin-bottom: 100px;
+    align-items: center;
+    img {
+      width: 200px;
+      height: 200px;
+    }
+    .tips {
+      position: relative;
+      top: -10px;
+      left: 10px;
+      z-index: 2;
+      color: #999999;
+    }
+  }
 }
 </style>
\ No newline at end of file

src/views/education/edit-custom.vue

@@ -21,9 +21,9 @@
         </el-col>
         <el-col :span="5" :offset="5">
           <div v-if="!canNext" class="dis-btn">下一步</div>
-          <el-button v-if="active != 0 && projectStatus == 1 && isPreview != 1" size="small" @click="save">暂存</el-button>
-          <el-button v-if="active !== 2 && canNext" size="small" type="primary" @click="nextStep">下一步</el-button>
-          <el-button v-if="active == 2" size="small" type="primary" @click="complete">完成</el-button>
+          <el-button class="dis-btn-b" v-if="active != 0 && projectStatus == 1 && isPreview != 1" size="small" @click="save">暂存</el-button>
+          <el-button class="dis-btn-b" v-if="active !== 2 && canNext" size="small" type="primary" @click="nextStep">下一步</el-button>
+          <el-button class="dis-btn-b" v-if="active == 2" size="small" type="primary" @click="complete">完成</el-button>
         </el-col>
       </el-row>
 
@@ -611,6 +611,11 @@ export default {
       text-align: center;
       cursor: pointer;
     }
+    .dis-btn-b {
+      position: relative;
+      left: 5px;
+      bottom: 10px;
+    }
   }
   .add-content {
     background: #fff;