common.js 3.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168
  1. layui.config({
  2. base: '../../static/admin/js/module/'
  3. }).extend({
  4. dialog: 'dialog',
  5. });
  6. layui.use(['form', 'jquery', 'laydate', 'layer', 'laypage', 'dialog', 'element'], function() {
  7. var form = layui.form(),
  8. layer = layui.layer,
  9. $ = layui.jquery,
  10. dialog = layui.dialog;
  11. //获取当前iframe的name值
  12. var iframeObj = $(window.frameElement).attr('name');
  13. //全选
  14. form.on('checkbox(allChoose)', function(data) {
  15. var child = $(data.elem).parents('table').find('tbody input[type="checkbox"]');
  16. child.each(function(index, item) {
  17. item.checked = data.elem.checked;
  18. });
  19. form.render('checkbox');
  20. });
  21. //渲染表单
  22. form.render();
  23. //顶部添加
  24. $('.addBtn').click(function() {
  25. var url=$(this).attr('data-url');
  26. //将iframeObj传递给父级窗口,执行操作完成刷新
  27. parent.page("菜单添加", url, iframeObj, w = "700px", h = "620px");
  28. return false;
  29. }).mouseenter(function() {
  30. dialog.tips('添加', '.addBtn');
  31. })
  32. //顶部排序
  33. $('.listOrderBtn').click(function() {
  34. var url=$(this).attr('data-url');
  35. dialog.confirm({
  36. message:'您确定要进行排序吗?',
  37. success:function(){
  38. layer.msg('确定了')
  39. },
  40. cancel:function(){
  41. layer.msg('取消了')
  42. }
  43. })
  44. return false;
  45. }).mouseenter(function() {
  46. dialog.tips('批量排序', '.listOrderBtn');
  47. })
  48. //顶部批量删除
  49. $('.delBtn').click(function() {
  50. var url=$(this).attr('data-url');
  51. dialog.confirm({
  52. message:'您确定要删除选中项',
  53. success:function(){
  54. layer.msg('删除了')
  55. },
  56. cancel:function(){
  57. layer.msg('取消了')
  58. }
  59. })
  60. return false;
  61. }).mouseenter(function() {
  62. dialog.tips('批量删除', '.delBtn');
  63. })
  64. //列表添加
  65. $('#table-list').on('click', '.add-btn', function() {
  66. var url=$(this).attr('data-url');
  67. //将iframeObj传递给父级窗口
  68. parent.page("菜单添加", url, iframeObj, w = "700px", h = "620px");
  69. return false;
  70. })
  71. //列表删除
  72. $('#table-list').on('click', '.del-btn', function() {
  73. var url=$(this).attr('data-url');
  74. var id = $(this).attr('data-id');
  75. dialog.confirm({
  76. message:'您确定要进行删除吗?',
  77. success:function(){
  78. layer.msg('确定了')
  79. },
  80. cancel:function(){
  81. layer.msg('取消了')
  82. }
  83. })
  84. return false;
  85. })
  86. //列表跳转
  87. $('#table-list,.tool-btn').on('click', '.go-btn', function() {
  88. var url=$(this).attr('data-url');
  89. var id = $(this).attr('data-id');
  90. window.location.href=url+"?id="+id;
  91. return false;
  92. })
  93. //编辑栏目
  94. $('#table-list').on('click', '.edit-btn', function() {
  95. var That = $(this);
  96. var id = That.attr('data-id');
  97. var url=That.attr('data-url');
  98. //将iframeObj传递给父级窗口
  99. parent.page("菜单编辑", url + "?id=" + id, iframeObj, w = "700px", h = "620px");
  100. return false;
  101. })
  102. });
  103. /**
  104. * 控制iframe窗口的刷新操作
  105. */
  106. var iframeObjName;
  107. //父级弹出页面
  108. function page(title, url, obj, w, h) {
  109. if(title == null || title == '') {
  110. title = false;
  111. };
  112. if(url == null || url == '') {
  113. url = "404.html";
  114. };
  115. if(w == null || w == '') {
  116. w = '700px';
  117. };
  118. if(h == null || h == '') {
  119. h = '350px';
  120. };
  121. iframeObjName = obj;
  122. //如果手机端,全屏显示
  123. if(window.innerWidth <= 768) {
  124. var index = layer.open({
  125. type: 2,
  126. title: title,
  127. area: [320, h],
  128. fixed: false, //不固定
  129. content: url
  130. });
  131. layer.full(index);
  132. } else {
  133. var index = layer.open({
  134. type: 2,
  135. title: title,
  136. area: [w, h],
  137. fixed: false, //不固定
  138. content: url
  139. });
  140. }
  141. }
  142. /**
  143. * 刷新子页,关闭弹窗
  144. */
  145. function refresh() {
  146. //根据传递的name值,获取子iframe窗口,执行刷新
  147. if(window.frames[iframeObjName]) {
  148. window.frames[iframeObjName].location.reload();
  149. } else {
  150. window.location.reload();
  151. }
  152. layer.closeAll();
  153. }