style:调整Ui样式

src/modules/plan-manage/LearningData.jsx

@@ -27,6 +27,7 @@ class LearningData extends React.Component {
       createName:""
     }
   }
+  
   componentDidMount(){
     this.getPlanDetail();
     Bus.bind('watchDataView',() =>{this.setState({activeKey:"userLearningData"}) })
@@ -62,6 +63,7 @@ class LearningData extends React.Component {
         })
     })
   }
+
   render() {
     const {planName,coverUrl,courseNum,created,cultureCustomerNum,activeKey,createName} = this.state;
     return (

src/modules/plan-manage/LearningData.less

+
 .plan-learn-data-list{
     .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
         font-weight:normal;

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

@@ -158,15 +158,14 @@ class UserLearnDetailModal extends React.Component {
         render: (val, record,index) => {
           return (
             <div className="course-info">
-              <span className="course-type">{CourseType[record.courseType].text}</span>
+              <div className="course-type">{CourseType[record.courseType].text}</div>
+              <div className="name-and-state">
                 <span className="course-name">{parentIndex + 1}.{index + 1}{record.courseName}</span>
-              {record.courseState === "EXPIRED" &&
-                <span className="icon iconfont tip">&#xe834;</span>
-              }
                 { record.courseType==="LIVE" &&
                 <span className="course-state">{courseStateShow[record.courseState].title}</span>
                 }
               </div>
+            </div>
           )
         }
       },
@@ -217,7 +216,6 @@ class UserLearnDetailModal extends React.Component {
               pagination={false}
               bordered
               className="plan-table"
-              size="middle"
             />
           </div>
           <div>

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

 .user-Learn-modal{
-    .ant-table-thead{
-        tr {
-            th{
-                padding:9px 8px !important;
-            }
-        }
-    }
+   
     .customer-info{
         margin-bottom:16px;
         .customer-name{
@@ -20,6 +14,18 @@
     }   
     .plan-table{
         margin-bottom:8px;
+        .ant-table-thead{
+            tr {
+                th{
+                    padding:9px 24px;
+                }
+            }
+        }
+        tr{
+            td{
+                padding:8px 24px;
+            }
+        }
         .plan-instro{
             display: flex;
             align-items: center;
@@ -27,7 +33,7 @@
                 margin-right:8px;
                 img{
                     width: 97px;
-                    height: 55px;
+                    height: 54px;
                     display: inline-block;
                     border-radius:4px;
                 }
@@ -43,6 +49,18 @@
         }
     }
     .task-table{
+        .ant-table-thead{
+            tr {
+                th{
+                    padding:9px 16px;
+                }
+            }
+        }
+        tr{
+            td{
+                padding:14px 16px;
+            }
+        }
         .taskName{
             color:#666666;
             font-size:14px;
@@ -52,8 +70,12 @@
             font-size:14px;
         }
         .course-info{
+            display:flex;
             margin-left:57px;
+            align-items: center;
             .course-type{
+                width:54px;
+                height: 22px;
                 font-size:11px;
                 color:#666666;
                 padding:1px 8px;
@@ -61,6 +83,8 @@
                 margin-right:4px;
                 border-radius: 2px;
             }
+            .name-and-state{
+                flex:1;
                 .course-name{
                     color:#666666;
                     font-size:14px;
@@ -76,6 +100,13 @@
                     font-size:14px;
                 }
             }
+           
+        }
+        .ant-table-expanded-row{
+            td{
+                padding:0 16px;
+            }
+        }
         .ant-table-content{
             border:1px solid #e8e8e8;
             tr{
@@ -83,13 +114,18 @@
                     border:none;
                 }
                 .child-table{
+
                     .ant-table-content{
                         border:none;
                         thead{
                             display:none;
                         }
-                        tbody tr td{
+                        tbody tr {
+                            td{
                                 border-bottom:none;
+                                padding:14px 16px;
+                            }
+                            
                         }
                     }