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,


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

	componentDidMount = () => {


	}

	Saves = () => {
		let {textareaval, subjective_questions, objective_questions, score} = this.state;

		// this.props.Saves(textareaval, Inputsval)

	}

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

	setInputs = (e) => {


	}

	render() {
		let {Inputsvaltype, subjective_questions, objective_questions, score} = 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",
					}}>

						<div className="mexertwo">
							<p className="mexeheigth2">主观题成绩:</p>
							<Input
								className={Inputsvaltype === true ? "borerinput myinputnumbers  bor-reds" : "myinputnumbers"}
								style={{
									width: "120px",
									height: "40px",
								}}
								placeholder="请填写主观题成绩"
								onChange={(e) => this.setInputs(e)}
								value={subjective_questions === undefined || subjective_questions === null ? "" : subjective_questions}/>
							<p className="mexeheigth">分 ,</p>
							<p className="mexeheigth"><span>总分：</span><span>45.0 </span><span>分</span></p>
						</div>

						<div className="mexertwo">

							<p className="mexeheigth2">客观题成绩:</p>
							<Input
								className={Inputsvaltype === true ? "borerinput myinputnumbers  bor-reds" : "myinputnumbers"}
								style={{
									width: "120px",
									height: "40px",
								}}
								placeholder="请填写客观题成绩"
								onChange={(e) => this.setInputs(e)}
								value={objective_questions === undefined || objective_questions === null ? "" : objective_questions}/>
							<p className="mexeheigth">分 ,</p>
							<p className="mexeheigth"><span>总分：</span><span>45.0 </span><span>分</span></p>

						</div>

						<div className="mexertwo">
							<p className="mexeheigth2">最终成绩:</p>
							<Input
								className={Inputsvaltype === true ? "borerinput myinputnumbers  bor-reds" : "myinputnumbers"}
								style={{
									width: "120px",
									height: "40px",
								}}
								placeholder="请填写最终成绩"
								onChange={(e) => this.setInputs(e)}
								value={score === undefined || score === null ? "" : score}/>
							<p className="mexeheigth"> 分 ,</p>
							<p className="mexeheigth"><span>总分：</span><span>45.0 </span><span>分</span></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>


				</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>*/
}