bzy_report.html 3.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138
  1. {% load staticfiles %}
  2. <!DOCTYPE html>
  3. <html lang="en">
  4. <head>
  5. <meta charset="UTF-8" />
  6. <link href="{% static '/lib/bootstrap-3.3.7/css/bootstrap.css' %}" rel="stylesheet">
  7. <link rel="stylesheet" href="{% static '/lib/font-awesome/4.5.0/css/font-awesome.css' %}">
  8. <link rel="stylesheet" href="{% static '/lib/css/ace.min.css' %}"/>
  9. <link rel="stylesheet" href="{% static '/lib/css/ace-skins.min.css' %}">
  10. <link rel="stylesheet" href="{% static '/lib/css/ace-rtl.min.css' %}">
  11. <link rel="stylesheet" href="{% static '/lib/layui/css/layui.css' %}">
  12. <link rel="stylesheet" href="{% static '/css/loading.css' %}?versions=0.5.0" />
  13. <style type="text/css">
  14. body {
  15. overflow: hidden;
  16. background: #fff;
  17. }
  18. /* 返回 */
  19. .headerPlace {
  20. font-size: 22px;
  21. color: #418fbb;
  22. cursor: pointer;
  23. }
  24. .headerPlace img {
  25. vertical-align: middle;
  26. margin-right: 10px;
  27. margin-top: -4px;
  28. }
  29. .searchCover {
  30. margin: 20px 0;
  31. }
  32. .innerTable {
  33. padding: 0 1px 0 0;
  34. min-width: 750px;
  35. }
  36. .table,
  37. .table.table-striped>thead>tr>th {
  38. text-align: center;
  39. }
  40. table td {
  41. vertical-align: middle !important;
  42. }
  43. .nullData {
  44. width: 100%;
  45. height: 500px;
  46. background: #ddd;
  47. text-align: center;
  48. line-height: 500px;
  49. font-size: 20px;
  50. border: 1px solid #ddd;
  51. }
  52. .content{
  53. overflow-x: scroll;
  54. }
  55. </style>
  56. </head>
  57. <body>
  58. <div class="content">
  59. <div id="detialPage"></div>
  60. <div id="listPage">
  61. <div class="searchCover">
  62. 设备名称:
  63. <input type="text" value="" class="fp-user" id="ename" placeholder="请输入设备名称" onkeypress="if (event.keyCode == 13) sub_filter();" /> 设备ID:
  64. <input type="text" value="" class="fp-user" id="eId" placeholder="请输入设备ID" onkeypress="if (event.keyCode == 13) sub_filter();" />
  65. <button type="button" onclick="sub_filter()" class="btn btn-sm btn-primary">筛选</button>
  66. </div>
  67. <div class="innerTable">
  68. <table id="datatable" class="table table-striped table-hover">
  69. <thead>
  70. <tr>
  71. <th>设备ID</th>
  72. <th>设备名称</th>
  73. <th>设备开关</th>
  74. <th>电压</th>
  75. <th>保温仓设定温度</th>
  76. <th>保温仓当前温度</th>
  77. <th>摄像头状态</th>
  78. <th>电池状态</th>
  79. <th>环境温度</th>
  80. <th>环境湿度</th>
  81. <th>上报时间</th>
  82. <th>操作</th>
  83. <th>查看图片</th>
  84. <th>详情</th>
  85. </tr>
  86. </thead>
  87. <tbody>
  88. </tbody>
  89. </table>
  90. <div class="fenpei-bottom">
  91. <input type="hidden" id="totalPage" value={{ nums }}>
  92. <div id="page" style="text-align: center;"></div>
  93. </div>
  94. </div>
  95. </div>
  96. </div>
  97. <!-- loading -->
  98. <div id="loadingParent">
  99. <div id="loadCenter">
  100. <div class="skype-loader">
  101. <div class="dot">
  102. <div class="first"></div>
  103. </div>
  104. <div class="dot"></div>
  105. <div class="dot"></div>
  106. <div class="dot"></div>
  107. </div>
  108. Logging in...
  109. </div>
  110. </div>
  111. <script src="{% static '/lib/js/jquery-2.1.4.min.js' %}"></script>
  112. <script src="{% static '/lib/bootstrap-3.3.7/js/bootstrap.js' %}"></script>
  113. <script src="{% static '/lib/layui/layui.all.js' %}"></script>
  114. <script src="{% static '/js/common.js' %}?versions=0.5.0"></script>
  115. <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=TcRPmrsiZUqdUBWoELrUArRkCRC36KMx"></script>
  116. <!-- <script src="{% static '/assets/js/newdistpicker.js' %}" type="text/javascript" charset="utf-8"></script> -->
  117. <!-- <script src="{% static '/assets/js/main.js' %}" type="text/javascript" charset="utf-8"></script> -->
  118. <script type="text/javascript">
  119. $.ajaxSetup({
  120. data: { csrfmiddlewaretoken: '{{ csrf_token }}' },
  121. });
  122. </script>
  123. <script src="{% static '/js/reportmanage/bzy_report.js' %}?versions=0.5.0" type="text/javascript"></script>
  124. </body>
  125. </html>