import React, {Component} from 'react';

import {Input, Select, Radio, Badge, message, Button} from 'antd';

import {Link} from "react-router-dom";

import TPMMDEditor from '../../tpm/challengesnew/TPMMDEditor';

import Bottomsubmit from "../../modals/Bottomsubmit";

import axios from 'axios';

import './css/TPMchallengesnew.css';

const $ = window.$;

const Option = Select.Option;

const RadioGroup = Radio.Group;

export default class TPMchallengesnew extends Component {
    constructor(props) {
        super(props)
			  this.exercisememoMDRef=React.createRef();
        this.state = {
            choice_url: undefined,
            practice_url: undefined,
            go_back_url: undefined,
            task_pass_default: undefined,
            submit_url: undefined,
            shixunCreatePracticeGroup: undefined,
            optionsums:[100,200],
            activetype:0,
            setopen: false,
            shixunCreatePractice: undefined,
            onshixunsmarkvalue: undefined,
            shixunsskillvalue: undefined,
            shixunsskillvaluelist: [],
            tab2url: "",
            tab3url: "",
            prev_challenge:undefined,
            next_challenge:undefined,
            power: false,
            shixunCreatePracticetype: false,
            shixunsskillvaluelisttype: false,
            marktype:false,
            editPracticesendtype:false,
            CreatePracticesendtype:false,
					  exec_time:20,
					  shixunExec_timeType:false,
            onshixunsmarkvaluetype:false,
            shixunCreatePracticeGrouptype:false
        }
    }

    getdatas=()=>{
        let id = this.props.match.params.shixunId;
        let checkpointId=this.props.match.params.checkpointId;

        let newchoice_url= "/shixuns/"+id+"/challenges/newquestion";
        let newpractice_url= "/shixuns/"+id+"/challenges/new";
        let newgo_back_url="/shixuns/"+id+"/challenges"
        if(checkpointId===undefined){
            //新建模式
            let url = "/shixuns/" + id + "/challenges/new.json"
            axios.get(url).then((response) => {
                this.setState({
                    choice_url: newchoice_url,
                    practice_url: newpractice_url,
                    go_back_url: newgo_back_url,
                    position: response.data.position,
                    task_pass_default: response.data.task_pass_default,
                    submit_url: response.data.submit_url,
                    checkpointId:checkpointId,
                    exercisememoMDRefval:response.data.task_pass_default,
                    responsedata:response.data
                })

                this.exercisememoMDRef.current.setValue(response.data.task_pass_default||'')
            }).catch((error) => {
                console.log(error)
            });
        }else{
            //编辑模式
            let url="/shixuns/"+id+"/challenges/"+checkpointId+".json?tab=0";
            axios.get(url).then((response) => {

                let optionsum;
                if(response.data.difficulty===1){
                    optionsum=[100,200];
                }else if(response.data.difficulty===2){
                    optionsum=[300,400,500,600];
                }else if(response.data.difficulty===3){
                    optionsum=[700,800,900,1000]
                }
                let newprev_challenge=response.data.prev_challenge;
                let next_challenge=response.data.next_challenge;
                if (newprev_challenge != undefined) {
                    if(newprev_challenge.st===0){
                        newprev_challenge = "/shixuns/" + id + "/challenges/" + newprev_challenge.id + "/editcheckpoint";
                    }else{
                        newprev_challenge = "/shixuns/" + id + "/challenges/" + newprev_challenge.id  + "/editquestion";
                    }
                }
                if (next_challenge != undefined) {
                    if(next_challenge.st===0){
                        next_challenge = "/shixuns/" + id + "/challenges/" + next_challenge.id+ "/editcheckpoint";
                    }else{
                        next_challenge = "/shixuns/" + id + "/challenges/" + next_challenge.id+ "/editquestion";
                    }
                }
                this.setState({
                    power: response.data.power,
                    prev_challenge:newprev_challenge,
                    next_challenge:next_challenge,
                    choice_url: newchoice_url,
                    practice_url: newpractice_url,
                    go_back_url: newgo_back_url,
                    shixunCreatePractice:response.data.subject,
                    position:response.data.position,
                    shixunCreatePracticeGroup:response.data.difficulty,
                    optionsums:optionsum,
                    onshixunsmarkvalue:response.data.score,
                    shixunsskillvaluelist:response.data.tags,
                    checkpointId:checkpointId,
                    tab2url: "/shixuns/" + id + "/challenges/"+checkpointId+"/tab=2",
                    tab3url: "/shixuns/" + id + "/challenges/"+checkpointId+"/tab=3",
                    exercisememoMDRefval:response.data.task_pass,
                    responsedata:response.data
                })
                // exec_time:response.data.exec_time,
                if(response.data.power===false){
                    this.props.showNotification("你没有权限修改");

                }

                this.exercisememoMDRef.current.setValue(response.data.task_pass||'')
            }).catch((error) => {
                console.log(error)
            });

        }

    }
    componentDidUpdate=(prevProps, prevState)=>{
        if(prevProps!=this.props){
            this.getdatas()
        }
    }
    componentDidMount() {
      this.getdatas()
    }

    onshixunCreatePracticeChange = (e) => {
        if(e.target.value===undefined||e.target.value=== ""||e.target.value=== null){

        }else{
            this.setState({
                shixunCreatePracticeGrouptype:false,
                onshixunsmarkvaluetype:false
            })
        }
        let optionsum;
        let onshixunsmark;
        if(e.target.value===1){
            optionsum=[100,200];
            onshixunsmark=100;
        }else if(e.target.value===2){
            optionsum=[300,400,500,600];
            onshixunsmark=300;
        }else if(e.target.value===3){
            optionsum=[700,800,900,1000]
            onshixunsmark=700;
        }
        this.setState({
            shixunCreatePracticeGroup: e.target.value,
            optionsums:optionsum,
            onshixunsmarkvalue:onshixunsmark
        })
    }

    shixunCreatePractice = (e) => {

        if (e.target.value === undefined|| e.target.value== ""){

        }else{
            this.setState({
                shixunCreatePracticetype:false
            })
        }
        this.setState({
            shixunCreatePractice: e.target.value
        })

    }

    CreatePracticesend = () => {


			this.setState({
        CreatePracticesendtype:true
      })

        if(this.props.status===2){
            this.props.showNotification("该实训已经发布不能新建")
            this.setState({
              CreatePracticesendtype:false
            })
            return
        }
        let {shixunCreatePractice, shixunCreatePracticeGroup, onshixunsmarkvalue, shixunsskillvaluelist,exec_time} = this.state;


        if (shixunCreatePractice === undefined||shixunCreatePractice=="") {
            this.setState({
                shixunCreatePracticetype: true,
                CreatePracticesendtype:false
            })

           $('html').animate({
                scrollTop: 10
            }, 1000);

            return
        }

        if (shixunCreatePractice.match(/^[ ]*$/)) {
            this.props.showNotification("任务名称为空，请勿输入空格");
            this.setState({
                shixunCreatePracticetype: true,
                CreatePracticesendtype:false
            })
            $('html').animate({
                scrollTop: 10
            }, 1000);
            return
        }


        if(shixunCreatePracticeGroup===undefined){
            this.setState({
                shixunCreatePracticeGrouptype:true,
                CreatePracticesendtype:false
            })
            this.props.scrollToAnchor("shixunCreatePracticeGroupid");
            return
        }

        if(onshixunsmarkvalue===undefined){
            this.setState({
                onshixunsmarkvaluetype:true,
                CreatePracticesendtype:false
            })
            this.props.scrollToAnchor("input_task_tag");
            return
        }
        if (shixunsskillvaluelist.length === 0) {
            this.setState({
                shixunsskillvaluelisttype: true,
                CreatePracticesendtype:false
            })
            // this.props.showNotification("技能标签为空")
            this.props.scrollToAnchor("input_task_tag");
            return
        }


			// if(exec_time===null||exec_time===undefined||exec_time === ""){
			// 	this.setState({
			// 	  	shixunExec_timeType:true,
      //       CreatePracticesendtype:false
			// 	})
      //   this.props.scrollToAnchor("exec_time");
			// 	return
			// }

        // if (exec_time.match(/^[ ]*$/)) {
        //     this.props.showNotification("评测时限，请勿输入空格");
        //     this.setState({
        //         shixunExec_timeType:true,
        //         CreatePracticesendtype:false
        //     })
        //     this.props.scrollToAnchor("exec_time");
        //     return
        // }

        const exercise_editormdvalue = this.exercisememoMDRef.current.getValue().trim();
        let id = this.props.match.params.shixunId;
        let url = "/shixuns/" + id + "/challenges.json";
        // exec_time:exec_time
        axios.post(url, {
            identifier:id,
            subject: shixunCreatePractice,
            task_pass: exercise_editormdvalue,
            difficulty: shixunCreatePracticeGroup,
            score: onshixunsmarkvalue,
            challenge_tag: shixunsskillvaluelist,
            st: 0,
        }).then((response) => {
            if (response.data.status === 1) {
						// $("html").animate({ scrollTop: 0 })
						//window.location.href=`/shixuns/${id}/challenges/${response.data.challenge_id}/editcheckpoint?tab=2`;
						// 	window.location.href=`/shixuns/${id}/challenges/${response.data.challenge_id}/tab=2`;
                this.props.history.replace(`/shixuns/${id}/challenges/${response.data.challenge_id}/tab=2`);
							// this.setState({
							// 		setopen: true,
							// 		CreatePracticesendtype:false,
							// 		tab2url: "/shixuns/" + id + "/challenges/"+response.data.challenge_id+"/tab=2",
							// 		tab3url: "/shixuns/" + id + "/challenges/"+response.data.challenge_id+"/tab=3",
							// })

            }
					// this.props.showNotification(response.data.messages);
        }).catch((error) => {
            console.log(error)
        });



    }

    onshixunsmark = (value) => {
        this.setState({
            onshixunsmarkvalue: value
        })
    }

    shixunsskill = (e) => {
        this.setState({
            shixunsskillvalue: e.target.value
        })
    }

    clickshixunsskill = () => {

        let {shixunsskillvalue, shixunsskillvaluelist} = this.state;
        if (shixunsskillvalue === "") {
            return
        } else if (shixunsskillvalue === undefined) {
            return
        }

        if(shixunsskillvalue == "" || shixunsskillvalue == undefined || shixunsskillvalue == null || (shixunsskillvalue.length>0 && shixunsskillvalue.trim().length == 0)){
            message.error("输入为空，不能保存！");
            return
        }

         let list = shixunsskillvaluelist;
        list.push(shixunsskillvalue);

        if (list.length> 0) {
            this.setState({
                shixunsskillvaluelisttype: false,
            })
        }
        this.setState({
            shixunsskillvaluelist: list,
            shixunsskillvalue: ""
        })
    }

    delshixunsskilllist = (key) => {
        let {shixunsskillvaluelist} = this.state;
        let newshixunsskillvaluelist = shixunsskillvaluelist;
        newshixunsskillvaluelist.splice(key, 1);
        this.setState({
            shixunsskillvaluelist: newshixunsskillvaluelist
        })
    }

    editPracticesend=()=>{

        this.setState({
          editPracticesendtype:true
        })

        let {shixunCreatePractice, shixunCreatePracticeGroup, onshixunsmarkvalue, shixunsskillvaluelist,checkpointId,exec_time} = this.state;

			const exercise_editormdvalue = this.exercisememoMDRef.current.getValue().trim();

        let id = this.props.match.params.shixunId;

        let url = "/shixuns/"+id+"/challenges/"+checkpointId+".json";


        if (shixunCreatePractice === undefined||shixunCreatePractice=="") {
            this.setState({
                shixunCreatePracticetype: true,
                editPracticesendtype:false
              })
            // this.props.showNotification("任务名称为空")
            $('html').animate({
                scrollTop: 10
            }, 1000);

            return
        }

        if (shixunCreatePractice.match(/^[ ]*$/)) {
            this.props.showNotification("任务名称为空，请勿输入空格");
            this.setState({
                shixunCreatePracticetype: true,
                editPracticesendtype:false
            })
            $('html').animate({
                scrollTop: 10
            }, 1000);
            return
        }

        if(shixunCreatePracticeGroup===undefined){
            this.setState({
                shixunCreatePracticeGrouptype:true,
                editPracticesendtype:false
            })
            this.props.scrollToAnchor("shixunCreatePracticeGroupid");
            return
        }
        if(onshixunsmarkvalue===undefined){
            this.setState({
                onshixunsmarkvaluetype:true,
                editPracticesendtype:false
            })
            this.props.scrollToAnchor("input_task_tag");
            return
        }

        if (shixunsskillvaluelist.length === 0) {
            this.setState({
               shixunsskillvaluelisttype: true,
               editPracticesendtype:false,
            })
            this.props.scrollToAnchor("input_task_tag");
            return
        }

        // if(exec_time===null||exec_time===undefined||exec_time === ""){
				// 	this.setState({
				// 		shixunExec_timeType:true,
        //     editPracticesendtype:false
				// 	})
        //   this.props.scrollToAnchor("exec_time");
				// 	return
				// }

        // if (exec_time.match(/^[ ]*$/)) {
        //     this.props.showNotification("评测时限，请勿输入空格");
        //     this.setState({
        //         shixunExec_timeType:true,
        //         editPracticesendtype:false
        //     })
        //     this.props.scrollToAnchor("exec_time");
        //     return
        // }
        //					  exec_time:exec_time
        axios.put(url, {
            tab:0,
            identifier:id,
            id:checkpointId,
            challenge:{
                subject: shixunCreatePractice,
                task_pass: exercise_editormdvalue,
                difficulty: shixunCreatePracticeGroup,
                score: onshixunsmarkvalue,
            },
            challenge_tag:shixunsskillvaluelist
        }).then((response) => {
            this.props.showNotification(response.data.messages);
            if (response.data.status === 1) {
						  	// window.location.href=`/shixuns/${id}/challenges/${checkpointId}/tab=2`;
                this.setState({
                    setopen: true,
								  	editPracticesendtype:false,
                    tab2url: "/shixuns/" + id + "/challenges/"+checkpointId+"/tab=2",
                    tab3url: "/shixuns/" + id + "/challenges/"+checkpointId+"/tab=3",
                })
                this.props.history.replace(`/shixuns/${id}/challenges/${checkpointId}/tab=2`);
                // window.location.href = "/shixuns/" + id + "/challenges/"+response.data.challenge_id+"/tab=2"
            }
        }).catch((error) => {
            console.log(error)
        });


    }

    onshixunsmarks=()=> {
        this.setState({
            marktype:true
        })
    }

    onshixunsmarkss=()=> {
        this.setState({
            marktype:false
        })
    }

		setexec_time=(e)=>{
				this.setState({
					exec_time:e.target.value
				})
		}

    gotocheckpoint=(url)=>{
        this.props.history.replace(url);
    }
    render() {

        let shixuntype = this.props.match.params.type;


        let {responsedata,
            shixunCreatePracticetype, shixunsskillvaluelisttype,
            choice_url, practice_url, go_back_url, position, task_pass_default, submit_url, setopen,checkpointId,prev_challenge,next_challenge,power,
            shixunCreatePractice, shixunCreatePracticeGroup, onshixunsmarkvalue, shixunsskillvalue, shixunsskillvaluelist, tab2url, tab3url,optionsums,
            CreatePracticesendtype,editPracticesendtype
        } = this.state;

        let options;
        if(optionsums!=undefined){
					options = optionsums.map((d, k) => {
						return (
							<Option key={d} id={k}>{d}</Option>
						)
					})
				}

        // console.log(this.props)
        // console.log(this.state)
    //a console.log(shixunCreatePractice)

        return (
            <React.Fragment>
                <div className="educontent mt30 mb30">
                    <div className="TPMchallengesnewtitles edu-back-white clearfix borderbottomf4">
                        <span className="font-16 task-hide fl TPMtaskName">第{position}关：{responsedata&&responsedata.st === 0 ?"实践题":responsedata&&responsedata.st === 1?"选择题":""}</span>
                        {this.props.identity>4||this.props.identity===undefined||this.props.status===2||this.props.status===1?"":<a href={practice_url === undefined ? "" : practice_url} className="fr ml15 mt13">
                            <Button type="primary" className="edu-default-btn edu-greenback-btn  "
                            >新增实践任务</Button></a>}
                        {this.props.identity>4||this.props.identity===undefined||this.props.status===2||this.props.status===1?"":<Link to={choice_url === undefined ? "" : choice_url}
                           className="fr ml15 mt13">
                            <Button type="primary"
                               className="edu-default-btn edu-greenback-btn  mr5"
                            >新增选择题任务</Button></Link>}
                        {next_challenge===undefined?"":
                            <Button type="primary" ghost onClick={()=>this.gotocheckpoint(next_challenge)}
                                    className="edu-default-btn edu-greenback-btn  mr5 fr ml15 mt13"
                            >下一关</Button> }
                        {prev_challenge===undefined?"":
                            <Button type="primary" ghost onClick={()=>this.gotocheckpoint(prev_challenge)}
                                    className="edu-default-btn edu-greenback-btn  mr5 fr ml15 mt13"
                            >上一关</Button>}
                    </div>

                    <div className="challenge_nav clearfix edu-back-white">

                        <li className="active">
                            <a className={"color-blue"}>1、本关任务 </a>
                        </li>
                        {tab2url === "" ? "":<li> > </li>}
                        <li className="">
                            {tab2url === "" ? <span></span> : <Link to={tab2url}>2、评测设置</Link>}
                        </li>
                        {tab3url === "" ? "":<li> > </li>}
                        <li className="">
                            {tab3url === "" ? <span></span> : <Link to={tab3url}>  3、参考答案</Link>}
                        </li>
                    </div>

                    <div className="edu-back-white clearfix">
                        <div className="newpadding1020">
                            <p className="color-grey-6 font-16 mb10">  <span className="mr5 color-red">*</span>名称</p>
                            <div>
                                <div className="flex1">
                                    <Input placeholder="请输入任务名称，最大限制60个字符；此信息将在实训发布后展示给学员，例：计算学生的课程成绩绩点"
                                           maxLength="60"
                                           className={shixunCreatePracticetype === true ? "bor-red":"newViewAfter"}
                                           onInput={this.shixunCreatePractice}
                                           value={shixunCreatePractice}
                                           addonAfter={`${String(!shixunCreatePractice? 0 : shixunCreatePractice.length)}/${60}`}
                                            />
                                </div>
                                <div>
                                <span className={shixunCreatePracticetype === true ? "color-red mt8 fl  block" : "color-red mt8 fl none"}  id="new_shixun_name">必填项：不能为空</span>
                                </div>
                            </div>
                        </div>
                    </div>


                    <div className="edu-back-white newpadding02020">

                        <p className="color-grey-6 font-16 mb10"><span className="mr5 color-red">*</span>过关任务</p>
                        <style>
                            {
                                `
                           .markdown-body img {
                                    max-width: 80%; 
                                    margin: 0 auto;
                                    display: block;
                                    width: auto;  
                                    height: auto;  
                                    max-height: 80%;
                                }
                                `
                            }
                        </style>
											  <TPMMDEditor ref={this.exercisememoMDRef} placeholder="请输入选择题的题干内容" mdID={'exercisememoMD'} refreshTimeout={1500}
																	 watch={true}  className="courseMessageMD" initValue={this.state.exercisememoMDRefval} height={800}></TPMMDEditor>

                        <p id="e_tip_Memochallengesnew" className="edu-txt-right color-grey-cd font-12"></p>
                        <p id="e_tips_Memochallengesnew" className="edu-txt-right color-grey-cd font-12"></p>
                    </div>


                    <div className="edu-back-white newpadding02020">
                        <p className="color-grey-6 font-16 mb20">
                            <span className="fl color-red mr5">*</span>
                            难度系数：
                            <RadioGroup value={shixunCreatePracticeGroup}
                                        className={"ml10"}
                                  id={"shixunCreatePracticeGroupid"}
                                  disabled={this.props.status===2?true:false}
                                  onChange={this.props.status===2?"":this.onshixunCreatePracticeChange}>
                                <Radio value={1}>简单</Radio>
                                <Radio value={2}>中等</Radio>
                                <Radio value={3}>困难</Radio>
                            </RadioGroup>
                            {this.state.shixunCreatePracticeGrouptype===true?<div className="color-red mt7 ml5 font-14" id="ex_value_notice">
                                必选项：不能为空</div>:""}
                        </p>
                        <p className="color-grey-6 font-16 mb10"> <span className="fl mr5 color-red">*</span> 奖励经验值：<span className={"color-grey-8 font-14"}> (如果学员答题正确，将获得相应的经验值；如果学员成功得到经验值，那么将同时获得等值的金币奖励，如：+100经验值、+100金币)</span></p>
                        <div className="clearfix">
                            {this.state.onshixunsmarkvaluetype===true?<style>
                                {
                                    `
                                   .ant-select-selection{
                                        border:1px solid red;
                                   }
                                    `
                                }
                            </style>:""}
                            <Select style={{width: 252}}
                                    className={"winput-240-40 ml3"}
                                    id="challenge_score"
                                    onChange={this.props.status===2?"":this.onshixunsmark}
                                    disabled={this.props.status===2?true:false}
                                    value={onshixunsmarkvalue}
                                    getPopupContainer={triggerNode => triggerNode.parentNode}
                            >
                                {options}
                            </Select>
                            {this.state.onshixunsmarkvaluetype===true?<div className="color-red mt7 ml5" id="ex_value_notice">
                                必选项：不能为空</div>:""}
                        </div>
                    </div>


                    <div className="edu-back-white newpadding02020">
                        <p className="color-grey-6 font-16 mb10"><span className="mr5 color-red">*</span>技能标签：<span className={"color-grey-8 font-14"}> (学员答题正确将获得技能，否则不能获得技能)</span></p>
                        <div className="clearfix">
                            <div className="flex1">
                                <Input type="text"
                                       className={shixunsskillvaluelisttype === true ?"winput-240-40 fl mr20 winput-240-40s ml10 bor-red":"winput-240-40 fl mr20 winput-240-40s ml10"}
                                       id="input_task_tag"
                                       placeholder="添加标签"
                                       onInput={this.shixunsskill}
                                       value={shixunsskillvalue}
                                       onPressEnter={this.clickshixunsskill}
                                       onBlur={this.clickshixunsskill}
                                />
                                <div className="ml15 color-grey-9 pt5 font-14">(回车添加标签)</div>
                                <div className="mt20 clearfix" id="task_tag_content">
                                    {
																			shixunsskillvaluelist===undefined?"":shixunsskillvaluelist.length === 0 ? "" : shixunsskillvaluelist.map((itme, key) => {
                                            return (
                                              <li key={key} className={"fl ml10 mr10"}>
                                                <Badge className={"tpmpointer"} count={"x"} onClick={(key) => this.delshixunsskilllist(key)}>
                                                    <Button type="primary" ghost className={"Permanentban "}>
                                                     {itme}
                                                    </Button>
                                                </Badge>
                                            </li>
                                            )
                                        })
                                    }
                                </div>
                            </div>
                            <div className={shixunsskillvaluelisttype === true ? "color-red ml10 mt5 block" : "none"}
                                id="stage_name_notice">必选项：不能为空</div>
                        </div>
                    </div>

										{/*<div className="edu-back-white newpadding02020">*/}
										{/*	<p className="color-grey-6 font-16 mb20"> <span className="color-orange mr5 fl">*</span> 服务配置：评测时限(S)</p>*/}
										{/*	<div className="clearfix mb5 ml10">*/}
										{/*		<div className="pr status_con" id={"exec_timeid"}>*/}
                    {/*        /!*<label className="panel-form-label fl"></label>*!/*/}
										{/*		   	<input  value={this.state.exec_time}*/}
                    {/*                className={this.state.shixunExec_timeType === true ?"panel-box-sizing task-form-100 task-height-40 bor-red":"panel-box-sizing task-form-100 task-height-40" }*/}
                    {/*                placeholder="请输入类别名称" onInput={this.setexec_time}/>*/}
										{/*		</div>*/}
										{/*		<div*/}
										{/*			className={this.state.shixunExec_timeType === true ? "color-red mt8  block ml5" : " none"}*/}
										{/*			id="new_shixun_name">必填项：不能为空</div>*/}
										{/*	</div>*/}
										{/*</div>*/}


                </div>
                {this.props.identity>4||this.props.identity===undefined?"":<div className="clearfix mt30"
                     // style={{display:this.props.identity>4||this.props.identity===undefined?"none":'block'}}
                >
                    {/*{checkpointId===undefined?<a className="defalutSubmitbtn fl mr20" onClick={CreatePracticesendtype===true?"":this.CreatePracticesend}>提交</a>:*/}
                    {/*<a className="defalutSubmitbtn fl mr20" onClick={editPracticesendtype===true?"":this.editPracticesend}>提交</a>}*/}
                    {/*<a href={go_back_url === undefined ? "" : go_back_url} className="defalutCancelbtn fl">取消</a>*/}
                    {/*<Link to={go_back_url === undefined ? "" : go_back_url} className={"defalutCancelbtn fl"}>取消</Link>*/}
                    <Bottomsubmit url={go_back_url === undefined ? "" : go_back_url}
                                  {...this.props}
                                  {...this.state}
                                  bottomvalue={"提交"}
                                  onSubmits={checkpointId===undefined?()=>this.CreatePracticesend():()=>this.editPracticesend()}
                                  loadings={CreatePracticesendtype===true?true:editPracticesendtype===true?true:false}/>
                </div>}
            </React.Fragment>
        )
    }
}