样式调整等

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

@@ -63,16 +63,18 @@
     </div>
 
     <div class="page-wrapper">
-      <el-pagination
-        background
-        :current-page="searchParam.pageNo"
-        :page-sizes="[10, 30, 50, 100]"
-        :page-size="searchParam.pageSize"
-        layout="total, sizes, prev, pager, next, jumper"
-        :total="courseList.totalRows"
-        @size-change="handleSizeChange"
-        @current-change="handleCurrentChange"
-      ></el-pagination>
+      <div class="page">
+        <el-pagination
+          background
+          :current-page="searchParam.pageNo"
+          :page-sizes="[10, 30, 50, 100]"
+          :page-size="searchParam.pageSize"
+          layout="total, sizes, prev, pager, next, jumper"
+          :total="courseList.totalRows"
+          @size-change="handleSizeChange"
+          @current-change="handleCurrentChange"
+        ></el-pagination>
+      </div>
     </div>
     <!-- 弹框提示 -->
     <dialog-componet :dialogObj="dialogObj"></dialog-componet>
@@ -239,7 +241,6 @@ export default {
       flex-direction: row;
       justify-content: flex-start;
       flex-wrap: wrap;
-      padding-bottom: 30px;
       overflow-y: auto;
       .course {
         user-select: none;
@@ -343,9 +344,11 @@ export default {
     }
   }
   .page-wrapper {
-    float: right;
-    margin: 10px 0;
-    margin-right: 230px;
+    width: 1074px;
+    .page {
+      float: right;
+      margin: 20px 0;      
+    }
   }
   .no-list {
     position: relative;

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

 <template>
   <div>
-    <div class="custom-select-wrapper" style="overflow:auto;">
-      <div class="department-label" style="width: 1200px;">
+    <!-- <div class="custom-select-wrapper" style="overflow:auto;">
+      <div class="department-label" style="width: 1200px;"> -->
+    <div class="custom-select-wrapper">
+      <div class="department-label" style="min-width:1200px;">
         <span
           v-for="(item, index) in allLabelList"
           :key="index"
@@ -259,7 +261,7 @@ export default {
 </script>
 <style lang="less" scoped>
 .custom-select-wrapper {
-  width: 1090px;
+  // width: 1090px;
   user-select: none;
   .department-label {
     display: flex;
@@ -339,8 +341,8 @@ export default {
   display: flex;
   flex-direction: row;
   box-sizing: content-box;
-  padding: 10px 0;
-  padding-left: 20px;
+  padding: 10px 20px;
+  // padding-left: 20px;
   // margin: 16px 0 16px 20px;
   border-bottom: 1px dashed #e4e7ed;
   .title {

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

@@ -23,7 +23,7 @@ export default {
 </script>
 <style lang="less" scoped>
   .select-course-wrapper {
-    // width: 1300px;
+    min-width: 1200px;
     .top-line {
       // width: 120%;
       height: 10px;

src/views/education/edit-custom.vue

@@ -9,7 +9,7 @@
 
     <div class="add-content screenSet" id="screenSet">
       <el-row class="step-content">
-        <el-col :span="14">
+        <el-col style="width: 700px;">
           <el-steps :active="active" simple class>
             <span class="step-num" v-bind:class="{ 'on-step': active==0 }">1</span>
             <el-step title="选择项目课程">1</el-step>
@@ -19,8 +19,9 @@
             <el-step title="选择学员范围">3</el-step>
           </el-steps>
         </el-col>
-        <el-col :span="5" :offset="5">
-          <div v-if="!canNext" class="dis-btn">下一步</div>
+        <el-col style="margin-left: 316px; width: 200px;margin-top: 2px;">
+        <!-- <el-col :span="5" :offset="5"> -->
+        <div v-if="!canNext" class="dis-btn">下一步</div>
           <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>
@@ -539,7 +540,7 @@ export default {
     top: 125px;
   }
   .step-content {
-    // min-width: 1300px;
+    min-width: 1300px;
     background: #fff;
     z-index: 1001;
     background: #fff;