feat:修改任务排序的样式

src/modules/plan-manage/components/TrainingTask.jsx

@@ -2,7 +2,7 @@
  * @Author: zhangleyuan
  * @Date: 2021-02-20 16:45:51
  * @LastEditors: zhangleyuan
- * @LastEditTime: 2021-03-12 14:24:23
+ * @LastEditTime: 2021-03-12 16:49:01
  * @Description: 描述一下
  * @@Copyrigh: © 2020 杭州杰竞科技有限公司 版权所有
  */
@@ -255,7 +255,7 @@ class TrainingTask extends React.Component {
   }
 
   renderTaskItem = (record,index)=>{
-    return  <div className="task-item">
+    return  <div className="plan-sort-task-item">
               <div className="task-con">
                 <div className="task-instro">
                   <span onClick={()=>this.openOrCloseTask(index)}>
@@ -325,7 +325,7 @@ class TrainingTask extends React.Component {
             </div>
     }
   renderCourseItem = (record,index,parentIndex)=>{
-    return <div className="course-item">
+    return <div className="plan-course-sort-item">
               <div className="course-info">
                 <span className="course-type">{CourseType[record.courseType].text}</span>
                 {record.type==='input'?
@@ -375,6 +375,7 @@ class TrainingTask extends React.Component {
           disableAutoscroll
           helperClass="row-dragging"
           onSortEnd={this.onTaskSortEnd} 
+          className="plan-task-sort-container"
         >
           {dataSource.map((item, index) =>
             <SortableTaskItem taskItem={this.renderTaskItem(item,index)} index={index}>

src/modules/plan-manage/components/TrainingTask.less

@@ -5,7 +5,25 @@
     .ant-form-item{
       margin-bottom:0 !important;
     }
-    .task-item{
+
+    .add-task-con{
+      height: 52px;
+      background: #F7F8F9;
+      border-radius: 2px;
+      padding:16px;
+      margin-top:16px;
+      .add-task-btn-disabled{
+        color:#CCCCCC;
+        font-size:14px;
+      }
+      .add-task-btn{     
+        color: #5289FA;
+        font-size:14px;
+      }
+    }
+}
+
+.plan-sort-task-item{
   .task-con{
     display:flex;
     padding:16px;
@@ -53,7 +71,18 @@
     }
   }
   .course-box{
-        .course-item{
+    .add-course-con{
+        padding:16px 51px;
+        color: #5289FA;
+        font-size:14px;
+        .add-course-btn-disabled{
+          font-size:14px;
+          color:#ccc;
+        }
+    }
+  }
+}
+.plan-course-sort-item{
   display:flex;
   padding:16px 16px 16px 51px;
   justify-content: space-between;
@@ -88,33 +117,4 @@
         font-size:14px;
     }
   }
-        }
-        .add-course-con{
-           padding:16px 51px;
-           color: #5289FA;
-           font-size:14px;
-            .add-course-btn-disabled{
-              font-size:14px;
-              color:#ccc;
-            }
-
-        }
-
-      }
-    }
-    .add-task-con{
-      height: 52px;
-      background: #F7F8F9;
-      border-radius: 2px;
-      padding:16px;
-      margin-top:16px;
-      .add-task-btn-disabled{
-        color:#CCCCCC;
-        font-size:14px;
-      }
-      .add-task-btn{     
-        color: #5289FA;
-        font-size:14px;
-      }
-    }
 }

src/modules/plan-manage/modal/UnbundEmployeeModal.jsx

@@ -85,7 +85,7 @@ class UnbundEmployeeModal extends React.Component {
   confirmUnbund = ()=>{
     const { selectOperatorList } = this.state;
     if(selectOperatorList.length ===0){
-      message.success('请选择员工');
+      message.warning('请选择需要解绑的员工');
       return false;
     }
     const params = {