fix:优化样式

src/modules/course-manage/AddLive.jsx

@@ -2,7 +2,7 @@
  * @Author: 吴文洁 
  * @Date: 2020-07-17 15:49:11 
  * @Last Modified by: chenshu
- * @Last Modified time: 2021-03-23 19:18:11
+ * @Last Modified time: 2021-03-24 14:13:04
  * @Description: 大班互动-添加/编辑直播课
  */
 
@@ -103,6 +103,7 @@ class AddLive extends React.Component {
         whetherVisitorsJoin:'NO',
         liveCourseWarmMedia: {},
         introduce: '',
+        liveCourseMediaRequests: [],
       },
     }
   }
@@ -613,7 +614,7 @@ handleChangeBasicInfo = (field, value) => {
 
         <div className="footer">
           <Button onClick={this.handleGoBack}>取消</Button>
-          <Button onClick={this.handleShowPreviewModal}>预览课程介绍</Button>
+          <Button onClick={this.handleShowPreviewModal}>预览</Button>
           <Button type="primary" onClick={_.debounce(() => this.handleSubmit(), 3000, true)}>保存</Button>
         </div>
 

src/modules/course-manage/components/GraphicsEditor.jsx

@@ -127,7 +127,6 @@ class GraphicsEditor extends React.Component {
         'xmimage',
         'xmvideo',
         'table',
-        'code',
         'splitLine',
         'undo',
         'redo',

src/modules/course-manage/components/GraphicsEditor.less

@@ -23,6 +23,7 @@
     background-color: #fff !important;
     border: none !important;
     border-bottom: 1px solid #E8E8E8 !important;
+    width: 700px;
   }
 
   .w-e-text-container {
@@ -42,6 +43,7 @@
     }
   }
   &.introduce {
+    height: 200px;
     .w-e-text-container {
       height: ~'calc(100% - 41px)' !important;
     }

src/modules/course-manage/graphics-course/AddGraphicsCourse.jsx

@@ -66,7 +66,7 @@ class AddGraphicsCourse extends React.Component {
       courseCatalogList:[], //分类列表
       categoryId:null, //分类的Id值
       whetherVisitorsJoin: 'NO', // 是否允许游客加入
-      isContent: '',
+      isContent: true,
     }
   }
 
@@ -113,17 +113,17 @@ class AddGraphicsCourse extends React.Component {
     });
   }
   
-  catalogChange= (value) => {
+  catalogChange= (value, options) => {
     const changeValueLength = value.length;
     switch (changeValueLength){
       case 1:
-        this.setState({categoryId:value[0]});   
+        this.setState({ categoryId: value[0], categoryName: options[0].categoryName });
       break;
       case 2:
-        this.setState({categoryId:value[1]});
+        this.setState({ categoryId: value[1], categoryName: `${options[0].categoryName}-${options[1].categoryName}` });
       break;
       default:
-        this.setState({categoryId:null});
+        this.setState({ categoryId: null, categoryName: '' });
       break;    
     }
   }
@@ -285,7 +285,7 @@ class AddGraphicsCourse extends React.Component {
       courseMedia,
       introduce,
     }
-
+    console.log()
     const previewGraphicsModal = (
       <PreviewGraphicsModal
         courseBasicInfo={courseBasinInfo}

src/modules/course-manage/graphics-course/components/AddGraphicsIntro.jsx

@@ -2,7 +2,7 @@
  * @Author: 吴文洁 
  * @Date: 2020-07-16 11:05:17 
  * @Last Modified by: chenshu
- * @Last Modified time: 2021-03-22 17:43:10
+ * @Last Modified time: 2021-03-24 14:40:40
  * @Description: 添加直播-简介
  */
 
@@ -163,15 +163,15 @@ class AddGraphicsIntro extends React.Component {
                 </Col>  
                 <Col span={21}>
                   <div className="desc">
-                    <div>开启：此图文课将在用户店铺的图文课列表中出现</div>
-                    <div>关闭：此图文课将在用户店铺的图文课列表中隐藏</div>
+                    <div>开启：图文课将在用户学员表中展示</div>
+                    <div>关闭：图文课将在用户学员表中隐藏</div>
                   </div>
                 </Col> 
               </Row>
           </div>
         </div>
-        <div className="introduce">
-          <span className="label">课程内容：</span>
+        <div className="introduce required">
+          <span className="label" style={{ marginTop: 5 }}>课程内容：</span>
           <div className="content">
             <div className="intro-list">
               <div className="intro-list__item content-editor">

src/modules/course-manage/graphics-course/modal/WatchDataModal.jsx

@@ -2,7 +2,7 @@
  * @Author: 吴文洁 
  * @Date: 2020-05-19 11:01:31 
  * @Last Modified by: chenshu
- * @Last Modified time: 2021-03-19 16:25:31
+ * @Last Modified time: 2021-03-24 15:13:38
  * @Description 余额异常弹窗
  */
 import React from 'react';
@@ -107,7 +107,7 @@ class WatchDataModal extends React.Component {
         }
       },
       {
-        title: '观看时长',
+        title: '观看总时长',
         key: 'watchDuration',
         dataIndex: 'watchDuration',
         render: (val) => {

src/modules/course-manage/modal/PreviewGraphicsModal.less

@@ -81,20 +81,12 @@
         .intro-item:not(:first-child) {
           margin-top: 13px;
         }
-
-        .text {
-          color: #666;
-          line-height: 17px;
-
-          p {
-            font-size: 12px;
-          }
+        color: #666;
+        p {
+          font-size: 12px;
         }
-
-        .picture {
-          img {
-            width: 100%;
-          }
+        img {
+          max-width: 100%;
         }
       }
     }