Merge branch 'hotfix/pangguoming/20210601/plan_list_add_cover' into 'master'

Hotfix/pangguoming/20210601/plan list add cover

See merge request !32

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

-.plan-list{
-    margin-top:12px;
-    .course-number{
-      text-align:right;
-      margin-right:45px;
+.plan-list {
+  margin-top: 12px;
+  .course-number {
+    text-align: right;
+    margin-right: 45px;
+  }
+
+  .plan-list-table {
+    thead.ant-table-thead {
+      tr {
+        th {
+          padding: 10px 12px;
+        }
+      }
     }
-    .plan-list-table{
     tbody {
-        tr{
-          &:nth-child(even){
-            background: transparent !important;
-            td{
-              background:#FFF !important;
+      tr {
+        td.ant-table-cell {
+          padding: 16px 12px;
+          color: #333;
+        }
+        &:nth-child(even) {
+          background: transparent;
+          td {
+            background: #fff;
           }
         }
-          &:nth-child(odd){
-            background: #FAFAFA !important;
-            td{
-              background: #FAFAFA !important;
+        &:nth-child(odd) {
+          background: #fafafa;
+          td {
+            background: #fafafa;
           }
         }
-          &:hover{
-            td{
-              background:#F3f6fa !important;
+        &:hover {
+          td {
+            background: #f3f6fa;
           }
         }
       }
     }
   }
-    .plan-name{
-      text-overflow: -o-ellipsis-lastline;
+  .plan_name_item {
+    display: flex;
+    align-items: center;
+    .plan-cover {
+      width: 106px;
+      height: 60px;
+      border-radius: 2px;
+      margin-right: 8px;
+    }
+
+    .plan-name {
+      width: 188px;
       overflow: hidden;
       text-overflow: ellipsis;
       display: -webkit-box;
       -webkit-line-clamp: 2;
-      line-clamp: 2;
       -webkit-box-orient: vertical;
+      height: 40px;
+    }
   }
   .operate-text {
-      color: #2966FF;
+    color: #2966ff;
     cursor: pointer;
   }
   .operate {
     display: flex;
 
     &__item {
-        color: #2966FF;
+      color: #2966ff;
       cursor: pointer;
 
       &.split {
         margin: 0 8px;
-          color: #BFBFBF;
+        color: #bfbfbf;
       }
     }
   }
-    .join-number{
-      text-align:right;
-      margin-right:12px;
+  .join-number {
+    text-align: right;
+    margin-right: 12px;
   }
-    .more-operate{
-      line-height:20px;
+  .more-operate {
+    line-height: 20px;
   }
 }

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

@@ -2,54 +2,57 @@
   .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
     font-weight: 500;
   }
-    .link-create-course{
-        color:#666666;
-        font-size:14px;
-        width:638px;
-        text-align:left;
-        display:inline-block;
-        span{
-            color:#2966FF;
-        }
-    }
-    .search-container{
-        margin-bottom:16px;
-    }
-    .select-area{
-        margin-bottom:12px;
-        display:flex;
-        justify-content:space-between;
-        .select-box{
-          display:inline-box;
+  .ant-modal-footer {
+    display: flex;
+  }
+  .link-create-course {
+    color: #666666;
+    font-size: 14px;
+    width: 638px;
+    text-align: left;
+    display: inline-block;
+    span {
+      color: #2966ff;
+    }
+  }
+  .search-container {
+    margin-bottom: 16px;
+  }
+  .select-area {
+    margin-bottom: 12px;
+    display: flex;
+    justify-content: space-between;
+    .select-box {
+      display: inline-box;
       width: 186px;
-          background: #E9EFFF;
+      background: #e9efff;
       border-radius: 4px;
-          padding:6px 16px;
-          margin-right:8px;
+      padding: 6px 16px;
+      margin-right: 8px;
       display: flex;
       justify-content: space-between;
-          .tip-icon{
-            color:#2966FF;
-            font-size:14px;
-            margin-right:4px;
+      .tip-icon {
+        color: #2966ff;
+        font-size: 14px;
+        margin-right: 4px;
       }
-          .select-num{
-            color:#666666;
-            font-size:14px;
+      .select-num {
+        color: #666666;
+        font-size: 14px;
       }
-          .clear-btn{
-            text-align:right;
-            color:#2966FF;
-            font-size:14px;
+      .clear-btn {
+        text-align: right;
+        color: #2966ff;
+        font-size: 14px;
       }
     }
-        .related-box{
-          padding:6px 16px;
-          background: #E9EFFF;
+    .related-box {
+      padding: 6px 16px;
+      background: #e9efff;
       border-radius: 4px;
-          flex:1;
-          color:#666666;
-          font-size:14px;
+      flex: 1;
+      color: #666666;
+      font-size: 14px;
     }
   }
   .search-container {