From 1c99de4c8453bcee246d432409b4a28ef7553447 Mon Sep 17 00:00:00 2001
From: caicai8 <1149225589@qq.com>
Date: Thu, 13 Feb 2020 16:13:45 +0800
Subject: [PATCH] =?UTF-8?q?=E5=BF=85=E9=80=89=E7=AD=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
.../src/modules/courses/Video/LiveNew.js | 56 +++++++++----------
1 file changed, 28 insertions(+), 28 deletions(-)
diff --git a/public/react/src/modules/courses/Video/LiveNew.js b/public/react/src/modules/courses/Video/LiveNew.js
index d505f052d..6d4197171 100644
--- a/public/react/src/modules/courses/Video/LiveNew.js
+++ b/public/react/src/modules/courses/Video/LiveNew.js
@@ -1,5 +1,5 @@
import React,{ Component } from "react";
-import { Modal , Form , Input , Spin , Select , DatePicker , InputNumber } from 'antd';
+import { Modal , Form , Input , Spin , Select , AutoComplete , DatePicker , InputNumber } from 'antd';
import locale from 'antd/lib/date-picker/locale/zh_CN';
import moment from 'moment';
import { handleDateString } from 'educoder';
@@ -9,6 +9,7 @@ import axios from 'axios';
const { TextArea } = Input;
const { Option } = Select;
+const array=['腾讯课堂','B站','斗鱼','威佰通']
function range(start, end) {
const result = [];
@@ -34,17 +35,14 @@ class LiveNew extends Component{
this.state={
isSpining:false,
beginTime:undefined,
- beginTimeFlag:false,
}
}
componentDidMount=()=>{
- console.log("1",this.props.liveId)
this.checkType();
}
componentDidUpdate=(prevState)=>{
- console.log("2",prevState.liveId);
if(prevState && prevState.liveId !== this.props.liveId){
this.setState({
isSpining:true
@@ -55,7 +53,6 @@ class LiveNew extends Component{
checkType=()=>{
const { liveId } = this.props;
- console.log("3",this.props.liveId);
this.clearAll();
if(liveId){
const url =`/live_links/${liveId}/edit.json`;
@@ -64,7 +61,7 @@ class LiveNew extends Component{
this.props.form.setFieldsValue({
url:result.data.url,
description:result.data.description,
- platform:result.data.platform || "tencent",
+ platform:result.data.platform || "腾讯课堂",
duration:result.data.duration,
course_name:result.data.course_name
})
@@ -80,15 +77,12 @@ class LiveNew extends Component{
}
handleSubmit=()=>{
+ this.setState({
+ isSpining:true
+ })
this.props.form.validateFields((err, values) => {
if(!err){
- const { beginTime } = this.state;
- if(!beginTime){
- this.setState({
- beginTimeFlag:true
- })
- return;
- }
+ console.log(values);
const { liveId } = this.props;
if(liveId){
// 修改
@@ -108,6 +102,9 @@ class LiveNew extends Component{
live_time:beginTime
}).then(result=>{
if(result){
+ this.setState({
+ isSpining:false
+ })
this.props.showNotification("修改成功!");
const { setliveVisibel } = this.props;
setliveVisibel && setliveVisibel(false,true);
@@ -127,6 +124,9 @@ class LiveNew extends Component{
live_time:beginTime
}).then(result=>{
if(result){
+ this.setState({
+ isSpining:false
+ })
this.props.showNotification("添加成功!");
const { setliveVisibel } = this.props;
setliveVisibel && setliveVisibel(false,true);
@@ -156,7 +156,7 @@ class LiveNew extends Component{
clearAll=()=>{
this.props.form.setFieldsValue({
course_name:undefined,
- platform:"tencent",
+ platform:"腾讯课堂",
url:undefined,
description:undefined,
duration:undefined
@@ -173,10 +173,15 @@ class LiveNew extends Component{
}
render(){
- const { isSpining , beginTime , beginTimeFlag } = this.state;
+ const { isSpining , beginTime } = this.state;
const {getFieldDecorator} = this.props.form;
const { visible } = this.props;
+ const dataSource = array.map((item,key)=>{
+ return(
+ <Option value={item}>{item}</Option>
+ )
+ })
return(
<Modal
visible={visible}
@@ -200,26 +205,26 @@ class LiveNew extends Component{
{getFieldDecorator('platform', {
rules: [{required: true, message: "请选择直播平台"}],
})(
- <Select>
- <Option value="tencent">腾讯课堂</Option>
- <Option value="douyu">斗鱼</Option>
- <Option value="bilibili">B站</Option>
- </Select>
+ <AutoComplete
+ placeholder="请选择或输入直播平台名称"
+ dataSource={dataSource}
+ >
+ </AutoComplete>
)}
</Form.Item>
<Form.Item label={`直播链接`}>
{getFieldDecorator('url', {
- rules: [{required: true, message: "请输入第三方直播链接"}],
+ rules: [],
})(
<Input placeholder="请输入第三方直播链接，如：腾讯课堂播放链接等。" />
)}
</Form.Item>
<div className="flex-bottom">
<div className="flex1">
- <p className="ant-col ant-form-item-label color-grey-3 font-16 setStyle"><span className="color-red">*</span>开播时间</p>
+ <p className="ant-col ant-form-item-label color-grey-3 font-16 setStyle">开播时间</p>
<DatePicker
dropdownClassName="hideDisable"
- className={beginTimeFlag ? "timeStyle borderRed":"timeStyle"}
+ className="timeStyle mb20"
placeholder="年/月/日"
style={{width:"220px"}}
showTime={{ format: 'HH:mm' }}
@@ -231,11 +236,6 @@ class LiveNew extends Component{
value={beginTime && moment(beginTime,"YYYY-MM-DD HH:mm")}
onChange={this.onChangeTime}
></DatePicker>
- <p style={{height:"20px",lineHeight:"20px"}} className="pl10">
- {
- beginTimeFlag && <span className="color-red">请选择开播时间</span>
- }
- </p>
</div>
<Form.Item label={`直播时长`}>
{getFieldDecorator('duration', {