From ad7c52aa14c113a65168b0b1cb5caa9cca462025 Mon Sep 17 00:00:00 2001
From: caishi <1149225589@qq.com>
Date: Mon, 5 Aug 2019 17:34:55 +0800
Subject: [PATCH] =?UTF-8?q?=E8=AF=95=E5=8D=B7-=E7=BB=9F=E8=AE=A1=E7=BB=93?=
 =?UTF-8?q?=E6=9E=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../exercise/Exercisestatisticalresult.js     | 79 ++++++++++++++++---
 .../courses/exercise/Exercisetablesmubu.js    | 51 +-----------
 2 files changed, 68 insertions(+), 62 deletions(-)

diff --git a/public/react/src/modules/courses/exercise/Exercisestatisticalresult.js b/public/react/src/modules/courses/exercise/Exercisestatisticalresult.js
index 34f32b234..d2b800b73 100644
--- a/public/react/src/modules/courses/exercise/Exercisestatisticalresult.js
+++ b/public/react/src/modules/courses/exercise/Exercisestatisticalresult.js
@@ -154,7 +154,7 @@ class Exercisestatisticalresult extends Component {
 					</div>}
 
 					<div className="stud-class-set">
-						<div className="clearfix edu-back-white poll_list">
+						<div className="clearfix edu-back-white exerciseTable ">
                <Exercisestatisticalresulttabel
 	               data={data}
                />
@@ -198,16 +198,70 @@ class Exercisestatisticalresult extends Component {
 						.padtop24{
 						    padding-top: 24px;
 						}
-
+						.exerciseTable .shixunreporttitle{
+							padding:0px!important;
+						}
+						.exerciseTable .ant-table-thead > tr > th,.exerciseTable .ant-table-tbody > tr > td{
+							padding:16px 20px!important;
+						}
 					 `}
 				 </style>
-
+					{/* 从子组件将样式提出来，不然会循环多次 */}
+				 <style>{`
+				// .ant-table-thead > tr > th{
+				//     text-align: center;
+				// 	}
+				.tasknamebox{
+			    width: 50px;
+			    height: 24px;
+			    border: 1px solid rgba(221,23,23,1);
+			    border-radius: 12px;
+			    color: rgba(221,23,23,1);
+			    display: inline-block;
+					line-height: 24px;
+					text-align: center;
+					}
+
+					.tasknameboxs{
+					   color: #666666 !important;
+					   background:rgba(237,237,237,1) !important;
+					}
+
+				  .ant-table-tbody > tr > td{
+            font-size:14px;
+					}
+					.task-hide{
+					    max-width: 345px;
+					    overflow: hidden;
+					    white-space: nowrap;
+					    text-overflow: ellipsis;
+					}
+					// .ant-table-tbody > tr{
+					//    height:64px;
+					//    text-align: center;
+					// }
+          .ant-progress-success-bg, .ant-progress-bg{
+             background-color: #29BD8B !important;
+          }
+          .ant-table-thead > tr > th:nth-child(1){
+     				text-align: left;
+          }
+          .ant-table-tbody > tr > td:nth-child(1){
+          		text-align: left;
+          }
+          .Exermubu .ant-table-tbody > tr:nth-last-child(1) > td{
+					  border:1px solid transparent;
+          }
+		  .Exermubu .editormd-html-preview, .Exermubu .editormd-preview-container {
+			  background: transparent;
+		  }
+			`}
+				</style>
 					{data&&data.commit_results.map((item,key)=>{
-
 							 return(
-								<div className="stud-class-set mb20" key={key}>
-									<div className="clearfix edu-back-white poll_list"  style={{padding: '20px'}}>
-										<div className="font-16 shixunreporttitle  fl" >
+								<div className="stud-class-set mb20 exerciseTable" key={key}>
+									<div className="clearfix edu-back-white poll_list df"  style={{padding: '20px'}}>
+										<div className="font-16 shixunreporttitle flex1" >
 										<span className="CACFF">{item.ques_position+"."}{item.ques_type===0?"单选":item.ques_type===1?"多选":item.ques_type===2?"判断":item.ques_type===3?"填空":item.ques_type===4?"主观":item.ques_type===5?"实训":""}题</span>
 										<div>
 											{/*Q{item.ques_position}：*/}
@@ -224,14 +278,15 @@ class Exercisestatisticalresult extends Component {
 
 									item.ques_details.map((ite,k)=>{
 										return(
-											<div className={"mt20"}>
-												<div className="clearfix edu-back-white poll_list"  style={{padding: '0px 20px'}}>
-													<div className="font-16 shixunreporttitle fl padding20">
+											<div>
+												<div className="clearfix edu-back-white poll_list mb10"  style={{padding: '0px 20px'}}>
+													<div className="font-16 shixunreporttitle fl pt20 pb20">
 														<span>{ite.challenge_position}：{ite.challenge_name}</span>
 													</div>
-													<div className="fr shixunreporttitles padtop24">正确率<span style={{color:'#FF6800'}}>{ite.challenge_percent}%</span></div>
+													<div className="fr shixunreporttitles">正确率<span style={{color:'#FF6800'}}> {ite.challenge_percent}%</span></div>
 												</div>
 												<Exercisetablesmubu
+													tableNum={`${key}${k}`}
 													data={ite.challenge_details}
 													type={item.ques_type}
 													effictive_counts={item.effictive_counts}
@@ -241,7 +296,7 @@ class Exercisestatisticalresult extends Component {
 										)
 									}):
 							    <Exercisetablesmubu
-									tableNum={key}
+										tableNum={key}
 								    data={item.ques_details}
 								    type={item.ques_type}
 								    effictive_counts={item.effictive_counts}
diff --git a/public/react/src/modules/courses/exercise/Exercisetablesmubu.js b/public/react/src/modules/courses/exercise/Exercisetablesmubu.js
index 6037254fe..d2d6103b8 100644
--- a/public/react/src/modules/courses/exercise/Exercisetablesmubu.js
+++ b/public/react/src/modules/courses/exercise/Exercisetablesmubu.js
@@ -110,56 +110,7 @@ class Exercisetablesmubus extends Component {
 		return (
 			<div>
 
-				<style>{`
-				// .ant-table-thead > tr > th{
-				//     text-align: center;
-				// 	}
-				.tasknamebox{
-			    width: 50px;
-			    height: 24px;
-			    border: 1px solid rgba(221,23,23,1);
-			    border-radius: 12px;
-			    color: rgba(221,23,23,1);
-			    display: inline-block;
-					line-height: 24px;
-					text-align: center;
-					}
-
-					.tasknameboxs{
-					   color: #666666 !important;
-					   background:rgba(237,237,237,1) !important;
-					}
-
-				  .ant-table-tbody > tr > td{
-            font-size:14px;
-					}
-					.task-hide{
-					    max-width: 345px;
-					    overflow: hidden;
-					    white-space: nowrap;
-					    text-overflow: ellipsis;
-					}
-					// .ant-table-tbody > tr{
-					//    height:64px;
-					//    text-align: center;
-					// }
-          .ant-progress-success-bg, .ant-progress-bg{
-             background-color: #29BD8B !important;
-          }
-          .ant-table-thead > tr > th:nth-child(1){
-     				text-align: left;
-          }
-          .ant-table-tbody > tr > td:nth-child(1){
-          		text-align: left;
-          }
-          .Exermubu .ant-table-tbody > tr:nth-last-child(1) > td{
-					  border:1px solid transparent;
-          }
-		  .Exermubu .editormd-html-preview, .Exermubu .editormd-preview-container {
-			  background: transparent;
-		  }
-			`}
-				</style>
+				
 				{datas===undefined?"":<Table
 					className={"Exermubu"}
 					dataSource={datas}