Página inicial Explorar Ajuda
Registrar Entrar
zhaobao
/
scyf
1
0
Fork 0
Arquivos Issues 0 Pull Requests 0 Wiki
Branch: master
Branches Tags
scyf
/
back
/
page
/
onlineTest
/
OlTestPaperList.html

OlTestPaperList.html 19 KB
Link permanente Histórico Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417 
  1. <!DOCTYPE html>
    2. 

  2. <html>
    3. 

  3. <head>
    4. 

  4.     <meta charset="utf-8"/>
    5. 

  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    6. 

  6.     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    7. 

  7.     <title>试卷表</title>
    8. 

  8.     <link rel="stylesheet" href="../../assets/libs/layui/css/layui.css"/>
    9. 

  9.     <link rel="stylesheet" href="../../assets/module/admin.css?v=312"/>
    10. 

  10.     <link rel="stylesheet" href="../../assets/module/formSelects/formSelects-v4.css"/>
    11. 

  11. </head>
    12. 

  12. <body>
    13. 

  13. 

  14. <!-- 页面加载loading -->
    15. 

  15. <div class="page-loading">
    16. 

  16.     <div class="ball-loader">
    17. 

  17.         <span></span><span></span><span></span><span></span>
    18. 

  18.     </div>
    19. 

  19. </div>
    20. 

  20. 

  21. <!-- 正文开始 -->
    22. 

  22. <div class="layui-fluid">
    23. 

  23.     <div class="layui-row">
    24. 

  24.         <div class="grid-demo">
    25. 

  25.             <div class="layui-card">
    26. 

  26.                 <div class="layui-card-header">
    27. 

  27.                     试卷列表
    28. 

  28.                 </div>
    29. 

  29.                 <div class="layui-card-body">
    30. 

  30.                     <div class="layui-form toolbar">
    31. 

  31.                         <div class="layui-form-item pull-right">
    32. 

  32.                             <div class="layui-inline">
    33. 

  33.                                 <label class="layui-form-label w-auto w-padding">搜索：</label>
    34. 

  34.                                 <div class="layui-input-inline mr0">
    35. 

  35.                                     <input name="keyword" class="layui-input" type="text" placeholder="输入关键字"/>
    36. 

  36.                                 </div>
    37. 

  37.                             </div>
    38. 

  38.                             <div class="layui-inline">
    39. 

  39.                                 <button class="layui-btn icon-btn" lay-filter="formSubSearch" lay-submit>
    40. 

  40.                                     <i class="layui-icon">&#xe615;</i>搜索
    41. 

  41.                                 </button>
    42. 

  42.                             </div>
    43. 

  43.                             <div class="layui-inline">
    44. 

  44.                                 <button id="addPaper1" class="layui-btn"><i class="layui-icon">&#xe654;</i>创建试卷</button>
    45. 

  45.                             </div>
    46. 

  46. 

  47.                         </div>
    48. 

  48.                     </div>
    49. 

  49.                     <table class="layui-table" id="datatable" lay-filter="datatable"></table>
    50. 

  50.                 </div>
    51. 

  51.             </div>
    52. 

  52.         </div>
    53. 

  53.     </div>
    54. 

  54. </div>
    55. 

  55. 

  56. <script type="text/html" id="modelTpl">
    57. 

  57.     <form class="layui-form model-form" lay-filter="modelForm">
    58. 

  58.         <input hidden name="paperId">
    59. 

  59.         <div class="layui-form-item">
    60. 

  60.             <label class="layui-form-label">试卷名称:</label>
    61. 

  61.             <div class="layui-input-block">
    62. 

  62.                 <input name="paperName" type="text" placeholder="请输入试卷名称" class="layui-input"
    63. 

  63.                        lay-verType="tips" lay-verify="required" required>
    64. 

  64.             </div>
    65. 

  65.         </div>
    66. 

  66.         <div class="layui-form-item">
    67. 

  67.             <label class="layui-form-label">试题说明:</label>
    68. 

  68.             <div class="layui-input-block">
    69. 

  69.                 <textarea placeholder="试题说明" name="paperInfo" class="layui-textarea"></textarea>
    70. 

  70.             </div>
    71. 

  71.         </div>
    72. 

  72.         <div class="layui-form-item">
    73. 

  73.             <label class="layui-form-label">答题时间:</label>
    74. 

  74.             <div class="layui-input-block">
    75. 

  75.                 <input type="text" placeholder="答题时间(分钟)" maxlength="3" name="useTime" onkeyup="onlyNumber(this)" class="layui-input" lay-verify="required" required/>
    76. 

  76.             </div>
    77. 

  77.         </div>
    78. 

  78.         <div class="layui-form-item">
    79. 

  79.             <label class="layui-form-label">单选题:</label>
    80. 

  80.             <div class="layui-input-block">
    81. 

  81.                 <div class="layui-input-inline" style="width: 45%;">
    82. 

  82.                     <input type="number" name="radioScore" id="radioScore" lay-tips="单选题每题分值" placeholder="单选题每题分值" autocomplete="off" class="layui-input" lay-verify="required" required onkeyup="onlyNumber(this)">
    83. 

  83.                 </div>
    84. 

  84.                 <div class="layui-input-inline " style="width: 45%;">
    85. 

  85.                     <input type="number" name="radioNumber" id="radioNumber" lay-tips="单选题题目数量" placeholder="题目数量" autocomplete="off" class="layui-input" lay-verify="required" required onkeyup="onlyNumber(this)" >
    86. 

  86.                 </div>
    87. 

  87.             </div>
    88. 

  88. 

  89. 

  90.         </div>
    91. 

  91.         <div class="layui-form-item layui-row">
    92. 

  92.             <label class="layui-form-label">多选题:</label>
    93. 

  93.             <div class="layui-input-block">
    94. 

  94.                 <div class="layui-input-inline" style="width: 30%;">
    95. 

  95.                     <input type="number" name="selectScore" id="selectScore" lay-tips="正确答案分值" placeholder="正确答案分值" autocomplete="off" class="layui-input" lay-verify="required" required onkeyup="onlyNumber(this)">
    96. 

  96.                 </div>
    97. 

  97.                 <div class="layui-input-inline" style="width: 30%;">
    98. 

  98.                     <input type="number" name="selectLessScore" id="selectLessScore" lay-tips="选对一项分值" placeholder="选对一项分值" autocomplete="off" class="layui-input" lay-verify="required" required>
    99. 

  99.                 </div>
    100. 

  100.                 <div class="layui-input-inline" style="width: 30%;">
    101. 

  101.                     <input type="number" name="selectNumber" id="selectNumber" lay-tips="多选题题目数量" placeholder="题目数量" autocomplete="off" class="layui-input" lay-verify="required" required onkeyup="onlyNumber(this)" >
    102. 

  102.                 </div>
    103. 

  103.             </div>
    104. 

  104.         </div>
    105. 

  105.         <div class="layui-form-item layui-row">
    106. 

  106.             <label class="layui-form-label">判断题:</label>
    107. 

  107.             <div class="layui-input-block">
    108. 

  108.                 <div class="layui-input-inline" style="width: 45%;">
    109. 

  109.                     <input type="number" name="trueFalseScore" id="trueFalseScore" lay-tips="判断题每题分值" placeholder="正确答案分值" autocomplete="off" class="layui-input" lay-verify="required" required onkeyup="onlyNumber(this)">
    110. 

  110.                 </div>
    111. 

  111.                 <div class="layui-input-inline" style="width: 45%;">
    112. 

  112.                     <input type="number" name="trueFalseItem" id="trueFalseItem" lay-tips="判断题题目数量" placeholder="题目数量" autocomplete="off" class="layui-input" lay-verify="required" required onkeyup="onlyNumber(this)" >
    113. 

  113.                 </div>
    114. 

  114.             </div>
    115. 

  115.         </div>
    116. 

  116. 

  117.         <div class="layui-form-item text-center">
    118. 

  118.             <button class="layui-btn" lay-filter="modelSubmit" lay-submit>&emsp;提交&emsp;</button>
    119. 

  119.             <button type="reset" class="layui-btn layui-btn-primary">&emsp;重置&emsp;</button>
    120. 

  120.         </div>
    121. 

  121.     </form>
    122. 

  122. </script>
    123. 

  123. 

  124. <script type="text/html" id="release">
    125. 

  125.     <form id="bucketForm" lay-filter="releaseForm" class="layui-form model-form no-padding">
    126. 

  126.         <div class="model-form-body" style="height: 500px">
    127. 

  127.             <div class="layui-form-item">
    128. 

  128.                 <label class="layui-form-label  w-width120">选择部门</label>
    129. 

  129.                 <div class="layui-input-block w-m150">
    130. 

  130.                     <input type="text" id="groupName_" class="layui-input" name="groupName_" placeholder="点击选择" class="form-control" readonly lay-verify="required" required>
    131. 

  131.                     <input type="hidden" id="gId_" name="gId_" readonly>
    132. 

  132.                     <div id="menuContent_" class="menuContent">
    133. 

  133.                         <ul id="groupTree_" class="ztree" style="margin-top:0;"></ul>
    134. 

  134.                     </div>
    135. 

  135.                 </div>
    136. 

  136.             </div>
    137. 

  137.             <div class="layui-form-item">
    138. 

  138.                 <label class="layui-form-label  w-width120">考生</label>
    139. 

  139.                 <div class="layui-input-block w-m150">
    140. 

  140.                     <select name="executor" id="executor" lay-verType="tips" lay-verify="required" required class="layui-input-block" xm-select="executor" xm-select-search>
    141. 

  141.                     </select>
    142. 

  142.                 </div>
    143. 

  143.             </div>
    144. 

  144.         </div>
    145. 

  145.         <div class="layui-form-item text-right model-form-footer">
    146. 

  146.             <button class="layui-btn layui-btn-primary" type="button" ew-event="closePageDialog">取消</button>
    147. 

  147.             <button class="layui-btn" lay-filter="modelSubmitRelease" lay-submit>保存</button>
    148. 

  148.         </div>
    149. 

  149.     </form>
    150. 

  150. </script>
    151. 

  151. <!-- js部分 -->
    152. 

  152. <script type="text/javascript" src="../../assets/libs/layui/layui.js"></script>
    153. 

  153. <script type="text/javascript" src="../../assets/js/common.js?v=312"></script>
    154. 

  154. <script type="text/html" id="optionTpl">
    155. 

  155.     <div class="layui-btn-group">
    156. 

  156.         <a class="layui-btn layui-btn-danger  layui-btn-xs" lay-event="del">删除</a>
    157. 

  157.     </div>
    158. 

  158. </script>
    159. 

  159. <script>
    160. 

  160.     layui.use(['layer', 'form', 'table', 'laydate', 'util', 'upload', 'zTree', 'admin', 'uParas', 'element', 'table','_zTree'], function () {
    161. 

  161.         var $ = layui.jquery;
    162. 

  162.         var layer = layui.layer;
    163. 

  163.         var form = layui.form;
    164. 

  164.         var admin = layui.admin;
    165. 

  165.         var uParas = layui.uParas;
    166. 

  166.         var element = layui.element, laydate = layui.laydate, table = layui.table;
    167. 

  167.         var _zTree = layui._zTree;
    168. 

  168.         var insTb = table.render({
    169. 

  169.             elem: '#datatable',
    170. 

  170.             url: uParas.baseUrl + '/ol/testPaper/query',
    171. 

  171.             page: true,
    172. 

  172.             toolbar: true,
    173. 

  173.             title: "试卷列表",
    174. 

  174.             cols: [[
    175. 

  175.                 {type: 'numbers', title: '序号'},
    176. 

  176.                 {field: 'paperName', sort: false, title: '试卷名称',width:120},
    177. 

  177.                 {field: 'paperInfo', sort: false, title: '试卷说明',width:120},
    178. 

  178.                 {field: 'useTime', sort: false, title: '答题时间(分钟)',width:130},
    179. 

  179.                 {field: 'content', sort: false, title: '内容'},
    180. 

  180.                 {field: 'status', sort: false, title: '是否发布',templet: function (d) {
    181. 

  181.                         if (d.status == 0) {
    182. 

  182.                             return "否";
    183. 

  183.                         } else if (d.status == 1) {
    184. 

  184.                             return "是";
    185. 

  185.                         }
    186. 

  186.                     }, width: 90},
    187. 

  187.                 {align: 'center', title: '操作', width:160,templet: function (d) {
    188. 

  188.                         return setOperation(d);
    189. 

  189.                     }}
    190. 

  190.             ]]
    191. 

  191.         });
    192. 

  192. 

  193.         /*操作*/
    194. 

  194.         function setOperation(data) {
    195. 

  195.             var html = '';
    196. 

  196.             if (data.status == '0') {
    197. 

  197.                 html += '<a class="layui-btn layui-btn-xs layui-btn-warm" lay-event="release">发布</a>';
    198. 

  198.                 html += '<a class="layui-btn layui-btn-xs layui-btn-normal" lay-event="edit">编辑</a>';
    199. 

  199.                 html += '<a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="del">删除</a>';
    200. 

  200.             }else{
    201. 

  201.                 html += '<a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="unRelease">撤销发布</a>';
    202. 

  202.             }
    203. 

  203.             return html;
    204. 

  204.         }
    205. 

  205. 

  206.         // 搜索
    207. 

  207.         form.on('submit(formSubSearch)', function (data) {
    208. 

  208.             insTb.reload({where: data.field}, 'data');
    209. 

  209.         });
    210. 

  210.         // 工具条点击事件
    211. 

  211.         table.on('tool(datatable)', function (obj) {
    212. 

  212.             var data = obj.data;
    213. 

  213.             var layEvent = obj.event;
    214. 

  214.             if (layEvent == 'del') {
    215. 

  215.                 del(data);
    216. 

  216.             } else if (layEvent == 'edit') {
    217. 

  217.                 edit(data);
    218. 

  218.             } else if (layEvent == 'release') {
    219. 

  219.                 release(data);
    220. 

  220.             } else if (layEvent == 'unRelease') {
    221. 

  221.                 unRelease(data);
    222. 

  222.             }
    223. 

  223.         });
    224. 

  224. 

  225.         function del(data) {
    226. 

  226.             layer.confirm("确定要删除吗？", {
    227. 

  227.                         skin: 'layui-layer-admin',
    228. 

  228.                         shade: .1
    229. 

  229.                     }
    230. 

  230.                     , function (i) {
    231. 

  231.                         layer.close(i);
    232. 

  232.                         layer.load();
    233. 

  233.                         var obj = {};
    234. 

  234.                         var url = uParas.baseUrl + "/ol/testPaper/delById?id=" + data.paperId;
    235. 

  235.                         admin.req(url, obj, function (res) {
    236. 

  236.                             layer.closeAll('loading');
    237. 

  237.                             if (res.code == 1) {
    238. 

  238.                                 layer.msg(res.msg, {offset: ['50%'], time: 2000}, function () {
    239. 

  239.                                     insTb.reload({where: data.field}, 'data');
    240. 

  240.                                 });
    241. 

  241.                             } else {
    242. 

  242.                                 layer.msg(res.msg);
    243. 

  243.                             }
    244. 

  244.                         }, 'post');
    245. 

  245.                     });
    246. 

  246.         }
    247. 

  247. 

  248.         $('#addPaper1').click(function () {
    249. 

  249.             admin.open({
    250. 

  250.                 type: 1,
    251. 

  251.                 title: "创建试卷",
    252. 

  252.                 offset: 'auto',
    253. 

  253.                 area: '500px',
    254. 

  254.                 content: $('#modelTpl').html(),
    255. 

  255.                 success: function (layero, dIndex) {
    256. 

  256.                     form.render();
    257. 

  257.                     admin.req(uParas.baseUrl + '/ol/paperSetting/getInfo', null, function (res) {
    258. 

  258.                         if (res.code == 1) {
    259. 

  259.                             form.val('modelForm',res.data );  // 回显数据
    260. 

  260.                             form.render();
    261. 

  261. 

  262.                             var url = uParas.baseUrl + '/ol/testPaper/update';
    263. 

  263.                             //保存处理
    264. 

  264.                             form.on('submit(modelSubmit)', function (data) {
    265. 

  265.                                 debugger
    266. 

  266.                                 layer.load();
    267. 

  267.                                 var selectScore = Number(data.field.selectScore);
    268. 

  268.                                 var selectLessScore = Number(data.field.selectLessScore);
    269. 

  269.                                 if (selectLessScore > selectScore){
    270. 

  270.                                     layer.msg("多选题少选分值不能大于正确分值");
    271. 

  271.                                 }else{
    272. 

  272.                                     admin.req(url, data.field, function (res) {
    273. 

  273.                                         layer.closeAll('loading');
    274. 

  274.                                         if (res.code == 1) {
    275. 

  275.                                             layer.close(dIndex);
    276. 

  276.                                             layer.msg(res.msg);
    277. 

  277.                                             insTb.reload({}, 'data');
    278. 

  278.                                         } else {
    279. 

  279.                                             layer.msg(res.msg);
    280. 

  280.                                         }
    281. 

  281.                                     }, 'POST');
    282. 

  282.                                 }
    283. 

  283.                             });
    284. 

  284.                         }else{
    285. 

  285.                             layer.msg(res.msg);
    286. 

  286.                         }
    287. 

  287.                     });
    288. 

  288. 

  289.                 }
    290. 

  290.             });
    291. 

  291.         });
    292. 

  292. 

  293.         function edit(data) {
    294. 

  294.             admin.open({
    295. 

  295.                 type: 1,
    296. 

  296.                 title: "修改试卷",
    297. 

  297.                 offset: 'auto',
    298. 

  298.                 area: '500px',
    299. 

  299.                 content: $('#modelTpl').html(),
    300. 

  300.                 success: function (layero, dIndex) {
    301. 

  301.                     form.render();
    302. 

  302.                     admin.req(uParas.baseUrl + '/ol/testPaper/getById', {id:data.paperId}, function (res) {
    303. 

  303.                         if (res.code == 1) {
    304. 

  304.                             form.val('modelForm',res.data );  // 回显数据
    305. 

  305.                             form.render();
    306. 

  306. 

  307.                             var url = uParas.baseUrl + '/ol/testPaper/update';
    308. 

  308.                             //保存处理
    309. 

  309.                             form.on('submit(modelSubmit)', function (data) {
    310. 

  310.                                 debugger
    311. 

  311.                                 layer.load();
    312. 

  312.                                 var selectScore = Number(data.field.selectScore);
    313. 

  313.                                 var selectLessScore = Number(data.field.selectLessScore);
    314. 

  314.                                 if (selectLessScore > selectScore){
    315. 

  315.                                     layer.msg("多选题少选分值不能大于正确分值");
    316. 

  316.                                 }else{
    317. 

  317.                                     admin.req(url, data.field, function (res) {
    318. 

  318.                                         layer.closeAll('loading');
    319. 

  319.                                         if (res.code == 1) {
    320. 

  320.                                             layer.close(dIndex);
    321. 

  321.                                             layer.msg(res.msg);
    322. 

  322.                                             insTb.reload({}, 'data');
    323. 

  323.                                         } else {
    324. 

  324.                                             layer.msg(res.msg);
    325. 

  325.                                         }
    326. 

  326.                                     }, 'POST');
    327. 

  327.                                 }
    328. 

  328.                             });
    329. 

  329.                         }else{
    330. 

  330.                             layer.msg(res.msg);
    331. 

  331.                         }
    332. 

  332.                     });
    333. 

  333. 

  334.                 }
    335. 

  335.             });
    336. 

  336.         }
    337. 

  337. 

  338.         var changeGroup = {
    339. 

  339.             reload: function (data) {
    340. 

  340.                 var groupVal = data.where.gId;
    341. 

  341.                 var cId = data.where.cId;
    342. 

  342.                 //执行人员
    343. 

  343.                 uParas.initFormSelects("executor", "/gent/groupAccount/queryAccountForSlejPost?cId=" + cId+"&gId="+groupVal, "accountRealName", "aId");
    344. 

  344.                 form.render();
    345. 

  345.             }
    346. 

  346.         }
    347. 

  347. 

  348.         /**
    349. 

  349.          * 发布
    350. 

  350.          * @param obj
    351. 

  351.          */
    352. 

  352.         function release(obj) {
    353. 

  353.             admin.open({
    354. 

  354.                 type: 1,
    355. 

  355.                 title: '试卷发布',
    356. 

  356.                 area: ['520px', '600px'],
    357. 

  357.                 content: $('#release').html(),
    358. 

  358.                 success: function (layero, dIndex) {
    359. 

  359.                     _zTree._init('/gent/groupAccount/getGroupTreeListSlej', 'gId', 'groupParent', 'groupName', 'gId', 0, "groupTree_", changeGroup, "menuContent_", "groupName_", "gId_");
    360. 

  360.                     //_zTree._initx('/gent/groupAccount/getGroupTreeListSlejPaper', "groupTree_", onClick);
    361. 

  361.                     form.on('submit(modelSubmitRelease)', function (data) {
    362. 

  362.                         layer.load();
    363. 

  363.                         data.field.paperId = obj.paperId;
    364. 

  364.                         var url = uParas.baseUrl + '/ol/testPaper/release';
    365. 

  365.                         admin.req(url, data.field, function (resp) {
    366. 

  366.                             layer.closeAll('loading');
    367. 

  367.                             if (resp.code == 1) {
    368. 

  368.                                 layer.close(dIndex);
    369. 

  369.                                 layer.msg(resp.msg);
    370. 

  370.                                 insTb.reload({}, 'data');
    371. 

  371.                             } else {
    372. 

  372.                                 layer.msg(resp.msg);
    373. 

  373.                             }
    374. 

  374.                         }, 'POST');
    375. 

  375.                         return false;
    376. 

  376.                     });
    377. 

  377.                 }
    378. 

  378.             });
    379. 

  379.         }
    380. 

  380. 

  381.         /**
    382. 

  382.          * 撤销发布
    383. 

  383.          * @param obj
    384. 

  384.          */
    385. 

  385.         function unRelease(obj) {
    386. 

  386.             layer.confirm('确定要撤销“' + obj.paperName + '”发布吗？', {
    387. 

  387.                 skin: 'layui-layer-admin',
    388. 

  388.                 shade: .1
    389. 

  389.             }, function (i) {
    390. 

  390.                 layer.close(i);
    391. 

  391.                 layer.load();
    392. 

  392.                 var url = uParas.baseUrl + '/ol/testPaper/unRelease';
    393. 

  393.                 admin.req(url, {paperId: obj.paperId}, function (resp) {
    394. 

  394.                     layer.closeAll('loading');
    395. 

  395.                     if (resp.code == 1) {
    396. 

  396.                         layer.msg(resp.msg);
    397. 

  397.                         insTb.reload({}, 'data');
    398. 

  398.                     } else {
    399. 

  399.                         layer.msg(resp.msg);
    400. 

  400.                     }
    401. 

  401.                 }, 'post');
    402. 

  402. 

  403.             });
    404. 

  404.         }
    405. 

  405.     });
    406. 

  406.     function onlyNumber(o){
    407. 

  407.         var val = o.value.replace(/[^\d]|^[0]/g,'');
    408. 

  408.         if (val.length > 4){
    409. 

  409.             o.value = val.slice(0,4);
    410. 

  410.         } else{
    411. 

  411.             o.value=val
    412. 

  412.         }
    413. 

  413.     }
    414. 

  414. </script>
    415. 

  415. 

  416. </body>
    417. 

  417. </html>
    418.