settingIndex.html 8.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8"/>
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  6. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  7. <title>试卷配置</title>
  8. <link rel="stylesheet" href="../../assets/libs/layui/css/layui.css"/>
  9. <link rel="stylesheet" href="../../assets/module/admin.css?v=312"/>
  10. <style>
  11. </style>
  12. </head>
  13. <body>
  14. <!-- 页面加载loading -->
  15. <div class="page-loading">
  16. <div class="ball-loader">
  17. <span></span><span></span><span></span><span></span>
  18. </div>
  19. </div>
  20. <!-- 正文开始 -->
  21. <div class="layui-fluid">
  22. <form class="layui-form" lay-filter="modelForm">
  23. <div class="layui-card" style="padding-bottom :15px;height:780px;">
  24. <div class="layui-card-header">
  25. 试卷配置
  26. </div>
  27. <div class="layui-card-body" style="margin-bottom: 10px">
  28. <input hidden name="settingId" id="settingId">
  29. <div class="layui-form-item" style="width:60%;padding-top: 20px;padding-left: 100px;">
  30. <label class="layui-form-label w-width150"><span class="layui-badge-dot"></span> 单选题数量</label>
  31. <div class="layui-input-block " style="margin-left: 200px">
  32. <input type="number" name="radioNumber" id="radioNumber" lay-tips="单选题题目数量" placeholder="题目数量"
  33. autocomplete="off" class="layui-input" lay-verify="required" required
  34. onkeyup="onlyNumber(this)">
  35. </div>
  36. </div>
  37. <div class="layui-form-item" style="width:60%;padding-top: 20px;padding-left: 100px;">
  38. <label class="layui-form-label w-width150"><span class="layui-badge-dot"></span> 单选题分值</label>
  39. <div class="layui-input-block " style="margin-left: 200px">
  40. <input type="number" name="radioScore" id="radioScore" lay-tips="单选题每题分值" placeholder="每题分值"
  41. autocomplete="off" class="layui-input" lay-verify="required" required
  42. onkeyup="onlyNumber(this)">
  43. </div>
  44. </div>
  45. <div class="layui-form-item" style="width:60%;padding-top: 20px;padding-left: 100px;">
  46. <label class="layui-form-label w-width150"><span class="layui-badge-dot"></span> 多选题数量</label>
  47. <div class="layui-input-block " style="margin-left: 200px">
  48. <input type="number" name="selectNumber" id="selectNumber" lay-tips="多选题题目数量" placeholder="题目数量"
  49. autocomplete="off" class="layui-input" lay-verify="required" required
  50. onkeyup="onlyNumber(this)">
  51. </div>
  52. </div>
  53. <div class="layui-form-item" style="width:60%;padding-top: 20px;padding-left: 100px;">
  54. <label class="layui-form-label w-width150"><span class="layui-badge-dot"></span> 多选题分值</label>
  55. <div class="layui-input-block " style="margin-left: 200px">
  56. <div class="layui-input-inline" style="width: 45%;">
  57. <input type="number" name="selectScore" id="selectScore" lay-tips="多选题每题分值"
  58. placeholder="每题分值" autocomplete="off" class="layui-input" lay-verify="required"
  59. required onkeyup="onlyNumber(this)">
  60. </div>
  61. <div class="layui-input-inline" style="width: 45%;">
  62. <input type="number" name="selectLessScore" id="selectLessScore" lay-tips="多选题答对一项得分"
  63. placeholder="多选题答对一项得分" autocomplete="off" class="layui-input" lay-verify="required"
  64. required>
  65. </div>
  66. </div>
  67. </div>
  68. <div class="layui-form-item" style="width:60%;padding-top: 20px;padding-left: 100px;">
  69. <label class="layui-form-label w-width150"><span class="layui-badge-dot"></span> 判断题数量</label>
  70. <div class="layui-input-block " style="margin-left: 200px">
  71. <input type="number" name="trueFalseItem" id="trueFalseItem" lay-tips="判断题数量" placeholder="题目数量"
  72. autocomplete="off" class="layui-input" lay-verify="required" required
  73. onkeyup="onlyNumber(this)">
  74. </div>
  75. </div>
  76. <div class="layui-form-item" style="width:60%;padding-top: 20px;padding-left: 100px;">
  77. <label class="layui-form-label w-width150"><span class="layui-badge-dot"></span> 判断题分值</label>
  78. <div class="layui-input-block " style="margin-left: 200px">
  79. <input type="number" name="trueFalseScore" id="trueFalseScore" lay-tips="判断题每题分值"
  80. placeholder="每题分值" autocomplete="off" class="layui-input" lay-verify="required" required
  81. onkeyup="onlyNumber(this)">
  82. </div>
  83. </div>
  84. <div class="layui-form-item" style="width:60%;padding-top: 20px;padding-left: 100px;">
  85. <label class="layui-form-label w-width150"><span class="layui-badge-dot"></span> 补考次数</label>
  86. <div class="layui-input-block " style="margin-left: 200px">
  87. <input type="number" name="makeUpExaminationNumber" id="makeUpExaminationNumber" lay-tips="补考次数"
  88. placeholder="补考次数" autocomplete="off" class="layui-input" lay-verify="required" required
  89. onkeyup="onlyNumber(this)">
  90. </div>
  91. </div>
  92. <div class="layui-form-item" style="width:60%;padding-top: 20px;padding-left: 100px;">
  93. <label class="layui-form-label w-width150"></label>
  94. <div class="layui-input-block text-center">
  95. <button type="button" lay-submit lay-filter="formSubmit" class="layui-btn icon-btn bg-c-add">
  96. 保存配置
  97. </button>
  98. </div>
  99. </div>
  100. </div>
  101. </div>
  102. </form>
  103. </div>
  104. <!-- js部分 -->
  105. <script type="text/javascript" src="../../assets/libs/layui/layui.js"></script>
  106. <script type="text/javascript" src="../../assets/js/common.js?v=312"></script>
  107. <script>
  108. layui.use(['layer', 'form', 'table', 'laydate', 'util', 'upload', 'zTree', 'admin', 'uParas', 'element', 'laytpl'], function () {
  109. var $ = layui.jquery;
  110. var layer = layui.layer;
  111. var form = layui.form;
  112. var admin = layui.admin;
  113. var uParas = layui.uParas;
  114. var element = layui.element, laytpl = layui.laytpl;
  115. function init() {
  116. admin.req(uParas.baseUrl + '/ol/paperSetting/getInfo', null, function (res) {
  117. if (res.code == 1) {
  118. form.val('modelForm', res.data); // 回显数据
  119. form.render();
  120. } else {
  121. layer.msg(res.msg);
  122. }
  123. });
  124. }
  125. //提交
  126. form.on('submit(formSubmit)', function (data) {
  127. console.log(data.field)
  128. var url = uParas.baseUrl + '/ol/paperSetting/update';
  129. var selectScore = Number(data.field.selectScore);
  130. var selectLessScore = Number(data.field.selectLessScore);
  131. if (selectLessScore > selectScore) {
  132. layer.msg("多选题少选分值不能大于正确分值");
  133. } else {
  134. admin.req(url, data.field, function (res) {
  135. layer.closeAll('loading');
  136. if (res.code == 1) {
  137. layer.msg(res.msg);
  138. //location.reload();
  139. init();
  140. } else {
  141. layer.msg(res.msg);
  142. }
  143. }, 'POST');
  144. }
  145. return false;
  146. });
  147. init();
  148. });
  149. function onlyNumber(o) {
  150. var val = o.value.replace(/[^\d]|^[0]/g, '');
  151. if (val.length > 3) {
  152. o.value = val.slice(0, 3);
  153. } else {
  154. o.value = val
  155. }
  156. }
  157. </script>
  158. </body>
  159. </html>