insect_allocation.html 2.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129
  1. {% load staticfiles %}
  2. <!DOCTYPE html>
  3. <html lang="en">
  4. <head>
  5. <link href="{% static '/lib/bootstrap-3.3.7/css/bootstrap.css' %}" rel="stylesheet">
  6. <link rel="stylesheet" href="{% static '/lib/font-awesome/4.5.0/css/font-awesome.css' %}">
  7. <link rel="stylesheet" href="{% static '/lib/css/ace.min.css' %}" />
  8. <link rel="stylesheet" href="{% static '/lib/css/ace-skins.min.css' %}">
  9. <link rel="stylesheet" href="{% static '/lib/css/ace-rtl.min.css' %}">
  10. <link rel="stylesheet" href="{% static '/lib/layui/css/layui.css' %}">
  11. <style type="text/css">
  12. /* 返回 */
  13. .headerPlace {
  14. font-size: 22px;
  15. color: #418fbb;
  16. cursor: pointer;
  17. }
  18. .headerPlace img {
  19. vertical-align: middle;
  20. margin-right: 10px;
  21. margin-top: -4px;
  22. }
  23. body {
  24. overflow: hidden;
  25. background: #fff;
  26. }
  27. .searchCover {
  28. margin: 20px 0;
  29. }
  30. .innerTable {
  31. padding: 0 1px 0 0;
  32. min-width: 750px;
  33. overflow-x: scroll;
  34. }
  35. .table,
  36. .table.table-striped>thead>tr>th {
  37. text-align: center;
  38. }
  39. table td {
  40. vertical-align: middle !important;
  41. }
  42. .nullData {
  43. width: 100%;
  44. height: 500px;
  45. background: #ddd;
  46. text-align: center;
  47. line-height: 500px;
  48. font-size: 20px;
  49. border: 1px solid #ddd;
  50. }
  51. .content {
  52. overflow-x: scroll;
  53. }
  54. .searchCover input {
  55. width: 180px;
  56. }
  57. </style>
  58. <body>
  59. <div class="content">
  60. <div class="page-header">
  61. <span class="headerPlace" onclick="gobackA()">
  62. <img src="{% static '/img/gobackIcon.png' %}" alt="">返回
  63. </span>
  64. </div>
  65. <div class="searchCover">
  66. 用户:
  67. <select style="width:150px; margin: 0 0 0 -10px;" name="type" id="utype">
  68. <option value="all">全部</option>
  69. <option value="edit">已购买</option>
  70. <option value="without">未购买</option>
  71. </select>
  72. 用户名:
  73. <input type="text" value="" class="" id="uname" placeholder="请输入用户名"
  74. onkeypress="if (event.keyCode == 13) sub_filter();" />
  75. <button type="button" onclick="sub_filter()" class="btn btn-sm btn-primary">筛选</button>
  76. </div>
  77. <div class="innerTable">
  78. <table id="datatable" class="table table-striped table-hover">
  79. <thead>
  80. <tr>
  81. <th>用户名</th>
  82. <th>用户邮箱</th>
  83. <th>用户电话</th>
  84. <th>创建时间</th>
  85. <th>操作</th>
  86. </tr>
  87. </thead>
  88. <tbody>
  89. </tbody>
  90. </table>
  91. <div class="fenpei-bottom">
  92. <input type="hidden" id="totalPage" value={{ nums }}>
  93. <div id="page" style="text-align: center;"></div>
  94. </div>
  95. </div>
  96. </div>
  97. <script src="{% static '/lib/js/jquery-2.1.4.min.js' %}"></script>
  98. <script src="{% static '/lib/layui/layui.all.js' %}"></script>
  99. <script type="text/javascript">
  100. $.ajaxSetup({
  101. data: { csrfmiddlewaretoken: '{{ csrf_token }}' },
  102. });
  103. </script>
  104. <script src="{% static '/js/pestDiagnosis/insect_allocation.js' %}?versions=0.5.0" type="text/javascript"></script>
  105. </body>
  106. <script>
  107. //返回
  108. function gobackA () {
  109. window.history.back(-1)
  110. }
  111. </script>
  112. </html>