details.html 5.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>试题管理详情</title>
  6. <meta name="renderer" content="webkit">
  7. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  8. <meta name="viewport"
  9. content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  10. <link rel="stylesheet" href="../../layuiadmin/layui/css/layui.css" media="all">
  11. <link rel="stylesheet" href="../../layuiadmin/style/admin.css" media="all">
  12. <style type="text/css">
  13. .title {
  14. width: 140px;
  15. background: #efefef;
  16. }
  17. </style>
  18. </head>
  19. <body>
  20. <div class="layui-fluid">
  21. <div class="layui-card">
  22. <div class="layui-card-body" pad15>
  23. <div class="layui-row layui-col-space15">
  24. <div class="layui-col-md12">
  25. <div id="print_div">
  26. <table class="layui-table">
  27. <tr>
  28. <td class="title">科目:</td>
  29. <td id="subject_text" class="cell"></td>
  30. <td class="title">章节:</td>
  31. <td id="chapter_text" class="cell"></td>
  32. </tr>
  33. <tr>
  34. <td class="title">题型:</td>
  35. <td id="type_text" class="cell"></td>
  36. <td class="title">难度:</td>
  37. <td id="difficulty_text" class="cell"></td>
  38. </tr>
  39. <tr>
  40. <td class="title">分数:</td>
  41. <td id="scores" class="cell"></td>
  42. <td class="title"></td>
  43. <td class="cell"></td>
  44. </tr>
  45. <tr>
  46. <td class="title">录入人:</td>
  47. <td id="create_user_text" class="cell"></td>
  48. <td class="title">录入时间:</td>
  49. <td id="create_time" class="cell"></td>
  50. </tr>
  51. <tr>
  52. <td class="title">题目:</td>
  53. <td colspan="3" id="title" class="cell"></td>
  54. </tr>
  55. <tr id="id_analysis">
  56. <td class="title">解析:</td>
  57. <td colspan="3" id="analysis" class="cell"></td>
  58. </tr>
  59. </table>
  60. </div>
  61. </div>
  62. </div>
  63. </div>
  64. </div>
  65. </div>
  66. <script src="../../layuiadmin/layui/layui.js?t=1"></script>
  67. <script>
  68. layui.config({
  69. base: '../../../layuiadmin/' //静态资源所在路径
  70. }).extend({
  71. index: 'lib/index' //主入口模块
  72. }).use(['index', 'table'], function () {
  73. var $ = layui.$;
  74. var editdata = JSON.parse(JSON.stringify(parent.layui.table.editdata)); // 框架有Bug所以这么转换
  75. $('.cell').each(function (index, element) {
  76. element.innerHTML += (editdata[element.id] || '')
  77. });
  78. var answer = ''
  79. if (editdata.type < 4) {
  80. // 单选、多选、填空
  81. var answers = ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R',
  82. 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z']
  83. var items = editdata.items, answer_title = '', right = ''
  84. for (var i = 0; i < items.length; i++) {
  85. if (editdata.type === 3) {
  86. answer_title = '空白' + (i + 1)
  87. } else {
  88. answer_title = answers[i]
  89. }
  90. if (items[i].right) {
  91. right = '<img src="../right.png" width="15px" height="15px" style="margin-right: 3px">'
  92. } else {
  93. right = '<span style="margin-right: 17px"></span>'
  94. }
  95. if (i === 0) {
  96. answer = "<tr>\n" +
  97. "<td class=\"title\">选项/答案:</td>\n" +
  98. "<td colspan=\"3\" class=\"cell\">" + right + answer_title + "、" + items[i].content + "</td>\n" +
  99. "</tr>"
  100. } else {
  101. answer = "<tr>\n" +
  102. "<td></td>\n" +
  103. "<td colspan=\"3\" class=\"cell\">" + right + answer_title + "、" + items[i].content + "</td>\n" +
  104. "</tr>"
  105. }
  106. $('#id_analysis').before(answer)
  107. }
  108. } else {
  109. // 判断
  110. if (editdata.judgment === "1") {
  111. right = '<img src="../right.png" width="15px" height="15px" style="margin-right: 3px">正确'
  112. } else {
  113. right = '<img src="../wrong.png" style="margin-right: 3px">错误'
  114. }
  115. answer = "<tr>\n" +
  116. "<td class=\"title\">选项/答案:</td>\n" +
  117. "<td colspan=\"3\" class=\"cell\">" + right + "</td>\n" +
  118. "</tr>"
  119. $('#id_analysis').before(answer)
  120. }
  121. });
  122. </script>
  123. </body>
  124. </html>