|
|
|
@ -17,6 +17,7 @@ import {getUploadActionUrl, bytesToSize, uploadNameSizeSeperator, appendFileSize
|
|
|
|
|
const confirm = Modal.confirm;
|
|
|
|
|
const $ = window.$
|
|
|
|
|
const { Option } = Select;
|
|
|
|
|
const MAX_TITLE_LENGTH = 60
|
|
|
|
|
// https://lanhuapp.com/web/#/item/project/board/detail?pid=a3bcd4b1-99ce-4e43-8ead-5b8b0a410807&project_id=a3bcd4b1-99ce-4e43-8ead-5b8b0a410807&image_id=71072679-b925-4824-aceb-4649535e3652
|
|
|
|
|
class BoardsNew extends Component{
|
|
|
|
|
constructor(props){
|
|
|
|
@ -27,7 +28,7 @@ class BoardsNew extends Component{
|
|
|
|
|
this.state = {
|
|
|
|
|
fileList: [],
|
|
|
|
|
boards: [],
|
|
|
|
|
title_num: 60
|
|
|
|
|
title_num: 0
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
addSuccess = () => {
|
|
|
|
@ -95,7 +96,7 @@ class BoardsNew extends Component{
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
this.setState({ fileList: _fileList, board_name: data.board_name, title_num: 60 - parseInt(data.subject.length) })
|
|
|
|
|
this.setState({ fileList: _fileList, board_name: data.board_name, title_num: parseInt(data.subject.length) })
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
@ -233,9 +234,15 @@ class BoardsNew extends Component{
|
|
|
|
|
changeTitle=(e)=>{
|
|
|
|
|
console.log(e.target.value.length);
|
|
|
|
|
this.setState({
|
|
|
|
|
title_num: 60 - parseInt(e.target.value.length)
|
|
|
|
|
title_num: parseInt(e.target.value.length)
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
goBack = () => {
|
|
|
|
|
// this.props.history.goBack()
|
|
|
|
|
const courseId=this.props.match.params.coursesId;
|
|
|
|
|
const boardId = this.props.match.params.boardId
|
|
|
|
|
this.props.toListPage(courseId, boardId)
|
|
|
|
|
}
|
|
|
|
|
render() {
|
|
|
|
|
let { addGroup, fileList, course_id, title_num } = this.state;
|
|
|
|
|
const { getFieldDecorator } = this.props.form;
|
|
|
|
@ -309,8 +316,8 @@ class BoardsNew extends Component{
|
|
|
|
|
<p className="clearfix mt20 mb20">
|
|
|
|
|
<span className="fl font-24 color-grey-3">{this.isEdit ? "编辑" : "新建"}帖子</span>
|
|
|
|
|
<a href="javascript:void(0)" className="color-grey-6 fr font-16 mr2"
|
|
|
|
|
onClick={() => this.props.history.goBack()}>
|
|
|
|
|
{/*返回*/}
|
|
|
|
|
onClick={this.goBack}>
|
|
|
|
|
返回
|
|
|
|
|
</a>
|
|
|
|
|
</p>
|
|
|
|
|
{/* notRequired */}
|
|
|
|
@ -339,11 +346,11 @@ class BoardsNew extends Component{
|
|
|
|
|
rules: [{
|
|
|
|
|
required: true, message: '请输入标题',
|
|
|
|
|
}, {
|
|
|
|
|
max: 60, message: '最大限制为60个字符',
|
|
|
|
|
max: MAX_TITLE_LENGTH, message: `最大限制为${MAX_TITLE_LENGTH}个字符`,
|
|
|
|
|
}],
|
|
|
|
|
})(
|
|
|
|
|
<Input placeholder="请输入帖子标题,最大限制60个字符" className="searchViewAfter" maxLength="60"
|
|
|
|
|
onInput={this.changeTitle} addonAfter={String(title_num)} />
|
|
|
|
|
<Input placeholder={`请输入帖子标题,最大限制${MAX_TITLE_LENGTH}个字符 `}className="searchViewAfter" maxLength={MAX_TITLE_LENGTH}
|
|
|
|
|
onInput={this.changeTitle} addonAfter={`${title_num}/${MAX_TITLE_LENGTH}`} />
|
|
|
|
|
)}
|
|
|
|
|
</Form.Item>
|
|
|
|
|
|
|
|
|
|