scd_report.html 4.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137
  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. /* 返回 */
  15. .headerPlace {
  16. font-size: 22px;
  17. color: #418fbb;
  18. cursor: pointer;
  19. }
  20. .headerPlace img {
  21. vertical-align: middle;
  22. margin-right: 10px;
  23. margin-top: -4px;
  24. }
  25. body {
  26. overflow: hidden;
  27. background: #fff;
  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. #listPage{
  53. overflow-x: scroll;
  54. }
  55. </style>
  56. <body>
  57. <div class="content">
  58. <div id="detialPage"></div>
  59. <div id="listPage">
  60. <div class="searchCover">
  61. 设备名称:
  62. <input type="text" value="" placeholder="请输入设备名称" id="ename" onkeypress="if (event.keyCode == 13) sub_filter();" /> 设备ID:
  63. <input type="text" value="" class="fp-user" id="eId" placeholder="请输入设备ID" onkeypress="if (event.keyCode == 13) sub_filter();" />
  64. <button type="button" onclick="sub_filter()" class="btn btn-sm btn-primary">筛选</button>
  65. </div>
  66. <div class="innerTable">
  67. <table id="datatable" class="table table-striped table-hover">
  68. <thead>
  69. <tr>
  70. <th>设备ID</th>
  71. <th>设备名称</th>
  72. <th>设备开关</th>
  73. <th>工作状态</th>
  74. <th>灯管状态</th>
  75. <th>雨控状态</th>
  76. <th>温控状态</th>
  77. <th>倾倒状态</th>
  78. <th>定时(h)</th>
  79. <th>电击次数</th>
  80. <th>温度(℃)</th>
  81. <th>湿度(%)</th>
  82. <th>充电电压(V)</th>
  83. <th>电池电压(V)</th>
  84. <th>经度</th>
  85. <th>纬度</th>
  86. <th>上报时间</th>
  87. <th>详情</th>
  88. </tr>
  89. </thead>
  90. <tbody>
  91. </tbody>
  92. </table>
  93. <div class="fenpei-bottom">
  94. <input type="hidden" id="totalPage" value={{ nums }}>
  95. <div id="page" style="text-align: center;"></div>
  96. </div>
  97. </div>
  98. </div>
  99. </div>
  100. <!-- loading -->
  101. <div id="loadingParent">
  102. <div id="loadCenter">
  103. <div class="skype-loader">
  104. <div class="dot">
  105. <div class="first"></div>
  106. </div>
  107. <div class="dot"></div>
  108. <div class="dot"></div>
  109. <div class="dot"></div>
  110. </div>
  111. Logging in...
  112. </div>
  113. </div>
  114. <script src="{% static '/lib/js/jquery-2.1.4.min.js' %}"></script>
  115. <script src="{% static '/lib/layui/layui.all.js' %}"></script>
  116. <script src="{% static '/js/common.js' %}?versions=0.5.0"></script>
  117. <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=TcRPmrsiZUqdUBWoELrUArRkCRC36KMx"></script>
  118. <script type="text/javascript">
  119. $.ajaxSetup({
  120. data: { csrfmiddlewaretoken: '{{ csrf_token }}' },
  121. });
  122. </script>
  123. <script src="{% static '/js/reportmanage/scd_report.js' %}?versions=0.5.0"></script>
  124. </body>
  125. </html>