123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159 |
- <%@ page contentType="text/html;charset=UTF-8" language="java" %>
- <%@ include file="/webpage/include/taglibf.jsp"%>
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8">
- <%@ include file="/webpage/include/bootstraptable.jsp"%>
- <link rel="stylesheet" href="${ctxStaticWeb}/css/base.css" />
- <link rel="stylesheet" href="${ctxStaticWeb}/css/second.css" />
- <link href="${ctx}/static/plugin/layui/dist/css/layui.css" rel="stylesheet" />
- <script src="${ctx}/static/web/js/jquery-2.1.4.js"></script>
- <script src="${ctx}/static/plugin/jquery-validation/1.14.0/jquery.validate.js" type="text/javascript"></script>
- <script src="${ctx}/static/plugin/jquery-validation/1.14.0/localization/messages_zh.min.js" type="text/javascript"></script>
- <script src="${ctxStatic}/plugin/layui/layer/layer.js"></script>
- <script src="${ctxStatic}/plugin/layui/laytpl/laytpl.js"></script>
- <script src="${ctxStatic}/plugin/vue/vue.js"></script>
- <link rel="stylesheet" type="text/css" href="${ctxStaticWeb}/css/bjl.css" />
- </head>
- <style>
- /* 使用伪元素清除浮动 */
- .clearfix::before, .clearfix::after {
- content: "";
- height: 0;
- line-height: 0;
- display: block;
- visibility: none;
- clear: both;
- }
- .clearfix {
- *zoom: 1;
- }
- label div {
- display: inline;
- }
- h2 div {
- display: inline;
- }
- .mian_dt .qustion{
- padding: 0px;
- }
- .mian_dt .qustion li{
- width: 100%;
- padding: 5px 15px 5px 15px;
- line-height: 25px;
- border-radius: 4px;
- cursor: pointer;
- margin: 0;
- position: relative;
- min-height: 30px;
- margin-bottom: 10px;
- }
- .mian_dt .qustion li.dt_cw label{
- color: #999;
- }
- .mian_dt .qustion li.dt_dui label{
- color: #333;
- }
- .mian_dt .qustion li.yxz{
- background: #f8efef;
- }
- .mian_dt .qustion li span{
- display: none;
- }
- .mian_dt .qustion li.yxz span{
- display: block;
- color: #c7301e;
- width:60px;
- height: 25px;
- line-height: 25px;
- float:right;
- }
- .mian_dt .qustion li i{
- width:18px;
- height: 18px;
- display: block;
- float:left;
- margin: 3px 0px;
- }
- .mian_dt .qustion li.dt_cw i{
- background: url(${ctxStaticWeb}/img/dt_cw.png) no-repeat center;
- background-size: contain;
- }
- .mian_dt .qustion li.dt_dui i{
- background: url(${ctxStaticWeb}/img/dt_dui.png) no-repeat center;
- background-size: contain;
- }
- .mian_dt .qustion .dt_div{
- padding: 20px 20px 0px 20px;
- }
- .dtj_div{
- /*width:900px;*/
- }
- .dt_div{
- position: relative;
- overflow: hidden;
- }
- .dt_l{
- float:left;
- width:49%;
- }
- .dt_r{
- float: right;
- width: 49%;
- padding-left: 2%;
- }
- </style>
- <body>
- <div class="dtj_div clearfix">
- <div class="mian mian_dt">
- <div class="tit">${testInfo.paperName}(共${sum}题,合计${testInfo.points}分)
- </div>
- <div class="qustion">
- <c:forEach items="${testsDetailList}" varStatus="status" var="obj" >
- <div class="dt_div clearfix">
- <div class="">
- <h2 id="i"><strong> ${status.index+1}</strong>.<div >${obj.questionTitle}</div> (${obj.points}分)</h2>
- <ul >
- <c:forEach items="${questionOptionList}" var="questionOption">
- <c:if test="${questionOption.qId == obj.questionId}">
- <div >
- <c:if test="${questionOption.isAnswer=='1'}">
- <li id="li" class="dt_dui yxz">
- </c:if>
- <c:if test="${questionOption.isAnswer!='1'}">
- <li id="li" class="dt_cw yxz">
- </c:if>
- <i></i>
- <label>
- <div>${questionOption.title}</div>
- </label>
- <c:forEach items="${obj.resultsArray}" var="resultsArray" >
- <c:if test="${resultsArray==questionOption.title}">
- <span>已选择</span>
- </c:if>
- </c:forEach>
- </li>
- </div>
- </c:if>
- </c:forEach>
- </ul>
- <div class="h"></div>
- </div>
- </div>
- </c:forEach>
- </div>
- </div>
- </div>
- </body>
- </html>
|