equipmanage_cbd.html 6.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184
  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/jquery-ui.css' %}" />
  13. <link rel="stylesheet" href="{% static '/css/loading.css' %}?versions=0.5.4" />
  14. <link rel="stylesheet" href="{% static '/css/equipmanage_cbd.css' %}" />
  15. <style>
  16. .content {
  17. overflow-x: scroll;
  18. }
  19. .searchCover {
  20. margin: 20px 0;
  21. }
  22. .innerTable {
  23. padding: 0 1px 0 0;
  24. min-width: 750px;
  25. }
  26. .table,
  27. .table.table-striped>thead>tr>th {
  28. text-align: center;
  29. }
  30. table td {
  31. vertical-align: middle !important;
  32. }
  33. .nullData {
  34. width: 100%;
  35. height: 500px;
  36. background: #ddd;
  37. text-align: center;
  38. line-height: 500px;
  39. font-size: 20px;
  40. border: 1px solid #ddd;
  41. }
  42. .layui-form{
  43. display: inline-block;
  44. }
  45. .layui-input{
  46. height: 30px;
  47. }
  48. .blue {
  49. color: blue;
  50. }
  51. </style>
  52. <body>
  53. <div class="content">
  54. <div id="detialPage"></div>
  55. <div id="listPage">
  56. <div class="searchCover">
  57. 设备名称:
  58. <input type="text" value="" id="ename" placeholder="请输入设备名称" onkeypress="if (event.keyCode == 13) sub_filter();" /> 设备ID:
  59. <input type="text" value="" id="eId" placeholder="请输入设备ID" onkeypress="if (event.keyCode == 13) sub_filter();" />
  60. <!-- <input type="text" value="" class="fp-user" id="edver" placeholder="请输入设备版本" onkeypress="if (event.keyCode == 13) sub_filter();" /> -->
  61. <button type="button" onclick="sub_filter()" class="btn btn-sm btn-primary">筛选</button>
  62. {% if role == "superuser" or role == "staff" %} 设备版本:
  63. <select name="" onchange="dverSelect(this,'edver')" id="edver" style="width:120px">
  64. <option value="">所有版本</option>
  65. <option value="1">版本1</option>
  66. <option value="2">版本2</option>
  67. <option value="3">版本3</option>
  68. <option value="4">版本4</option>
  69. <option value="5">版本5</option>
  70. </select>
  71. 在线状态:
  72. <select name="" onchange="dverSelect(this,'is_online')" id="onoffSelect" style="width:120px">
  73. <option value="">全部</option>
  74. <option value="1">在线</option>
  75. <option value="0">离线</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. <div class="layui-form">
  91. <div class="layui-input-inline">
  92. <select name="interest" id="userSelect" lay-filter="userSelect" lay-search>
  93. <option value="">请选择</option>
  94. {% for user in user_list %}
  95. <option value="{{user.username}}">{{user.username}}</option>
  96. {% endfor %}
  97. </select>
  98. </div>
  99. </div>
  100. <!-- <select name="" onchange="dverSelect(this,'euserVal')" id="userSelect" style="width:120px">
  101. <option value="">请选择</option>
  102. {% for user in user_list %}
  103. <option value="{{user.username}}">{{user.username}}</option>
  104. {% endfor %}
  105. </select> -->
  106. <button type="button" onclick="exportList()" class="btn btn-sm btn-primary">导出</button>
  107. {% else %} {% endif %}
  108. </div>
  109. <div class="innerTable">
  110. <table id="datatable" class="table table-striped table-hover">
  111. <thead>
  112. <tr>
  113. <td>设备ID</td>
  114. <td>设备名称</td>
  115. <td>在线状态</td>
  116. <td>定时模式</td>
  117. <td>雨控</td>
  118. <td>光照</td>
  119. <td>温控</td>
  120. <td>灯管状态</td>
  121. <td>工作状态</td>
  122. <td>通道</td>
  123. <td>加热状态</td>
  124. <td>测报灯类型</td>
  125. <!-- <td>上仓门</td> -->
  126. <!-- <td>下仓门</td> -->
  127. <td>信号强度</td>
  128. <td>设备版本</td>
  129. <td>上报时间</td>
  130. <td>操作</td>
  131. <td>详情</td>
  132. </tr>
  133. </thead>
  134. <tbody>
  135. </tbody>
  136. </table>
  137. <div class="fenpei-bottom">
  138. <input type="hidden" id="totalPage" value={{ nums }}>
  139. <div id="page" style="text-align: center;"></div>
  140. </div>
  141. </div>
  142. </div>
  143. </div>
  144. <!-- loading -->
  145. <div id="loadingParent">
  146. <div id="loadCenter">
  147. <div class="skype-loader">
  148. <div class="dot">
  149. <div class="first"></div>
  150. </div>
  151. <div class="dot"></div>
  152. <div class="dot"></div>
  153. <div class="dot"></div>
  154. </div>
  155. Logging in...
  156. </div>
  157. </div>
  158. <script src="{% static '/lib/js/jquery-2.1.4.min.js' %}"></script>
  159. <script src="{% static '/lib/bootstrap-3.3.7/js/bootstrap.js' %}"></script>
  160. <script src="{% static '/lib/layui/layui.all.js' %}"></script>
  161. <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=TcRPmrsiZUqdUBWoELrUArRkCRC36KMx"></script>
  162. <script src="{% static '/js/common.js' %}?versions=0.5.4"></script>
  163. <script>
  164. $.ajaxSetup({
  165. data: { csrfmiddlewaretoken: '{{ csrf_token }}' },
  166. });
  167. scrollBar();
  168. </script>
  169. <script src="{% static '/js/equipmanage/equipmanage_cbd.js' %}?versions=0.5.4"></script>
  170. </body>
  171. </html>