242 lines
9.3 KiB
HTML
242 lines
9.3 KiB
HTML
<!doctype html>
|
||
<html>
|
||
<head>
|
||
<title></title>
|
||
<vt:include file="inc/meta.inc" />
|
||
<link href="Styles/TestView.css?ver={$version}" rel="stylesheet" type="text/css" />
|
||
<script type="text/javascript" src="Scripts/TestView.js?ver={$version}"></script>
|
||
<script type="text/javascript" src="/Utility/CoreScripts/highcharts.js?ver={$version}"></script>
|
||
<script type="text/javascript" src="/Utility/CoreScripts/highcharts-3d.js?ver={$version}"></script>
|
||
</head>
|
||
<body>
|
||
<div class="pagerTitle">《{$result.tp_name}》测试结果！</div>
|
||
<div class="info"> 亲爱的 <b>
|
||
<vt:if var="st.ac_id" value="0" compare=">"> {$st.ac_name}
|
||
<vt:else/>
|
||
匿名考生</vt:if>
|
||
</b> ，您于<b>{$result.Tr_crtTime format="yyyy-MM-dd HH:mm"}</b>的测试成绩，详情如下： </div>
|
||
<div class="scoreinfo"> 得分：<span class="score">{$result.Tr_Score}分</span>；当前测试总分<span class="total">{$pager.Tp_Total}分</span>，及格分<span class="pass">{$pager.Tp_PassScore}分</span>； </div>
|
||
<div id="details">
|
||
<table width="90%" border="1" cellspacing="0" id="detailsTable" cellpadding="0">
|
||
<tr class="header">
|
||
<th>题型</th>
|
||
<th>试题数</th>
|
||
<th>答题数</th>
|
||
<th>答对题数</th>
|
||
<th>答错的题数</th>
|
||
<th>题型总分</th>
|
||
<th>得分</th>
|
||
</tr>
|
||
<vt:foreach id="tpItem" from="$#.tpi" item="data" index="i" remark="当前试卷的试题大项">
|
||
<tr class="itemrow">
|
||
<td><!--试题类型 -->
|
||
|
||
<vt:function var="typeName" method="getTypeName" args="$#.data.TPI_Type"/>
|
||
{$:i}.{$:#.typeName}</td>
|
||
<td><!--当前试题类型的试题数 -->
|
||
{$:#.data.TPI_Count}</td>
|
||
<td><!--答题数 -->
|
||
|
||
<vt:function var="typeCount" method="getAnswerCount" args="$#.data.TPI_Type"/>
|
||
{$:#.typeCount} </td>
|
||
<td><!--答对的数目 -->
|
||
|
||
<vt:function var="typeSuccessCount" method="getSucessCount" args="$#.data.TPI_Type"/>
|
||
{$:#.typeSuccessCount}</td>
|
||
<td><!--答错的数目 -->
|
||
|
||
<vt:function var="typeErrorCount" method="getErrorCount" args="$#.data.TPI_Type"/>
|
||
{$:#.typeErrorCount}</td>
|
||
<td>{$:#.data.TPI_Number}</td>
|
||
<td><!--得分 -->
|
||
|
||
<vt:function var="typeNumber" method="getTypeNumber" args="$#.data.TPI_Type"/>
|
||
{$:#.typeNumber} </td>
|
||
</tr>
|
||
</vt:foreach>
|
||
<tr class="sum">
|
||
<td>总计：</td>
|
||
<td> </td>
|
||
<td> </td>
|
||
<td> </td>
|
||
<td> </td>
|
||
<td style="color:Red"> </td>
|
||
<td> </td>
|
||
</tr>
|
||
</table>
|
||
<script>
|
||
$(function () {
|
||
$('#highchart').highcharts({
|
||
chart: {
|
||
type: 'column'
|
||
},
|
||
title: {
|
||
text: '答题详情回顾'
|
||
},
|
||
subtitle: {
|
||
text: ''
|
||
},
|
||
xAxis: {
|
||
categories: [
|
||
<vt:foreach id="tpItem" from="$#.tpi" item="data" index="i" remark="当前试卷的试题大项">
|
||
<vt:function var="typeName" method="getTypeName" args="$#.data.TPI_Type"/>
|
||
'{$:#.typeName}',
|
||
</vt:foreach>
|
||
]
|
||
},
|
||
yAxis: {
|
||
min: 0,
|
||
title: {
|
||
text: '数量'
|
||
}
|
||
},
|
||
tooltip: {
|
||
headerFormat: '<span style="font-size:10px">{point.key}</span><table>',
|
||
pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
|
||
'<td style="padding:0"><b>{point.y} </b></td></tr>',
|
||
footerFormat: '</table>',
|
||
shared: true,
|
||
useHTML: true
|
||
},
|
||
plotOptions: {
|
||
column: {
|
||
pointPadding: 0.2,
|
||
borderWidth: 0
|
||
}
|
||
},
|
||
series: [{
|
||
name: '题量',
|
||
data: [
|
||
<vt:foreach id="tpItem" from="$#.tpi" item="data" index="i" remark="当前试卷的试题大项">
|
||
{$:#.data.TPI_Count},</vt:foreach>
|
||
]
|
||
},{
|
||
name: '答题数',
|
||
data: [
|
||
<vt:foreach id="tpItem" from="$#.tpi" item="data" index="i" remark="当前试卷的试题大项">
|
||
<vt:function var="typeCount" method="getAnswerCount" args="$#.data.TPI_Type"/>
|
||
{$:#.typeCount} ,</vt:foreach>]
|
||
},{
|
||
name: '答对数',
|
||
data: [
|
||
<vt:foreach id="tpItem" from="$#.tpi" item="data" index="i" remark="当前试卷的试题大项">
|
||
<vt:function var="typeSuccessCount" method="getSucessCount" args="$#.data.TPI_Type"/>
|
||
{$:#.typeSuccessCount},</vt:foreach>]
|
||
}]
|
||
});
|
||
});
|
||
</script>
|
||
<!--<div id="highchart" style="width:90%;height:300px; margin-left:auto; margin-right:auto"></div>-->
|
||
</div>
|
||
<!--答题详情展示区 -->
|
||
<div id="quesBox">
|
||
|
||
<div id="highchart2" style="height:300px;margin-left:auto; margin-right:auto;"></div>
|
||
<div id="quesTitle">
|
||
<div id="quesBtnBox">
|
||
<div id="btnAll" class="btn">显示所有</div>
|
||
<div id="btnSuccess" class="btn">只显示正确</div>
|
||
<div id="btnError" class="btn">只显示错误</div>
|
||
<div id="btnNoans" class="btn">只显示未做</div>
|
||
</div>
|
||
</div>
|
||
<script>
|
||
$(function () {
|
||
$('#highchart2').highcharts({
|
||
chart: {
|
||
type: 'pie',
|
||
options3d: {
|
||
enabled: true,
|
||
alpha: 45,
|
||
beta: 0
|
||
}
|
||
},
|
||
title: {
|
||
text: '答题详情回顾'
|
||
},
|
||
tooltip: {
|
||
pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
|
||
},
|
||
plotOptions: {
|
||
pie: {
|
||
allowPointSelect: true,
|
||
cursor: 'pointer',
|
||
depth: 35,
|
||
dataLabels: {
|
||
enabled: true,
|
||
format: '{point.name} '
|
||
}
|
||
}
|
||
},
|
||
series: [{
|
||
type: 'pie',
|
||
name: '所占百分比',
|
||
data: [
|
||
['答对 '+$(".qitemBox[ansState=0]").size()+' 道',Math.floor($(".qitemBox[ansState=0]").size()/$(".qitemBox").size()*100)],
|
||
['答错 '+$(".qitemBox[ansState=1]").size()+' 道',Math.floor($(".qitemBox[ansState=1]").size()/$(".qitemBox").size()*100)],
|
||
['未做 '+$(".qitemBox[ansState=2]").size()+' 道',Math.floor($(".qitemBox[ansState=2]").size()/$(".qitemBox").size()*100)]
|
||
]
|
||
}]
|
||
|
||
});
|
||
});
|
||
</script>
|
||
|
||
<vt:foreach id="tpItem" from="$#.tpi" item="data" index="i" remark="当前试卷的试题大项">
|
||
<div class="typeBox" type="{$:#.data.TPI_Type}" >
|
||
<vt:function var="typeName" method="getTypeName" args="$#.data.TPI_Type"/>
|
||
<div class="typeName">
|
||
<!--大题的标题 -->
|
||
<span class="typeTax"> {$:i}</span>、{$:#.typeName}</div>
|
||
<!--试题列表 -->
|
||
<vt:function var="ques" method="getQues" args="$#.data.TPI_Type"/>
|
||
<vt:foreach from="$#.ques" item="q" index="j">
|
||
<vt:function var="ansState" method="getAnswerState" args="$#.q.qus_id" remark="计算答题的状态，0为正确，1为错误，2为未答题"/>
|
||
<div class="qitemBox ansState{$:ansState}" ansState="{$:ansState}" qid="{$:q.qus_id}" type="{$#.data.TPI_Type}">
|
||
<div class="qusTitle"> <span class="qTax">0</span>、{$:q.Qus_Title} </div>
|
||
<div class="quesSelectBox">
|
||
<!--单选题 -->
|
||
<vt:if var="q.Qus_Type" value="1" compare="=">
|
||
<vt:function var="ans" method="getItems" args="$#.q" remark="获取当前试题的选项"/>
|
||
<vt:foreach from="$#.ans" item="an" index="n">
|
||
<div IsCorrect="{$:an.Ans_IsCorrect}" anid="{$:an.Ans_Id}" class="item_{$:an.Ans_IsCorrect}"> <span class="order">{$:n}</span>. <span>{$:an.Ans_Context}</span> </div>
|
||
</vt:foreach>
|
||
</vt:if>
|
||
<!--多选题 -->
|
||
<vt:if var="q.Qus_Type" value="2" compare="=">
|
||
<vt:function var="ans" method="getItems" args="$#.q" remark="获取当前试题的选项"/>
|
||
<vt:foreach from="$#.ans" item="an" index="n">
|
||
<div IsCorrect="{$:an.Ans_IsCorrect}" anid="{$:an.Ans_Id}" class="item_{$:an.Ans_IsCorrect}"> <span class="order">{$:n}</span>. <span>{$:an.Ans_Context}</span> </div>
|
||
</vt:foreach>
|
||
</vt:if>
|
||
</div>
|
||
<!--得分 -->
|
||
<div class="resultBox">
|
||
<vt:function var="score" method="getQuesScore" args="$#.q.Qus_ID" remark="试题得分"/>
|
||
答题得分： <span class="ScoreItem">{$:score}</span> 分 </div>
|
||
<!-- 学生实际答题内容 -->
|
||
<div class="resultBox">
|
||
<vt:function var="reslut" method="getResult" args="$#.q.Qus_ID" remark="学生实际答题内容"/>
|
||
实际答题：
|
||
<vt:if var="reslut" value="" compare="="> （没有答题）
|
||
<vt:else/>
|
||
<span class="resultItem">{$:reslut}</span> </vt:if>
|
||
</div>
|
||
<!-- 正确答案 -->
|
||
<div class="sucessBox">
|
||
<vt:function var="ans" method="getSucessAnswer" args="$#.q" remark="正确答案"/>
|
||
正确答案：<span class="selectedItem"> {$ans}</span> </div>
|
||
<!--试题解析 -->
|
||
<div class="explainBox"> 试题解析：
|
||
<vt:if var="q.Qus_Explain" value="" compare="="> （无）
|
||
<vt:else/>
|
||
{$:q.Qus_Explain} </vt:if>
|
||
</div>
|
||
</div>
|
||
</vt:foreach>
|
||
</div>
|
||
</vt:foreach>
|
||
</div>
|
||
</body>
|
||
</html>
|