index.html 3.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  1. <!DOCTYPE html>
  2. <html xmlns:th="http://www.thymeleaf.org">
  3. <head th:replace="/common/template :: header(~{::title},~{::link},~{::style})">
  4. </head>
  5. <body class="timo-layout-page">
  6. <div class="layui-card">
  7. <div class="layui-card-header timo-card-header">
  8. <span><i class="fa fa-bars"></i> 角色管理</span>
  9. <i class="layui-icon layui-icon-refresh refresh-btn"></i>
  10. </div>
  11. <div class="layui-card-body">
  12. <div class="layui-row timo-card-screen">
  13. <div class="pull-left layui-form-pane timo-search-box">
  14. <div class="layui-inline">
  15. <label class="layui-form-label">角色名</label>
  16. <div class="layui-input-block">
  17. <input type="text" name="name" th:value="${param.name}" placeholder="请输入角色名"
  18. autocomplete="off" class="layui-input">
  19. </div>
  20. </div>
  21. <div class="layui-inline">
  22. <button class="layui-btn timo-search-btn">
  23. <i class="fa fa-search"></i>
  24. </button>
  25. </div>
  26. </div>
  27. <div class="pull-right screen-btn-group">
  28. <button class="layui-btn open-popup" data-title="添加角色" th:attr="data-url=@{/auth/role/add}"
  29. data-size="460,357">
  30. <i class="fa fa-plus"></i> 添加
  31. </button>
  32. </div>
  33. </div>
  34. <div class="timo-table-wrap">
  35. <table class="layui-table timo-table">
  36. <thead>
  37. <tr>
  38. <th data-field="title">角色</th>
  39. <th data-field="name">角色名</th>
  40. <th data-field="description">描述</th>
  41. <th data-field="createTime">创建时间</th>
  42. <th>拥有角色的用户</th>
  43. <th>授权资源</th>
  44. <th>操作</th>
  45. </tr>
  46. </thead>
  47. <tbody>
  48. <tr th:each="item:${list}">
  49. <td th:text="${item.title}">角色</td>
  50. <td th:text="${item.name}">角色名</td>
  51. <td th:text="${item.description}">描述</td>
  52. <td th:text="${item.createTime}">创建时间</td>
  53. <td>
  54. <a class="open-popup" data-title="拥有角色的用户"
  55. th:attr="data-url=@{'/auth/role/users/'+${item.roleId}}" data-size="800,600"
  56. href="#">查看</a>
  57. </td>
  58. <td>
  59. <a class="open-popup" data-title="资源授权"
  60. th:attr="data-url=@{'/auth/role/menus/'+${item.roleId}}" data-size="800,600"
  61. href="#">设置</a>
  62. </td>
  63. <td>
  64. <a class="open-popup" data-title="编辑角色" th:attr="data-url=@{'/auth/role/edit/'+${item.roleId}}"
  65. data-size="460,357" href="#">编辑</a>
  66. <a class="open-popup" data-title="详细信息" th:attr="data-url=@{'/auth/role/detail/'+${item.roleId}}"
  67. data-size="800,600" href="#">详细</a>
  68. <a class="ajax-delete" th:attr="data-msg='确定要删除 '+ ${item.title} + '?'"
  69. th:href="@{'/api/auth/role/' + ${item.roleId}}">删除</a>
  70. </td>
  71. </tr>
  72. </tbody>
  73. </table>
  74. </div>
  75. <div th:replace="/common/fragment :: page"></div>
  76. </div>
  77. </div>
  78. <script th:replace="/common/template :: script"></script>
  79. </body>
  80. </html>