selectUser.html 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113
  1. <!DOCTYPE html>
  2. <html lang="zh" xmlns:th="http://www.thymeleaf.org" >
  3. <head>
  4. <th:block th:include="include :: header('分配角色选择用户')" />
  5. </head>
  6. <body class="gray-bg">
  7. <div class="container-div">
  8. <div class="row">
  9. <div class="col-sm-12 search-collapse">
  10. <form id="role-form">
  11. <input type="hidden" id="roleId" name="roleId" th:value="${role.roleId}">
  12. <div class="select-list">
  13. <ul>
  14. <li>
  15. 登录名称:<input type="text" name="loginName"/>
  16. </li>
  17. <li>
  18. 手机号码:<input type="text" name="phonenumber"/>
  19. </li>
  20. <li>
  21. <a class="btn btn-primary btn-rounded btn-sm" onclick="$.table.search()"><i class="fa fa-search"></i>&nbsp;搜索</a>
  22. <a class="btn btn-warning btn-rounded btn-sm" onclick="$.form.reset()"><i class="fa fa-refresh"></i>&nbsp;重置</a>
  23. </li>
  24. </ul>
  25. </div>
  26. </form>
  27. </div>
  28. <div class="col-sm-12 select-table table-striped">
  29. <table id="bootstrap-table"></table>
  30. </div>
  31. </div>
  32. </div>
  33. <th:block th:include="include :: footer" />
  34. <script th:inline="javascript">
  35. var datas = [[${@dict.getType('sys_normal_disable')}]];
  36. var prefix = ctx + "system/role/authUser";
  37. $(function() {
  38. var options = {
  39. url: prefix + "/unallocatedList",
  40. queryParams: queryParams,
  41. sortName: "createTime",
  42. sortOrder: "desc",
  43. showSearch: false,
  44. showRefresh: false,
  45. showToggle: false,
  46. showColumns: false,
  47. clickToSelect: true,
  48. rememberSelected: true,
  49. columns: [{
  50. field: 'state',
  51. checkbox: true
  52. },
  53. {
  54. field: 'userId',
  55. title: '用户ID',
  56. visible: false
  57. },
  58. {
  59. field: 'loginName',
  60. title: '登录名称',
  61. sortable: true
  62. },
  63. {
  64. field: 'userName',
  65. title: '用户名称'
  66. },
  67. {
  68. field: 'email',
  69. title: '邮箱'
  70. },
  71. {
  72. field: 'phonenumber',
  73. title: '手机'
  74. },
  75. {
  76. field: 'status',
  77. title: '用户状态',
  78. align: 'center',
  79. formatter: function (value, row, index) {
  80. return $.table.selectDictLabel(datas, value);
  81. }
  82. },
  83. {
  84. field: 'createTime',
  85. title: '创建时间',
  86. sortable: true
  87. }]
  88. };
  89. $.table.init(options);
  90. });
  91. function queryParams(params) {
  92. var search = $.table.queryParams(params);
  93. search.roleId = $("#roleId").val();
  94. return search;
  95. }
  96. /* 添加用户-选择用户-提交 */
  97. function submitHandler() {
  98. var rows = $.table.selectFirstColumns();
  99. if (rows.length == 0) {
  100. $.modal.alertWarning("请至少选择一条记录");
  101. return;
  102. }
  103. var data = { "roleId": $("#roleId").val(), "userIds": rows.join() };
  104. $.operate.save(prefix + "/selectAll", data);
  105. }
  106. </script>
  107. </body>
  108. </html>