role.js 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143
  1. ;
  2. layui.define(['form','element','table','tree'], function (e) {
  3. var s = layui.$,
  4. l = (layui.layer, layui.laytpl, layui.setter, layui.view, layui.admin),
  5. table = layui.table,
  6. tree = layui.tree,
  7. form = layui.form;
  8. table.render({
  9. elem:'#role-table'
  10. ,url:'load.html'
  11. ,toolbar:'#topToolbar'
  12. ,cellMinWidth: 80
  13. ,cols: [[
  14. {field:'id', title: 'ID',edit: 'text'}
  15. ,{field:'cname', title: '名称'}
  16. ,{field:'description', title: '描述'}
  17. ,{title:'操作', fixed: 'right', width:250, align:'center', toolbar: '#rowToolbar'}
  18. ]]
  19. ,id: 'role-table'
  20. ,page: true
  21. });
  22. table.on('toolbar(role)',function(obj){
  23. switch(obj.event){
  24. case "add":
  25. layer.open({
  26. type: 2,
  27. title: '添加角色',
  28. shadeClose: true,
  29. shade: true,
  30. area: ['50%', '80%'],
  31. content: 'add.html'
  32. });
  33. break;
  34. }
  35. })
  36. table.on('tool(role)', function(obj){
  37. var data = obj.data;
  38. var layEvent = obj.event;
  39. var tr = obj.tr;
  40. if(layEvent === 'edit'){
  41. layer.open({
  42. type: 2,
  43. title: '编辑角色',
  44. shadeClose: true,
  45. shade: true,
  46. area: ['50%', '80%'],
  47. content: 'edit.html?id='+data['id']
  48. });
  49. }else if(layEvent === 'auth'){
  50. layer.open({
  51. type: 2,
  52. title: '角色授权',
  53. shadeClose: true,
  54. shade: true,
  55. area: ['50%', '80%'],
  56. content: 'auth.html?id='+data['id']
  57. });
  58. } else if(layEvent === 'delete'){ //删除
  59. layer.confirm('您确定要删除该行数据吗?', {
  60. btn: ['确定','取消'] //按钮
  61. }, function(index){
  62. s.post(layui.setter.host + 'admin/role/delete',{id:data['id']},function(r){
  63. if(r.code){
  64. layer.msg(r.msg);
  65. }else{
  66. obj.del();
  67. layer.close(index);
  68. }
  69. });
  70. });
  71. }
  72. });
  73. form.on('submit(LAY-role-add)',function(data){
  74. s.post('add.html',data.field,function(r){
  75. layer.msg(r.msg,{time:1000,end:function(){
  76. if (!r.code) {
  77. var index = parent.layer.getFrameIndex(window.name);
  78. parent.layer.close(index);
  79. parent.layui.table.reload('role-table')
  80. }
  81. }});
  82. });
  83. return false;
  84. })
  85. form.on('submit(LAY-role-edit)',function(data){
  86. s.post('edit.html',data.field,function(r){
  87. layer.msg(r.msg,{time:1000,end:function(){
  88. if (!r.code) {
  89. var index = parent.layer.getFrameIndex(window.name);
  90. parent.layer.close(index);
  91. parent.layui.table.reload('role-table')
  92. }
  93. }});
  94. });
  95. return false;
  96. })
  97. form.on('submit(LAY-role-auth)',function(data){
  98. var checkData = tree.getChecked('navi-tree');
  99. data.field.navis = checkData;
  100. s.post('auth.html',data.field,function(r){
  101. layer.msg(r.msg,{time:1000,end:function(){
  102. if (!r.code) {
  103. var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
  104. parent.layer.close(index); //再执行关闭
  105. }
  106. }});
  107. });
  108. return false;
  109. })
  110. var role = function(){
  111. if (s('#navi-tree').length > 0) {
  112. var id = s('input[name=id]').val();
  113. s.get('loadnavis.html?pid=0&level=3&role_id='+id,function(r){
  114. if (!r.code) {
  115. tree.render({
  116. elem: '#navi-tree'
  117. ,data: r.data
  118. ,showCheckbox: true
  119. ,id:'navi-tree'
  120. });
  121. }else{
  122. layer.msg(r.msg);
  123. }
  124. });
  125. }
  126. }
  127. e('role', new role())
  128. })