main.js 2.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  1. layui.use(['layer', 'form', 'element', 'jquery', 'dialog'], function() {
  2. var layer = layui.layer;
  3. var element = layui.element();
  4. var form = layui.form();
  5. var $ = layui.jquery;
  6. var dialog = layui.dialog;
  7. var hideBtn = $('#hideBtn');
  8. var mainLayout = $('#main-layout');
  9. var mainMask = $('.main-mask');
  10. //监听导航点击
  11. element.on('nav(leftNav)', function(elem) {
  12. var navA = $(elem).find('a');
  13. var id = navA.attr('data-id');
  14. var url = navA.attr('data-url');
  15. var text = navA.attr('data-text');
  16. if(!url){
  17. return;
  18. }
  19. var isActive = $('.main-layout-tab .layui-tab-title').find("li[lay-id=" + id + "]");
  20. if(isActive.length > 0) {
  21. //切换到选项卡
  22. element.tabChange('tab', id);
  23. } else {
  24. element.tabAdd('tab', {
  25. title: text,
  26. content: '<iframe src="' + url + '" name="iframe' + id + '" class="iframe" framborder="0" data-id="' + id + '" scrolling="auto" width="100%" height="100%"></iframe>',
  27. id: id
  28. });
  29. element.tabChange('tab', id);
  30. }
  31. mainLayout.removeClass('hide-side');
  32. });
  33. //监听导航点击
  34. element.on('nav(rightNav)', function(elem) {
  35. var navA = $(elem).find('a');
  36. var id = navA.attr('data-id');
  37. var url = navA.attr('data-url');
  38. var text = navA.attr('data-text');
  39. if(!url){
  40. return;
  41. }
  42. var isActive = $('.main-layout-tab .layui-tab-title').find("li[lay-id=" + id + "]");
  43. if(isActive.length > 0) {
  44. //切换到选项卡
  45. element.tabChange('tab', id);
  46. } else {
  47. element.tabAdd('tab', {
  48. title: text,
  49. content: '<iframe src="' + url + '" name="iframe' + id + '" class="iframe" framborder="0" data-id="' + id + '" scrolling="auto" width="100%" height="100%"></iframe>',
  50. id: id
  51. });
  52. element.tabChange('tab', id);
  53. }
  54. mainLayout.removeClass('hide-side');
  55. });
  56. //菜单隐藏显示
  57. hideBtn.on('click', function() {
  58. if(!mainLayout.hasClass('hide-side')) {
  59. mainLayout.addClass('hide-side');
  60. } else {
  61. mainLayout.removeClass('hide-side');
  62. }
  63. });
  64. //遮罩点击隐藏
  65. mainMask.on('click', function() {
  66. mainLayout.removeClass('hide-side');
  67. })
  68. //示范一个公告层
  69. // layer.open({
  70. // type: 1
  71. // ,title: false //不显示标题栏
  72. // ,closeBtn: false
  73. // ,area: '300px;'
  74. // ,shade: 0.8
  75. // ,id: 'LAY_layuipro' //设定一个id,防止重复弹出
  76. // ,resize: false
  77. // ,btn: ['火速围观', '残忍拒绝']
  78. // ,btnAlign: 'c'
  79. // ,moveType: 1 //拖拽模式,0或者1
  80. // ,content: '<div style="padding: 50px; line-height: 22px; background-color: #393D49; color: #fff; font-weight: 300;">后台模版1.1版本今日更新:<br><br><br>数据列表页...<br><br>编辑删除弹出功能<br><br>失去焦点排序功能<br>数据列表页<br>数据列表页<br>数据列表页</div>'
  81. // ,success: function(layero){
  82. // var btn = layero.find('.layui-layer-btn');
  83. // btn.find('.layui-layer-btn0').attr({
  84. // href: 'http://www.layui.com/'
  85. // ,target: '_blank'
  86. // });
  87. // }
  88. // });
  89. });