From 212fdbd900fef273c6446c0d83d23ae158ce3735 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=A8=E6=A0=91=E6=9E=97?= <904079904@qq.com>
Date: Wed, 6 Nov 2019 10:02:52 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B0=83=E6=95=B4=E8=AF=95=E5=8D=B7=E8=B0=83?=
 =?UTF-8?q?=E5=88=86=E5=BC=B9=E6=A1=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../courses/coursesPublic/ModulationModal.js  | 49 ++++++++++++++++---
 .../courses/coursesPublic/Newshixunmodel.css  |  8 +++
 2 files changed, 49 insertions(+), 8 deletions(-)

diff --git a/public/react/src/modules/courses/coursesPublic/ModulationModal.js b/public/react/src/modules/courses/coursesPublic/ModulationModal.js
index d203470c0..a1d354e78 100644
--- a/public/react/src/modules/courses/coursesPublic/ModulationModal.js
+++ b/public/react/src/modules/courses/coursesPublic/ModulationModal.js
@@ -29,11 +29,21 @@ class ModulationModal extends Component{
     })
 
     if(Inputsval===undefined||Inputsval===""){
-      this.setState({
-        Inputsvaltype:true
-      })
+			this.setState({
+				Inputsval: "",
+				Inputsvaltype: true,
+				Inputsvaltest: "请输入分数",
+			})
       return
     }
+
+		if (this.state.Inputsvaltype === true) {
+			return;
+		}
+		this.setState({
+			Inputsvaltype: false,
+			Inputsvaltest: "",
+		})
      this.props.Saves(textareaval,Inputsval)
 
   }
@@ -45,21 +55,34 @@ class ModulationModal extends Component{
   }
 
   setInputs=(e)=>{
+		debugger
     var value=parseInt(e.target.value)
 
     if(isNaN(value)){
-      value=0
+			value = 0;
+			this.setState({
+				Inputsval: value,
+				Inputsvaltype: true,
+				Inputsvaltest: "请输入分数",
+			})
     }else{
       if(value<0||value>100){
-        value=0
+				value = 0;
+				this.setState({
+					Inputsval: value,
+					Inputsvaltype: true,
+					Inputsvaltest: "请输入0-100的分数",
+				})
+
       }
     }
     this.setState({
-      Inputsval:value
+			Inputsval: value,
+			Inputsvaltype: false,
     })
   }
   render(){
-     let {textareaval,Inputsval,textareavaltype,Inputsvaltype}=this.state;
+		let {textareaval, Inputsval, textareavaltype, Inputsvaltype, Inputsvaltest} = this.state;
     return(
       <div>
         <Modal
@@ -82,6 +105,8 @@ class ModulationModal extends Component{
 							flexDirection: "initial",
 						}}>
 
+
+
              <span style={{
 							 width: "70px",
 							 textAlign: "center",
@@ -91,7 +116,9 @@ class ModulationModal extends Component{
 							 lineHeight: " 40px",
 							 color: " #f5222d",
 						 }}>*</span>调分：</span>
-							<Input style={{
+							<Input
+								className={Inputsvaltype === true ? "borerinput" : "borerinputs"}
+								style={{
 								width: "335px",
 								height: "40px",
 							}}
@@ -108,6 +135,12 @@ class ModulationModal extends Component{
 										 }
 							/>
 						</div>
+						{
+							Inputsvaltype === true ?
+								<p style={{color: "#DD1717", width: "268px"}}>{Inputsvaltest}</p>
+								: ""
+						}
+
 						<div style={{
 							display: "flex",
 							flexDirection: "initial",
diff --git a/public/react/src/modules/courses/coursesPublic/Newshixunmodel.css b/public/react/src/modules/courses/coursesPublic/Newshixunmodel.css
index bbd2e56da..e31766c3f 100644
--- a/public/react/src/modules/courses/coursesPublic/Newshixunmodel.css
+++ b/public/react/src/modules/courses/coursesPublic/Newshixunmodel.css
@@ -317,3 +317,11 @@
     padding-right: 0.25rem;
 }
 
+.borerinput {
+    border: 1px solid #DD1717 !important;
+}
+
+.borerinputs {
+    border: 1px solid #eee !important;
+}
+