systemmanage_user.html 4.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150
  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. body {
  15. overflow: hidden;
  16. background: #fff;
  17. }
  18. .searchCover {
  19. margin: 20px 0;
  20. }
  21. .innerTable {
  22. padding: 0 1px 0 0;
  23. min-width: 750px;
  24. }
  25. .table,
  26. .table.table-striped>thead>tr>th {
  27. text-align: center;
  28. }
  29. table td {
  30. vertical-align: middle !important;
  31. }
  32. .nullData {
  33. width: 100%;
  34. height: 500px;
  35. background: #ddd;
  36. text-align: center;
  37. line-height: 500px;
  38. font-size: 20px;
  39. border: 1px solid #ddd;
  40. }
  41. #resetPwdBox {
  42. display: none;
  43. }
  44. .editRole {
  45. padding: 10px 0 0 30px;
  46. }
  47. .editRole input {
  48. width: 200px;
  49. margin-bottom: 10px;
  50. }
  51. .refresh {
  52. font-size: 16px;
  53. color: #4C8FBD;
  54. margin-right: 30px;
  55. }
  56. .content{
  57. overflow-x: scroll;
  58. }
  59. </style>
  60. </head>
  61. <body>
  62. <div class="content">
  63. <div class="searchCover">
  64. 类型:
  65. <select style="width:150px;" name="type" id="utype">
  66. <option value="-1">请选择</option>
  67. <option value="0">超级管理员</option>
  68. <option value="1">管理员</option>
  69. <option value="2">用户</option>
  70. </select>
  71. 邮箱:
  72. <input type="email" class="input-user" placeholder="请输入邮箱" id="uemail" maxlength="20" onkeypress="if (event.keyCode == 13) sub_filter();"
  73. /> 用户名:
  74. <input type="text" class="input-user" id="uname" maxlength="32" value="" placeholder="请输入用户名" onkeypress="if (event.keyCode == 13) sub_filter();"
  75. />
  76. <button type="button" onclick="sub_filter()" class="btn btn-sm btn-primary">筛选</button>
  77. <a class="refresh" href="systemmanage_user_add" style="float: right;">
  78. <i class="add">
  79. <img src="{% static '/img/addicon.png' %}" alt="" width="28">
  80. </i>添加新用户 </a>
  81. </div>
  82. <div class="innerTable">
  83. <table id="datatable" class="table table-striped table-hover">
  84. <thead>
  85. <tr>
  86. <td>用户名</td>
  87. <td>用户到期时间</td>
  88. <td>用户类型</td>
  89. <td>上次登录</td>
  90. <td>创建时间</td>
  91. <td>操作</td>
  92. </tr>
  93. </thead>
  94. <tbody>
  95. </tbody>
  96. </table>
  97. <div class="fenpei-bottom">
  98. <input type="hidden" id="totalPage" value={{ nums }}>
  99. <div id="page" style="text-align: center;"></div>
  100. </div>
  101. </div>
  102. <div class="user-manage-top">
  103. <!-- 重置密码 -->
  104. <div id="resetPwdBox">
  105. <form id="resetPwdBoxForm" action="" method="post"> {% csrf_token %}
  106. <div class="editRole">
  107. <input type="hidden" id="id" name="id">
  108. <input type="hidden" id="req" name="req" value="resetpwd">
  109. <div>用&nbsp;&nbsp;户&nbsp;名:
  110. <input type="text" readonly='readonly' class="fp-user" maxlength="20" name="userName" id="userName" />
  111. </div>
  112. <div>密&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;码:
  113. <input maxlength="200" type="password" class="fp-user" name="userpassWord" id="userpassWord" placeholder="请输入密码" />
  114. </div>
  115. <div>确认密码:
  116. <input maxlength="200" type="password" class="fp-user" name="userRePassWord" id="userRePassWord" placeholder="请再次输入密码" />
  117. </div>
  118. </div>
  119. </form>
  120. </div>
  121. </div>
  122. </div>
  123. <script src="{% static '/lib/js/jquery-2.1.4.min.js' %}"></script>
  124. <script src="{% static '/lib/layui/layui.all.js' %}"></script>
  125. <!-- <script src="{% static '/assets/js/newdistpicker.js' %}" type="text/javascript" charset="utf-8"></script>
  126. <script src="{% static '/assets/js/main.js' %}" type="text/javascript" charset="utf-8"></script> -->
  127. <script type="text/javascript">
  128. $.ajaxSetup({
  129. data: { csrfmiddlewaretoken: '{{ csrf_token }}' },
  130. });
  131. </script>
  132. <script src="{% static '/js/usermanage/usermanage.js' %}?versions=0.5.0" type="text/javascript"></script>
  133. </body>
  134. </html>