feat:完成学习详情模态框功能

src/modules/course-manage/video-course/components/LearningDetailModal.jsx

@@ -36,7 +36,6 @@ class LearningDetailModal extends React.Component {
     const { title, onClose, onOk } = this.props;
     const { title, onClose, onOk } = this.props;
     const { courseChapterList } = this.state;
     const { courseChapterList } = this.state;
     return (
     return (
-      <div className="learning-detail-modal">
         <Modal
         <Modal
           footer={null}
           footer={null}
           visible={true}
           visible={true}
@@ -48,6 +47,7 @@ class LearningDetailModal extends React.Component {
           }
           }
           onCancel={onClose}
           onCancel={onClose}
           onOk={onOk}
           onOk={onOk}
+          className="learning-detail-modal"
         >
         >
           <div className="course-chapter__list">
           <div className="course-chapter__list">
             <If condition={courseChapterList.length > 0}>
             <If condition={courseChapterList.length > 0}>
@@ -63,7 +63,7 @@ class LearningDetailModal extends React.Component {
                         src="https://image.xiaomaiketang.com/xm/TKwbQGYDBR.png"
                         src="https://image.xiaomaiketang.com/xm/TKwbQGYDBR.png"
                         alt=""
                         alt=""
                       />
                       />
-                      <div className="course-ware__name">{item.name}</div>
+                      <div className="course-ware__name">{item.courseChapterName && item.courseChapterName.replace('.MP4','')}</div>
                     </div>
                     </div>
 
 
                     <div className={`progress ${item.progress === 100 ? 'finish' :''}`}>{`${item.progress === 100 ? '已完成' : `${item.progress}%`}`}</div>
                     <div className={`progress ${item.progress === 100 ? 'finish' :''}`}>{`${item.progress === 100 ? '已完成' : `${item.progress}%`}`}</div>
@@ -73,7 +73,6 @@ class LearningDetailModal extends React.Component {
             </If>
             </If>
           </div>
           </div>
         </Modal>
         </Modal>
-      </div>
     );
     );
   }
   }
 }
 }

src/modules/course-manage/video-course/components/LearningDetailModal.less

@@ -14,21 +14,17 @@
           color: #666666;
           color: #666666;
           line-height: 20px;
           line-height: 20px;
           margin-bottom: 28px;
           margin-bottom: 28px;
-          cursor: pointer;
-          &:hover {
-            color: #2966ff;
-          }
           &__index {
           &__index {
             width: 20px;
             width: 20px;
           }
           }
           &__img {
           &__img {
             width: 20px;
             width: 20px;
             height: 20px;
             height: 20px;
-            margin-left: 16px;
+            margin-left: 12px;
             margin-right: 8px;
             margin-right: 8px;
           }
           }
           &__name {
           &__name {
-            width: 700px;
+            width: 500px;
           }
           }
         }
         }
         .progress {
         .progress {