import React from 'react'; import $ from 'jquery/src/ajax'; import { Modal, message, Spin, Upload, Button, Form, } from 'antd'; import {getVideoStatus,splitUrl,getVideoType,getVideoPosition} from '@/tools'; const NewDetail = Form.create()(React.createClass({ getInitialState() { return { visible: false, loading: false, textFileList: [], videoFileList: [], previewVisibleImg:false, pictureUrl: [], videoUrl:[] }; }, loadData(id) { this.setState({ loading: true }); $.ajax({ method: "get", dataType: "json", crossDomain: false, url: globalConfig.context + '/api/admin/video/getVideoById' , data: { id: id }, success: function (data) { let thisData = data.data; if (!thisData) { if (data.error && data.error.length) { message.warning(data.error[0].message); }; thisData = {}; }; let videoUrl =thisData.url ? splitUrl(thisData.url, ',', globalConfig.videoServer) : []; videoUrl[0].name=thisData.url.split('/').pop(); videoUrl[0].thumbUrl=globalConfig.avatarHost + '/upload'+thisData.coverUrl; this.setState({ id:thisData.id, data: thisData, videoUrl: videoUrl, pictureUrl: thisData.coverUrl ? splitUrl(thisData.coverUrl, ',', globalConfig.avatarHost + '/upload') : [] }); }.bind(this), }).always(function () { this.setState({ loading: false }); }.bind(this)); }, cancelFun(){ this.props.closeDesc(); }, //撤销发布 revokeFun(){ this.setState({ loading:true }) $.ajax({ method: "POST", dataType: "json", crossDomain: false, url: globalConfig.context + '/api/admin/video/updateVideo', data: { id: this.state.id, status:2, } }).done(function (data) { if (!data.error.length) { message.success('撤销成功!'); this.setState({ loading: false, }); } else { message.warning(data.error[0].message); }; this.props.handOk(); }.bind(this)); }, componentWillMount() { if (this.props.data.id) { this.loadData(this.props.data.id); } else { this.state.data = {}; }; }, componentWillReceiveProps(nextProps) { if (!this.props.visible && nextProps.visible) { this.state.textFileList = []; this.state.videoFileList = []; if (nextProps.data.id) { this.loadData(nextProps.data.id); } else { this.state.data = {}; this.state.pictureUrl = []; }; this.props.form.resetFields(); }; }, render() { const theData = this.state.data || {}; const FormItem = Form.Item const formItemLayout = { labelCol: { span: 6 }, wrapperCol: { span: 12 }, }; return (
{theData.name} {getVideoType(theData.type)}
{ this.setState({ previewImage: file.url || file.thumbUrl, previewVisible: true, }); }} > { this.setState({ previewVisible: false }); let video = document.getElementsByTagName('video')[0]; video.pause();}} >
{ this.setState({ previewImage: file.url || file.thumbUrl, previewVisibleImg: true, }); }} > { this.setState({ previewVisibleImg: false }) }}>
{theData.summary}
{getVideoPosition(theData.position)} {theData.owner=='1'?'管理员':theData.owner} {getVideoStatus(theData.status)} {theData.transcoding=='2'?'已转码':'正在转码'}
{theData.status=='1'&& }
) } })); export default NewDetail;