checkdetail.html 6.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265
  1. {extend name="public/layout" /} {block name="title"}商学院{/block} {block name="body"}
  2. <style type="text/css">
  3. html,
  4. body {
  5. display: block;
  6. width: 100%;
  7. }
  8. .layui-fluid {
  9. display: block;
  10. box-shadow: 0 0 4px 0 #B6CADE;
  11. border-radius: 5px;
  12. margin: 15px;
  13. background-color: #ffffff;
  14. }
  15. .layui-icon{font-size:20px !important;line-height: 38px;}
  16. .layui-input-inline{line-height: 38px;}
  17. .layui-input-inline input{margin-right: 10px;}
  18. .layui-form-item .layui-input-inline{}
  19. .input-indent-box-small{margin-left:10px;}
  20. .layui-tab {
  21. padding: 15px;
  22. height: 100%;
  23. }
  24. .layui-table-view .layui-table th,
  25. .layui-table-view .layui-table td {
  26. text-align: center;
  27. border-color: #B6CADE;
  28. }
  29. .layui-table thead tr,
  30. .layui-table-header {
  31. background-color: #D8E6F1;
  32. }
  33. .upload-img .area i {
  34. font-size: 50px;
  35. color: #009688;
  36. }
  37. /*///*/
  38. .text-detail>span {
  39. font-size: 40px;
  40. }
  41. .imageDiv div {
  42. width: 100%;
  43. height: 100%;
  44. position: absolute;
  45. top: 0px;
  46. background-color: #e6e6e600;
  47. }
  48. .imageDiv div i {
  49. display: none;
  50. font-size: 31px;
  51. position: absolute;
  52. top: 37%;
  53. left: 40%;
  54. }
  55. .imageDiv div:hover {
  56. background-color: #e6e6e680;
  57. }
  58. .imageDiv div:hover i {
  59. display: block;
  60. cursor: pointer;
  61. }
  62. .layui-input-inline.input-longer-inline {
  63. width: 290px;
  64. }
  65. .layui-item-inline{
  66. width: 290px;
  67. display: inline;
  68. margin-left: 20px;
  69. margin-bottom: 5px;
  70. }
  71. .submit-btn{
  72. text-align: right;
  73. }
  74. .select_items{
  75. display: block;
  76. float:left;
  77. margin-left:10px;
  78. }
  79. .layui-input-answer{
  80. width: 330px;
  81. }
  82. .question{
  83. border: 1px solid lightgrey;
  84. border-radius: 5px;
  85. margin: 5px 0;
  86. padding:10px;
  87. }
  88. .keyw{
  89. background: yellow;
  90. }
  91. .btnwrapper{
  92. display: block;
  93. height: 50px;
  94. width: 100%;
  95. }
  96. button.confirming{
  97. display: inline;
  98. float:right;
  99. margin-right:20px;
  100. }
  101. .empanswer{
  102. color:darkgreen;
  103. }
  104. .gotscore{
  105. color:red;
  106. }
  107. .givescore{
  108. color:sandybrown;
  109. }
  110. .qcn img{
  111. width: 50%;
  112. }
  113. </style>
  114. <body>
  115. <div class="layui-fluid">
  116. <div class="layui-card">
  117. <div class="layui-card-header ">
  118. <div class="layui-form-item">
  119. <p><span>考卷名称: {:$info.name} 总分: {:$info.total_score} 及格分: {:$info.base_score}</span>
  120. {if condition='$result.approve_status eq 2'}
  121. <span>&nbsp;&nbsp;&nbsp;批改人:{:$result.p_name}</span>
  122. {else/}
  123. <span>&nbsp;&nbsp;&nbsp;状态:未批改</span>
  124. {/if}
  125. <span style="float:right">考试人: {:$employee_name} 耗时: {:$time_spend}分钟 得分: <span style="color:red" id="scoresum" data-ref="{:$result.final_score}">{:$result.final_score}</span></span></p>
  126. </div>
  127. </div>
  128. <div class="layui-card-body">
  129. {foreach $info.questions as $vo}
  130. <div class="question">
  131. <p><span>类型:{:$vo.type}</span></p>
  132. <p><span>题目:{:$vo.ask}</span></p>
  133. <div class="qcn">
  134. {if condition='$vo.types eq 1'}
  135. 内容:
  136. {foreach $vo.content as $k => $v}
  137. <p>&nbsp;&nbsp;&nbsp;{$k} : {$v|raw}</p>
  138. {/foreach}
  139. {elseif($vo.types == 2)/}
  140. 内容:
  141. <p>&nbsp;&nbsp;&nbsp;{$vo.content|raw}</p>
  142. {elseif($vo.types == 3)/}
  143. 内容:
  144. <p>&nbsp;&nbsp;&nbsp;{$vo.content|raw}</p>
  145. {/if}
  146. </div>
  147. <p><span>参考答案:</span><span>{:$vo.answer}</span></p>
  148. <p><span>分值:</span><span style="color:dodgerblue">{:$vo.pivot.score}</span></p>
  149. {if condition="isset($vo.emp_answer)"}
  150. <p><span>考生答案:</span><span class="empanswer">{:$vo.emp_answer}</span></p>
  151. {/if}
  152. {if condition="isset($vo.got_score) && ($vo.got_score || $vo.got_score == 0)"}
  153. {if condition="$vo.type == '简答' "}
  154. <p><span>系统判分:</span><span class="givescore">{:$vo.got_score}</span></p>
  155. <p><span>考生得分:</span>
  156. <span class="gotscore">
  157. <span class="gotscore finalscore" data-finalscore="{:$vo.correct_score}">{:$vo.correct_score}</span>
  158. <!-- <input class="manualscore finalscore" type="number" name="q_{:$vo.id}" min="0" max="{:$vo.pivot.score}" data-sysscore="{:$vo.got_score}" data-qid="{:$vo.id}" data-finalscore="{:$vo.got_score}"/> -->
  159. </span>
  160. </p>
  161. {elseif condition="$vo.type == '多选'"}
  162. <p><span>考生得分:</span><span class="gotscore finalscore" data-finalscore="{:$vo.correct_score}">{$vo.correct_score}</span></p>
  163. {else/}
  164. <p><span>考生得分:</span><span class="gotscore finalscore" data-finalscore="{:$vo.got_score}">{:$vo.got_score}</span></p>
  165. {/if}
  166. {else/}
  167. <p><span>考生得分:</span><span class="gotscore">0</span></p>
  168. {/if}
  169. </div>
  170. {/foreach}
  171. </div>
  172. <!-- <div class="btnwrapper">
  173. {if condition="!$result_checked"}
  174. <button class="layui-btn confirming" id="confirming">审核</button>
  175. {else /}
  176. <button class="layui-btn layui-btn-disabled confirming" >已审核</button>
  177. {/if}
  178. </div> -->
  179. </div>
  180. </div>
  181. </body>
  182. {/block}
  183. {block name="js"}
  184. <script src="__STATIC__/layui/layui/layui.js"></script>
  185. <script>
  186. var resultid = '{:$resultid}';
  187. layui.config({
  188. base: '__LAYUI__/' //静态资源所在路径
  189. ,
  190. urlbase: '/sys'
  191. }).extend({
  192. index: 'lib/index' //主入口模块
  193. }).use(['index', 'table', 'layedit', 'laydate'], function () {
  194. var $ = layui.$;
  195. $('.manualscore').on('change', function () {
  196. let totalscoreobj = $('#scoresum');
  197. var totalscore = totalscoreobj.data('ref');
  198. if(parseInt($(this).val()) !== 0 && $(this).val() !== ''){
  199. $(this).data('finalscore', $(this).val());
  200. let sum = 0;
  201. $('.finalscore').each(function(){
  202. sum += parseInt($(this).data('finalscore'));
  203. })
  204. totalscoreobj.html(sum);
  205. }else{
  206. totalscoreobj.html(totalscore);
  207. }
  208. })
  209. $('#confirming').on('click', function () {
  210. var index = parent.layer.getFrameIndex(window.name);
  211. var manalscores = $('.manualscore');
  212. // console.log(manalscores);
  213. var postdata = [];
  214. manalscores.each(function(index,ele){
  215. let data = {'id':$(ele).data('qid'),'mannal':$(ele).val()};
  216. console.log(data);
  217. postdata.push(data);
  218. });
  219. var finalscore = $('#scoresum').html();
  220. var data = {
  221. 'resultid' : resultid,
  222. 'data': JSON.stringify(postdata),
  223. 'finalscore' : finalscore
  224. }
  225. $.post('{:url("exam/makecheck")}',data, function(res){
  226. if (res.code == 0) {
  227. layer.msg(res.msg, {anim: 0, time: 2000},function () {
  228. parent.layui.table.reload('LAY-exam-check-list'); //重载表格
  229. parent.layer.close(index);
  230. });
  231. } else {
  232. layer.msg(res.msg,{anim: 6, time: 2000});
  233. }
  234. });
  235. return false;
  236. });
  237. });
  238. </script>
  239. {/block}