index.html 18 KB

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