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.
201 lines
6.0 KiB
201 lines
6.0 KiB
$(function () {
|
|
//加载弹出层
|
|
layui.use(['form','element'],
|
|
function() {
|
|
layer = layui.layer;
|
|
element = layui.element;
|
|
});
|
|
|
|
//触发事件
|
|
var tab = {
|
|
tabAdd: function(title,url,id){
|
|
//新增一个Tab项
|
|
element.tabAdd('xbs_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('xbs_tab', '44'); //删除:“商品管理”
|
|
|
|
|
|
othis.addClass('layui-btn-disabled');
|
|
}
|
|
,tabChange: function(id){
|
|
//切换到指定Tab项
|
|
element.tabChange('xbs_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();
|
|
});
|
|
|
|
$("tbody.x-cate tr[fid!='0']").hide();
|
|
// 栏目多级显示效果
|
|
$('.x-show').click(function () {
|
|
if($(this).attr('status')=='true'){
|
|
$(this).html('');
|
|
$(this).attr('status','false');
|
|
cateId = $(this).parents('tr').attr('cate-id');
|
|
$("tbody tr[fid="+cateId+"]").show();
|
|
}else{
|
|
cateIds = [];
|
|
$(this).html('');
|
|
$(this).attr('status','true');
|
|
cateId = $(this).parents('tr').attr('cate-id');
|
|
getCateId(cateId);
|
|
for (var i in cateIds) {
|
|
$("tbody tr[cate-id="+cateIds[i]+"]").hide().find('.x-show').html('').attr('status','true');
|
|
}
|
|
}
|
|
})
|
|
|
|
//左侧菜单效果
|
|
// $('#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();
|
|
|
|
})
|
|
|
|
})
|
|
var cateIds = [];
|
|
function getCateId(cateId) {
|
|
|
|
$("tbody tr[fid="+cateId+"]").each(function(index, el) {
|
|
id = $(el).attr('cate-id');
|
|
cateIds.push(id);
|
|
getCateId(id);
|
|
});
|
|
}
|
|
|
|
/*弹出层*/
|
|
/*
|
|
参数解释:
|
|
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);
|
|
}
|
|
|
|
|