systemmanage_privi.html 6.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214
  1. {% load staticfiles %}
  2. <style type="text/css">
  3. .yema{
  4. color:#666;
  5. background:rgb(247, 244, 244);
  6. border:1px solid #CCC;
  7. border-radius: 3px;
  8. padding:2px 8px;
  9. margin:0 5px
  10. }
  11. </style>
  12. <title>权限管理</title>
  13. <meta charset="UTF-8" />
  14. </head>
  15. <body>
  16. <div id="content" style="height: 600px;">
  17. <div id="content-header">
  18. <h1 class="tb-fpsb" style="display: inline-block;">系统管理</h1>
  19. <span id="">
  20. > 权限列表
  21. </span>
  22. </div>
  23. <div class="fpsb-shaixuan">
  24. <form action="" method="post" id="form">{% csrf_token %}
  25. <div class="form-item">
  26. <div class="sx-title">设备类型:</div>
  27. <div class="enter-form">
  28. <select class="enter-select" name="value">
  29. <option value="0">请选择</option>
  30. <option value="1">环境监测</option>
  31. <option value="2">杀虫灯</option>
  32. <option value="3">测报灯</option>
  33. <option value="4">农药残留</option>
  34. <option value="5">监控数据采集</option>
  35. </select>
  36. </div>
  37. <!-- </div>
  38. <div class="form-item"> -->
  39. <div class="sx-title">创建时间:</div>
  40. <div class="enter-form02 clearfix">
  41. <div class="riqi">
  42. <input type="text" id="test10" style="width: 300px;">
  43. <script src="{% static '/js/laydate/laydate.js' %}"></script>
  44. <script>
  45. //执行一个laydate实例
  46. laydate.render({
  47. elem: '#test10'
  48. ,type: 'datetime'
  49. ,range: true
  50. });
  51. </script>
  52. </div>
  53. <!--<input type="hidden" name="userId" value="1">-->
  54. <button onclick="submit" name="submit" value="shaixuan" class="btn btn-primary btn-shaixuan">筛选</button>
  55. </div>
  56. </div>
  57. </form>
  58. </div>
  59. <div class="container-fluid">
  60. <div class="row-fluid">
  61. <div class="span12">
  62. <div class="widget-box">
  63. <div class="widget-content ">
  64. <form action="" method="post"> {% csrf_token %}
  65. <table class="table table-striped table-striped with-check">
  66. <thead>
  67. <tr>
  68. <td><input type="checkbox" id="title-table-checkbox" name="title-table-checkbox" /></td>
  69. <td>权限ID</td>
  70. <td>权限名称</td>
  71. <td>内容类型</td>
  72. <td>代码名称</th>
  73. </tr>
  74. </thead>
  75. <tbody>
  76. {% for privi in privi_list %}
  77. <tr>
  78. <td><input type="checkbox" id="title-table-checkbox" name="check_box_list"></td>
  79. <td>{{privi.id}}</td>
  80. <td>{{privi.name}}</td>
  81. <td>{{privi.content_type_id}}</td>
  82. <td>{{privi.codename}}</td>
  83. </tr>
  84. {% endfor %}
  85. </tbody>
  86. </table>
  87. </form>
  88. <!------------------------渲染分页代码---------------------->
  89. {% if is_paginated %}
  90. <div class="pagination" style="text-align:center">
  91. {% if first %}
  92. <a href="?page=1" class="yema" >1</a>
  93. {% endif %}
  94. {% if left %}
  95. {% if left_has_more %}
  96. <span>...</span>
  97. {% endif %}
  98. {% for i in left %}
  99. <a href="?page={{ i }}" class="yema" >{{ i }}</a>
  100. {% endfor %}
  101. {% endif %}
  102. <a href="?page={{ page_obj.number }}" class="yema" style="color:#fff; background:rgb(52, 169, 236);border:1px solid rgb(52, 169, 236);margin:0 15px">{{ page_obj.number }}</a>
  103. {% if right %}
  104. {% for i in right %}
  105. <a href="?page={{ i }}" class="yema" >{{ i }}</a>
  106. {% endfor %}
  107. {% if right_has_more %}
  108. <span>...</span>
  109. {% endif %}
  110. {% endif %}
  111. {% if last %}
  112. <a href="?page={{ paginator.num_pages }}" class="yema" >{{ paginator.num_pages }}</a>
  113. {% endif %}
  114. </div>
  115. {% endif %}
  116. <!------------------------渲染分页代码---------------------->
  117. </div>
  118. </div>
  119. </div>
  120. </div>
  121. </div>
  122. </div>
  123. </div>
  124. <script src="{% static '/js/jquery.min.js' %}"></script>
  125. <script src="{% static '/js/jquery.ui.custom.js' %}"></script>
  126. <script src="{% static '/js/bootstrap.min.js' %}"></script>
  127. <script src="{% static '/js/jquery.uniform.js' %}"></script>
  128. <script src="{% static '/js/select2.min.js' %}"></script>
  129. <script src="{% static '/js/jquery.dataTables.min.js' %}"></script>
  130. <script src="{% static '/js/matrix.js' %}"></script>
  131. <script src="{% static '/js/matrix.tables.js' %}"></script>
  132. <script src="{% static '/js/bootstrap-colorpicker.js' %}"></script>
  133. <script src="{% static '/js/bootstrap-datepicker.js' %}"></script>
  134. <script src="{% static '/js/masked.js' %}"></script>
  135. <script src="{% static '/js/layer.js' %}"></script>
  136. </body>
  137. <!--
  138. <script type="text/javascript">
  139. function sub(){
  140. var ids ="";
  141. $("input[name='appId']:checked").each(function(){
  142. ids += $(this).val()+",";
  143. });
  144. if(ids == ""){
  145. layer.alert("请选择设备!");
  146. return false;
  147. }else{
  148. $.ajax({
  149. type:"post",
  150. url:"http://www.yfzhwlw.com:80/system/fenpei/updateFpApp",
  151. data : {"userId": 1,"appIds":ids},
  152. dataType : "json",
  153. success : function(data) {
  154. if (data.err == 0) {
  155. layer.alert("已成功分配"+data.num+"台设备给用户:user。");
  156. }else{
  157. laert.msg("服务器异常!");
  158. }
  159. }
  160. });
  161. }
  162. }
  163. var begin = {
  164. elem: '#begin',
  165. format: 'YYYY-MM-DD hh:mm:ss',
  166. max: laydate.now(),
  167. istime: true,
  168. choose: function(datas){
  169. end.min = datas; //结束日选好后,重置开始日的最大日期
  170. }
  171. };
  172. var end = {
  173. elem: '#end',
  174. format: 'YYYY-MM-DD hh:mm:ss',
  175. max: laydate.now(),
  176. istime: true,
  177. choose: function(datas){
  178. begin.max = datas; //结束日选好后,重置开始日的最大日期
  179. }
  180. };
  181. if(""!=""){
  182. begin.max = "";
  183. }
  184. if(""!=""){
  185. end.min = "";
  186. }
  187. laydate(begin);
  188. laydate(end);
  189. -->
  190. </script>
  191. </html>