样式优化

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

@@ -29,6 +29,7 @@
       <ul class="list">
         <li
           class="course"
+          :class="{ 'course-checked': item.checked }"
           v-for="(item, index) in courseList.list"
           :key="index"
           @click="toggleChecked(item)"
@@ -256,6 +257,18 @@ export default {
         margin-right: 10px;
         border-radius: 4px;
         border: 1px solid rgba(228, 231, 237, 1);
+        &.course-checked {
+          &::before {
+            content: "";
+            position: absolute;
+            top: 0;
+            left: 0;
+            right: 0;
+            bottom: 0;
+            border: 2px solid #449284;
+            border-radius: 4px;
+          }
+        }
         .img {
           position: relative;
           top: 0;
@@ -342,10 +355,11 @@ export default {
     }
   }
   .page-wrapper {
-    width: 1074px;
+    // width: 1074px;
+    text-align: right;
     .page {
-      float: right;
-      margin: 20px 0;      
+      // float: right;
+      margin: 20px 0;
     }
   }
   .no-list {
@@ -373,4 +387,4 @@ export default {
     }
   }
 }
-</style>
\ No newline at end of file
+</style>

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

@@ -24,10 +24,10 @@
           <span class="name" :class="{'active': subLabelList[0].checked}">全部</span>
         </div>
         <ul class="check-list">
-          <li 
+          <li
             class="sub-item"
             :class="{'active': item.checked}"
-            v-for="(item, index) in subLabelList.slice(1)" 
+            v-for="(item, index) in subLabelList.slice(1)"
             :key="index"
             @click="selectSubLabel(item, 2)"
           >
@@ -179,7 +179,7 @@ export default {
               }
             })
           }
-        } 
+        }
       // 末被选中
       } else {
         // 是全部按钮 第一个全部：parentid-0
@@ -409,6 +409,6 @@ export default {
   flex-direction: row;
   justify-content: flex-end;
   margin-top: 20px;
-  margin-right: 60px;
+  margin-right: 30px;
 }
-</style>
\ No newline at end of file
+</style>

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

@@ -182,11 +182,12 @@
           <el-input
             size="small"
             type="textarea"
-            :autosize="{ minRows: 5}"
+            :autosize="{ minRows: 5, maxRows: 5 }"
             placeholder="请输入项目简介"
             v-model="formData.projectIntro"
             style="width:83%;"
             :disabled="isPreview==1"
+            maxlength="200"
           ></el-input>
           <span class="word-num">{{(formData.projectIntro).replace(/\s+/g,"").length}}/200</span>
         </el-col>
@@ -910,4 +911,4 @@ export default {
     z-index: 101;
   }
 }
-</style>
\ No newline at end of file
+</style>

src/utils/env-config.js

@@ -10,7 +10,7 @@ export const envConfig = {
     // baseUrl: 'https://uat-sc.yunqueyi.com/',
     // baseUrl: 'http://10.177.15.150:10401/',
     // baseUrl: 'http://10.177.15.150:11905/',
-    baseUrl: 'https://dev-sc.yunqueyi.com/',
+    baseUrl: 'https://uat-sc.yunqueyi.com/',
     // baseUrl: 'https://test1-sc.yunqueyi.com/',
     // baseUrl: 'https://sc.yunqueyi.com/',
     // baseUrl: 'https://uat-sc.yunqueyi.com/',

src/utils/fetch.js

@@ -54,7 +54,7 @@ service.interceptors.request.use(config => {
     }
     if( process.env.BUILD_ENV == "development" ){  // 本地开发环境
       // console.log('环境变量>>>> ', process.env.BUILD_ENV);
-      config.headers['token'] = '69A24843079C458DBAC7E7C954923718';
+      config.headers['token'] = 'AA3888A4256A49099D14879928E3E919';
       // config.headers['token'] = localStorage.getItem('storageToken')
     }else{
       config.headers['token'] = localStorage.getItem('storageToken')

src/views/education/edit-custom.vue

@@ -8,8 +8,8 @@
     ></bread-crumb>
 
     <div class="add-content-new screenSet" id="screenSet">
-      <el-row class="step-content-new">
-        <el-col style="width: 700px;">
+      <div class="step-content-new">
+        <el-col style="width: 530px;">
           <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,15 +19,13 @@
             <el-step title="选择学员范围">3</el-step>
           </el-steps>
         </el-col>
-        <div style="flex: 1;"></div>
-        <el-col style="margin-left: 236px; width: 160px;margin-top: 2px;">
-        <!-- <el-col :span="5" :offset="5"> -->
+        <div>
           <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>
-        </el-col>
-      </el-row>
+        </div>
+      </div>
 
       <!-- 模板列表
         <div v-if="active == 0" class="tpl-main">
@@ -258,7 +256,7 @@ export default {
             name: "全部",
             checked: true,
             id: 'parentid-0'
-          });          
+          });
           // 添加一级的“全部”标签，并构建其子标签
           labelList.unshift({
             name: "全部",
@@ -321,7 +319,7 @@ export default {
         vm.canNext = true;
       }
     },
-    
+
     // 按钮点击下一步
     nextStep() {
       if (vm.active == 0) {
@@ -540,26 +538,26 @@ export default {
 <style lang="scss">
 
 .edit-custom-wrap {
-  ::-webkit-scrollbar {  
+  ::-webkit-scrollbar {
     width: 10px;
     height: 10px;
-    background-color: #fff;  
-  }  
-      
-  /*定义滚动条轨道 内阴影+圆角*/  
-  ::-webkit-scrollbar-track {  
-    // box-shadow: inset 0 0 3px rgba(0,0,0,0.3);  
-    // -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);  
-    border-radius: 10px;  
-    background-color: #fff;  
-  }  
-    
-  /*定义滑块 内阴影+圆角*/  
-  ::-webkit-scrollbar-thumb {  
-    border-radius: 6px;  
-    // box-shadow: inset 0 0 3px rgba(0,0,0,.3);  
-    // -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.3);  
-    background-color: #C7C8C9;  
+    background-color: #fff;
+  }
+
+  /*定义滚动条轨道 内阴影+圆角*/
+  ::-webkit-scrollbar-track {
+    // box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
+    // -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
+    border-radius: 10px;
+    background-color: #fff;
+  }
+
+  /*定义滑块 内阴影+圆角*/
+  ::-webkit-scrollbar-thumb {
+    border-radius: 6px;
+    // box-shadow: inset 0 0 3px rgba(0,0,0,.3);
+    // -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.3);
+    background-color: #C7C8C9;
   }
 
   .el-step.is-simple:not(:last-of-type) .el-step__title {
@@ -578,13 +576,15 @@ export default {
     min-width: 1200px;
     display: flex;
     justify-content: space-between;
+    align-items: center;
     // min-width: 1300px;
     background: #fff;
     background: #fff;
     overflow: hidden;
     height: 54px;
-    line-height: 54px;
-    padding: 15px 0 50px 0;
+    // line-height: 54px;
+    // padding: 15px 0 50px 0;
+    padding: 0 30px;
     border-bottom: 1px solid #efefef;
     background: #fff;
     .is-text {
@@ -592,6 +592,7 @@ export default {
     }
     .el-steps--simple {
       background: #fff;
+      padding: 13px 0;
     }
     .button-green {
       color: #ffffff;
@@ -645,7 +646,7 @@ export default {
     .dis-btn-b {
       position: relative;
       left: 5px;
-      bottom: 10px;
+      // bottom: 10px;
     }
   }
   .add-content-new {
@@ -755,7 +756,7 @@ export default {
   }
   .tpl-main {
     // padding-top: 64px;
-    
+
   }
 }
 </style>