sysRoleList.js 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101
  1. layui.define(['layer', 'form'], function (exports) {
  2. var $ = layui.jquery,layer = layui.layer,form = layui.form;
  3. var table = $('#dateTable').DataTable({
  4. ajax: {
  5. url: base+"/sysRole/query",
  6. data : function(data) {
  7. data.roleName = $.trim($("#roleName").val());
  8. }
  9. },
  10. "columns": [ // 自定义数据列
  11. {data:function(obj){
  12. return '<input type="checkbox" lay-skin="primary" lay-filter="oneChoose" data-id="'+obj.id+'" />';
  13. }},
  14. {data: 'role_name'},
  15. {data: 'remark'},
  16. {data:function(obj){
  17. return '<a title="编辑" class="ml-5 btn-edit" data-id="'+obj.id+'"><i class="layui-icon">&#xe642;</i></a>'+
  18. '<a title="删除" class="ml-5 btn-delete" data-id="'+obj.id+'"><i class="layui-icon">&#xe640;</i></a>';
  19. },sClass:'text-c'}
  20. ],
  21. "stateSaveParams": function () { // 初始化完成调用事件
  22. // 重新渲染form checkbox
  23. form.render('checkbox');
  24. }
  25. }).on("dblclick","tr",function () {
  26. //获取值的对象数据
  27. var data = table.row(this).data();
  28. add("编辑角色",data.id);
  29. });
  30. form.on('checkbox(allChoose)', function(data){
  31. var child = $(data.elem).parents('table').find('tbody input[type="checkbox"]');
  32. child.each(function(index, item){
  33. item.checked = data.elem.checked;
  34. });
  35. form.render('checkbox');
  36. });
  37. //新增
  38. $('#btn-add').on('click',function(){
  39. add("新增角色","");
  40. });
  41. //查询
  42. $("#btn-query").on('click',function(){
  43. table.ajax.reload();
  44. });
  45. //配置权限
  46. $("#btn-menu").on('click',function(){
  47. var ids=web.getIds($('#dateTable'),'data-id');
  48. if(ids.length!=1){
  49. layer.msg("请选择一个角色");
  50. return;
  51. }
  52. layer_show('配置权限','sysRoleMenu.jsp?roleId='+ids[0],'100%','100%');
  53. });
  54. //删除
  55. $("#dateTable").on('click','.btn-delete', function(){
  56. var id = $(this).attr('data-id');
  57. layer.confirm('确认要删除吗?',function(index){
  58. web.ajaxPost(base+"/sysRole/delete",{id:id},function(data){
  59. if(data.success){
  60. table.ajax.reload();
  61. layer.msg('删除成功');
  62. }else{
  63. layer.msg('删除失败');
  64. }
  65. });
  66. });
  67. });
  68. //编辑
  69. $("#dateTable").on('click','.btn-edit', function(){
  70. var id = $(this).attr('data-id');
  71. var row = table.row($(this).parents("tr")).data()
  72. add("编辑角色",id);
  73. window.getRow=function(){
  74. return row;
  75. }
  76. });
  77. //弹出
  78. function add(title,id){
  79. var url="sysRoleForm.jsp";
  80. if(id){
  81. url +="?id="+id;
  82. }
  83. layer_show(title,url,"600","400");
  84. }
  85. //查询
  86. window.query=function(){
  87. table.ajax.reload();
  88. }
  89. exports('sysRoleList', {});
  90. });