<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
	<title>私塾家</title>
	
	<script type="text/javascript" th:src="@{/static/js/echarts.min.js}"></script>
	<script type="text/javascript" th:src="@{/static/sys/js/meun/jquery/jquery-1.9.1.min.js}"></script>

	<!-- bootstrap-css -->
	<link rel="stylesheet" th:href="@{/static/sys/css/counter/bootstrap.min.css}" >
	<link th:href="@{/static/sys/css/counter/style.css}" rel='stylesheet' type='text/css' />
	<link th:href="@{/static/sys/css/counter/styletop.css}" rel='stylesheet' type='text/css' />

	<link rel="stylesheet" th:href="@{/static/sys/css/counter/font-awesome.min.css}">
	<link rel="stylesheet" th:href="@{/static/sys/css/counter/bootstrapDatepickr-1.0.0.css}">
	<script th:src="@{/static/sys/js/counter/bootstrapDatepickr-1.0.0.min.js}"></script>
	
	<script th:include="sys/common/metaJS" th:remove="tag"></script>
	
	
	<style type="text/css">
		.s-index-side {
    		width: 99%;
    		margin-top: 10px
    	}
    	.s-index-side .weekly-list li{
    		height: 120px;
    		width: 120px;
    		float: left;
    		margin: 10px;
    	}
    	.s-index-side .weekly-list li img{
    		height: 120px;
    		width: 120px;
    	}
    	.weekly-list-li{
    		min-height: 100px
    	}
    	
    	.weekly-list-li li{
    		line-height: 39px;
    		border-bottom: 1px dotted #d8d8d8;
    		overflow: hidden;
    		padding: 0px 10px 2px 17px;
    	}
    	.weekly-list-li .p1{
    		line-height: 30px;
    		font-weight: bold;
    	}
    	.weekly-list-li .p1 span{
   		    color: red;
		    border: 1px solid;
		    padding: 2px 10px 1px 10px;
		    border-radius: 300px;
		    font-weight: 300;
    	}
    	.weekly-list-li .p2{
    		line-height: 30px;
    		font-weight: bold;
    		font-size: 13px;
    		padding-left: 10px;
    	}
    	.tablelink{margin-right:10px;}
		.stylecss{
		      color: red;
		}
		.select_width{
		     width: 70px;
		}
		.date_width{
		     width: 100px;
		}
		td div{
	     word-break:break-all;
		}
		.imgtd{
			width:60%;
			height: 60%;
			margin-top: 10px;
			margin-left:10px;
			align-content: center;
		}
		.imgshow{
			width:100%;
			height: 100%;
			margin-top: 10px;
			margin-left:10px;
		}
		.scbtn {
		    width: 85px;
		    height: 35px;
		    background: url(/ssj//static/sys/images/btnbg.png) no-repeat center;
		    font-size: 14px;
		    font-weight: bold;
		    color: #fff;
		    cursor: pointer;
		    border-radius: 3px;
		    border: 0;
		    margin: 0;
		    padding: 0;
		}
	</style>

</head>
<body>
<section class="wrapper">
	<!-- //market-->
	
    <div style="text-align: center">
    	<h1>[[${param.childName}]] · [[${param.subject}]]&nbsp;作业批改详情</h1>
    </div>
     <div style="text-align: center">
    	<h3>(&nbsp;[[${param.queryDate}]]&nbsp;)</h3>
    </div>
    
    <div style="width: 100%; padding-left: 10px;">
    	<p style="text-align: right;margin-right: 1%;">
    		<a href="javascript:;" th:href="@{/sys/admin/curator/homeworkIndex.html(libId=${param.libId},queryDate=${param.queryDate})}"><input type="button" class="scbtn" value="返回" /></a>
    	</p>
		<div class="s-index-side">
			<div class="title">
				<h3 style="color: #FF4E00;font-weight: bold;font-size: 15px;padding-left:17px">作业原图 </h3>
			</div>
			<ul class="weekly-list cls" >
				<li th:each="item:${correctDetail.homeworkList}">
					<img alt="" th:src="${imgUrl+item.homeworkPictureUrl}" th:onclick="'updateById(\''+${item.homeworkPictureUrl}+'\')'">
				</li>
			</ul>
		</div>
		
		<div class="s-index-side">
			<div class="title">
				<h3 style="color: #FF4E00;font-weight: bold;font-size: 15px;padding-left:17px">作业标注 </h3>
			</div>
			<ul class="weekly-list cls"> 
				<li th:each="item:${correctDetail.homeworkCommentList}">
					<img alt="" th:src="${imgUrl+item.homeworkCommentUrl}" th:onclick="'updateById(\''+${item.homeworkCommentUrl}+'\')'">
				</li>
			</ul>
		</div> 
		
		
		<div class="s-index-side" th:if="${ #lists.size(correctDetail.relateKnowledgeList)}">
			<div class="title">
				<h3 style="color: #FF4E00;font-weight: bold;font-size: 15px;padding-left:17px">错题知识点 </h3>
			</div>
			<ul class="weekly-list-li" >
				<li th:each="item:${correctDetail.relateKnowledgeList}">
					<p class="p1">知识点[[${itemStat.count}]]&nbsp;<span>[[${item.module}]]</span></p>
					<p class="p2" th:each="items:${item.details}">[[${items}]]</p>
				</li>
			</ul>
		</div>
		
	
		<div class="s-index-side" th:each="item:${correctDetail.wrongItemList}">
			<div class="title">
				<h3 style="color: #FF4E00;font-weight: bold;font-size: 15px;padding-left:17px">[[${item.bookName}]] </h3>
			</div>
			<ul class="weekly-list-li" >
				<li>
					<div th:each="items:${item.bookCourseList}">
						<p class="p1">[[${items.unit}]]&nbsp;<span>[[${items.period}]]</span></p>
						<p class="p2" th:each="itemss:${items.questionList}">· 第[[${itemss.bigQuestionIndex}]]大题 
							<span th:if="${(itemss.smallQuestionIndex ne '0' && itemss.smallQuestionIndex ne '(0)') || itemss.spaceIndex ne ''  }">(</span>
							<span th:if="${itemss.smallQuestionIndex ne '0' && itemss.smallQuestionIndex ne '(0)' }">第[[${itemss.smallQuestionIndex}]]小题目</span>
							<span th:if="${itemss.smallQuestionIndex ne '0' && itemss.smallQuestionIndex ne '(0)' && itemss.spaceIndex ne ''  }">-</span>
							<span th:if="${itemss.spaceIndex ne '' }">第[[${itemss.spaceIndex}]]空</span>
							<span th:if="${(itemss.smallQuestionIndex ne '0' && itemss.smallQuestionIndex ne '(0)') || itemss.spaceIndex ne ''  }">)</span>
						</p>
					</div>
				</li>
			</ul>
		</div>
	</div>
	
</section>
<div id="showDiv" style="text-align: center">

<br/>
<br/>
<br/>
<br/>
<script type="text/javascript">
	var myImgUrl  = '[[${imgUrl}]]';
	function updateById(imgUrls){
		var content='<div style="text-align: center"><img class="imgshow"  src='+myImgUrl+imgUrls + ''+' /></div>';
		layer.open({
			type: 1,
			title: "图片查看",
			area: ['80%', '80%'],
			content: content
		});
	}
</script>

</body>
</html>
