需求

public/react/src/modules/courses/Video/Live.js

@@ -1,9 +1,14 @@
 import React,{ Component } from "react";
-import { Switch , Pagination } from 'antd';
-import { NoneData } from 'educoder';
+import { Pagination } from 'antd';
+// import { NoneData } from 'educoder';
 
 import LiveItem from './LiveItem';
 import './video.css';
+
+import bilibili from './images/bilibili.png';
+import tencent from './images/tencent.png';
+import WeiBaiTong from './images/WeiBaiTong.png';
+import douyu from './images/douyu.jpg';
 class Live extends Component{
  
    render(){
@@ -11,10 +16,31 @@ class Live extends Component{
     
       return(
        <div className="livePanel">
+          <p className="mt30 mb10 color-grey-9 pl10">EduCoder支持所有第三方直播平台，特别推荐：</p>
+          <ul className="platform">
+            <li>
+              <a href="https://ke.qq.com/act/speed_pc/index.html?from=800021837" target="_blank"><img alt="" src={tencent} className="mr8" width="28px"/>
+              <label className="color-grey-3 pointer">腾讯课堂</label>
+              </a>
+              <a href="https://pub.idqqimg.com/pc/misc/files/20200204/2e4cb765bef54f0c919c0ab8ab79d969.pdf" target="_blank" className="color-blue ml20">(简明手册)</a>
+            </li>
+            <li>
+              <a href="https://live.bilibili.com/liveHime?visit_id=a81rbm7v2kk0" target="_blank"><img alt="" src={bilibili} className="mr8" width="52px"/>
+              <label className="color-grey-3 pointer">哔哩哔哩</label>
+              </a>
+              <a href="https://www.bilibili.com/blackboard/live/broadcast-intro.html#/" target="_blank" className="color-blue ml20">(简明手册)</a>
+            </li>
+            <li>
+              <a href="https://www.douyu.com/" target="_blank"><img alt="" src={douyu} className="mr8" width="28px"/>
+              <label className="color-grey-3 pointer">斗鱼</label>
+              </a>
+              <a href="https://www.douyu.com/special/guide/anchor" target="_blank" className="color-blue ml20">(简明手册)</a>
+            </li>
+          </ul>
           {
             lives && lives.length > 0 ?
             <React.Fragment>
-              <p className="font-grey-9 mt20 mb20 pl5">共 <span className="color-orange">{liveData && liveData.total_count}</span> 个视频</p>
+              <p className="font-grey-9 mt20 mb20 pl10">共 <span className="color-orange">{liveData && liveData.total_count}</span> 个视频</p>
               <div className="liveContent">
                 {
                   lives.map((item,key)=>{
@@ -38,9 +64,10 @@ class Live extends Component{
               }
             </React.Fragment>
             :
-            <div className="edu-back-white">
-              <NoneData style={{width: '100%'}}></NoneData>
-            </div>
+            ""
+            // <div className="edu-back-white">
+            //   <NoneData style={{width: '100%'}}></NoneData>
+            // </div>
           } 
        </div>
      )

public/react/src/modules/courses/Video/LiveNew.js

@@ -137,10 +137,10 @@ class LiveNew extends Component{
                   <TextArea rows={4} placeholder="可在此介绍开播具体事项，如开播时间安排等。" />
                 )}
               </Form.Item>
-              <p className="flex-middle" style={{justifyContent:"space-between"}}>
+              {/* <p className="flex-middle" style={{justifyContent:"space-between"}}>
                 <span>EduCoder推荐您使用<a href="https://ke.qq.com/" target="_blank" className="color-blue">腾讯课堂</a>进行直播</span>
                 <a href="https://pub.idqqimg.com/pc/misc/files/20200204/2e4cb765bef54f0c919c0ab8ab79d969.pdf" target="_blank" className="color-blue">操作指引</a>
-              </p>
+              </p> */}
             </Form>
             <div className="clearfix mt30 edu-txt-center">
               <a onClick={this.cancelNew} className="task-btn mr30">取消</a>

public/react/src/modules/courses/Video/VideoIndex.js

@@ -202,12 +202,18 @@ class VideoIndex extends Component{
               (admin || is_teacher || business) &&
               <li className="fr mt18">
                 {
-                  upload ?
-                  <WordsBtn style="grey" className="font-16" onClick={()=>this.uploadVideo(false)}>取消</WordsBtn>
+                  type === "video" ?
+                    <React.Fragment>
+                      {
+                        upload ?
+                        <WordsBtn style="grey" className="font-16" onClick={()=>this.uploadVideo(false)}>取消</WordsBtn>
+                        :
+                        <WordsBtn style="blue" className="font-16" onClick={this.toUpload}>上传视频</WordsBtn>
+                      }
+                    </React.Fragment>
                   :
-                  <WordsBtn style="blue" className="font-16" onClick={this.toUpload}>上传视频</WordsBtn>
+                  <WordsBtn style="blue" className="font-16 ml30" onClick={this.liveSetting}>直播设置</WordsBtn>
                 }
-                <WordsBtn style="blue" className="font-16 ml30" onClick={this.liveSetting}>直播设置</WordsBtn>
               </li>
             }
           </div>

public/react/src/modules/courses/Video/video.css

@@ -138,4 +138,16 @@
 .liveModal .ant-col.ant-form-item-label{
   height: 30px;
   line-height: 30px;
+}
+.platform{
+  background: #fff;
+  display: flex;
+  align-items: center;
+  padding:20px 10px;
+  margin-bottom: 10px;
+}
+.platform > li{
+  margin-right: 80px;
+  display: flex;
+  align-items: center;
 }

public/react/src/modules/user/usersInfo/video/VideoUploadList.js

@@ -15,7 +15,7 @@ import uploadHoverIcon from './images/upload_hover.png'
 let uploader
 const files = []
 const MAX_FILE_COUNT = 3
-const MAX_FILE_SIZE = 200
+const MAX_FILE_SIZE = 500
 let noUploads = true
 
 function VideoUploadList (props) {
@@ -74,8 +74,8 @@ function VideoUploadList (props) {
             clearInput()
             return;
         }
-        if (file.size > 200 * 1024 * 1024) {
-            // 超过200m TODO
+        if (file.size >(parseInt(MAX_FILE_SIZE) * 1024 * 1024)) {
+            // 超过500m TODO
             clearInput()
             showNotification(`视频大小超过${MAX_FILE_SIZE}M`)
             return;
@@ -428,7 +428,7 @@ function VideoUploadList (props) {
                 >继续添加</ActionBtn>}
 
                 <div className={`description ${noUploads ? 'noUploads' : ''}`}>
-                    <div className="">视频大小：不支持断点续传，单个视频文件最大200M；单次最多支持3个视频文件上传 </div>
+                    <div className="">视频大小：不支持断点续传，单个视频文件最大500M；单次最多支持3个视频文件上传 </div>
                     <div className="">视频规格：avi、flv、f4v、m4v、mov、mp4、rmvb、swf、webm </div>
                     <div className="">温馨提示：请勿上传违法视频。平台将为每一个视频分配一个地址，您可以通过引用该地址将视频使用在实训项目等模块</div>
                 </div>