index.html 4.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889
  1. <!DOCTYPE html>
  2. <html xmlns:th="http://www.thymeleaf.org">
  3. <head th:replace="/common/template :: header(~{::title},~{::link},~{::style})"></head>
  4. <body class="timo-layout-page">
  5. <div class="layui-card">
  6. <div class="layui-card-header timo-card-header">
  7. <span><i class="fa fa-bars"></i> 用户管理</span>
  8. <i class="layui-icon layui-icon-refresh refresh-btn"></i>
  9. </div>
  10. <div class="layui-card-body">
  11. <div class="layui-row timo-card-screen put-row">
  12. <div class="layui-row timo-card-screen put-row">
  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="screenName" th:value="${param.screenName}" 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">
  28. <div class="btn-group-right">
  29. <button class="layui-btn open-popup" data-title="添加用户" th:attr="data-url=@{/rbac/user/add}"
  30. data-size="auto">
  31. <i class="fa fa-plus"></i> 添加
  32. </button>
  33. <!--<button class="layui-btn upload-file" data-title=""
  34. name="file[]" th:attr="up-url=@{/api/rbac/user/batch}" data-size="auto">
  35. <i class="fa fa-plus"></i> 批量添加
  36. </button>-->
  37. </div>
  38. </div>
  39. </div>
  40. </div>
  41. <div class="timo-table-wrap">
  42. <table class="layui-table timo-table">
  43. <thead>
  44. <tr>
  45. <th data-field="username">登录名</th>
  46. <th data-field="screenName">显示名</th>
  47. <th data-field="createDate">创建时间</th>
  48. <th data-field="lastAccess">最近访问</th>
  49. <th>状态</th>
  50. <th>分配角色</th>
  51. <th>重置密码</th>
  52. <th>操作</th>
  53. </tr>
  54. </thead>
  55. <tbody>
  56. <tr th:each="item:${list}">
  57. <td th:text="${item.username}">登录名</td>
  58. <td th:text="${item.screenName}">显示名</td>
  59. <td th:text="${item.createTime}">创建时间</td>
  60. <td th:text="${item.lastAccess}">最近访问</td>
  61. <td th:text="${item.status}">状态</td>
  62. <td>
  63. <a class="open-popup"
  64. th:attr="data-title=@{'为 ' + ${item.screenName} + ' 分配角色'},data-url=@{'/rbac/user/role/'+${item.userId}}" data-size="640,480"
  65. href="#">设置</a>
  66. </td>
  67. <td>
  68. <a class="open-popup"
  69. th:attr="data-title=@{'重置 ' + ${item.screenName} + ' 的密码'},data-url=@{'/rbac/user/passwd/'+${item.userId}}" data-size="480,320"
  70. href="#">重置</a>
  71. </td>
  72. <td>
  73. <a class="open-popup" data-title="详细信息" th:attr="data-url=@{'/rbac/user/detail/'+${item.userId}}"
  74. data-size="640,480" href="#">详细</a>
  75. <a class="ajax-post" th:attr="data-msg='确定要禁用帐号 '+ ${item.username}"
  76. th:href="@{'/api/rbac/user/status/' + ${item.userId}}">禁用</a>
  77. <a class="ajax-delete" th:attr="data-msg='确定要删除帐号 '+ ${item.username}"
  78. th:href="@{'/api/rbac/user/delete' + ${item.userId}}">删除</a>
  79. </td>
  80. </tr>
  81. </tbody>
  82. </table>
  83. </div>
  84. <div th:replace="/common/fragment :: page"></div>
  85. </div>
  86. </div>
  87. <script th:replace="/common/template :: script"></script>
  88. </body>
  89. </html>