汇联通执法队后台管理系统
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

manage.jsp 7.2KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168
  1. <!DOCTYPE html>
  2. <%@ page contentType="text/html;charset=utf-8"%>
  3. <!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
  4. <!--[if !IE]><!-->
  5. <html lang="en">
  6. <!--<![endif]-->
  7. <head>
  8. <%@ include file="/WEB-INF/jsp/assets.jsp" %>
  9. <link href="${rootUrl }plugins/bootstrap-editable/css/bootstrap-editable.css" rel="stylesheet" />
  10. <script src="${rootUrl }plugins/bootstrap-editable/js/bootstrap-editable.min.js" type="text/javascript"></script>
  11. <script type="text/javascript">
  12. $(function(){
  13. $("#myManage").taiji({
  14. enableAclCheck:true
  15. }).editable({
  16. selector:".editable",//元素选择器,对目标元素启用编辑
  17. url:"editGrid",//编辑提交的url
  18. success: editGridSuccess//服务器返回成功的回调方法
  19. }).on("taijiSearchSuccess",function(event,result){
  20. /*
  21. 单独设置性别参数
  22. $(".editable.male").editable({
  23. url:"editGrid",//编辑提交的url
  24. source: [
  25. {"value": '0', "text": '女'},
  26. {"value": '1', "text": '男'}
  27. ],
  28. success: editGridSuccess//服务器返回成功的回调方法
  29. }); */
  30. }).on("taijiEditSuccess",function(event,result){
  31. });
  32. $("#addBtn").click(function(){
  33. $(this).showModal({size:"modal-lg",backdrop:false,data:{loginName:"sample"}});
  34. return false;
  35. });
  36. function editGridSuccess(response, newValue) {
  37. if($.isPlainObject(response)&&response.success===true){
  38. $.Taiji.showNote(response.msg);
  39. }else{
  40. var result=$.parseJSON($(response).find("#taiji_note").text());
  41. if(result&&result.success===false){
  42. return $.Taiji.base64.decode(result.msg);
  43. }
  44. }
  45. }
  46. });
  47. </script>
  48. </head>
  49. <body >
  50. <div id="page-loader" class="fade in"><span class="spinner"></span></div>
  51. <!-- begin #page-container -->
  52. <div id="page-container" class="fade">
  53. <!-- begin #header -->
  54. <%@ include file="/WEB-INF/jsp/header.jsp" %>
  55. <!-- end #header -->
  56. <!-- begin #sidebar -->
  57. <%@ include file="/WEB-INF/jsp/sidebar.jsp" %>
  58. <!-- end #sidebar -->
  59. <!-- begin #content -->
  60. <div id="content" class="content">
  61. <ol class="breadcrumb pull-right">
  62. </ol>
  63. <!-- begin row -->
  64. <div class="row">
  65. <!-- begin col-12 -->
  66. <div class="col-md-12">
  67. <!-- begin panel -->
  68. <div id="myManage" class="panel panel-inverse">
  69. <div class="panel-heading">
  70. <div class="panel-heading-btn">
  71. <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-default" data-click="panel-expand"><i class="fa fa-expand"></i></a>
  72. <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-success" data-click="panel-reload"><i class="fa fa-repeat"></i></a>
  73. <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-warning" data-click="panel-collapse"><i class="fa fa-minus"></i></a>
  74. <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-danger" data-click="panel-remove"><i class="fa fa-times"></i></a>
  75. </div>
  76. <h4 class="panel-title">用户</h4>
  77. </div>
  78. <div class="panel-toolbar ">
  79. <a href="${rootUrl }app/acl/user/add" class="taiji_modal taiji_acl btn btn-success m-5"><i class="fa fa-plus m-r-5"></i>添加</a>
  80. <a href="${rootUrl }app/acl/user/add" class="taiji_modal_lg taiji_acl btn btn-success m-5"><i class="fa fa-plus m-r-5"></i>添加(大)</a>
  81. <a href="${rootUrl }app/acl/user/openAdd" class="taiji_acl btn btn-success m-5" target="_blank"><i class="fa fa-plus m-r-5"></i>添加(open)</a>
  82. <a href="${rootUrl }app/acl/user/addPost" class="taiji_modal btn btn-success m-5" data-selector="#userName"><i class="fa fa-plus m-r-5"></i>添加(POST)</a>
  83. <a href="${rootUrl }app/acl/user/addPost" id="addBtn" class="btn btn-success m-5" data-selector="#userName"><i class="fa fa-plus m-r-5"></i>添加(手动)</a>
  84. </div>
  85. <div class="panel-body">
  86. <form:form cssClass="taiji_search_form form-inline m-t-5 " modelAttribute="queryModel" id="listForm" name="listForm" action="${rootUrl}app/acl/user/manage" method="post">
  87. <div class="form-group m-5">
  88. <form:input path="userName" size="25" maxlength="50" placeholder="用户(姓名|登录名|拼音)" cssClass="form-control"/>
  89. </div>
  90. <div class="form-group m-5">
  91. <form:input path="unitName" size="25" maxlength="50" placeholder="单位名称模糊查找" cssClass="form-control"/>
  92. </div>
  93. <div class="form-group m-5">
  94. <label class="control-label">状态</label>
  95. <form:select path="status" cssClass="selectpicker" data-style="btn-white" data-width="80px">
  96. <form:option value="">全部</form:option>
  97. <form:options items="${statuses}" itemLabel="value"/>
  98. </form:select>
  99. </div>
  100. <div class="form-group m-5">
  101. <label class="control-label">每页条数</label>
  102. <form:select path="pageSize" cssClass="selectpicker" data-style="btn-white" data-width="80px">
  103. <form:option value="2">2</form:option>
  104. <form:option value="10">10</form:option>
  105. <form:option value="16">16</form:option>
  106. <form:option value="20">20</form:option>
  107. <form:option value="50">50</form:option>
  108. <form:option value="100">100</form:option>
  109. </form:select>
  110. </div>
  111. <button class="taiji_search_submit btn btn-md btn-success m-r-5" type="button" ><i class="fa fa-search m-r-10 "></i>查询</button>
  112. <button class="taiji_search_reset btn btn-md btn-default" type="button"><i class="fa fa-refresh m-r-10 "></i>重置</button>
  113. </form:form>
  114. </div>
  115. <div class="taiji_search_result taiji_table_float table-responsive">
  116. <table class="table table-striped table-bordered table-hover">
  117. <thead>
  118. <tr>
  119. <th class="taiji_sortable {orderBy:'loginName',desc:true}">登录名</th>
  120. <th class="taiji_column_compress"><span>名字</span></th>
  121. <th class="taiji_column_compress"><span>单位</span></th>
  122. <th width="60px">性别</th>
  123. <th width="60px">状态</th>
  124. <th width="200px">角色</th>
  125. <th width="130px">操作</th>
  126. </tr>
  127. </thead>
  128. <tbody>
  129. </tbody>
  130. </table>
  131. </div>
  132. <div class="panel-footer text-right">
  133. <div class="pageturn taiji_pager">
  134. </div>
  135. </div>
  136. </div>
  137. <!-- end panel -->
  138. </div>
  139. <!-- end col-12 -->
  140. </div>
  141. <!-- end row -->
  142. </div>
  143. <!-- end #content -->
  144. <!-- begin scroll to top btn -->
  145. <a href="javascript:;" class="btn btn-icon btn-circle btn-success btn-scroll-to-top fade" data-click="scroll-top"><i class="fa fa-angle-up"></i></a>
  146. <!-- end scroll to top btn -->
  147. </div>
  148. <!-- end page container -->
  149. </body>
  150. </html>