Advertisement
Guest User

Untitled

a guest
Aug 17th, 2019
101
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.45 KB | None | 0 0
  1. ```P
  2. layui.config({
  3. base: '../../static/app/js/module/'
  4. }).extend({
  5. dialog: 'dialog',
  6. });
  7.  
  8. layui.use(['form', 'jquery', 'laydate', 'layer', 'laypage', 'dialog', 'element'], function() {
  9. var form = layui.form,
  10. layer = layui.layer,
  11. $ = layui.jquery,
  12. dialog = layui.dialog;
  13. //获取当前iframe的name值
  14. var iframeObj = $(window.frameElement).attr('name');
  15. //全选
  16. form.on('checkbox(allChoose)', function(data) {
  17. var child = $(data.elem).parents('table').find('tbody input[type="checkbox"]');
  18. child.each(function(index, item) {
  19. item.checked = data.elem.checked;
  20. });
  21. form.render('checkbox');
  22. });
  23. //渲染表单
  24. form.render();
  25. //顶部添加
  26. $('.addBtn').click(function() {
  27. var url=$(this).attr('data-url');
  28. //将iframeObj传递给父级窗口,执行操作完成刷新
  29. parent.page("菜单添加", url, iframeObj, w = "700px", h = "620px");
  30. return false;
  31.  
  32. }).mouseenter(function() {
  33.  
  34. dialog.tips('添加', '.addBtn');
  35.  
  36. })
  37. //顶部排序
  38. $('.listOrderBtn').click(function() {
  39. var url=$(this).attr('data-url');
  40. dialog.confirm({
  41. message:'您确定要进行排序吗?',
  42. success:function(){
  43. layer.msg('确定了')
  44. },
  45. cancel:function(){
  46. layer.msg('取消了')
  47. }
  48. })
  49. return false;
  50.  
  51. }).mouseenter(function() {
  52.  
  53. dialog.tips('批量排序', '.listOrderBtn');
  54.  
  55. })
  56. //顶部批量删除
  57. $('.delBtn').click(function() {
  58. var url=$(this).attr('data-url');
  59. dialog.confirm({
  60. message:'您确定要删除选中项',
  61. success:function(){
  62. layer.msg('删除了')
  63. },
  64. cancel:function(){
  65. layer.msg('取消了')
  66. }
  67. })
  68. return false;
  69.  
  70. }).mouseenter(function() {
  71.  
  72. dialog.tips('批量删除', '.delBtn');
  73.  
  74. })
  75. //列表添加
  76. $('#table-list').on('click', '.add-btn', function() {
  77. var url=$(this).attr('data-url');
  78. //将iframeObj传递给父级窗口
  79. parent.page("菜单添加", url, iframeObj, w = "700px", h = "620px");
  80. return false;
  81. })
  82. //列表删除
  83. $('#table-list').on('click', '.del-btn', function() {
  84. var url=$(this).attr('data-url');
  85. var id = $(this).attr('data-id');
  86. dialog.confirm({
  87. message:'您确定要进行删除吗?',
  88. success:function(){
  89. layer.msg('确定了')
  90. },
  91. cancel:function(){
  92. layer.msg('取消了')
  93. }
  94. })
  95. return false;
  96. })
  97. //列表跳转
  98. $('#table-list,.tool-btn').on('click', '.go-btn', function() {
  99. var url=$(this).attr('data-url');
  100. var id = $(this).attr('data-id');
  101. window.location.href=url+"?id="+id;
  102. return false;
  103. })
  104. //编辑栏目
  105. $('#table-list').on('click', '.edit-btn', function() {
  106. var That = $(this);
  107. var id = That.attr('data-id');
  108. var url=That.attr('data-url');
  109. //将iframeObj传递给父级窗口
  110. parent.page("菜单编辑", url + "?id=" + id, iframeObj, w = "700px", h = "620px");
  111. return false;
  112. })
  113. });
  114.  
  115. /**
  116. * 控制iframe窗口的刷新操作
  117. */
  118. var iframeObjName;
  119.  
  120. //父级弹出页面
  121. function page(title, url, obj, w, h) {
  122. if(title == null || title == '') {
  123. title = false;
  124. };
  125. if(url == null || url == '') {
  126. url = "404.html";
  127. };
  128. if(w == null || w == '') {
  129. w = '700px';
  130. };
  131. if(h == null || h == '') {
  132. h = '350px';
  133. };
  134. iframeObjName = obj;
  135. //如果手机端,全屏显示
  136. if(window.innerWidth <= 768) {
  137. var index = layer.open({
  138. type: 2,
  139. title: title,
  140. area: [320, h],
  141. fixed: false, //不固定
  142. content: url
  143. });
  144. layer.full(index);
  145. } else {
  146. var index = layer.open({
  147. type: 2,
  148. title: title,
  149. area: [w, h],
  150. fixed: false, //不固定
  151. content: url
  152. });
  153. }
  154. }
  155.  
  156. /**
  157. * 刷新子页,关闭弹窗
  158. */
  159. function refresh() {
  160. //根据传递的name值,获取子iframe窗口,执行刷新
  161. if(window.frames[iframeObjName]) {
  162. window.frames[iframeObjName].location.reload();
  163.  
  164. } else {
  165. window.location.reload();
  166. }
  167.  
  168. layer.closeAll();
  169. }
  170.  
  171. /*
  172. *
  173. * 显示模态对话框
  174. *
  175. * */
  176.  
  177. function showModelWindow(layer,url,width,height,title,id) {
  178. layer.open({
  179. type: 2
  180. ,title: title
  181. ,area: [width, height]
  182. ,shade: 0
  183. ,maxmin: true
  184. ,content: url,
  185. id: id
  186. ,zIndex: layer.zIndex
  187. });
  188. }
  189.  
  190. function showModelWindowByData(layer,url,width,height,title,id,data) {
  191. layer.open({
  192. type: 2
  193. ,title: title
  194. ,area: [width, height]
  195. ,shade: 0
  196. ,maxmin: true
  197. ,content: url,
  198. id: id
  199. ,zIndex: layer.zIndex
  200. ,success: function(layero,index){
  201.  
  202. const body = layer.getChildFrame('body',index);
  203. var json_value;
  204. if(Array.isArray(data)){
  205. json_value = data[0];
  206. }else{
  207. json_value = data;
  208. }
  209. for(const key in json_value){
  210. body.find('#'+key).val(json_value[key]);
  211. }
  212.  
  213. }
  214. });
  215. **}**
  216. ```
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement