Merge branch 'dev_aliyun' of http://bdgit.educoder.net/Hjqreturn/educoder into dev_aliyun
cxt
5 years ago
commit
e9cc7b9e30
|
After Width: | Height: | Size: 153 KiB |
@ -0,0 +1,111 @@
|
|||||||
|
import React, { Component } from 'react';
|
||||||
|
import {Button, Card, Row, Col ,Upload,Icon,message,Tabs,Form,Input} from 'antd';
|
||||||
|
import axios from 'axios';
|
||||||
|
import {getImageUrl,getUrl} from 'educoder';
|
||||||
|
import TPMMDEditor from '../tpm/challengesnew/TPMMDEditor';
|
||||||
|
class Osshackathonmd extends Component{
|
||||||
|
constructor(props) {
|
||||||
|
super(props)
|
||||||
|
this.contentMdRef = React.createRef();
|
||||||
|
this.state={
|
||||||
|
title_num: 0,
|
||||||
|
title_value: undefined
|
||||||
|
}
|
||||||
|
}
|
||||||
|
componentDidUpdate =(prevState)=>{
|
||||||
|
// if(prevState!=this.props){
|
||||||
|
// let url=`/osshackathon/edit_hackathon.json`;
|
||||||
|
// axios.get(url).then((result)=>{
|
||||||
|
// if(result.status==200){
|
||||||
|
// this.setState({
|
||||||
|
// title_value:result.data.name
|
||||||
|
// })
|
||||||
|
// this.contentMdRef.current.setValue(result.data.description);
|
||||||
|
// }
|
||||||
|
// })
|
||||||
|
// }
|
||||||
|
}
|
||||||
|
componentDidMount(){
|
||||||
|
let url=`/osshackathon/edit_hackathon.json`;
|
||||||
|
axios.get(url).then((result)=>{
|
||||||
|
if(result.status==200){
|
||||||
|
this.setState({
|
||||||
|
title_value:result.data.name
|
||||||
|
})
|
||||||
|
this.contentMdRef.current.setValue(result.data.description);
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
// 输入title
|
||||||
|
changeTitle = (e) => {
|
||||||
|
// title_num: 60 - parseInt(e.target.value.length),
|
||||||
|
this.setState({
|
||||||
|
title_num: e.target.value.length,
|
||||||
|
title_value: e.target.value
|
||||||
|
})
|
||||||
|
|
||||||
|
}
|
||||||
|
handleSubmit = () => {
|
||||||
|
let {title_value}=this.state;
|
||||||
|
const mdContnet = this.contentMdRef.current.getValue().trim();
|
||||||
|
// if(mdContnet.length>10000){
|
||||||
|
// this.props.showNotification("内容超过10000个字");
|
||||||
|
// return
|
||||||
|
// }
|
||||||
|
|
||||||
|
let url=`/osshackathon/update_hackathon.json`;
|
||||||
|
axios.post(url,{
|
||||||
|
name:title_value,
|
||||||
|
description:mdContnet,
|
||||||
|
}
|
||||||
|
).then((response) => {
|
||||||
|
if(response.data.status===0){
|
||||||
|
this.props.getosshackathon()
|
||||||
|
this.props.hidehackathonedit()
|
||||||
|
this.props.showNotification(`提交成功`);
|
||||||
|
}
|
||||||
|
}).catch((error) => {
|
||||||
|
console.log(error)
|
||||||
|
})
|
||||||
|
|
||||||
|
}
|
||||||
|
render() {
|
||||||
|
|
||||||
|
|
||||||
|
// console.log(this.props.tabkey)
|
||||||
|
// console.log(chart_rules)
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div className={"mt20"}>
|
||||||
|
<Form>
|
||||||
|
<Form.Item label="标题">
|
||||||
|
<Input placeholder="请输入标题"
|
||||||
|
value={this.state.title_value}
|
||||||
|
onInput={this.changeTitle}
|
||||||
|
className="searchView searchViewAfter h45input" style={{"width": "100%"}} maxLength="60"
|
||||||
|
addonAfter={String(this.state.title_value===undefined?0:this.state.title_value.length)+"/60"}
|
||||||
|
/>
|
||||||
|
</Form.Item>
|
||||||
|
|
||||||
|
<Form.Item label="描述">
|
||||||
|
<TPMMDEditor ref={this.contentMdRef} placeholder="请输入描述" mdID={'courseContentMD'} refreshTimeout={1500}
|
||||||
|
className="courseMessageMD" initValue={this.state.description}></TPMMDEditor>
|
||||||
|
</Form.Item>
|
||||||
|
</Form>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<div className="clearfix mt30 mb30">
|
||||||
|
<div className={"fr"}>
|
||||||
|
<Button type="primary" onClick={this.handleSubmit} className="defalutSubmitbtn fl mr20">提交</Button>
|
||||||
|
<a className="defalutCancelbtn fl" onClick={() => this.props.hidehackathonedit()}>取消</ a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
export default Osshackathonmd;
|
||||||
@ -0,0 +1,217 @@
|
|||||||
|
import React, { Component } from 'react';
|
||||||
|
import {Button, Card, Row, Col ,Upload,Icon,message,Tabs,Form,Input,Modal} from 'antd';
|
||||||
|
import axios from 'axios';
|
||||||
|
import {getImageUrl,getUrl,WordNumberTextarea} from 'educoder';
|
||||||
|
|
||||||
|
class Osshackathonmodel extends Component{
|
||||||
|
constructor(props) {
|
||||||
|
super(props)
|
||||||
|
this.state={
|
||||||
|
title_num: 0,
|
||||||
|
title_value: undefined,
|
||||||
|
Textarea_comment:undefined
|
||||||
|
}
|
||||||
|
}
|
||||||
|
componentDidUpdate =(prevState)=>{
|
||||||
|
// if(prevState!=this.props){
|
||||||
|
// let name=this.props&&this.props.modelname;
|
||||||
|
// let mdvalue=this.props&&this.props.modeldescription;
|
||||||
|
// this.setState({
|
||||||
|
// title_value:name,
|
||||||
|
// Textarea_comment:mdvalue
|
||||||
|
// })
|
||||||
|
// }
|
||||||
|
}
|
||||||
|
componentDidMount(){
|
||||||
|
if(this.props.modelid===undefined){
|
||||||
|
this.setState({
|
||||||
|
title_value:undefined,
|
||||||
|
Textarea_comment:undefined
|
||||||
|
})
|
||||||
|
}else{
|
||||||
|
let url=`/osshackathon/${this.props.modelid}/edit.json`;
|
||||||
|
axios.get(url).then((result)=>{
|
||||||
|
if(result.status==200){
|
||||||
|
this.setState({
|
||||||
|
title_value:result.data.name,
|
||||||
|
Textarea_comment:result.data.description
|
||||||
|
})
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
handleSubmit = () => {
|
||||||
|
let {title_value,Textarea_comment}=this.state;
|
||||||
|
// if(mdContnet.length>10000){
|
||||||
|
// this.props.showNotification("内容超过10000个字");
|
||||||
|
// return
|
||||||
|
// }
|
||||||
|
//
|
||||||
|
|
||||||
|
if(this.props.modelid===undefined){
|
||||||
|
let url=`/osshackathon.json`;
|
||||||
|
axios.post(url,{
|
||||||
|
name:title_value,
|
||||||
|
description:Textarea_comment,
|
||||||
|
}
|
||||||
|
).then((response) => {
|
||||||
|
if(response.data.status===0){
|
||||||
|
|
||||||
|
this.props.getosshackathon()
|
||||||
|
this.props.hideeditSignupentry()
|
||||||
|
this.props.showNotification(`提交成功`);
|
||||||
|
}
|
||||||
|
}).catch((error) => {
|
||||||
|
console.log(error)
|
||||||
|
})
|
||||||
|
}else{
|
||||||
|
let url=`/osshackathon/${this.props.modelid}.json`
|
||||||
|
axios.put(url,{
|
||||||
|
name:title_value,
|
||||||
|
description:Textarea_comment,
|
||||||
|
}
|
||||||
|
).then((response) => {
|
||||||
|
if(response.data.status===0){
|
||||||
|
|
||||||
|
this.props.getosshackathon()
|
||||||
|
this.props.hideeditSignupentry()
|
||||||
|
this.props.showNotification(`提交成功`);
|
||||||
|
}
|
||||||
|
}).catch((error) => {
|
||||||
|
console.log(error)
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
changeTitle=(e)=>{
|
||||||
|
this.setState({
|
||||||
|
title_value:e.target.value,
|
||||||
|
title_num:e.target.value.length,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
Textarea_comment=(e)=>{
|
||||||
|
this.setState({
|
||||||
|
Textarea_comment:e.target.value,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
render() {
|
||||||
|
let {textareavaltype}=this.state;
|
||||||
|
// console.log(this.props.tabkey)
|
||||||
|
console.log(this.props.Osshackathonmodeltype)
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
{
|
||||||
|
`
|
||||||
|
@media (max-width: 2000px) {
|
||||||
|
.WordNumberTextarea{
|
||||||
|
height: 130px !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1350px) {
|
||||||
|
.HomeworkModal{
|
||||||
|
top:10px !important;
|
||||||
|
}
|
||||||
|
.WordNumberTextarea{
|
||||||
|
height: 80px !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1250px) {
|
||||||
|
.HomeworkModal{
|
||||||
|
top:0px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.WordNumberTextarea{
|
||||||
|
height: 40px !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
`
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<Modal
|
||||||
|
keyboard={false}
|
||||||
|
className={"HomeworkModal"}
|
||||||
|
title={"新建项目"}
|
||||||
|
visible={this.props.Osshackathonmodeltype}
|
||||||
|
closable={false}
|
||||||
|
footer={null}
|
||||||
|
destroyOnClose={true}
|
||||||
|
>
|
||||||
|
|
||||||
|
<div className={"pd015"}>
|
||||||
|
<style>
|
||||||
|
{
|
||||||
|
`
|
||||||
|
.pd015{
|
||||||
|
padding: 0px 15px 15px 15px;
|
||||||
|
}
|
||||||
|
.font{
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: 400;
|
||||||
|
color: rgba(5,16,26,1);
|
||||||
|
}
|
||||||
|
.newfont{
|
||||||
|
height: 16px;
|
||||||
|
font-size: 16px;
|
||||||
|
font-weight: 400;
|
||||||
|
color: rgba(5,16,26,1);
|
||||||
|
line-height: 16px;
|
||||||
|
margin-bottom: 5px;
|
||||||
|
}
|
||||||
|
.Osshackathonmodelinput .ant-input, .ant-input .ant-input-suffix{
|
||||||
|
background: #fff !important;
|
||||||
|
}
|
||||||
|
.Osshackathonmodelinput .ant-input-group-wrapper{
|
||||||
|
width:510px !important;
|
||||||
|
margin-left: 10px;
|
||||||
|
}
|
||||||
|
`
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<div className="clearfix">
|
||||||
|
<p className={"font mt10 mb10 ml10"}>
|
||||||
|
名称
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<Input placeholder="请输入项目名称"
|
||||||
|
value={this.state.title_value}
|
||||||
|
onInput={(e)=>this.changeTitle(e)}
|
||||||
|
className={"Osshackathonmodelinput"}
|
||||||
|
style={{"width": "100%"}} maxLength="60"
|
||||||
|
addonAfter={String(this.state.title_value===undefined?0:this.state.title_value.length)+"/60"}
|
||||||
|
/>
|
||||||
|
|
||||||
|
<p className={"font mt10 mb10 ml10"}>
|
||||||
|
描述
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<WordNumberTextarea
|
||||||
|
placeholder={"请输入项目描述"}
|
||||||
|
onInput={(e)=>this.Textarea_comment(e)}
|
||||||
|
value={this.state.Textarea_comment}
|
||||||
|
maxlength={500}
|
||||||
|
/>
|
||||||
|
|
||||||
|
<li style={{height:"20px",lineHeight:"20px"}} className={textareavaltype===true?"color-red mt20 mb10":"none"}><span>评阅内容至少有一个不为空</span></li>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className={textareavaltype===false?"mt20 clearfix edu-txt-center":"clearfix edu-txt-center mt20"}>
|
||||||
|
<a className="task-btn color-white mr30" onClick={()=>this.props.hideeditSignupentry()}>取消</a>
|
||||||
|
<a className="task-btn task-btn-orange" onClick={()=>this.handleSubmit()}>确定</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</Modal>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
export default Osshackathonmodel;
|
||||||
Loading…
Reference in new issue