You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 line
4.3 KiB
1 line
4.3 KiB
//废弃代码，仅供参考
|
|
|
|
$(function() {
|
|
|
|
//加载弹出层
|
|
|
|
layui.use(['form', 'element'],
|
|
|
|
function() {
|
|
|
|
layer = layui.layer;
|
|
|
|
element = layui.element;
|
|
|
|
});
|
|
|
|
|
|
|
|
//触发事件
|
|
|
|
var tab = {
|
|
|
|
tabAdd: function(title, url, id) {
|
|
|
|
//新增一个Tab项
|
|
|
|
element.tabAdd('wenav_tab', {
|
|
|
|
title: title,
|
|
|
|
content: '<iframe tab-id="' + id + '" frameborder="0" src="' + url + '" scrolling="yes" class="x-iframe"></iframe>',
|
|
|
|
id: id
|
|
|
|
})
|
|
|
|
},
|
|
|
|
tabDelete: function(othis) {
|
|
|
|
//删除指定Tab项
|
|
|
|
element.tabDelete('wenav_tab', '44'); //删除：“商品管理”
|
|
|
|
|
|
|
|
othis.addClass('layui-btn-disabled');
|
|
|
|
},
|
|
|
|
tabChange: function(id) {
|
|
|
|
//切换到指定Tab项
|
|
|
|
element.tabChange('wenav_tab', id); //切换到：用户管理
|
|
|
|
}
|
|
|
|
};
|
|
|
|
|
|
|
|
tableCheck = {
|
|
|
|
init: function() {
|
|
|
|
$(".layui-form-checkbox").click(function(event) {
|
|
|
|
if($(this).hasClass('layui-form-checked')) {
|
|
|
|
$(this).removeClass('layui-form-checked');
|
|
|
|
if($(this).hasClass('header')) {
|
|
|
|
$(".layui-form-checkbox").removeClass('layui-form-checked');
|
|
|
|
}
|
|
|
|
} else {
|
|
|
|
$(this).addClass('layui-form-checked');
|
|
|
|
if($(this).hasClass('header')) {
|
|
|
|
$(".layui-form-checkbox").addClass('layui-form-checked');
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
});
|
|
|
|
},
|
|
|
|
getData: function() {
|
|
|
|
var obj = $(".layui-form-checked").not('.header');
|
|
|
|
var arr = [];
|
|
|
|
obj.each(function(index, el) {
|
|
|
|
arr.push(obj.eq(index).attr('data-id'));
|
|
|
|
});
|
|
|
|
return arr;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
//开启表格多选
|
|
|
|
tableCheck.init();
|
|
|
|
|
|
|
|
$('.container .left_open i').click(function(event) {
|
|
if($('.left-nav').css('left') == '0px') {
|
|
$('.left-nav').animate({
|
|
left: '-221px'
|
|
}, 100);
|
|
|
|
$('.page-content').animate({
|
|
left: '0px'
|
|
}, 100);
|
|
$('.page-content-bg').hide();
|
|
} else {
|
|
$('.left-nav').animate({
|
|
left: '0px'
|
|
}, 100);
|
|
$('.page-content').animate({
|
|
left: '221px'
|
|
}, 100);
|
|
if($(window).width() < 768) {
|
|
$('.page-content-bg').show();
|
|
}
|
|
}
|
|
});
|
|
|
|
|
|
|
|
$('.page-content-bg').click(function(event) {
|
|
|
|
$('.left-nav').animate({
|
|
|
|
left: '-221px'
|
|
|
|
}, 100);
|
|
|
|
$('.page-content').animate({
|
|
|
|
left: '0px'
|
|
|
|
}, 100);
|
|
|
|
$(this).hide();
|
|
|
|
});
|
|
|
|
|
|
|
|
$('.layui-tab-close').click(function(event) {
|
|
|
|
$('.layui-tab-title li').eq(0).find('i').remove();
|
|
|
|
});
|
|
|
|
|
|
|
|
//左侧菜单效果
|
|
|
|
// $('#content').bind("click",function(event){
|
|
|
|
$('.left-nav #nav li').click(function(event) {
|
|
|
|
|
|
|
|
if($(this).children('.sub-menu').length) {
|
|
|
|
if($(this).hasClass('open')) {
|
|
|
|
$(this).removeClass('open');
|
|
|
|
$(this).find('.nav_right').html('');
|
|
|
|
$(this).children('.sub-menu').stop().slideUp();
|
|
|
|
$(this).siblings().children('.sub-menu').slideUp();
|
|
|
|
} else {
|
|
|
|
$(this).addClass('open');
|
|
|
|
$(this).children('a').find('.nav_right').html('');
|
|
|
|
$(this).children('.sub-menu').stop().slideDown();
|
|
|
|
$(this).siblings().children('.sub-menu').stop().slideUp();
|
|
|
|
$(this).siblings().find('.nav_right').html('');
|
|
|
|
$(this).siblings().removeClass('open');
|
|
|
|
}
|
|
|
|
} else {
|
|
|
|
|
|
|
|
var url = $(this).children('a').attr('_href');
|
|
|
|
var title = $(this).find('cite').html();
|
|
|
|
var index = $('.left-nav #nav li').index($(this));
|
|
|
|
|
|
|
|
for(var i = 0; i < $('.x-iframe').length; i++) {
|
|
|
|
if($('.x-iframe').eq(i).attr('tab-id') == index + 1) {
|
|
|
|
tab.tabChange(index + 1);
|
|
|
|
event.stopPropagation();
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
};
|
|
|
|
|
|
|
|
tab.tabAdd(title, url, index + 1);
|
|
|
|
tab.tabChange(index + 1);
|
|
|
|
}
|
|
|
|
|
|
|
|
event.stopPropagation();
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
/*弹出层*/
|
|
|
|
/*
|
|
|
|
参数解释：
|
|
|
|
title 标题
|
|
|
|
url 请求的url
|
|
|
|
id 需要操作的数据id
|
|
|
|
w 弹出层宽度（缺省调默认值）
|
|
|
|
h 弹出层高度（缺省调默认值）
|
|
|
|
*/
|
|
|
|
function x_admin_show(title, url, w, h) {
|
|
|
|
if(title == null || title == '') {
|
|
|
|
title = false;
|
|
|
|
};
|
|
|
|
if(url == null || url == '') {
|
|
|
|
url = "404.html";
|
|
|
|
};
|
|
|
|
if(w == null || w == '') {
|
|
|
|
w = ($(window).width() * 0.9);
|
|
|
|
};
|
|
|
|
if(h == null || h == '') {
|
|
|
|
h = ($(window).height() - 50);
|
|
|
|
};
|
|
|
|
layer.open({
|
|
|
|
type: 2,
|
|
|
|
area: [w + 'px', h + 'px'],
|
|
|
|
fix: false, //不固定
|
|
|
|
maxmin: true,
|
|
|
|
shadeClose: true,
|
|
|
|
shade: 0.4,
|
|
|
|
title: title,
|
|
|
|
content: url
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
/*关闭弹出框口*/
|
|
|
|
function x_admin_close() {
|
|
|
|
var index = parent.layer.getFrameIndex(window.name);
|
|
|
|
parent.layer.close(index);
|
|
|
|
} |