|
|
|
|
@ -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:myname,
|
|
|
|
|
description:mydescription,
|
|
|
|
|
eduintits:item.name,
|
|
|
|
|
description:item.description,
|
|
|
|
|
});
|
|
|
|
|
// this.contentMdRef.current.setValue(mydescription);
|
|
|
|
|
this.setState({
|
|
|
|
|
id:id,
|
|
|
|
|
eduintits:myname,
|
|
|
|
|
description:mydescription,
|
|
|
|
|
|
|
|
|
|
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({
|
|
|
|
|
id:this.state.id,
|
|
|
|
|
eduintits:titname,
|
|
|
|
|
description:values.description,
|
|
|
|
|
});
|
|
|
|
|
// this.props.form.setFieldsValue({
|
|
|
|
|
// id:this.state.id,
|
|
|
|
|
// eduintits:titname,
|
|
|
|
|
// description:values.description,
|
|
|
|
|
// });
|
|
|
|
|
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}</span>
|
|
|
|
|
</div>
|
|
|
|
|
<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}</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
<span className="fr yslbianji" style={{marginRight:"17px"}}>
|
|
|
|
|
{
|
|
|
|
|
this.props.isAdmin() === true ?
|
|
|
|
|
(this.props.yslbool===false?
|
|
|
|
|
<Tooltip placement="bottom" title={<div>
|
|
|
|
|
编辑
|
|
|
|
|
</div>}>
|
|
|
|
|
<i className="iconfont icon-bianji1 newbianji1" onClick={()=>this.bianji(true)}></i>
|
|
|
|
|
</Tooltip>
|
|
|
|
|
<Tooltip placement="bottom" title={<div>
|
|
|
|
|
编辑
|
|
|
|
|
</div>}>
|
|
|
|
|
<i className="iconfont icon-bianji1 newbianji1" onClick={()=>this.bianji(true,this.props.index)}></i>
|
|
|
|
|
</Tooltip>
|
|
|
|
|
:
|
|
|
|
|
""
|
|
|
|
|
)
|
|
|
|
|
:""
|
|
|
|
|
}
|
|
|
|
|
</span>
|
|
|
|
|
<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>
|
|
|
|
|
删除
|
|
|
|
|
</div>}>
|
|
|
|
|
<i className="iconfont icon-shanchu newbianji1" style={{ color: "#4CACFF"}} onClick={()=>this.setModeltrue(true)}></i>
|
|
|
|
|
</Tooltip>
|
|
|
|
|
<Tooltip placement="bottom" title={<div>
|
|
|
|
|
删除
|
|
|
|
|
</div>}>
|
|
|
|
|
<i className="iconfont icon-shanchu newbianji1" style={{ color: "#4CACFF"}} onClick={()=>this.setModeltrue(true)}></i>
|
|
|
|
|
</Tooltip>
|
|
|
|
|
:
|
|
|
|
|
""
|
|
|
|
|
)
|
|
|
|
|
:""
|
|
|
|
|
}
|
|
|
|
|
</span>
|
|
|
|
|
{
|
|
|
|
|
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></Tooltip></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></Tooltip></a>
|
|
|
|
|
:
|
|
|
|
|
""
|
|
|
|
|
)
|
|
|
|
|
: ""
|
|
|
|
|
}
|
|
|
|
|
</div>
|
|
|
|
|
<div className="yslclear"></div>
|
|
|
|
|
</div>
|
|
|
|
|
<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></Tooltip></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></Tooltip></a>
|
|
|
|
|
:
|
|
|
|
|
""
|
|
|
|
|
)
|
|
|
|
|
: ""
|
|
|
|
|
}
|
|
|
|
|
</div>
|
|
|
|
|
{parseInt(this.props&&this.props.informs.length)===parseInt(this.props&&this.props.index+1)?"":<div className="bor-bottom-greyE mr25 ml25"></div>}
|
|
|
|
|
<div className="yslclear"></div>
|
|
|
|
|
</div>
|
|
|
|
|
:
|
|
|
|
|
<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, "▁▁▁")}}/>
|
|
|
|
|
</div>
|
|
|
|
|
{parseInt(this.props&&this.props.informs.length)===parseInt(this.props&&this.props.index+1)?"":<div className="bor-bottom-greyE mr25 ml25"></div>}
|
|
|
|
|
</div>
|
|
|
|
|
:
|
|
|
|
|
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:0px !important;
|
|
|
|
|
}
|
|
|
|
|
.chooseDestwo .ant-form-item{
|
|
|
|
|
@ -385,49 +406,50 @@ class Bullsubdirectory extends Component{
|
|
|
|
|
}
|
|
|
|
|
`
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
<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">*</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div className="yslduinleft">
|
|
|
|
|
<style>{
|
|
|
|
|
`
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
<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">*</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div className="yslduinleft">
|
|
|
|
|
<style>{
|
|
|
|
|
`
|
|
|
|
|
.ant-input{
|
|
|
|
|
border-right: none !important;
|
|
|
|
|
height: 40px !important;
|
|
|
|
|
}
|
|
|
|
|
`
|
|
|
|
|
}</style>
|
|
|
|
|
<Input placeholder="请在此输入标题，最多60个字符" maxLength="60"
|
|
|
|
|
style={{ textAlign: "left",width:"100%",}}
|
|
|
|
|
onInput={this.changeTopicName}
|
|
|
|
|
autoComplete="off"
|
|
|
|
|
addonAfter={String(addonAfter)+"/60"}
|
|
|
|
|
value={eduintits}
|
|
|
|
|
className="searchViewAfter"></Input>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
}</style>
|
|
|
|
|
<Input placeholder="请在此输入标题，最多60个字符" key={this.props.index} maxLength="60"
|
|
|
|
|
style={{ textAlign: "left",width:"100%",}}
|
|
|
|
|
onInput={this.changeTopicName}
|
|
|
|
|
autoComplete="off"
|
|
|
|
|
addonAfter={String(addonAfter)+"/60"}
|
|
|
|
|
value={eduintits}
|
|
|
|
|
className="searchViewAfter"></Input>
|
|
|
|
|
</div>
|
|
|
|
|
)}
|
|
|
|
|
</Form.Item>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
)}
|
|
|
|
|
</Form.Item>
|
|
|
|
|
|
|
|
|
|
<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: 24px !important;
|
|
|
|
|
}
|
|
|
|
|
`
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
<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}
|
|
|
|
|
></TPMMDEditor>
|
|
|
|
|
)}
|
|
|
|
|
</Form.Item>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
<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}
|
|
|
|
|
></TPMMDEditor>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
)}
|
|
|
|
|
</Form.Item>
|
|
|
|
|
|
|
|
|
|
<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>提 交</span></Button>
|
|
|
|
|
</div>
|
|
|
|
|
</Form.Item>
|
|
|
|
|
</Form>
|
|
|
|
|
<div className="bor-bottom-greyE mr25 ml25"></div>
|
|
|
|
|
</div>
|
|
|
|
|
}
|
|
|
|
|
</div>
|
|
|
|
|
</Spin>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
<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>提 交</span></Button>
|
|
|
|
|
</div>
|
|
|
|
|
</Form.Item>
|
|
|
|
|
</Form>
|
|
|
|
|
<div className="bor-bottom-greyE mr25 ml25"></div>
|
|
|
|
|
</div>
|
|
|
|
|
:""
|
|
|
|
|
}
|
|
|
|
|
</div>
|
|
|
|
|
</Spin>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</React.Fragment>
|
|
|
|
|
)
|
|
|
|
|
}
|
|
|
|
|
|
