import React, {Component} from "react";
import {Modal, Checkbox, Upload, Button, Icon, message, Input, Form} from "antd";
import {WordNumberTextarea} from 'educoder';
import './Newshixunmodel.css'

//调分
class ModulationModal_exercise extends Component {
	constructor(props) {
		super(props);
		this.state = {
			score: 0,
			subjective_questions: 0,
			objective_questions: 0,
			subjective_score: 0,
			objective_score: 0,
			subool: false,
			Inputsval: '',
			Inputsvals: '',
			Inputsvaltype: false,
			Inputsvaltypes: false,
			Inputsvaltest: "",
			Inputsvaltests: "",

		}
		//因为主观题加客观题的和是总分
	}

	componentDidMount = () => {
		console.log("ModulationModal_exercise");
		console.log(this.props);
		this.setState({
			subjective_score: this.props.subjective_score,
			objective_score: this.props.objective_score,
		})
		if (this.props.subjective_score > 0 && this.props.objective_score > 0) {
			this.setState({
				subool: false,
			})
		} else {
			this.setState({
				subool: true
			})
		}

	}

	Saves = () => {
		let {
			textareaval,
			subjective_questions,
			objective_questions,
			score,
			subool,
			Inputsval,
			subjective_score,
			objective_score,
			Inputsvals
		} = this.state;
		let re = /^[0-9]+.?[0-9]*$/;//判断字符串是否为数字 //判断正整数 /^[1-9]+[0-9]*]*$/

		if (subool === false) {
			//不是总分模式
			if (Inputsval === undefined || Inputsval === null || Inputsval === "") {
				this.setState({
					Inputsval: "",
					Inputsvaltype: true,
					Inputsvaltest: "请填写分数",
				})
				return
			}

			//判断主观题

			var nubmer = Inputsval;
			if (!re.test(nubmer)) {
				this.setState({
					Inputsval: Inputsval,
					Inputsvaltype: true,
					Inputsvaltest: "请输入0-100的分数",
				})
				return;
			}


			if (0 > parseFloat(Inputsval)) {
				this.setState({
					Inputsval: Inputsval,
					Inputsvaltype: true,
					Inputsvaltest: "成绩不能小于零",
				})
				return;
			} else if (parseFloat(Inputsval) > this.props.subjective_score) {
				this.setState({
					Inputsval: Inputsval,
					Inputsvaltype: true,
					Inputsvaltest: `成绩不能大于${this.props.subjective_score}`,
				})
				return;
			}
			//判断客观题
			if (Inputsvals === undefined || Inputsvals === null || Inputsvals === "") {
				this.setState({
					Inputsvals: "",
					Inputsvaltypes: true,
					Inputsvaltests: "请填写分数",
				})
				return
			}
			var nubmers = Inputsvals;
			if (!re.test(nubmers)) {
				this.setState({
					Inputsvals: "",
					Inputsvaltypes: true,
					Inputsvaltests: "请输入0-100的分数",
				})
				return;
			}

			if (0 > parseFloat(Inputsvals)) {
				this.setState({
					Inputsvals: Inputsvals,
					Inputsvaltypes: true,
					Inputsvaltests: "请输入0-100的分数",
				})
				return;
			} else if (parseFloat(Inputsval) > 100) {
				this.setState({
					Inputsvals: Inputsvals,
					Inputsvaltypes: true,
					Inputsvaltests: `成绩不能大于${this.props.objective_score}`,
				})
				return;
			}


		} else {
			//总分模式
			if (subjective_score > 0) {
				//主观题
				if (Inputsval === undefined || Inputsval === null || Inputsval === "") {
					this.setState({
						Inputsval: "",
						Inputsvaltype: true,
						Inputsvaltest: "请填写分数",
					})
					return
				}

				//判断主观题
				var nubmer = Inputsval;
				if (!re.test(nubmer)) {
					this.setState({
						Inputsval: Inputsval,
						Inputsvaltype: true,
						Inputsvaltest: "请输入0-100的分数",
					})
					return;
				}


				if (0 > parseFloat(Inputsval)) {
					this.setState({
						Inputsval: Inputsval,
						Inputsvaltype: true,
						Inputsvaltest: "成绩不能小于零",
					})
					return;
				} else if (parseFloat(Inputsval) > this.props.subjective_score) {
					this.setState({
						Inputsval: Inputsval,
						Inputsvaltype: true,
						Inputsvaltest: `成绩不能大于${this.props.subjective_score}`,
					})
					return;
				}
			} else if (objective_score > 0) {
				//客观题
				if (Inputsvals === undefined || Inputsvals === null || Inputsvals === "") {
					this.setState({
						Inputsvals: "",
						Inputsvaltypes: true,
						Inputsvaltests: "请填写分数",
					})
					return
				}
				var nubmers = Inputsvals;
				if (!re.test(nubmers)) {
					this.setState({
						Inputsvals: "",
						Inputsvaltypes: true,
						Inputsvaltests: "请输入0-100的分数",
					})
					return;
				}

				if (0 > parseFloat(Inputsvals)) {
					this.setState({
						Inputsvals: Inputsvals,
						Inputsvaltypes: true,
						Inputsvaltests: "请输入0-100的分数",
					})
					return;
				} else if (parseFloat(Inputsvals) > 100) {
					this.setState({
						Inputsvals: Inputsvals,
						Inputsvaltypes: true,
						Inputsvaltests: `成绩不能大于${this.props.objective_score}`,
					})
					return;
				}

			}
		}


		this.props.Saves(Inputsval, Inputsvals);

	}

	settextarea = (e) => {
		this.setState({
			textareaval: e.target.value
		})
	}

	//主观题
	setInputs = (e) => {
		console.log("主");
		console.log(e.target.value);
		this.setState({
			Inputsval: e.target.value,
			Inputsvaltype: false,
		})
	}

	//客观题
	setInputss = (e) => {
		console.log("客");
		console.log(e.target.value);
		this.setState({
			Inputsvals: e.target.value,
			Inputsvaltypes: false,

		})
	}
	//最终成绩主观题
	setInputsss = (e) => {
		console.log("终主");
		console.log(e.target.value);
		this.setState({
			Inputsval: e.target.value,
			Inputsvaltype: false,
		})
	}
	//最终成绩客观题
	setInputssss = (e) => {
		console.log("终客");
		console.log(e.target.value);
		this.setState({
			Inputsvals: e.target.value,
			Inputsvaltypes: false,
		})

	}

	render() {
		let {
			Inputsvaltype,
			Inputsvaltypes,
			Inputsvaltest,
			Inputsvaltests,
			subjective_score,
			objective_score,
			Inputsval,
			Inputsvals,
		} = this.state;
		return (
			<div>
				<Modal
					keyboard={false}
					className={"HomeworkModal"}
					title={this.props.modalname || '评阅'}
					visible={this.props.visible}
					closable={false}
					footer={null}
					destroyOnClose={true}
				>
					<div className="clearfix" style={{
						display: "-webkit-flex",
						flexDirection: "column",
						alignItems: "center",
					}}>
						{
							subjective_score > 0 && objective_score > 0 ?
								<div>
									{Inputsvaltype === true ?
										<style>
											{
												`
										.ant-input:hover {
												border: 1px solid #DD1717!important;
								    }
								    .ant-input:focus {
								    border: 1px solid #DD1717!important;
								    }
								    }
										`
											}
										</style>
										:
										""

									}
									<div className="mexertwo">
										<p className="mexeheigth2">主观题成绩:</p>
										<Input
											className={Inputsvaltype === true ? "borerinput myinputnumbers  bor-reds" : "myinputnumbers"}
											style={{
												width: "150px",
												height: "40px",
											}}
											placeholder="请填写主观题成绩"
											onInput={this.setInputs}
											value={Inputsval === undefined || Inputsval === null ? "" : Inputsval}/>
										<p className="mexeheigth ml10">分 ,</p>
										<p className="mexeheigth"><span>总分：</span><span>{subjective_score}</span><span
											className="ml10">分</span></p>
									</div>
									{
										Inputsvaltype === true ?
											<p style={{
												color: "#DD1717",
												width: "77%",
												marginLeft: "75px",
												marginTop: "10px",
											}}>{Inputsvaltest}</p>
											: ""
									}
									{Inputsvaltypes === true ?
										<style>
											{
												`
										.ant-input:hover {
												border: 1px solid #DD1717!important;
								    }
								    .ant-input:focus {
								    border: 1px solid #DD1717!important;
								    }
								    }
										`
											}
										</style>
										:
										""

									}
									<div className="mexertwo">

										<p className="mexeheigth2">客观题成绩:</p>
										<Input
											className={Inputsvaltypes === true ? "borerinput myinputnumbers  bor-reds" : "myinputnumbers"}
											style={{
												width: "150px",
												height: "40px",
											}}
											placeholder="请填写客观题成绩"
											onInput={this.setInputss}
											value={Inputsvals === undefined || Inputsvals === null ? "" : Inputsvals}/>
										<p className="mexeheigth ml10">分 ,</p>
										<p className="mexeheigth"><span>总分：</span><span>{objective_score} </span><span
											className="ml10">分</span></p>

									</div>
									{
										Inputsvaltypes === true ?
											<p style={{
												color: "#DD1717",
												width: "77%",
												marginLeft: "75px",
												marginTop: "10px",
											}}>{Inputsvaltests}</p>
											: ""
									}
								</div>
								:
								<div className="mt20">
									{
										subjective_score > 0 && objective_score === 0 ?
											<div>
												{Inputsvaltype === true ?
													<style>
														{
															`
										.ant-input:hover {
												border: 1px solid #DD1717!important;
								    }
								    .ant-input:focus {
								    border: 1px solid #DD1717!important;
								    }
								    }
										`
														}
													</style>
													:
													""

												}
												<div className="mexertwo">
													<p className="mexeheigth2">最终成绩:</p>
													<Input
														className={Inputsvaltype === true ? "borerinput myinputnumbers  bor-reds" : "myinputnumbers"}
														style={{
															width: "150px",
															height: "40px",
														}}
														placeholder="请填写最终成绩"
														onInput={this.setInputsss}
														value={Inputsval === undefined || Inputsval === null ? "" : Inputsval}/>
													<p className="mexeheigth ml10"> 分 ,</p>
													<p className="mexeheigth">
														<span>总分：</span><span>{subjective_score > 0 && objective_score === 0 ? subjective_score : ""} {objective_score > 0 && subjective_score === 0 ? objective_score : ""}</span><span
														className="ml10">分</span></p>

												</div>
												{
													Inputsvaltype === true ?
														<p style={{
															color: "#DD1717",
															width: "77%",
															marginLeft: "75px",
															marginTop: "10px",
														}}>{Inputsvaltest}</p>
														: ""
												}
											</div>
											:
											""
									}
									{
										objective_score > 0 && subjective_score === 0 ?
											<div>
												{Inputsvaltypes === true ?
													<style>
														{
															`
										.ant-input:hover {
												border: 1px solid #DD1717!important;
								    }
								    .ant-input:focus {
								    border: 1px solid #DD1717!important;
								    }
								    }
										`
														}
													</style>
													:
													""

												}
												<div className="mexertwo">
													<p className="mexeheigth2">最终成绩:</p>
													<Input
														className={Inputsvaltypes === true ? "borerinput myinputnumbers  bor-reds" : "myinputnumbers"}
														style={{
															width: "150px",
															height: "40px",
														}}
														placeholder="请填写最终成绩"
														onInput={this.setInputssss}
														value={Inputsvals === undefined || Inputsvals === null ? "" : Inputsvals}/>
													<p className="mexeheigth ml10"> 分 ,</p>
													<p className="mexeheigth">
														<span>总分：</span><span>{subjective_score > 0 && objective_score === 0 ? subjective_score : ""} {objective_score > 0 && subjective_score === 0 ? objective_score : ""}</span><span
														className="ml10">分</span></p>

												</div>
												{
													Inputsvaltypes === true ?
														<p style={{
															color: "#DD1717",
															width: "77%",
															marginLeft: "75px",
															marginTop: "10px",
														}}>{Inputsvaltests}</p>
														: ""
												}
											</div>
											:
											""
									}


									<div className="minbuttionte">
										<a className="task-btn color-white mr30" style={{width: "72px",}}
											 onClick={this.props.Cancel}>{this.props.Cancelname || '取消'}</a>
										<a className="task-btn task-btn-orange" style={{width: "72px",}}
											 onClick={this.Saves}>{this.props.Savesname || '保存'}</a>
									</div>
								</div>

						}
					</div>
				</Modal>
			</div>
		)
	}
}

export default ModulationModal_exercise;
// <div className="task-popup-content">
//   <p className="task-popup-text-center font-16 mb20">
//
//     <span className={"color-dark-21"}>该学生的最终成绩将不会按照评分规则进行计算</span>
//
//   </p>
//
//
//   <div className="clearfix">
//     {/*<textarea*/}
//     {/*className="winput-100-150"*/}
//     {/*placeholder="请填写您对作品调分的原因"*/}
//     {/*value={textareaval}*/}
//     {/*onInput={this.settextarea}*/}
//     {/*></textarea>*/}
//
//     <WordNumberTextarea
//       placeholder={"请填写您对作品调分的原因"}
//       onInput={(e)=>this.settextarea(e)}
//       value={textareaval}
//       maxlength={100}
//     />
//
//     {/*<li style={{height:"20px",lineHeight:"20px"}}><span className={textareavaltype===true?"color-red":"none"}>原因不能为空</span></li>*/}
//     <div style={{height:"20px",lineHeight:"20px"}}></div>
//   </div>
//
//   <style>
//     {
//
//       `
// 									.pdl10{
// 									 padding-left:10px;
// 									}
// 									`
//     }
//   </style>
//
//   <li className={"pdl10"}>
//
//   </li>
//   <li style={{height:"20px",lineHeight:"20px"}}><span className={Inputsvaltype===true?"color-red":"none"}>分数不能为空</span></li>
//   <div className="clearfix edu-txt-center">
//     <a  className="task-btn color-white mr30" onClick={this.props.Cancel}>{this.props.Cancelname || '取消'}</a>
//     <a className="task-btn task-btn-orange" onClick={this.Saves}>{this.props.Savesname || '保存'}</a>
{/*  </div>*/
}
{/*</div>*/
}