grouplist.html 2.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  1. <div class="layui-fluid">
  2. <div class="layui-card">
  3. <div class="layui-form layui-card-header layuiadmin-card-header-auto">
  4. <button class="layui-btn layuiadmin-btn" data-type="add">添加</button>
  5. </div>
  6. <div class="layui-card-body">
  7. <table id="LAY-user-groupslist-table" lay-filter="LAY-user-groupslist-table"></table>
  8. <script type="text/html" id="setTpl">
  9. <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="edit"><i class="layui-icon layui-icon-edit"></i>编辑</a>
  10. <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del"><i class="layui-icon layui-icon-delete"></i>删除</a>
  11. </script>
  12. </div>
  13. </div>
  14. </div>
  15. <script>
  16. layui.config({
  17. base: '/static/echoui/' //静态资源所在路径
  18. }).extend({
  19. index: 'lib/index' //主入口模块
  20. }).use(['index', 'form', 'set', 'table'], function() {
  21. var $ = layui.$,
  22. setter = layui.setter,
  23. admin = layui.admin,
  24. form = layui.form,
  25. table = layui.table;
  26. form.render();
  27. table.render({
  28. elem: '#LAY-user-groupslist-table',
  29. url: setter.baseWorkerUrl + 'resume/listgroup',
  30. cols: [
  31. [
  32. { field: 'id', width: 80, title: '表ID', sort: true },
  33. { field: 'name', title: '名称' },
  34. { title: '操作', width: 150, align: 'center', fixed: 'right', toolbar: '#setTpl' }
  35. ]
  36. ],
  37. page: true,
  38. limit: 50,
  39. text: '对不起,加载出现异常!'
  40. });
  41. var active = {
  42. add: function() {
  43. var index = layer.open({
  44. type: 2,
  45. title: '添加分组',
  46. content: 'groupform.html?id=0',
  47. maxmin: true,
  48. area: ['550px', '550px']
  49. });
  50. layer.full(index);
  51. }
  52. };
  53. table.on('tool(LAY-user-groupslist-table)', function(obj) {
  54. var data = obj.data;
  55. if (obj.event === 'del') {
  56. layer.confirm('确定删除此记录吗?', function(index) {
  57. admin.req({
  58. url: setter.baseWorkerUrl + 'user/delgroup',
  59. data: {
  60. idarr: [data.id]
  61. },
  62. done: function(res) {
  63. obj.del();
  64. layer.msg('已删除');
  65. }
  66. });
  67. layer.close(index);
  68. });
  69. } else if (obj.event === 'edit') {
  70. var index = layer.open({
  71. type: 2,
  72. title: '编辑',
  73. content: 'groupform.html?id=' + data.id,
  74. maxmin: true,
  75. area: ['550px', '550px']
  76. });
  77. layer.full(index);
  78. }
  79. });
  80. $('.layui-btn.layuiadmin-btn').on('click', function() {
  81. var type = $(this).data('type');
  82. active[type] ? active[type].call(this) : '';
  83. });
  84. });
  85. </script>