203 lines
6.3 KiB
JavaScript
203 lines
6.3 KiB
JavaScript
layui.config({
|
||
base: '/themes/admin_themes/module/'
|
||
}).define(['element'], function(exports){
|
||
var MOD_NAME = 'tab';
|
||
var element = layui.element;
|
||
var tab = {
|
||
//在这里给active绑定几项事件，后面可通过active调用这些事件
|
||
tabAdd: function(url,id,name) {
|
||
//新增一个Tab项 传入三个参数，分别对应其标题，tab页面的地址，还有一个规定的id，是标签中data-id的属性值
|
||
//关于tabAdd的方法所传入的参数可看layui的开发文档中基础方法部分
|
||
element.tabAdd('gougu-admin-tab', {
|
||
title: '<span class="gougu-tab-active"></span>'+name,
|
||
content: '<iframe id="'+id+'" data-frameid="'+id+'" src="'+url+'" frameborder="0" align="left" width="100%" height="100%" scrolling="yes"></iframe>',
|
||
id: id //规定好的id
|
||
});
|
||
this.tabChange(id);
|
||
var thetabs = $('.layui-tab-title').find('li');
|
||
if(thetabs.length>10){
|
||
layer.tips('点击LOGO快速关闭TAB',$('[ittab-home]'));
|
||
}
|
||
// FrameWH(); //计算ifram层的大小
|
||
},
|
||
tabChange: function(id) {
|
||
//根据传入的id传入到指定的tab项，并滚动定位
|
||
element.tabChange('gougu-admin-tab', id);
|
||
|
||
var $tabTitle = $('.layui-tab-title');
|
||
var autoLeft = 0;
|
||
$tabTitle.children("li").each(function() {
|
||
if ($(this).hasClass('layui-this')) {
|
||
return false;
|
||
} else {
|
||
autoLeft += $(this).outerWidth();
|
||
}
|
||
});
|
||
$tabTitle.animate({
|
||
scrollLeft: autoLeft - $tabTitle.width() / 3
|
||
}, 200);
|
||
},
|
||
tabDelete: function (id) {
|
||
element.tabDelete('gougu-admin-tab', id);//删除
|
||
},
|
||
tabDeleteAll: function (ids) {
|
||
//删除所有
|
||
$.each(ids, function (i,item) {
|
||
//ids是一个数组，里面存放了多个id，调用tabDelete方法分别删除
|
||
element.tabDelete('gougu-admin-tab', item);
|
||
})
|
||
},
|
||
//子页面打开新的窗口
|
||
sonAdd: function(url,name) {
|
||
var id=new Date().getTime();
|
||
this.tabAdd(url,id,name);
|
||
},
|
||
//子页面关闭窗口
|
||
sonDelete: function(id) {
|
||
$('.layui-tab .layui-tab-title .layui-this i').click();//框架页面删除tab
|
||
},
|
||
tabRoll: function(d) {
|
||
var $tabTitle = $('.layui-tab-title');
|
||
var left = $tabTitle.scrollLeft();
|
||
if ('left' === d) {
|
||
$tabTitle.animate({
|
||
scrollLeft: left - 360
|
||
}, 200);
|
||
} else {
|
||
$tabTitle.animate({
|
||
scrollLeft: left + 360
|
||
}, 200);
|
||
}
|
||
}
|
||
};
|
||
layui.tab=tab;
|
||
|
||
//关闭全部tab，只保留首页
|
||
$("[ittab-home]").on('click', function(){
|
||
var thetabs = $('.layui-tab-title').find('li'),ids=[];
|
||
var thisid=$('.layui-this').attr('lay-id');
|
||
for(var i=0;i<thetabs.length;i++){
|
||
var id=thetabs.eq(i).attr('lay-id');
|
||
if(id !=thisid){
|
||
ids.push(id);
|
||
}
|
||
}
|
||
if(ids.length > 0){
|
||
for (var a = 0; a < ids.length; a++) {
|
||
if(ids[a] != 0){
|
||
element.tabDelete('gougu-admin-tab', ids[a]);
|
||
}
|
||
}
|
||
}
|
||
return false;
|
||
})
|
||
|
||
//左右滚动菜单
|
||
$("#right_button").click(function() {
|
||
tab.tabRoll("right");
|
||
})
|
||
|
||
$("#left_button").click(function() {
|
||
tab.tabRoll("left");
|
||
})
|
||
|
||
//当点击有site-menu-active属性的标签时，即左侧菜单栏中内容 ，触发点击事件
|
||
$('.site-menu-active').on('click', function() {
|
||
var dataid = $(this);
|
||
var src=dataid.data("src"),id=dataid.data("id"),title=dataid.data("title");
|
||
//这时会判断右侧.layui-tab-title属性下的有lay-id属性的li的数目，即已经打开的tab项数目
|
||
$('.site-menu-active').removeClass('layui-this');
|
||
dataid.addClass('layui-this');
|
||
if ($(".layui-tab-title li[lay-id]").length <= 0) {
|
||
//如果比零小，则直接打开新的tab项
|
||
tab.tabAdd(src, id,title);
|
||
} else {
|
||
//否则判断该tab项是否以及存在
|
||
var isData = false; //初始化一个标志，为false说明未打开该tab项 为true则说明已有
|
||
$.each($(".layui-tab-title li[lay-id]"), function () {
|
||
//如果点击左侧菜单栏所传入的id 在右侧tab项中的lay-id属性可以找到，则说明该tab项已经打开
|
||
if ($(this).attr("lay-id") == id) {
|
||
isData = true;
|
||
$('[data-frameid="'+id+'"]').attr('src',src);
|
||
//最后不管是否新增tab，最后都转到要打开的选项页面上
|
||
tab.tabChange(id);
|
||
}
|
||
})
|
||
if (isData == false) {
|
||
//标志为false 新增一个tab项
|
||
tab.tabAdd(src, id,title);
|
||
}
|
||
}
|
||
});
|
||
|
||
//菜单点击操作
|
||
$(document).ready(function(){
|
||
$(".ittab-menulist-2").click(function(){
|
||
$(this).next("div").slideToggle(200).siblings(".ittab-menulist-3:visible").stop(true, true).slideUp(200);
|
||
$(this).siblings(".ittab-menulist-2").find('i').removeClass("layui-icon-triangle-d");
|
||
$(this).find('i').toggleClass("layui-icon-triangle-d");
|
||
});
|
||
});
|
||
|
||
|
||
//右上角刷新
|
||
$("[ittab-refresh]").on('click', function(){
|
||
if($(this).hasClass("refreshThis")){
|
||
$("[ittab-loading]").show();
|
||
$(this).removeClass("refreshThis");
|
||
var iframe = $(".layui-tab-item.layui-show").find("iframe")[0];
|
||
if(iframe){
|
||
var src = parent.document.getElementById(iframe.id).contentWindow.location.href ? parent.document.getElementById(iframe.id).contentWindow.location.href : iframe.src;
|
||
document.getElementById(iframe.id).src=src;
|
||
}
|
||
setTimeout(function(){
|
||
$("[ittab-loading]").hide();
|
||
},500)
|
||
setTimeout(function(){
|
||
$("[ittab-refresh]").attr("class","refreshThis");
|
||
},1000)
|
||
}else{
|
||
layer.tips("每秒只可刷新一次",this, {
|
||
tips: 1
|
||
});
|
||
}
|
||
return false;
|
||
})
|
||
|
||
//清除缓存
|
||
$("[ittab-del-cache]").on('click', function(e){
|
||
var that = $(this);
|
||
if(that.attr('class') === 'clearThis'){
|
||
layer.tips('正在努力清理中...',this);
|
||
return false;
|
||
}
|
||
layer.tips('正在清理系统缓存...',this);
|
||
that.attr('class','clearThis');
|
||
$.ajax({
|
||
url:"/admin/api/cache_clear",
|
||
success:function(res){
|
||
if(res.code == 1){
|
||
setTimeout(function(){
|
||
that.attr('class','');
|
||
layer.tips(res.msg,that);
|
||
},1000)
|
||
} else {
|
||
layer.tips(res.msg,that);
|
||
}
|
||
}
|
||
})
|
||
})
|
||
|
||
|
||
function FrameWH() {
|
||
var h = $(window).height() -41- 10 - 60 -10-44 -10;
|
||
$("iframe").css("height",h+"px");
|
||
}
|
||
|
||
$(window).resize(function () {
|
||
//FrameWH();
|
||
})
|
||
|
||
|
||
exports('gougucms', {});
|
||
});
|