roleList.jsp 3.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
  1. <%@ page contentType="text/html;charset=UTF-8" %>
  2. <%@ include file="/webpage/include/taglib.jsp"%>
  3. <html>
  4. <head>
  5. <title>角色管理</title>
  6. <meta name="decorator" content="ani"/>
  7. <%@ include file="/webpage/include/bootstraptable.jsp"%>
  8. <%@ include file="roleList.js"%>
  9. <%@ include file="role-userList.js"%>
  10. </head>
  11. <body>
  12. <div class="wrapper wrapper-content">
  13. <div class="panel panel-primary">
  14. <div class="panel-heading">
  15. <h3 class="panel-title">角色列表</h3>
  16. </div>
  17. <div class="panel-body">
  18. <div class="row">
  19. <div id="left" class="col-sm-12">
  20. <!-- 搜索 -->
  21. <div id="search-collapse" class="collapse">
  22. <div class="accordion-inner">
  23. <form:form id="searchForm" modelAttribute="role" class="form form-horizontal well clearfix" >
  24. <div class="col-xs-12 col-sm-6 col-md-4">
  25. <label class="label-item single-overflow pull-left" title="角色名称:">角色名称:</label>
  26. <form:input path="name" htmlEscape="false" maxlength="64" class=" form-control input-sm"/>
  27. </div>
  28. <div class="col-xs-12 col-sm-6 col-md-4">
  29. <div style="margin-top:26px">
  30. <a id="search" class="btn btn-primary btn-rounded btn-bordered btn-sm"><i class="fa fa-search"></i> 查询</a>
  31. <a id="reset" class="btn btn-primary btn-rounded btn-bordered btn-sm" ><i class="fa fa-refresh"></i> 重置</a>
  32. </div>
  33. </div>
  34. </form:form>
  35. </div>
  36. </div>
  37. <!-- 工具栏 -->
  38. <div id="toolbar">
  39. <shiro:hasPermission name="sys:role:add">
  40. <a id="add" class="btn btn-primary" onclick="add()"><i class="glyphicon glyphicon-plus"></i> 新建</a>
  41. </shiro:hasPermission>
  42. <shiro:hasPermission name="sys:role:edit">
  43. <button id="edit" class="btn btn-success" disabled onclick="edit()">
  44. <i class="glyphicon glyphicon-edit"></i> 修改
  45. </button>
  46. </shiro:hasPermission>
  47. <shiro:hasPermission name="sys:role:del">
  48. <button id="remove" class="btn btn-danger" disabled onclick="del()">
  49. <i class="glyphicon glyphicon-remove"></i> 删除
  50. </button>
  51. </shiro:hasPermission>
  52. <shiro:hasPermission name="sys:role:assign">
  53. <button id="auth" class="accordion-toggle btn btn-default" disabled onclick="auth()">
  54. <i class="fa fa-cog"></i> 权限设置
  55. </button>
  56. </shiro:hasPermission>
  57. </div><!lo-- 工具栏结束 -->
  58. <!-- 表格 -->
  59. <table id="table"
  60. data-toolbar="#toolbar"
  61. data-id-field="id">
  62. </table>
  63. <!-- context menu -->
  64. <ul id="context-menu" class="dropdown-menu">
  65. <li data-item="edit"><a>编辑</a></li>
  66. <li data-item="delete"><a>删除</a></li>
  67. <li data-item="action1"><a>取消</a></li>
  68. </ul>
  69. </div>
  70. <div id="right" class="panel panel-default col-sm-6" style="display:none">
  71. <div class="panel-heading">
  72. <h3 class="panel-title"><label>用户列表,所属角色: </label><font id="roleLabel"></font><input type="hidden" id="roleId"/></h3>
  73. </div>
  74. <div class="panel-body">
  75. <div id="userToolbar">
  76. <button id="assignButton" class="btn btn-outline btn-primary" title="添加人员"><i class="fa fa-user-plus"></i> 添加人员</button>
  77. <button id="returnButton" class="btn btn-outline btn-primary" title="返回"><i class="fa fa-refresh"></i> 返回</button>
  78. </div>
  79. <!-- 表格 -->
  80. <table id="userTable"
  81. data-toolbar="#userToolbar"
  82. data-id-field="id">
  83. </table>
  84. </div>
  85. </div>
  86. </div>
  87. </div>
  88. </div>
  89. </div>
  90. </body>
  91. </html>