wxNavList.js 4.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142
  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+"/wxNav/query",
  6. data : function(data) {
  7. data.navType = $.trim($("#navType").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: 'nav_name'},
  15. {data: function(obj){
  16. return web.getDictVal('nav_type',obj.nav_type);
  17. }},
  18. {data: function(obj){
  19. return '<img src="'+imgUrl+obj.nav_img+'">';
  20. }},
  21. {data: 'nav_url'},
  22. {data: 'sort_order'},
  23. {data: function(obj){
  24. if(obj.status=="1"){
  25. return '<span class="c-green">'+web.getDictVal('sys_status',obj.status)+'</span>';
  26. }else{
  27. return '<span class="layui-disabled">'+web.getDictVal('sys_status',obj.status)+'</span>';
  28. }
  29. },sClass:'text-c'},
  30. {data:function(obj){
  31. return '<a title="编辑" class="ml-5 btn-edit"><i class="layui-icon">&#xe642;</i></a>'+
  32. '<a title="删除" class="ml-5 btn-delete"><i class="layui-icon">&#xe640;</i></a>';
  33. },sClass:'text-c'}
  34. ],
  35. "stateSaveParams": function () { // 初始化完成调用事件
  36. // 重新渲染form checkbox
  37. form.render('checkbox');
  38. web.hideTableBtns("#dateTable");
  39. }
  40. }).on('click', '.btn-delete', function (e) {
  41. e.stopPropagation();
  42. var row = table.row($(this).parents('tr')).data();
  43. layer.confirm('确认要删除吗?', function (index) {
  44. del(row.id);
  45. });
  46. }).on('click', '.btn-edit', function (e) {
  47. e.stopPropagation();
  48. var row = table.row($(this).parents('tr')).data();
  49. add("编辑", row.id);
  50. }).on("dblclick","tr",function () {
  51. //获取值的对象数据
  52. var row = table.row(this).data();
  53. add("编辑用户",row.id);
  54. });
  55. form.on('checkbox(allChoose)', function(data){
  56. var child = $(data.elem).parents('table').find('tbody input[type="checkbox"]');
  57. child.each(function(index, item){
  58. item.checked = data.elem.checked;
  59. });
  60. form.render('checkbox');
  61. });
  62. //查询
  63. $("#btn-query").on('click',function(){
  64. table.ajax.reload();
  65. });
  66. //新增
  67. $('#btn-add').on('click',function(){
  68. add("新增","");
  69. });
  70. //删除
  71. $('#btn-delete').on('click', function(){
  72. var ids = web.getIds($('#dateTable'),'data-id');
  73. if (ids.length == 0) {
  74. layer.msg("请至少选中一条数据");
  75. } else {
  76. layer.confirm('确认要删除吗?', function (index) {
  77. del(ids.join(","));
  78. });
  79. }
  80. });
  81. //启用
  82. $('#btn-enable').on('click', function(){
  83. var ids = web.getIds($('#dateTable'),'data-id');
  84. if (ids.length == 0) {
  85. layer.msg("请至少选中一条数据");
  86. } else {
  87. layer.confirm('确认要启用吗?', function (index) {
  88. updateStatus(ids.join(','),'1');
  89. });
  90. }
  91. });
  92. //停用
  93. $('#btn-disable').on('click', function(){
  94. var ids = web.getIds($('#dateTable'),'data-id');
  95. if (ids.length == 0) {
  96. layer.msg("请至少选中一条数据");
  97. } else {
  98. layer.confirm('确认要停用吗?', function (index) {
  99. updateStatus(ids.join(','),'0');
  100. });
  101. }
  102. });
  103. //删除
  104. function del(id){
  105. web.ajaxPost(base + "/wxNav/delete", {id: id}, function (data) {
  106. if (data.success) {
  107. table.ajax.reload();
  108. layer.msg('删除成功');
  109. } else {
  110. layer.msg('删除失败');
  111. }
  112. });
  113. }
  114. //修改状态
  115. function updateStatus(id,status){
  116. web.ajaxPost(base + "/wxNav/updateStatus", {id: id,status:status}, function (data) {
  117. if (data.success) {
  118. table.ajax.reload();
  119. layer.msg('操作成功');
  120. } else {
  121. layer.msg('操作失败');
  122. }
  123. });
  124. }
  125. //弹出
  126. function add(title,id){
  127. var url="wxNavForm.jsp";
  128. if(id){
  129. url +="?id="+id;
  130. }
  131. layer_show(title,url,"600","450");
  132. }
  133. exports('wxNavList', {});
  134. });