index.html 3.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  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. .layui-table-cell {
  12. height: auto;
  13. }
  14. </style>
  15. </head>
  16. <body>
  17. <!-- 页面加载loading -->
  18. <div class="page-loading">
  19. <div class="ball-loader">
  20. <span></span><span></span><span></span><span></span>
  21. </div>
  22. </div>
  23. <!-- 正文开始 -->
  24. <div class="layui-fluid">
  25. <div class="layui-card">
  26. <div class="layui-card-body">
  27. <form class="layui-form m-top10px m-bottom10px" lay-filter="filterForm" id="filterForm">
  28. <!-- <div class="layui-form toolbar">-->
  29. <!-- <div class="layui-form-item">-->
  30. <!-- <div class="layui-inline">-->
  31. <!-- </div>-->
  32. <!-- </div>-->
  33. <!-- </div>-->
  34. <!-- </div>-->
  35. </form>
  36. <table class="layui-table" id="datatable" lay-filter="datatable"></table>
  37. </div>
  38. </div>
  39. </div>
  40. <!-- js部分 -->
  41. <script type="text/javascript" src="../../../assets/libs/layui/layui.js"></script>
  42. <script type="text/javascript" src="../../../assets/libs/jquery/jquery-3.2.1.min.js"></script>
  43. <script type="text/javascript" src="../../../assets/libs/leftTime/leftTime.js"></script>
  44. <script type="text/javascript" src="../../../assets/js/common.js?v=312"></script>
  45. <script>
  46. layui.use(['layer', 'form', 'table', 'admin', 'jquery', 'uParas', 'util', 'laydate'], function () {
  47. var $ = layui.jquery;
  48. var layer = layui.layer;
  49. var form = layui.form;
  50. var table = layui.table;
  51. var admin = layui.admin;
  52. var laydate = layui.laydate;
  53. var uParas = layui.uParas;
  54. var util = layui.util;
  55. var {cId, aId} = layui.data(uParas.tableName).user;
  56. // var _groupTree = layui._groupTree;
  57. // 渲染表格数据
  58. var insTb = table.render({
  59. elem: '#datatable',
  60. url: uParas.baseUrl + '/ent/parkQrRecord/query',
  61. height: 687,
  62. even: true,
  63. page: true,
  64. toolbar: true,
  65. title: '隐患治理',
  66. cellMinWidth: 100,
  67. where: {
  68. cId: cId
  69. },
  70. cols: [[
  71. {type: 'numbers', title: '序号'},
  72. {field: 'gridName', sort: false, title: '网格'},
  73. {field: 'siteName', sort: false, title: '站点'},
  74. {field: 'createdTime', sort: false, title: '签到时间'},
  75. {field: 'accountName', align: 'left', sort: false, title: '签到人'},
  76. ]]
  77. });
  78. });
  79. </script>
  80. </body>
  81. </html>