调整改版后调分弹框

public/react/src/modules/courses/coursesPublic/ModulationModal.js

@@ -100,40 +100,46 @@ class ModulationModal extends Component{
 						alignItems: "center",
 					}}>
 						<div style={{
-							marginTop: " 27px",
 							display: "flex",
 							flexDirection: "initial",
-						}}>
 
+						}}>
+							<p className=" mt3 font-14 " style={{color: "#666666"}}>该学生的最终成绩将不会按照评分规则进行计算</p>
+						</div>
 
 
+						<div style={{
+							marginTop: " 27px",
+							display: "flex",
+							flexDirection: "initial",
+							width: "100%",
+						}}>
              <span style={{
-							 width: "70px",
 							 textAlign: "center",
-							 lineHeight: " 40px",
+							 lineHeight: "40px",
+							 marginLeft: "16px",
 						 }}><span style={{
 							 textAlign: "center",
 							 lineHeight: " 40px",
 							 color: " #f5222d",
-						 }}>*</span>调分：</span>
+						 }}>*</span>成绩：</span>
 							<Input
 								className={Inputsvaltype === true ? "borerinput" : ""}
 								style={{
-								width: "335px",
+									width: "120px",
 								height: "40px",
 							}}
 								placeholder="请填写分数"
 								value={Inputsval}
 								onInput={this.setInputs}
-								suffix={
-											 <span
-												 style={{
-													 textAlign: "center",
-													 lineHeight: " 40px",
-												 }}
-											 >分</span>
-										 }
 							/>
+							<span
+								style={{
+									textAlign: "center",
+									lineHeight: " 40px",
+									marginLeft: "10px",
+								}}
+							>分</span>
 						</div>
 						{
 							Inputsvaltype === true ?
@@ -141,24 +147,16 @@ class ModulationModal extends Component{
 								: ""
 						}
 
-						<div style={{
-							display: "flex",
-							flexDirection: "initial",
 
-						}}>
-							<span style={{width: "70px"}}></span>
-							<p className=" mt3 font-14 " style={{color: "#666666"}}>调分后该学生的最终成绩将不会按照评分规则进行计算</p>
-						</div>
 
 						<div style={{
 							display: "flex",
 							flexDirection: "initial",
 							marginTop: "10px;",
 						}}>
-							<span style={{width: "70px", marginTop: "24px"}}>调分原因：</span>
 							<WordNumberTextarea
-								style={{width: "335px"}}
-								placeholder={"请输入调分原因（选填）"}
+								style={{width: "100%"}}
+								placeholder={"请填写您对作品调分的原因（选填）"}
 								onInput={(e) => this.settextarea(e)}
 								value={textareaval}
 								maxlength={100}
@@ -166,16 +164,19 @@ class ModulationModal extends Component{
 						</div>
 
 						<div style={{
-							marginTop: "27px",
-							width: " 336px",
+							marginTop: "15px",
+							width: "82%",
 							marginLeft: "70px",
 							marginBottom: "29px",
+							display: "flex",
+							flexDirection: "row-reverse",
 						}}>
+							<a className="task-btn task-btn-orange " style={{width: "72px",}}
+								 onClick={this.Saves}>{this.props.Savesname || '确认'}</a>
 							<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>
 

public/react/src/modules/courses/coursesPublic/Newshixunmodel.css

@@ -305,8 +305,27 @@
     margin: 10px 10px 0px 10px;
     padding: 10px 10px 5px 10px;
     backgroud: rgba(234, 234, 234, 1);
-    width: 335px;
+    width: 530px;
+    margin-left: 10px;
+    margin-top: 25px;
+    height: 214px !important;
+}
 
+.WordNumbernote .WordNumberTextarea {
+    outline: none;
+    appearance: none;
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    background-color: white;
+    text-shadow: none;
+    -webkit-writing-mode: horizontal-tb !important;
+    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+    resize: none;
+    border: none;
+    width: 100%;
+    height: 169px !important;
+    border: none;
+    display: block;
 }
 
 .WordNumberTextarea-count {