cbd_report.html 5.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177
  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 '/lib/css/viewer.css' %}">
  13. <link rel="stylesheet" href="{% static '/css/loading.css' %}?versions=0.5.0" />
  14. <style type="text/css">
  15. /* 返回 */
  16. .headerPlace {
  17. font-size: 22px;
  18. color: #418fbb;
  19. cursor: pointer;
  20. }
  21. .headerPlace img {
  22. vertical-align: middle;
  23. margin-right: 10px;
  24. margin-top: -4px;
  25. }
  26. body {
  27. overflow: hidden;
  28. background: #fff;
  29. }
  30. .searchCover {
  31. margin: 20px 0;
  32. }
  33. .innerTable {
  34. padding: 0 1px 0 0;
  35. min-width: 750px;
  36. }
  37. .table,
  38. .table.table-striped>thead>tr>th {
  39. text-align: center;
  40. }
  41. table td {
  42. vertical-align: middle !important;
  43. }
  44. .nullData {
  45. width: 100%;
  46. height: 500px;
  47. background: #ddd;
  48. text-align: center;
  49. line-height: 500px;
  50. font-size: 20px;
  51. border: 1px solid #ddd;
  52. }
  53. #listPage {
  54. overflow-x: scroll;
  55. }
  56. </style>
  57. </head>
  58. <body>
  59. <div class="content">
  60. <div id="detialPage"></div>
  61. <div id="listPage">
  62. <div class="searchCover">
  63. 设备名称:
  64. <input type="text" value="" class="fp-user" id="ename" placeholder="请输入设备名称"
  65. onkeypress="if (event.keyCode == 13) sub_filter();" /> 设备ID:
  66. <input type="text" value="" class="fp-user" id="eId" placeholder="请输入设备ID"
  67. onkeypress="if (event.keyCode == 13) sub_filter();" />
  68. <!-- <input type="text" value="" class="fp-user" id="edver" placeholder="请输入设备版本" onkeypress="if (event.keyCode == 13) sub_filter();" /> -->
  69. <button type="button" onclick="sub_filter()" class="btn btn-sm btn-primary">筛选</button>
  70. {% if role == "superuser" or role == "staff" %}
  71. 图片:
  72. <select name="" onchange="dverSelect()" id="photoTime" style="width:120px">
  73. <option value="">全部</option>
  74. <option value="3">近三天</option>
  75. <option value="7">近七天</option>
  76. </select>
  77. 测报灯类型:
  78. <select name="" onchange="cbdType()" id="lightType" style="width:120px">
  79. <option value="全部">全部</option>
  80. <option value="1.0测报灯">1.0测报灯</option>
  81. <option value="2.0测报灯">2.0测报灯</option>
  82. <option value="3.0测报灯">3.0测报灯</option>
  83. <option value="4.0测报灯">4.0测报灯</option>
  84. <option value="高空测报灯">高空测报灯</option>
  85. <option value="糖醋测报灯">糖醋测报灯</option>
  86. <option value="高空简易测报灯">高空简易测报灯</option>
  87. <option value="其他">其他</option>
  88. </select>
  89. <!-- 底板类型:
  90. <select name="" onchange="dverSelect()" id="baseplateType" style="width:120px">
  91. <option value="0">全部</option>
  92. <option value="1">圆形</option>
  93. <option value="2">方形</option>
  94. </select> -->
  95. {% else %} {% endif %}
  96. </div>
  97. <div class="innerTable">
  98. <table id="datatable" class="table table-striped table-hover">
  99. <thead>
  100. <tr>
  101. <th>设备ID</th>
  102. <th>设备名称</th>
  103. <th>工作状态</th>
  104. <th>环境温度(℃)</th>
  105. <th>环境湿度(%)</th>
  106. <th>加热仓温度(℃)</th>
  107. <th>测报灯类型</th>
  108. <th>雨控</th>
  109. <th>温控</th>
  110. <th>光照</th>
  111. <th>灯管</th>
  112. <th>场景</th>
  113. <th>上报时间</th>
  114. <th>操作</th>
  115. <th>查看图片</th>
  116. <th>数据详情</th>
  117. <th>害虫统计</th>
  118. </tr>
  119. </thead>
  120. <tbody>
  121. </tbody>
  122. </table>
  123. <div class="fenpei-bottom">
  124. <input type="hidden" id="totalPage" value={{ nums }}>
  125. <div id="page" style="text-align: center;"></div>
  126. </div>
  127. </div>
  128. </div>
  129. </div>
  130. <!-- loading -->
  131. <div id="loadingParent">
  132. <div id="loadCenter">
  133. <div class="skype-loader">
  134. <div class="dot">
  135. <div class="first"></div>
  136. </div>
  137. <div class="dot"></div>
  138. <div class="dot"></div>
  139. <div class="dot"></div>
  140. </div>
  141. Logging in...
  142. </div>
  143. </div>
  144. <script src="{% static '/lib/js/jquery-2.1.4.min.js' %}"></script>
  145. <script src="{% static '/lib/layui/layui.all.js' %}"></script>
  146. <script src="{% static '/js/common.js' %}?versions=0.5.0"></script>
  147. <script type="text/javascript">
  148. $.ajaxSetup({
  149. data: { csrfmiddlewaretoken: '{{ csrf_token }}' },
  150. });
  151. if (!$.fn.highcharts) {
  152. var script = document.createElement("script");
  153. script.type = "text/javascript";
  154. script.src = "../static/lib/js/highcharts.js";
  155. document.body.appendChild(script);
  156. }
  157. </script>
  158. <script src="{% static '/js/reportmanage/cbd_report.js' %}?versions=0.5.0" type="text/javascript"></script>
  159. </body>
  160. </html>