|
|
|
@ -3,7 +3,7 @@ import './css/moopCases.css'
|
|
|
|
import '../courses/css/Courses.css'
|
|
|
|
import '../courses/css/Courses.css'
|
|
|
|
import { Form , Input , Upload , Button , Icon , message , Tooltip } from "antd";
|
|
|
|
import { Form , Input , Upload , Button , Icon , message , Tooltip } from "antd";
|
|
|
|
|
|
|
|
|
|
|
|
import { getImageUrl , MarkdownToHtml , ActionBtn , appendFileSizeToUploadFile , appendFileSizeToUploadFileAll , getUrl , getUploadActionUrl } from 'educoder';
|
|
|
|
import { getImageUrl , setImagesUrl , MarkdownToHtml , ActionBtn , appendFileSizeToUploadFile , appendFileSizeToUploadFileAll , getUrl , getUploadActionUrl } from 'educoder';
|
|
|
|
|
|
|
|
|
|
|
|
import Tags from './CaseTags'
|
|
|
|
import Tags from './CaseTags'
|
|
|
|
|
|
|
|
|
|
|
|
@ -87,20 +87,18 @@ class CaseNew extends Component{
|
|
|
|
}
|
|
|
|
}
|
|
|
|
// 上传附件-change
|
|
|
|
// 上传附件-change
|
|
|
|
handleContentUploadChange = (info) => {
|
|
|
|
handleContentUploadChange = (info) => {
|
|
|
|
let contentFileList = info.fileList;
|
|
|
|
if (info.file.status === 'done' || info.file.status === 'uploading') {
|
|
|
|
this.setState({ contentFileList: appendFileSizeToUploadFileAll(contentFileList)});
|
|
|
|
let contentFileList = info.fileList;
|
|
|
|
let list = appendFileSizeToUploadFileAll(contentFileList);
|
|
|
|
this.setState({ contentFileList: appendFileSizeToUploadFileAll(contentFileList)});
|
|
|
|
let arr = list.map(item=>{
|
|
|
|
let list = appendFileSizeToUploadFileAll(contentFileList);
|
|
|
|
return ( item.response && item.response.id )
|
|
|
|
let arr = list.map(item=>{
|
|
|
|
})
|
|
|
|
return ( item.response && item.response.id )
|
|
|
|
this.setState({
|
|
|
|
})
|
|
|
|
filesID:arr,
|
|
|
|
this.setState({
|
|
|
|
checkFile:arr.length > 0 ? false : true
|
|
|
|
filesID:arr,
|
|
|
|
})
|
|
|
|
checkFile:arr.length > 0 ? false : true
|
|
|
|
console.log("fujian");
|
|
|
|
})
|
|
|
|
console.log(list.map(item=>{
|
|
|
|
}
|
|
|
|
return ( item.response && item.response.id )
|
|
|
|
|
|
|
|
}));
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
// 上传封面图-change
|
|
|
|
// 上传封面图-change
|
|
|
|
@ -139,7 +137,7 @@ class CaseNew extends Component{
|
|
|
|
userUnit:this.props.CaseDetail.author_school_name,
|
|
|
|
userUnit:this.props.CaseDetail.author_school_name,
|
|
|
|
})
|
|
|
|
})
|
|
|
|
this.setState({
|
|
|
|
this.setState({
|
|
|
|
contentFileList:this.props.CaseDetail.attachments.map(item => {
|
|
|
|
contentFileList:this.props.attachments.map(item => {
|
|
|
|
return {
|
|
|
|
return {
|
|
|
|
id: item.id,
|
|
|
|
id: item.id,
|
|
|
|
uid: item.id,
|
|
|
|
uid: item.id,
|
|
|
|
@ -149,12 +147,18 @@ class CaseNew extends Component{
|
|
|
|
status: 'done'
|
|
|
|
status: 'done'
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}),
|
|
|
|
}),
|
|
|
|
|
|
|
|
filesID:this.props.attachments.map(item => {
|
|
|
|
|
|
|
|
return ( item.id )
|
|
|
|
|
|
|
|
}),
|
|
|
|
coverID:this.props.cover && this.props.cover.id,
|
|
|
|
coverID:this.props.cover && this.props.cover.id,
|
|
|
|
imageUrl:this.props.CaseDetail.cover && getImageUrl(this.props.CaseDetail.cover.url),
|
|
|
|
imageUrl:this.props.CaseDetail.cover && setImagesUrl(this.props.CaseDetail.cover.url),
|
|
|
|
casesTags:this.props.tags.map(item=>{
|
|
|
|
casesTags:this.props.tags.map(item=>{
|
|
|
|
return (item.id);
|
|
|
|
return (item.id);
|
|
|
|
})
|
|
|
|
})
|
|
|
|
})
|
|
|
|
})
|
|
|
|
|
|
|
|
console.log(this.props.attachments.map(item => {
|
|
|
|
|
|
|
|
return ( item.id )
|
|
|
|
|
|
|
|
}))
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@ -183,7 +187,11 @@ class CaseNew extends Component{
|
|
|
|
})
|
|
|
|
})
|
|
|
|
return;
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
//const mdContnet = this.DescMdRef.current.getValue().trim();
|
|
|
|
|
|
|
|
|
|
|
|
const mdContnet = this.DescMdRef.current.getValue().trim();
|
|
|
|
|
|
|
|
console.log(mdContnet)
|
|
|
|
|
|
|
|
values.description = mdContnet;
|
|
|
|
|
|
|
|
|
|
|
|
console.log(values);
|
|
|
|
console.log(values);
|
|
|
|
let url = caseID ? `/libraries/${caseID}.json`: `/libraries.json`;
|
|
|
|
let url = caseID ? `/libraries/${caseID}.json`: `/libraries.json`;
|
|
|
|
if(caseID){
|
|
|
|
if(caseID){
|
|
|
|
@ -260,9 +268,13 @@ class CaseNew extends Component{
|
|
|
|
beforeUpload: (file) => {
|
|
|
|
beforeUpload: (file) => {
|
|
|
|
const isLt150M = file.size / 1024 / 1024 < 150;
|
|
|
|
const isLt150M = file.size / 1024 / 1024 < 150;
|
|
|
|
if (!isLt150M) {
|
|
|
|
if (!isLt150M) {
|
|
|
|
message.error('文件大小必须小于150MB!');
|
|
|
|
//message.error('文件大小必须小于150MB!');
|
|
|
|
|
|
|
|
this.props.define({
|
|
|
|
|
|
|
|
title:'提示',
|
|
|
|
|
|
|
|
content:"该文件无法上传。超过文件大小限制(150MB),建议上传到百度云等其它共享工具里，然后再txt文档里给出链接以及共享密码并上传"
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
return isLt150M;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
return isLt150M;
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
};
|
|
|
|
};
|
|
|
|
// 上传封面图-html
|
|
|
|
// 上传封面图-html
|
|
|
|
@ -279,6 +291,8 @@ class CaseNew extends Component{
|
|
|
|
action:`${getUploadActionUrl()}`,
|
|
|
|
action:`${getUploadActionUrl()}`,
|
|
|
|
onChange:this.handleChange,
|
|
|
|
onChange:this.handleChange,
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
console.log('111');
|
|
|
|
|
|
|
|
console.log(!caseID || (CaseDetail && CaseDetail.status == "pending"));
|
|
|
|
return(
|
|
|
|
return(
|
|
|
|
<div className="educontent mt10 mb50">
|
|
|
|
<div className="educontent mt10 mb50">
|
|
|
|
<style>
|
|
|
|
<style>
|
|
|
|
@ -379,7 +393,7 @@ class CaseNew extends Component{
|
|
|
|
<p className="ant-upload-text color-grey-c">从我的电脑选择要上传的文档：按住CTRL可以上传多份文档。单个文件最大限制：150MB</p>
|
|
|
|
<p className="ant-upload-text color-grey-c">从我的电脑选择要上传的文档：按住CTRL可以上传多份文档。单个文件最大限制：150MB</p>
|
|
|
|
</Dragger>
|
|
|
|
</Dragger>
|
|
|
|
{
|
|
|
|
{
|
|
|
|
checkFile && <div style={{left:"0px",bottom:"-21px"}} class="ant-form-explain">请先上传附件</div>
|
|
|
|
checkFile == true && <div style={{left:"0px",bottom:"-21px"}} class="ant-form-explain">请先上传附件</div>
|
|
|
|
}
|
|
|
|
}
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<p className="lineh-25 mt20 mb10 clearfix">
|
|
|
|
<p className="lineh-25 mt20 mb10 clearfix">
|
|
|
|
@ -419,7 +433,7 @@ class CaseNew extends Component{
|
|
|
|
<Form.Item>
|
|
|
|
<Form.Item>
|
|
|
|
<div className="clearfix mt30 mb30">
|
|
|
|
<div className="clearfix mt30 mb30">
|
|
|
|
{
|
|
|
|
{
|
|
|
|
!caseID && <Button type="primary" onClick={()=>this.handleSubmit("submit")} className="defalutSubmitbtn fl mr20">申请发布</Button>
|
|
|
|
(!caseID || (CaseDetail && CaseDetail.status == "pending")) ? <Button type="primary" onClick={()=>this.handleSubmit("submit")} className="defalutSubmitbtn fl mr20">申请发布</Button> : ""
|
|
|
|
}
|
|
|
|
}
|
|
|
|
<a className="defalutCancelbtn fl" onClick={()=>this.handleSubmit("save")}>保存</ a>
|
|
|
|
<a className="defalutCancelbtn fl" onClick={()=>this.handleSubmit("save")}>保存</ a>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
