agency_view.html 5.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203
  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. display: none;
  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. #addAgent {
  43. display: none;
  44. }
  45. .editRole {
  46. padding: 10px 0 0 30px;
  47. }
  48. .editRole input {
  49. width: 200px;
  50. margin-bottom: 10px;
  51. }
  52. .refresh {
  53. font-size: 16px;
  54. color: #4C8FBD;
  55. margin-right: 30px;
  56. }
  57. .content{
  58. overflow-x: scroll;
  59. }
  60. /*代理商分配框 */
  61. #addAgentForm select{
  62. width: 150px;
  63. }
  64. .is_agent{
  65. vertical-align: middle;
  66. line-height: 33px;
  67. }
  68. .is_agent >input[type='checkbox']{
  69. display: none;
  70. border: none;
  71. border-radius: 0;
  72. padding: 8px;
  73. width: 95%;
  74. margin: 0;
  75. text-indent: 25px;
  76. }
  77. .is_agent >input[type='checkbox']+label{
  78. position: relative;
  79. padding-left: 25px;
  80. border: #F0F8FF;
  81. color: #7d7d7d;
  82. display: inline-block;
  83. font-size: 14px;
  84. vertical-align: text-top;
  85. }
  86. .is_agent >input[type="checkbox"]+label span:first-child{
  87. width: 18px;
  88. height: 18px;
  89. display: inline-block;
  90. border: 1px solid #7d7d7d;
  91. position: absolute;
  92. top: 1px;
  93. left: 4px;
  94. bottom: 4px;
  95. }
  96. .is_agent >input[type="checkbox"]:checked+label span:first-child:before {
  97. content: "";
  98. background: url(../static/img/tick.png) no-repeat;
  99. position: absolute;
  100. left: 3px;
  101. top: 3px;
  102. font-size: 10px;
  103. width: 10px;
  104. height: 10px;
  105. }
  106. </style>
  107. </head>
  108. <body>
  109. <div class="content">
  110. <div class="searchCover">
  111. <!-- 类型:
  112. <select style="width:150px;" name="type" id="utype">
  113. <option value="-1">请选择</option>
  114. <option value="0">超级管理员</option>
  115. <option value="1">管理员</option>
  116. <option value="2">用户</option>
  117. </select>
  118. 邮箱:
  119. <input type="email" class="input-user" placeholder="请输入邮箱" id="uemail" maxlength="20" onkeypress="if (event.keyCode == 13) sub_filter();"
  120. /> --> 用户名:
  121. <input type="text" class="input-user" id="uname" maxlength="32" value="" placeholder="请输入用户名" onkeypress="if (event.keyCode == 13) sub_filter();"
  122. />
  123. <button type="button" onclick="sub_filter()" class="btn btn-sm btn-primary">筛选</button>
  124. <a class="refresh" onclick="addAgencyName()" href="javascript:;" style="float: right;">
  125. <i class="add">
  126. <img src="{% static '/img/addicon.png' %}" alt="" width="28">
  127. </i>添加新代理 </a>
  128. </div>
  129. <div class="innerTable">
  130. <table id="datatable" class="table table-striped table-hover">
  131. <thead>
  132. <tr>
  133. <td>用户名</td>
  134. <td>邮箱</td>
  135. <td>手机</td>
  136. <td>用户类型</td>
  137. <td>所属代理商</td>
  138. <td>是否为代理商</td>
  139. <td>上次登录</td>
  140. <td>创建时间</td>
  141. <!-- <td>用户等级</td> -->
  142. <td>操作</td>
  143. </tr>
  144. </thead>
  145. <tbody>
  146. </tbody>
  147. </table>
  148. <div class="fenpei-bottom">
  149. <input type="hidden" id="totalPage" value={{ nums }}>
  150. <div id="page" style="text-align: center;"></div>
  151. </div>
  152. </div>
  153. <div class="user-manage-top">
  154. <!-- 添加代理 -->
  155. <div id="addAgent">
  156. <form id="addAgentForm" action="" method="post"> {% csrf_token %}
  157. <div class="editRole">
  158. <div>&nbsp;&nbsp;&nbsp;代理商列表:
  159. <select name="" id="role_describe">
  160. <option value="">无</option>
  161. {% for agency in agency_list %}
  162. <option value="{{ agency.name }}">{{ agency.name }}</option>
  163. {% endfor %}
  164. </select>
  165. </div>
  166. <div class="is_agent">是否为代理商:
  167. <input type="checkbox" id="is_agentBox" check="" value="">
  168. <label for="is_agentBox"><span> </span></label>
  169. </div>
  170. </div>
  171. </form>
  172. </div>
  173. </div>
  174. </div>
  175. <script src="{% static '/lib/js/jquery-2.1.4.min.js' %}"></script>
  176. <script src="{% static '/lib/layui/layui.all.js' %}"></script>
  177. <!-- <script src="{% static '/assets/js/newdistpicker.js' %}" type="text/javascript" charset="utf-8"></script>
  178. <script src="{% static '/assets/js/main.js' %}" type="text/javascript" charset="utf-8"></script> -->
  179. <script type="text/javascript">
  180. $.ajaxSetup({
  181. data: { csrfmiddlewaretoken: '{{ csrf_token }}' },
  182. });
  183. </script>
  184. <script src="{% static '/js/usermanage/agency_view.js' %}?versions=0.5.0" type="text/javascript"></script>
  185. </body>
  186. </html>