bzy_report_statistics.html 3.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798
  1. {% load staticfiles %}
  2. <!DOCTYPE html>
  3. <html>
  4. <head>
  5. <meta charset="utf-8">
  6. <title>layui</title>
  7. <meta name="renderer" content="webkit">
  8. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  9. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  10. <link rel="stylesheet" href="{% static '/lib/layui/css/layui.css' %}" media="all">
  11. <style>
  12. .laytable-cell-1-upl_time{ width: 0; }.laytable-cell-1-is_exist{ width: 0; }
  13. </style>
  14. </head>
  15. <body>
  16. <div class="content" id="content">
  17. <div class="page-header">
  18. <span class="headerPlace" onclick="goback()">
  19. <img src="{% static '/img/gobackIcon.png' %}" alt="">返回
  20. </span>
  21. </div>
  22. <!-- <div class="page-header">
  23. <h1>
  24. <font style="vertical-align: inherit;">
  25. <font style="vertical-align: inherit;">
  26. 孢子捕捉仪数据详情
  27. </font>
  28. </font>
  29. </h1>
  30. </div> -->
  31. <div class="">
  32. <div class="userinfo">
  33. <div class="">
  34. <i class="fa fa-user-o" aria-hidden="true"></i>
  35. 设备ID:
  36. <span class="userinfoTitle">{{ equip_id }}</span>
  37. 设备名称:
  38. <span class="userinfoTitle" id="equip_name">{{ename}}</span>
  39. </div>
  40. <!-- <div class="col-xs-1 refresh"> -->
  41. <!-- <button type="button" class="btn btn-sm btn-success" onclick="location.reload()">刷新</button> -->
  42. <!-- </div> -->
  43. <input id="equip_id" type="hidden" type="text" value={{ equip_id }}>
  44. </div>
  45. </div>
  46. <div class="innerTable">
  47. <table class="layui-hide" id="test"></table>
  48. </div>
  49. <script src="{% static '/lib/layui/layui.all.js' %}"></script>
  50. <!-- 注意:如果你直接复制所有代码到本地,上述js路径需要改成你本地的 -->
  51. <script type="text/html" id="switchTpl">
  52. <!-- 这里的 checked 的状态只是演示 -->
  53. {% verbatim %}
  54. {{# if(d.is_exist){ }}
  55. <i class="fa green fa-check" aria-hidden="true"></i>
  56. {{# } else { }}
  57. <i class="fa red fa-times" aria-hidden="true"></i>
  58. {{# } }}
  59. <!-- <input type="checkbox" disabled name="is_exist" value="true" lay-skin="switch" lay-text="是|无" {{d.is_exist ? 'checked' : ''}} > -->
  60. <!-- <input type="checkbox" disabled name="" title="" lay-skin="primary" {{d.is_exist ? 'checked' : ''}}> -->
  61. {% endverbatim %}
  62. </script>
  63. <script>
  64. layui.use('table', function () {
  65. var table = layui.table;
  66. table.render({
  67. elem: '#test'
  68. ,id:test
  69. , url: 'spore_count'
  70. , method: 'post'
  71. ,where:{e_id: $('#equip_id').val()}
  72. , page: { //支持传入 laypage 组件的所有参数(某些参数除外,如:jump/elem) - 详见文档
  73. layout: ['count', 'prev', 'page', 'next', 'skip'] //自定义分页布局
  74. //,curr: 5 //设定初始在第 5 页
  75. , groups: 1 //只显示 1 个连续页码
  76. , first: false //不显示首页
  77. , last: false //不显示尾页
  78. }
  79. , cols: [[
  80. { field: 'upl_time',width:'50%', title: '上报时间' }
  81. ,{field:'is_exist',width:'50%', title:'孢子是否存在',templet: '#switchTpl'}
  82. ]]
  83. });
  84. // table.resize('test');
  85. });
  86. </script>
  87. </body>
  88. </html>