answer_log.html 2.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. {extend name="public/layout"}
  2. {block name="body"}
  3. <body>
  4. <div class="layui-fluid">
  5. <div class="layui-row layui-col-space15">
  6. <div class="layui-col-md12" style="background-color:#ffffff">
  7. <div class="tplay-body-div">
  8. <div class="layui-card-body">
  9. <div class="layui-form">
  10. <div class="layui-inline" style="width: 200px;">
  11. <select name="success" id='success'>
  12. <option value="1">回答正确</option>
  13. <option value="2">回答错误</option>
  14. </select>
  15. </div>
  16. <button class="layui-btn" data-type="reload">搜索</button>
  17. </div>
  18. <table class="layui-hide" id="user" lay-filter="user"></table>
  19. </div>
  20. </div>
  21. </div>
  22. </div>
  23. </div>
  24. {/block}
  25. {block name="js"}
  26. <script src="__STATIC__/js/jquery.min.js"></script>
  27. <script>
  28. var indexurl = '{:url("broad/answer_log", ["anid"=>$anid])}';
  29. var t;
  30. layui.use(['table', 'form'], function () {
  31. var form = layui.form
  32. , table = layui.table
  33. , $ = layui.jquery
  34. , active = {
  35. reload: function () {
  36. var success = $('#success');
  37. //执行重载
  38. table.reload('userTable', {
  39. page: {
  40. curr: 1 //重新从第 1 页开始
  41. }
  42. , where: {
  43. success: success.val()
  44. }
  45. });
  46. }
  47. };
  48. //展示已知数据
  49. t = table.render({
  50. elem: '#user'
  51. , url: indexurl
  52. , page: true
  53. , autoSort: true
  54. , cols: [[ //标题栏
  55. {type: 'numbers', title: '序号', fixed: 'left', width: 50}
  56. , {field: 'nickname', title: '昵称'}
  57. , {field: 'mobile', title: '电话'}
  58. , {
  59. field: 'success', title: '类型', templet: function (d) {
  60. return d.success == 1 ? '回答正确' : '回答错误';
  61. }
  62. }
  63. , {field: 'addtime', title: '回答时间', sort: true}
  64. ]]
  65. , id: 'userTable'
  66. });
  67. $('.layui-form>.layui-btn').on('click', function () {
  68. var type = $(this).data('type');
  69. active[type] ? active[type].call(this) : '';
  70. });
  71. table.on('sort(user)', function (obj) {
  72. table.reload('userTable', {
  73. initSort: obj
  74. , where: obj
  75. });
  76. });
  77. });
  78. </script>
  79. {/block}