common.js 4.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172
  1. layui.config({
  2. base: '../static/plugins/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. ;
  113. if (url == null || url == '') {
  114. url = "404.html";
  115. }
  116. ;
  117. if (w == null || w == '') {
  118. w = '700px';
  119. }
  120. ;
  121. if (h == null || h == '') {
  122. h = '350px';
  123. }
  124. ;
  125. iframeObjName = obj;
  126. //如果手机端,全屏显示
  127. if (window.innerWidth <= 768) {
  128. var index = layer.open({
  129. type: 2,
  130. title: title,
  131. area: [320, h],
  132. fixed: false, //不固定
  133. content: url
  134. });
  135. layer.full(index);
  136. } else {
  137. var index = layer.open({
  138. type: 2,
  139. title: title,
  140. area: [w, h],
  141. fixed: false, //不固定
  142. content: url
  143. });
  144. }
  145. }
  146. /**
  147. * 刷新子页,关闭弹窗
  148. */
  149. function refresh() {
  150. //根据传递的name值,获取子iframe窗口,执行刷新
  151. if (window.frames[iframeObjName]) {
  152. window.frames[iframeObjName].location.reload();
  153. } else {
  154. window.location.reload();
  155. }
  156. layer.closeAll();
  157. }