@ -24,25 +24,28 @@ class Bullsubdirectory extends Component{
Modalstopval : "是否确认删除?" ,
ModalCancel : "" ,
ModalSave : "" ,
index : 0 ,
}
//不能显示数据编辑的时候没有赋值
//没加initialValue 输入不能赋值到from 上
}
componentDidMount ( ) {
console . log ( "获取到数据" ) ;
console . log ( this . props ) ;
let { id , myname , mydescription = this . props
let { id , myname , mydescription ,index , item } = this . props
this . props . form . setFieldsValue ( {
id : id ,
eduintits : my name,
description : my description,
eduintits : item. name,
description : item. description,
} ) ;
// this.contentMdRef.current.setValue(mydescription);
this . setState ( {
id : id ,
eduintits : my name,
description : my description,
eduintits : item. name,
description : item. description,
index : index
} )
if ( myname != undefined ) {
this . setState ( {
@ -108,10 +111,20 @@ class Bullsubdirectory extends Component{
}
bianji = ( bians ) => {
bianji = ( bians , i ) => {
console . log ( "bianji" ) ;
console . log ( this . props . myname ) ;
console . log ( this . props . mydescription ) ;
this . setState ( {
whethertoeditysl : bians ,
} )
eduintits : this . props . myname ,
description : this . props . mydescription ,
index : i
} ) ;
this . props . form . setFieldsValue ( {
eduintits : this . props . myname ,
description : this . props . mydescription ,
} ) ;
if ( bians === true ) {
this . props . getyslbooltrue ( ) ;
} else {
@ -143,6 +156,7 @@ class Bullsubdirectory extends Component{
handleSubmit = ( e ) => {
e . preventDefault ( ) ;
this . props . form . validateFields ( ( err , values ) => {
debugger
if ( ! err ) {
console . log ( values . description ) ;
if ( values . eduintits === undefined || values . eduintits === "" || values . eduintits === null ) {
@ -180,11 +194,11 @@ class Bullsubdirectory extends Component{
if ( result ) {
if ( result . data ) {
if ( result . data . status === 0 ) {
this . props . form . setFieldsValue ( {
} ) ;
// this.props.form.setFieldsValue({
//
//
//
// });
this . setState ( {
whethertoeditysl : false ,
id : this . state . id ,
@ -266,111 +280,118 @@ class Bullsubdirectory extends Component{
render ( ) {
let { description , whethertoeditysl , addonAfter , eduintits , informs , isSpinysl = this . state ;
let { description , whethertoeditysl , addonAfter , eduintits , informs , isSpinysl ,index } = this . state ;
let { myname , mydescription , id } = this . props ;
const { getFieldDecorator } = this . props . form ;
// console.log("Bullsubdirectory");
// console.log(this.props.isAdmin());
// console.log(this.props);
console . log ( this . props ) ;
console . log ( whethertoeditysl ) ;
console . log ( this . state . eduintits ) ;
console . log ( this . state . description ) ;
return (
< React . Fragment >
< div >
{ this . state . Modalstype && this . state . Modalstype === true ? < Modals
modalsType = { this . state . Modalstype }
modalsTopval = { this . state . Modalstopval }
modalCancel = { this . state . ModalCancel }
modalSave = { this . state . ModalSave }
/ > : " " }
< Spin size = "large" spinning = { isSpinysl } >
< div className = "edu-back-white " >
{
whethertoeditysl === false ?
< div >
< div className = "fudonyingxiangysls" >
< div className = "fudonyingxiangysl" >
< div style = { { marginRight : "60px" } } >
< span className = "ysltitbt" > { myname } < / s p a n >
< / d i v >
< div >
< React . Fragment key = { this . props . index } id = { this . props . id } >
< div key = { this . props . index } id = { this . props . id } >
{ this . state . Modalstype && this . state . Modalstype === true ? < Modals
modalsType = { this . state . Modalstype }
modalsTopval = { this . state . Modalstopval }
modalCancel = { this . state . ModalCancel }
modalSave = { this . state . ModalSave }
/ > : " " }
< Spin size = "large" spinning = { isSpinysl } >
< div className = "edu-back-white " id = {
index
} >
{
whethertoeditysl === false ?
< div id = { this . props . index } >
< div className = "fudonyingxiangysls" >
< div className = "fudonyingxiangysl" >
< div style = { { marginRight : "60px" } } >
< span className = "ysltitbt" > { myname } < / s p a n >
< / d i v >
< div >
< span className = "fr yslbianji" style = { { marginRight : "17px" } } >
{
this . props . isAdmin ( ) === true ?
( this . props . yslbool === false ?
< Tooltip placement = "bottom" title = { < div >
编辑
< / d i v > } >
< i className = "iconfont icon-bianji1 newbianji1" onClick = { ( ) => this . bianji ( true ) } > < / i >
< / T o o l t i p >
< Tooltip placement = "bottom" title = { < div >
编辑
< / d i v > } >
< i className = "iconfont icon-bianji1 newbianji1" onClick = { ( ) => this . bianji ( true , this . props . index ) } > < / i >
< / T o o l t i p >
:
""
)
: ""
}
< / s p a n >
< span className = "fr yslbianji" style = { { marginRight : "22px" } } >
< span className = "fr yslbianji" style = { { marginRight : "22px" } } >
{
this . props . isAdmin ( ) === true ?
( this . props . yslbool === false ?
< Tooltip placement = "bottom" title = { < div >
删除
< / d i v > } >
< i className = "iconfont icon-shanchu newbianji1" style = { { color : "#4CACFF" } } onClick = { ( ) => this . setModeltrue ( true ) } > < / i >
< / T o o l t i p >
< Tooltip placement = "bottom" title = { < div >
删除
< / d i v > } >
< i className = "iconfont icon-shanchu newbianji1" style = { { color : "#4CACFF" } } onClick = { ( ) => this . setModeltrue ( true ) } > < / i >
< / T o o l t i p >
:
""
)
: ""
}
< / s p a n >
{
this . props . length - 1 === this . props . index ? "" :
this . props . isAdmin ( ) === true ?
( this . props . yslbool === false ?
< a className = "fr yslbianji mr30"
style = { {
lineHeight : "31px" ,
} }
onClick = { ( ) => this . Movedown ( this . props . id ) }
> < Tooltip
title = "下移" > < i
style = { { color : "#4CACFF" } }
className = " font-18 iconfont icon-xiangxiayi" > < / i > < / T o o l t i p > < / a >
:
""
)
: ""
}
{
this . props . index === 0 ? "" :
this . props . isAdmin ( ) === true ?
( this . props . yslbool === false ?
< a className = "fr yslbianji mr30"
style = { {
lineHeight : "31px" ,
} }
onClick = { ( ) => this . Moveupward ( this . props . id ) }
> < Tooltip
title = "上移" > < i
style = { { color : "#4CACFF" } }
className = " font-18 iconfont icon-xiangshangyi" > < / i > < / T o o l t i p > < / a >
:
""
)
: ""
}
< / d i v >
< div className = "yslclear" > < / d i v >
< / d i v >
< div id = "MakedownHTML" className = "markdown-body fonttext yslmtopcg yslminHeigth markdownysltext" dangerouslySetInnerHTML = { { _ _html : markdownToHTML ( mydescription ) . replace ( /▁/g , "▁▁▁" ) } } / >
{
this . props . length - 1 === this . props . index ? "" :
this . props . isAdmin ( ) === true ?
( this . props . yslbool === false ?
< a className = "fr yslbianji mr30"
style = { {
lineHeight : "31px" ,
} }
onClick = { ( ) => this . Movedown ( this . props . id ) }
> < Tooltip
title = "下移" > < i
style = { { color : "#4CACFF" } }
className = " font-18 iconfont icon-xiangxiayi" > < / i > < / T o o l t i p > < / a >
:
""
)
: ""
}
{
this . props . index === 0 ? "" :
this . props . isAdmin ( ) === true ?
( this . props . yslbool === false ?
< a className = "fr yslbianji mr30"
style = { {
lineHeight : "31px" ,
} }
onClick = { ( ) => this . Moveupward ( this . props . id ) }
> < Tooltip
title = "上移" > < i
style = { { color : "#4CACFF" } }
className = " font-18 iconfont icon-xiangshangyi" > < / i > < / T o o l t i p > < / a >
:
""
)
: ""
}
< / d i v >
{ parseInt ( this . props && this . props . informs . length ) === parseInt ( this . props && this . props . index + 1 ) ? "" : < div className = " bor-bottom-greyE mr25 ml25 "> < / d i v > }
< div className = "yslclear" > < / d i v >
< / d i v >
:
< div className = "edu-back-white " >
< Form layout = 'vertical' onSubmit = { this . handleSubmit } >
< style >
{
` .ant-form-item{
< div id = "MakedownHTML" className = "markdown-body fonttext yslmtopcg yslminHeigth markdownysltext" dangerouslySetInnerHTML = { { _ _html : markdownToHTML ( mydescription ) . replace ( /▁/g , "▁▁▁" ) } } / >
< / d i v >
{ parseInt ( this . props && this . props . informs . length ) === parseInt ( this . props && this . props . index + 1 ) ? "" : < div className = "bor-bottom-greyE mr25 ml25" > < / d i v > }
< / d i v >
:
whethertoeditysl === true ?
< div className = "edu-back-white " key = { this . props . index } id = { this . props . id } >
< Form layout = 'vertical' onSubmit = { this . handleSubmit } key = { this . props . index } >
< style >
{
` .ant-form-item{
margin - bottom : 0 px ! important ;
}
. chooseDestwo . ant - form - item {
@ -385,49 +406,50 @@ class Bullsubdirectory extends Component{
}
`
}
< / s t y l e >
< Form . Item
style = { { "borderBottom" : 'none' } }
className = "chooseDestwo "
>
{ getFieldDecorator ( 'eduintits' , { initialValue : this . state . eduintits } , {
rules : [ {
required : true , message : '请在此输入标题,最多60个字符' ,
} ] ,
} ) (
< div className = "ysleduinwh" >
< div className = "yslduinlefts" >
< span className = "yslduincolorred" > * < / s p a n >
< / d i v >
< div className = "yslduinleft" >
< style > {
`
}
< / s t y l e >
< Form . Item
style = { { "borderBottom" : 'none' } }
className = "chooseDestwo "
key = { this . props . index }
>
{ getFieldDecorator ( 'eduintits' , { initialValue : eduintits } , {
rules : [ {
required : true , message : '请在此输入标题,最多60个字符' ,
} ] ,
} ) (
< div className = "ysleduinwh" >
< div className = "yslduinlefts" >
< span className = "yslduincolorred" > * < / s p a n >
< / d i v >
< div className = "yslduinleft" >
< style > {
`
. ant - input {
border - right : none ! important ;
height : 40 px ! important ;
}
`
} < / s t y l e >
< Input placeholder = "请在此输入标题， maxLength = "60"
style = { { textAlign : "left" , width : "100%" , } }
onInput = { this . changeTopicName }
autoComplete = "off"
addonAfter = { String ( addonAfter ) + "/60" }
value = { eduintits }
className = "searchViewAfter" > < / I n p u t >
< / d i v >
} < / s t y l e >
< Input placeholder = "请在此输入标题， key = { this . props . index } maxLength = "60"
style = { { textAlign : "left" , width : "100%" , } }
onInput = { this . changeTopicName }
autoComplete = "off"
addonAfter = { String ( addonAfter ) + "/60" }
value = { eduintits }
className = "searchViewAfter" > < / I n p u t >
< / d i v >
) }
< / F o r m . I t e m >
< / d i v >
) }
< / F o r m . I t e m >
< div className = "edu-back-white " >
< div className = { "yslmt16px" } >
< style >
{
`
< div className = "edu-back-white " key = { this . props . index } >
< div className = { "yslmt16px" } >
< style >
{
`
. ant - form - item - children {
position : unset ;
}
@ -473,46 +495,52 @@ class Bullsubdirectory extends Component{
margin - bottom : 24 px ! important ;
}
`
}
< / s t y l e >
< Form . Item
style = { { "borderBottom" : 'none' } }
className = "chooseDes "
>
{ getFieldDecorator ( 'description' , { initialValue : this . state . description } , {
rules : [ {
required : true , message : '请在此输入内容,最多5000个字符' ,
} , {
len : 5000 , message : '最大限制为5000个字符' ,
} ] ,
} ) (
< TPMMDEditor ref = { this . messageRef }
placeholder = { '请在此输入内容,最多5000个字符' }
initValue = { description }
mdID = { 'courseMessageMD' }
className = "courseMessageMD "
height = { 518 }
> < / T P M M D E d i t o r >
) }
< / F o r m . I t e m >
< / d i v >
< / d i v >
}
< / s t y l e >
< Form . Item
style = { { "borderBottom" : 'none' } }
className = "chooseDes "
key = { this . props . index }
>
{ getFieldDecorator ( 'description' , { initialValue : description } , {
rules : [ {
required : true , message : '请在此输入内容,最多5000个字符' ,
} , {
len : 5000 , message : '最大限制为5000个字符' ,
} ] ,
} ) (
< TPMMDEditor ref = { this . messageRef }
key = { this . props . index }
placeholder = { '请在此输入内容,最多5000个字符' }
initValue = { description }
mdID = { 'courseMessageMD' }
className = "courseMessageMD "
height = { 518 }
> < / T P M M D E d i t o r >
) }
< / F o r m . I t e m >
< Form . Item >
< div className = "clearfix mt28 fr pb50 mr25" >
< a className = "defalutCancelbtn fl mr20 " onClick = { ( ) => this . bianji ( false ) } > 取消 < / a >
< Button htmlType = "submit" className = "ant-btn defalutSubmitbtn fl ant-btn-primary" >
< span > 提 交 < / s p a n > < / B u t t o n >
< / d i v >
< / F o r m . I t e m >
< / F o r m >
< div className = "bor-bottom-greyE mr25 ml25" > < / d i v >
< / d i v >
}
< / d i v >
< / S p i n >
< / d i v >
< / d i v >
< / d i v >
< Form . Item >
< div className = "clearfix mt28 fr pb50 mr25" >
< a className = "defalutCancelbtn fl mr20 " onClick = { ( ) => this . bianji ( false , this . props . index ) } > 取消 < / a >
< Button htmlType = "submit" className = "ant-btn defalutSubmitbtn fl ant-btn-primary" >
< span > 提 交 < / s p a n > < / B u t t o n >
< / d i v >
< / F o r m . I t e m >
< / F o r m >
< div className = "bor-bottom-greyE mr25 ml25" > < / d i v >
< / d i v >
: ""
}
< / d i v >
< / S p i n >
< / d i v >
< / R e a c t . F r a g m e n t >
)
}
