style:修改计划页的样式

src/modules/course-manage/modal/RelatedPlanModal.jsx

@@ -118,8 +118,10 @@ class RelatedPlanModal extends React.Component {
       let item = {}; 
       if(selectPlanList[key].taskBaseVOList){
         item.planId = selectPlanList[key].planId;
+        if(selectPlanList[key].taskBaseVOList[0]){
           item.taskId  = selectPlanList[key].taskBaseVOList[0].taskId;
         }
+      }
       _selectPlanList.push(item)
     }
     return _selectPlanList;

src/modules/plan-manage/AddPlan.jsx

@@ -2,7 +2,7 @@
  * @Author: zhangleyuan
  * @Date: 2021-02-20 16:13:39
  * @LastEditors: zhangleyuan
- * @LastEditTime: 2021-03-10 16:18:28
+ * @LastEditTime: 2021-03-10 16:51:57
  * @Description: 描述一下
  * @@Copyrigh: © 2020 杭州杰竞科技有限公司 版权所有
  */

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

@@ -190,8 +190,8 @@ function UserLearningDataFilter(props) {
                     onChange={(value) => { handleChangeQuery('learnState', value) }}
                     suffixIcon={<span className="icon iconfont" style={{fontSize:'12px',color:'#BFBFBF'}}>&#xe835;</span>}
                   >
-                    <Option value="YES">开启</Option>
-                    <Option value="NO">关闭</Option>
+                    <Option value="UNDER_WAY">进行中</Option>
+                    <Option value="FINISH">已完成</Option>
                   </Select>
                 </div>
               }

src/modules/plan-manage/modal/relatedCourseModal.less

 .related-course-modal{
+    .ant-tabs-top > .ant-tabs-nav::before{
+        border-bottom: 0px;
+    }
+    .ant-tabs-nav-list{
+        margin:0 auto;
+    }
+    .ant-tabs-nav .ant-tabs-tab{
+        padding:6px 12px !important;
+        margin:0;
+        border: 1px solid #E8E8E8;
+        font-size:14px !important;
+        color:#999;
+        
+        &:nth-child(1){
+            border-radius: 4px 0px 0px 4px;
+        }
+        &:nth-child(2){
+            border-radius: 0px 4px 4px 0px;
+        }
+    }
+    .ant-tabs-nav .ant-tabs-tab-active{
+        border: 1px solid #FFB714;
+        color:#FFB714;
+    }
+
+    .ant-tabs-top .ant-tabs-ink-bar-animated:after{
+        height:0;
+    }
     .link-create-course{
         color:#666666;
         font-size:14px;
@@ -12,4 +40,72 @@
     .search-container{
         margin-bottom:16px;
     }
+    .select-area{
+        margin-bottom:12px;
+        display:flex;
+        justify-content:space-between;
+        .select-box{
+          display:inline-box;
+          width: 186px;
+          background: #FFF4DD;
+          border-radius: 4px;
+          padding:6px 16px;
+          margin-right:8px;
+          display: flex;
+          justify-content: space-between;
+          .tip-icon{
+            color:#FF9D14;
+            font-size:14px;
+            margin-right:4px;
+          }
+          .select-num{
+            color:#666666;
+            font-size:14px;
+          }
+          .clear-btn{
+            text-align:right;
+            color:#5289FA;
+            font-size:14px;
+          }
+        }
+        .related-box{
+          padding:6px 16px;
+          background: #FFF4DD;
+          border-radius: 4px;
+          flex:1;
+          color:#666666;
+          font-size:14px;
+        }
+    }
+    .course-info{
+      display: flex;
+      align-items: center;
+      .course-cover{
+        width: 97px;
+        height: 55px;
+        display: inline-block;
+        border-radius:4px;
+        margin-right:8px;
+      }
+      .course-name{
+        font-size:14px;
+        color:#666;
+        text-overflow: -o-ellipsis-lastline;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        display: -webkit-box;
+        -webkit-line-clamp: 2;
+        line-clamp: 2;
+        -webkit-box-orient: vertical;
+        width:238px;
+      }
+      .course-status {
+        font-size:12px;
+        line-height:18px;
+        display:inline-block;
+        border-radius:2px;
+        padding:0 8px;
+        margin-top:8px;
+      }
+    }
 }
\ No newline at end of file