weadmin.js 4.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179
  1. //废弃代码,仅供参考
  2. $(function() {
  3. //加载弹出层
  4. layui.use(['form', 'element'],
  5. function() {
  6. layer = layui.layer;
  7. element = layui.element;
  8. });
  9. //触发事件
  10. var tab = {
  11. tabAdd: function(title, url, id) {
  12. //新增一个Tab项
  13. element.tabAdd('wenav_tab', {
  14. title: title,
  15. content: '<iframe tab-id="' + id + '" frameborder="0" src="' + url + '" scrolling="yes" class="x-iframe"></iframe>',
  16. id: id
  17. })
  18. },
  19. tabDelete: function(othis) {
  20. //删除指定Tab项
  21. element.tabDelete('wenav_tab', '44'); //删除:“商品管理”
  22. othis.addClass('layui-btn-disabled');
  23. },
  24. tabChange: function(id) {
  25. //切换到指定Tab项
  26. element.tabChange('wenav_tab', id); //切换到:用户管理
  27. }
  28. };
  29. tableCheck = {
  30. init: function() {
  31. $(".layui-form-checkbox").click(function(event) {
  32. if($(this).hasClass('layui-form-checked')) {
  33. $(this).removeClass('layui-form-checked');
  34. if($(this).hasClass('header')) {
  35. $(".layui-form-checkbox").removeClass('layui-form-checked');
  36. }
  37. } else {
  38. $(this).addClass('layui-form-checked');
  39. if($(this).hasClass('header')) {
  40. $(".layui-form-checkbox").addClass('layui-form-checked');
  41. }
  42. }
  43. });
  44. },
  45. getData: function() {
  46. var obj = $(".layui-form-checked").not('.header');
  47. var arr = [];
  48. obj.each(function(index, el) {
  49. arr.push(obj.eq(index).attr('data-id'));
  50. });
  51. return arr;
  52. }
  53. }
  54. //开启表格多选
  55. tableCheck.init();
  56. $('.container .left_open i').click(function(event) {
  57. if($('.left-nav').css('left') == '0px') {
  58. $('.left-nav').animate({
  59. left: '-221px'
  60. }, 100);
  61. $('.page-content').animate({
  62. left: '0px'
  63. }, 100);
  64. $('.page-content-bg').hide();
  65. } else {
  66. $('.left-nav').animate({
  67. left: '0px'
  68. }, 100);
  69. $('.page-content').animate({
  70. left: '221px'
  71. }, 100);
  72. if($(window).width() < 768) {
  73. $('.page-content-bg').show();
  74. }
  75. }
  76. });
  77. $('.page-content-bg').click(function(event) {
  78. $('.left-nav').animate({
  79. left: '-221px'
  80. }, 100);
  81. $('.page-content').animate({
  82. left: '0px'
  83. }, 100);
  84. $(this).hide();
  85. });
  86. $('.layui-tab-close').click(function(event) {
  87. $('.layui-tab-title li').eq(0).find('i').remove();
  88. });
  89. //左侧菜单效果
  90. // $('#content').bind("click",function(event){
  91. $('.left-nav #nav li').click(function(event) {
  92. if($(this).children('.sub-menu').length) {
  93. if($(this).hasClass('open')) {
  94. $(this).removeClass('open');
  95. $(this).find('.nav_right').html('&#xe697;');
  96. $(this).children('.sub-menu').stop().slideUp();
  97. $(this).siblings().children('.sub-menu').slideUp();
  98. } else {
  99. $(this).addClass('open');
  100. $(this).children('a').find('.nav_right').html('&#xe6a6;');
  101. $(this).children('.sub-menu').stop().slideDown();
  102. $(this).siblings().children('.sub-menu').stop().slideUp();
  103. $(this).siblings().find('.nav_right').html('&#xe697;');
  104. $(this).siblings().removeClass('open');
  105. }
  106. } else {
  107. var url = $(this).children('a').attr('_href');
  108. var title = $(this).find('cite').html();
  109. var index = $('.left-nav #nav li').index($(this));
  110. for(var i = 0; i < $('.x-iframe').length; i++) {
  111. if($('.x-iframe').eq(i).attr('tab-id') == index + 1) {
  112. tab.tabChange(index + 1);
  113. event.stopPropagation();
  114. return;
  115. }
  116. };
  117. tab.tabAdd(title, url, index + 1);
  118. tab.tabChange(index + 1);
  119. }
  120. event.stopPropagation();
  121. })
  122. })
  123. /*弹出层*/
  124. /*
  125. 参数解释:
  126. title 标题
  127. url 请求的url
  128. id 需要操作的数据id
  129. w 弹出层宽度(缺省调默认值)
  130. h 弹出层高度(缺省调默认值)
  131. */
  132. function x_admin_show(title, url, w, h) {
  133. if(title == null || title == '') {
  134. title = false;
  135. };
  136. if(url == null || url == '') {
  137. url = "404.html";
  138. };
  139. if(w == null || w == '') {
  140. w = ($(window).width() * 0.9);
  141. };
  142. if(h == null || h == '') {
  143. h = ($(window).height() - 50);
  144. };
  145. layer.open({
  146. type: 2,
  147. area: [w + 'px', h + 'px'],
  148. fix: false, //不固定
  149. maxmin: true,
  150. shadeClose: true,
  151. shade: 0.4,
  152. title: title,
  153. content: url
  154. });
  155. }
  156. /*关闭弹出框口*/
  157. function x_admin_close() {
  158. var index = parent.layer.getFrameIndex(window.name);
  159. parent.layer.close(index);
  160. }