index.html 17 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377
  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  6. <meta name="robots" content="noindex,nofollow">
  7. <title>{$sys_name}</title>
  8. <base href="{base_url()}"/>
  9. <link href="static/css/bootstrap.min.css" rel="stylesheet">
  10. <link href="static/css/bootstrap-table.min.css" rel="stylesheet">
  11. <link href="static/js/skins/all.css" rel="stylesheet">
  12. <link href="static/css/select2.min.css" rel="stylesheet">
  13. <link rel="stylesheet" href="static/css/style.css">
  14. <script language="javascript" type="text/javascript"> var SITE_URL = "/";</script>
  15. <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  16. <!--[if lt IE 9]>
  17. <script src="http://cdn.bootcss.com/html5shiv/3.7.0/html5shiv.js"></script>
  18. <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
  19. <![endif]-->
  20. </head>
  21. <body style="background: #fff;">
  22. <div style="padding:10px;">
  23. <div class="panel panel-default grid">
  24. <div class="panel-body">
  25. <form class="form-inline" role="form" method="get">
  26. <div class="pull-left">
  27. <div class="btn-group">
  28. <button type="button" class="add" id="add_user">
  29. 新增帐号
  30. </button>
  31. <button type="button" class="delete_btn" id="delete_user" disabled>
  32. 批量删除
  33. </button>
  34. <span class="btn_line"></span>
  35. <button type="button" class="disable" id="disable_user" disabled>
  36. 批量禁用
  37. </button>
  38. <button type="button" class="enable" id="enable_user" disabled>
  39. 批量启用
  40. </button>
  41. <span class="btn_line"></span>
  42. <button type="button" class="refresh" onclick="window.location.reload();">
  43. 刷新
  44. </button>
  45. </div>
  46. </div>
  47. <div class="pull-right">
  48. <div class="form-group">
  49. <select class="form-control" name="user_type">
  50. <option value="">所有类型</option>
  51. {foreach $user_types as $k=>$val}
  52. <option value="{$k}" {if $user_type == $k}selected{/if}>{$val}</option>
  53. {/foreach}
  54. </select>
  55. </div>
  56. <div class="form-group">
  57. <select class="form-control" name="status">
  58. <option value="">所有状态</option>
  59. {foreach $user_status as $k=>$val}
  60. <option value="{$k}" {if $status == $k}selected{/if}>{$val}</option>
  61. {/foreach}
  62. </select>
  63. </div>
  64. <div class="form-group">
  65. <input class="form-control keyword" name="keyword" id="keyword" placeholder="搜索" type="text" value="{$keyword}">
  66. <button type="submit" class="search">
  67. <i class="glyphicon glyphicon-search"></i>
  68. </button>
  69. </div>
  70. </div>
  71. </form>
  72. </div>
  73. <table id="data_table" data-toggle="table" data-search="true" class="table{if $count} table-hover{/if} table-bordered" style="display: none;">
  74. <thead>
  75. <tr>
  76. <th class="text-center" style="width: 40px"><input name="check_all" class="check_all" value="true" type="checkbox"></th>
  77. <th class="text-center">ID</th>
  78. <th class="text-center">帐号名</th>
  79. <th class="text-center">姓名</th>
  80. <th class="text-center">电话</th>
  81. <th class="text-center">E-mail</th>
  82. <th class="text-center">帐号类型</th>
  83. <th class="text-center">状态</th>
  84. <th class="text-center">创建时间</th>
  85. <th class="text-center">最后一次登录时间</th>
  86. <th class="text-center" style="width: 290px">操作</th>
  87. </tr>
  88. </thead>
  89. <tbody>
  90. {foreach $user_list as $k=>$val}
  91. <tr>
  92. <td class="text-center"><input name="ids[]" value="{$val['user_id']}" type="checkbox" {if $val['user_id']==1}disabled{/if}></td>
  93. <td>{$val['user_id']}</td>
  94. <td data-searchable="true">{$val['username']}</td>
  95. <td data-searchable="true">{$val['name']}</td>
  96. <td class="text-center" data-searchable="true">{$val['mobile']}</td>
  97. <td class="text-left" data-searchable="true">{$val['email']}</td>
  98. <td class="text-center" data-searchable="true">{$user_types[$val['user_type']]}</td>
  99. <td class="text-center" data-searchable="true"><span class="status{$val['status']}">{$user_status[$val['status']]}</span></td>
  100. <td class="text-center">{$val['create_time']->toDateTime()|date_format:'%Y-%m-%d %H:%M:%S'}</td>
  101. <td class="text-center">{if $val['last_login_time']}{$val['last_login_time']->toDateTime()|date_format:'%m-%d %H:%M:%S'}{/if}</td>
  102. <td class="text-left">
  103. <a href="javascript:;" data-id="{$val['user_id']}" class="view_info">
  104. 查看详情
  105. </a>
  106. {if !array_key_exists('from',$smarty.session)}
  107. <a href="javascript:;" data-id="{$val['user_id']}" class="change_password">
  108. 修改密码
  109. </a>
  110. {/if}
  111. {if $val['status'] == "10" && $val['user_id'] != 1}
  112. <a href="javascript:;" data-id="{$val['user_id']}" class="stop_use">
  113. 禁用
  114. </a>
  115. {/if}
  116. {if $val['status'] == "30" || $val['status'] == "40"}
  117. <a href="javascript:;" data-id="{$val['user_id']}" class="restore">
  118. 启用
  119. </a>
  120. {/if}
  121. {if $val['user_id'] != 1}
  122. <a href="javascript:;" data-id="{$val['user_id']}" class="delete">
  123. 删除
  124. </a>
  125. {/if}
  126. </td>
  127. </tr>
  128. {/foreach}
  129. {if !$count}
  130. <tr>
  131. <td colspan="11" class="empty_table"><img src="static/images/empty_table.png"><p>暂无符合条件的数据!</p></td>
  132. </tr>
  133. {/if}
  134. </tbody>
  135. </table>
  136. <div class="panel-footer clearfix">
  137. <div class="form-inline">
  138. <div class="pull-right">
  139. <div class="form-group count">总共{$count}条记录</div>
  140. <div class="form-group">
  141. {$page}
  142. </div>
  143. <div class="form-group">
  144. <label for="page_size" class="form-control-static control-label">每页</label>
  145. <select class="form-control" id="page_size" name="page_size">
  146. <option value="10" {if $page_size == 10}selected{/if}>10</option>
  147. <option value="20" {if $page_size == 20}selected{/if}>20</option>
  148. <option value="50" {if $page_size == 50}selected{/if}>50</option>
  149. <option value="100" {if $page_size == 100}selected{/if}>100</option>
  150. </select>
  151. </div>
  152. </div>
  153. </div>
  154. </div>
  155. </div>
  156. </div>
  157. <script type="text/javascript" charset="utf-8" src="static/js/jquery.js"></script>
  158. <script type="text/javascript" charset="utf-8" src="static/js/bootstrap.js"></script>
  159. <script type="text/javascript" charset="utf-8" src="static/js/bootstrap-table.min.js"></script>
  160. <script type="text/javascript" charset="utf-8" src="static/js/bootstrap-table-zh-CN.min.js"></script>
  161. <script type="text/javascript" charset="utf-8" src="static/js/icheck.min.js"></script>
  162. <script type="text/javascript" charset="utf-8" src="static/js/select2.full.min.js"></script>
  163. <script type="text/javascript" charset="utf-8" src="static/js/layer/layer.js"></script>{literal}
  164. <script language="javascript" type="text/javascript">
  165. var disabled_btn = "";
  166. $(".panel-body button:disabled").each(function () {
  167. disabled_btn +="#"+$(this).attr("id")+",";
  168. })
  169. disabled_btn = disabled_btn.substr(0,disabled_btn.length-1);
  170. $(function(){
  171. $("table").show();
  172. $('input').iCheck({
  173. cursor : true,
  174. checkboxClass : 'icheckbox_square-blue'
  175. });
  176. layer.config({
  177. extend: 'myskin/style.css', //加载新皮肤
  178. });
  179. /*$("#keyword").on('input',function () {
  180. $('#data_table').bootstrapTable('resetSearch', $(this).val());
  181. $('input').iCheck({
  182. cursor : true,
  183. checkboxClass : 'icheckbox_square-blue'
  184. });
  185. });*/
  186. $("select").select2({minimumResultsForSearch: -1});
  187. $("#add_user").click(function () {
  188. parent.$('#mainFrameTabs').bTabsAdd("tab11","新增帐号","user/add");
  189. })
  190. $(".bootstrap-table").on('click',".delete",function () {
  191. var id = $(this).data("id");
  192. layer.confirm("确定要删除该帐号吗?删除后该帐号相关的工单也将被删除!", {skin: 'layer-ext-myskin',icon: 3, title:'提示'}, function(index){
  193. if(id != "" && id != undefined) {
  194. $.post(
  195. "user/delete/" + id,
  196. function (data) {
  197. layer.msg(data.msg, {icon: data.icon,time: 3000}, function () {
  198. window.location.reload();
  199. })
  200. }
  201. )
  202. }else{
  203. layer.alert("参数错误,请刷新后重试!",{skin: 'layer-ext-myskin',icon: 5, title:'错误提示'});
  204. }
  205. layer.close(index);
  206. })
  207. })
  208. $(".bootstrap-table").on('click',".stop_use",function () {
  209. var id = $(this).data("id");
  210. layer.confirm("确定要停用该帐号吗?停用后该帐号将不能登录!", {skin: 'layer-ext-myskin',icon: 3, title:'提示'}, function(index){
  211. if(id != "" && id != undefined) {
  212. $.post(
  213. "user/stopuse/" + id,
  214. function (data) {
  215. layer.msg(data.msg, {icon: data.icon,time: 3000}, function () {
  216. window.location.reload();
  217. })
  218. }
  219. )
  220. }else{
  221. layer.alert("参数错误,请刷新后重试!",{skin: 'layer-ext-myskin',icon: 5, title:'错误提示'});
  222. }
  223. layer.close(index);
  224. })
  225. })
  226. $(".bootstrap-table").on('click',".restore",function () {
  227. var id = $(this).data("id");
  228. if(id != "" && id != undefined) {
  229. $.post(
  230. "user/restore/" + id,
  231. function (data) {
  232. layer.msg(data.msg, {icon: data.icon,time: 3000}, function () {
  233. window.location.reload();
  234. })
  235. }
  236. )
  237. }else{
  238. layer.alert("参数错误,请刷新后重试!",{skin: 'layer-ext-myskin',icon: 5, title:'错误提示'});
  239. }
  240. })
  241. $(".bootstrap-table").on('click',".view_info",function(){
  242. var id = $(this).data("id");
  243. if(id != "" && id != undefined) {
  244. layer.open({
  245. type: 2,
  246. title: "帐号详情",
  247. offset: 'auto',
  248. shade: [0.3],
  249. area: ['900px','450px'],
  250. anim: 0,
  251. shadeClose:false,
  252. content: 'user/view/'+id,
  253. end: function(){
  254. window.location.reload();
  255. }
  256. });
  257. }else{
  258. layer.alert("参数错误,请刷新后重试!",{skin: 'layer-ext-myskin',icon: 5, title:'错误提示'});
  259. }
  260. })
  261. $(".bootstrap-table").on('click',".change_password",function(){
  262. var id = $(this).data("id");
  263. if(id != "" && id != undefined) {
  264. layer.open({
  265. type: 2,
  266. title: "修改密码",
  267. offset: 'auto',
  268. shade: [0.3],
  269. area: ['500px','320px'],
  270. anim: 0,
  271. shadeClose:false,
  272. content: 'user/changepassword/'+id,
  273. });
  274. }else{
  275. layer.alert("参数错误,请刷新后重试!",{skin: 'layer-ext-myskin',icon: 5, title:'错误提示'});
  276. }
  277. })
  278. $("#page_size").change(function () {
  279. var page_size = $(this).val();
  280. window.location.href = "user/index?page_size="+page_size;
  281. })
  282. $(".bootstrap-table").on('ifChecked','.check_all',function () {
  283. $("input:checkbox").not(':disabled').iCheck('check');
  284. }).on('ifUnchecked','.check_all',function () {
  285. $("input:checkbox").not(':disabled').iCheck('uncheck');
  286. });
  287. $(".bootstrap-table").on('ifChanged','input:checkbox',function(){
  288. var ids ="";
  289. $("input:checkbox").each(function () {
  290. if($(this).not(":disabled").prop("checked")){
  291. ids += $(this).val()+",";
  292. }
  293. });
  294. if(ids != "" && ids != undefined){
  295. $(disabled_btn).removeAttr("disabled");
  296. }else{
  297. $(disabled_btn).attr("disabled","disabled");
  298. }
  299. })
  300. $(".form-inline select").on("change",function(e) {
  301. if($(this).attr("id") != "page_size") {
  302. $(".form-inline").submit();
  303. }
  304. })
  305. $("#delete_user").click(function () {
  306. var ids = "";
  307. $("input:checkbox").each(function () {
  308. if($(this).not(":disabled").prop("checked")){
  309. ids += $(this).val()+",";
  310. }
  311. })
  312. if(ids == ""){
  313. layer.alert("请选择要删除的帐号!",{skin: 'layer-ext-myskin',icon: 3, title:'提示'});
  314. }else{
  315. layer.confirm('确定要删除选择的帐号吗?', {skin: 'layer-ext-myskin',icon: 3, title:'提示'}, function(index){
  316. $.post(
  317. "user/deleteall",{'ids':ids},
  318. function (data) {
  319. layer.msg(data.msg, {icon: data.icon,time: 3000}, function () {
  320. window.location.reload();
  321. })
  322. }
  323. )
  324. layer.close(index);
  325. })
  326. }
  327. })
  328. $("#disable_user").click(function () {
  329. var ids = "";
  330. $("input:checkbox").each(function () {
  331. if($(this).not(":disabled").prop("checked")){
  332. ids += $(this).val()+",";
  333. }
  334. })
  335. if(ids == ""){
  336. layer.alert("请选择要禁用的帐号!",{skin: 'layer-ext-myskin',icon: 3, title:'提示'});
  337. }else{
  338. layer.confirm('确定要禁用选择的帐号吗?', {skin: 'layer-ext-myskin',icon: 3, title:'提示'}, function(index){
  339. $.post(
  340. "user/disableall",{'ids':ids},
  341. function (data) {
  342. layer.msg(data.msg, {icon: data.icon,time: 3000}, function () {
  343. window.location.reload();
  344. })
  345. }
  346. )
  347. layer.close(index);
  348. })
  349. }
  350. })
  351. $("#enable_user").click(function () {
  352. var ids = "";
  353. $("input:checkbox").each(function () {
  354. if($(this).not(":disabled").prop("checked")){
  355. ids += $(this).val()+",";
  356. }
  357. })
  358. if(ids == ""){
  359. layer.alert("请选择要启用的帐号!",{skin: 'layer-ext-myskin',icon: 3, title:'提示'});
  360. }else{
  361. layer.confirm('确定要启用选择的帐号吗?', {skin: 'layer-ext-myskin',icon: 3, title:'提示'}, function(index){
  362. $.post(
  363. "user/enableall",{'ids':ids},
  364. function (data) {
  365. layer.msg(data.msg, {icon: data.icon,time: 3000}, function () {
  366. window.location.reload();
  367. })
  368. }
  369. )
  370. layer.close(index);
  371. })
  372. }
  373. })
  374. })
  375. </script>{/literal}
  376. </body>
  377. </html>