index.html 5.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100
  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="pull-left layui-form-pane timo-search-box">
  13. <div class="layui-inline">
  14. <label class="layui-form-label">用户名</label>
  15. <div class="layui-input-block">
  16. <input type="text" name="nickname" th:value="${param.nickname}" placeholder="请输入用户名"
  17. autocomplete="off" class="layui-input">
  18. </div>
  19. </div>
  20. <div class="layui-inline">
  21. <button class="layui-btn timo-search-btn">
  22. <i class="fa fa-search"></i>
  23. </button>
  24. </div>
  25. </div>
  26. <div class="pull-right screen-btn-group">
  27. <div class="btn-group-right">
  28. <button class="layui-btn open-popup" data-title="添加用户" th:attr="data-url=@{/rbac/user/add}"
  29. data-size="auto">
  30. <i class="fa fa-plus"></i> 添加
  31. </button>
  32. <div class="btn-group">
  33. <button class="layui-btn">启用/禁用<span class="caret"></span></button>
  34. <dl class="layui-nav-child layui-anim layui-anim-upbit">
  35. <dd><a class="ajax-status" th:href="@{/api/rbac/user/status/1}">启用</a></dd>
  36. <dd><a class="ajax-status" th:href="@{/api/rbac/user/status/0}">禁用</a></dd>
  37. </dl>
  38. </div>
  39. </div>
  40. </div>
  41. </div>
  42. <div class="timo-table-wrap">
  43. <table class="layui-table timo-table">
  44. <thead>
  45. <tr>
  46. <th class="timo-table-checkbox">
  47. <label class="timo-checkbox"><input type="checkbox">
  48. <i class="layui-icon layui-icon-ok"></i></label>
  49. </th>
  50. <th data-field="username">登录名</th>
  51. <th data-field="nickname">用户名</th>
  52. <th data-field="sex">性别</th>
  53. <th data-field="mobilePhone">手机号</th>
  54. <th data-field="email">邮箱</th>
  55. <th data-field="createDate">创建时间</th>
  56. <th>状态</th>
  57. <th>分配角色</th>
  58. <th>修改密码</th>
  59. <th>操作</th>
  60. </tr>
  61. </thead>
  62. <tbody>
  63. <tr th:each="item:${list}">
  64. <td><label class="timo-checkbox"><input type="checkbox" th:value="${item.userId}">
  65. <i class="layui-icon layui-icon-ok"></i></label></td>
  66. <td th:text="${item.username}">登录名</td>
  67. <td th:text="${item.nickname}">用户名</td>
  68. <td th:text="${item.gender}">性别</td>
  69. <td th:text="${item.mobilePhone}">手机号</td>
  70. <td th:text="${item.email}">邮箱</td>
  71. <td th:text="${item.createTime}">创建时间</td>
  72. <td th:text="${item.status}">状态</td>
  73. <td>
  74. <a class="open-popup" data-title="分配角色"
  75. th:attr="data-url=@{'/rbac/user/role/'+${item.userId}}" data-size="640,480"
  76. href="#">设置</a>
  77. </td>
  78. <td>
  79. <a class="open-popup" data-title="修改密码"
  80. th:attr="data-url=@{'/rbac/user/passwd/'+${item.userId}}" data-size="640,480"
  81. href="#">修改</a>
  82. </td>
  83. <td>
  84. <a class="open-popup" data-title="编辑用户" th:attr="data-url=@{'/rbac/user/edit/'+${item.userId}}"
  85. data-size="640,480" href="#">编辑</a>
  86. <a class="open-popup" data-title="详细信息" th:attr="data-url=@{'/rbac/user/detail/'+${item.userId}}"
  87. data-size="640,480" href="#">详细</a>
  88. <a class="ajax-delete" th:attr="data-msg='确定要删除 '+ ${item.username} + '?'"
  89. th:href="@{'/api/rbac/user/' + ${item.userId}}">删除</a>
  90. </td>
  91. </tr>
  92. </tbody>
  93. </table>
  94. </div>
  95. <div th:replace="/common/fragment :: page"></div>
  96. </div>
  97. </div>
  98. <script th:replace="/common/template :: script"></script>
  99. </body>
  100. </html>