样式优化及JS报错

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

@@ -176,6 +176,7 @@ export default {
       display: flex;
       flex-direction: row;
       align-items: center;
+      margin-right: 20px;
       font-size: 14px;
       color: #333333;
       img {
@@ -220,7 +221,7 @@ export default {
     }
   }
   .list-wrapper {
-    height: 500px;
+    // height: 500px;
     overflow: auto;
     .list {
       display: flex;

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

@@ -17,7 +17,7 @@
     <!-- 课程分类 -->
     <div class="course-class">
       <div class="title">课程分类</div>
-      <div class="item" @click="selectSubLabel(subLabelList[0], 1)">
+      <div v-if="subLabelList.length" class="item" @click="selectSubLabel(subLabelList[0], 1)">
         <span class="name" :class="{'active': subLabelList[0].checked}">全部</span>
       </div>
       <ul class="check-list">
@@ -33,35 +33,6 @@
           {{item.name}}
         </li>
       </ul>
-
-        <!-- <el-checkbox-group v-model="checkList">
-          <el-checkbox label="复选框 A"></el-checkbox>
-          <el-checkbox label="复选框 B"></el-checkbox>
-          <el-checkbox label="复选框 C"></el-checkbox>
-          <el-checkbox label="禁用"></el-checkbox>
-          <el-checkbox label="选中且禁用"></el-checkbox>
-          <el-checkbox label="复选框 A"></el-checkbox>
-          <el-checkbox label="复选框 B"></el-checkbox>
-          <el-checkbox label="复选框 C"></el-checkbox>
-          <el-checkbox label="禁用"></el-checkbox>
-          <el-checkbox label="选中且禁用"></el-checkbox>
-          <el-checkbox label="复选框 B"></el-checkbox>
-          <el-checkbox label="复选框 C"></el-checkbox>
-          <el-checkbox label="禁用"></el-checkbox>
-          <el-checkbox label="选中且禁用"></el-checkbox>
-          <el-checkbox label="复选框 B"></el-checkbox>
-          <el-checkbox label="复选框 C"></el-checkbox>
-          <el-checkbox label="禁用"></el-checkbox>
-          <el-checkbox label="选中且禁用"></el-checkbox>
-          <el-checkbox label="复选框 B"></el-checkbox>
-          <el-checkbox label="复选框 C"></el-checkbox>
-          <el-checkbox label="禁用"></el-checkbox>
-          <el-checkbox label="选中且禁用"></el-checkbox>
-          <el-checkbox label="复选框 B"></el-checkbox>
-          <el-checkbox label="复选框 C"></el-checkbox>
-          <el-checkbox label="禁用"></el-checkbox>
-          <el-checkbox label="选中且禁用"></el-checkbox>
-        </el-checkbox-group>-->
       <div class="right"></div>
     </div>
 
@@ -165,7 +136,7 @@ export default {
   components: {},
   methods: {
     ...mapActions(['setSubLabelList', 'setSearchParam']),
-    
+
     // 选择一级
     selectLabel(index) {
       this.allLabelList.forEach(element => {
@@ -432,6 +403,6 @@ export default {
   flex-direction: row;
   justify-content: flex-end;
   margin-top: 20px;
-  margin-right: 50px;
+  margin-right: 140px;
 }
 </style>
\ No newline at end of file

src/components/education/custom/custom-baseinfo.vue

@@ -17,7 +17,7 @@
         </el-col>
         <el-col :span="10" class="curt-position-wrapper">
           <div class="curt-position">
-            <SortedCart :isPreview="isPreview" :projectStatus="projectStatus"></SortedCart>
+            <SortedCart :isPreview="isPreview" :projectStatus="projectStatus" :projectId="projectId"></SortedCart>
           </div>
         </el-col>
       </el-form-item>

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

@@ -23,6 +23,7 @@ export default {
 </script>
 <style lang="less" scoped>
   .select-course-wrapper {
+    width: 1300px;
     .top-line {
       height: 10px;
       background: rgb(240, 242, 245);

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

@@ -5,7 +5,7 @@
       <span class="sub">可上下拖拽课程行，调整课程在列表页的展示顺序</span>
     </div>
 
-    <div v-if="isPreview == 1 || projectStatus != 1" class="cart-list">
+    <div v-if="projectId && (isPreview == 1 || projectStatus != 1)" class="cart-list">
       <div class="cart-course is-preview"  v-for="(item, index) in cartList" :key="index">
         <div class="img">
           <img :src="item.courseImageUrl" alt />
@@ -53,6 +53,7 @@ export default {
   props: {
     isPreview: String | Number,
     projectStatus: String | Number,
+    projectId: String | Number,
   },
   computed: {
     cartList: {
@@ -210,7 +211,7 @@ export default {
       .handler {
         width: 35px;
         img {
-          cursor: pointer;
+          // cursor: pointer;
           width: 20px;
           height: 20px;
           float: right;

src/views/education/edit-custom.vue

@@ -220,7 +220,7 @@ export default {
 
       this.courseLimitCount();
       this.getLabelList();
-      this.getCourseList(searchParam);
+      // this.getCourseList(searchParam);
     },
 
     // 自定义项目--选择课程个数限制(-1表示不限制)
@@ -539,6 +539,7 @@ export default {
     top: 125px;
   }
   .step-content {
+    min-width: 1300px;
     background: #fff;
     z-index: 1001;
     background: #fff;