role.js 4.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171
  1. var cols = [{
  2. width: 'auto',
  3. text: '序号',
  4. type: 'number',
  5. flex: true,
  6. colClass: 'text-center'
  7. }, {
  8. width: 'auto',
  9. text: '角色名称',
  10. type: 'string',
  11. flex: true,
  12. colClass: 'text-center'
  13. },
  14. {
  15. width: 'auto',
  16. text: '角色等级',
  17. type: 'number',
  18. flex: true,
  19. colClass: 'text-center'
  20. }, {
  21. width: 'auto',
  22. text: '用户数',
  23. type: 'number',
  24. flex: true,
  25. colClass: 'text-center'
  26. }, {
  27. width: 'auto',
  28. text: '操作',
  29. type: 'string',
  30. flex: true,
  31. colClass: 'text-center'
  32. }];
  33. var pageNo = null;
  34. var edittype = "add";
  35. var pagesize = 30;
  36. var RoleMap = new HashMap()
  37. $(document).ready(function () {
  38. // $("#main_content_title").html("角色管理")
  39. $('.datatable').datatable({
  40. checkable: false,
  41. sortable: false,
  42. data: {
  43. cols: cols,
  44. rows: []
  45. }
  46. });
  47. $('.datatable').on('click', 'button', function () {
  48. if (this.name == "user_edit") {
  49. edittype = "edit"
  50. loadRoleData(RoleMap.get(parseInt(this.id)));
  51. $('#addRoleModal').modal('show');
  52. }
  53. if (this.name == "user_delete") {
  54. var roleId = this.id;
  55. deleteItem4CallBack(function(){
  56. RoleDelete(roleId, function (data) {
  57. getrole(pagesize, 1);
  58. layer.msg('角色删除成功!', {
  59. time: 2000, //20s后自动关闭
  60. }, function () {
  61. });
  62. },
  63. function (error) {
  64. })
  65. });
  66. }
  67. });
  68. if (pageNo == null || pageNo == "") {
  69. getrole(pagesize, 1);
  70. } else {
  71. getrole(pagesize, pageNo);
  72. }
  73. $("#add_role_btn").on("click", function () {
  74. edittype = "add";
  75. loadRoleData(null);
  76. $('#addRoleModal').modal('show');
  77. })
  78. });
  79. function getrole(size, page) {
  80. RoleGetALL(page, size, function (data) {
  81. totalPage = data.pages;
  82. totalRecords = data.total;
  83. setpage(data.currentPage);
  84. var rowdata = [];
  85. if (data.list.length > 0) {
  86. for (var i = 0; i < data.list.length; i++) {
  87. var role = data.list[i];
  88. var userdata = {};
  89. userdata["checked"] = false;
  90. userdata["data"] = [i + 1, role.des,role.level, role.usercount, '<button class="btn btn-primary" name="user_edit" id=' + role.id + '><i class="icon icon-edit"></i>修改</button> <button class="btn btn-primary" name="user_delete" id=' + role.id + ' ><i class="icon icon-remove-circle"></i>删除</button>'];
  91. rowdata.push(userdata);
  92. RoleMap.set(role.id,role);
  93. }
  94. }
  95. // 使用data参数更新数据:
  96. $('.datatable').datatable('load', {
  97. cols: cols,
  98. rows: rowdata
  99. });
  100. }, function (error) {
  101. });
  102. }
  103. var totalPage = 20;
  104. var totalRecords = 390;
  105. function setpage(currentpage) {
  106. if (!pageNo) {
  107. pageNo = currentpage;
  108. }
  109. //生成分页
  110. //有些参数是可选的,比如lang,若不传有默认值
  111. kkpager.generPageHtml({
  112. pno: pageNo,
  113. //总页码
  114. total: totalPage,
  115. //总数据条数
  116. totalRecords: totalRecords,
  117. mode: 'click',//默认值是link,可选link或者click
  118. click: function (n) {
  119. // do something
  120. getrole(pagesize, n);
  121. //手动选中按钮
  122. this.selectPage(n);
  123. return false;
  124. }
  125. /*
  126. ,lang : {
  127. firstPageText : '首页',
  128. firstPageTipText : '首页',
  129. lastPageText : '尾页',
  130. lastPageTipText : '尾页',
  131. prePageText : '上一页',
  132. prePageTipText : '上一页',
  133. nextPageText : '下一页',
  134. nextPageTipText : '下一页',
  135. totalPageBeforeText : '共',
  136. totalPageAfterText : '页',
  137. currPageBeforeText : '当前第',
  138. currPageAfterText : '页',
  139. totalInfoSplitStr : '/',
  140. totalRecordsBeforeText : '共',
  141. totalRecordsAfterText : '条数据',
  142. gopageBeforeText : ' 转到',
  143. gopageButtonOkText : '确定',
  144. gopageAfterText : '页',
  145. buttonTipBeforeText : '第',
  146. buttonTipAfterText : '页'
  147. }*/
  148. });
  149. }