155 lines
5.3 KiB
JavaScript
155 lines
5.3 KiB
JavaScript
|
layui.config({
|
|||
|
|
base: '/themes/admin_themes/module/'
|
|||
|
|
}).define(['element','jquery','form'], function(exports){
|
|||
|
|
var $ = layui.jquery,element = layui.element,form = layui.form;
|
|||
|
|
var active = {
|
|||
|
|
//在这里给active绑定几项事件，后面可通过active调用这些事件
|
|||
|
|
tabAdd: function(url,id,name) {
|
|||
|
|
//新增一个Tab项 传入三个参数，分别对应其标题，tab页面的地址，还有一个规定的id，是标签中data-id的属性值
|
|||
|
|
//关于tabAdd的方法所传入的参数可看layui的开发文档中基础方法部分
|
|||
|
|
element.tabAdd("fr-admin-tab", {
|
|||
|
|
title: name,
|
|||
|
|
content: '<iframe id="'+id+'" data-frameid="'+id+'" src="'+url+'" frameborder="0" align="left" width="100%" height="100%" scrolling="yes"></iframe>',
|
|||
|
|
id: id //规定好的id
|
|||
|
|
});
|
|||
|
|
var thetabs = $('.layui-tab-title').find('li');
|
|||
|
|
if(thetabs.length>10){
|
|||
|
|
layer.tips('点击LOGO快速关闭TAB',$('[ittab-home]',parent.document));
|
|||
|
|
}
|
|||
|
|
// FrameWH(); //计算ifram层的大小
|
|||
|
|
},
|
|||
|
|
tabChange: function(id) {
|
|||
|
|
//切换到指定Tab项, //根据传入的id传入到指定的tab项
|
|||
|
|
element.tabChange('fr-admin-tab', id);
|
|||
|
|
},
|
|||
|
|
tabDelete: function (id) {
|
|||
|
|
element.tabDelete("fr-admin-tab", id);//删除
|
|||
|
|
},
|
|||
|
|
tabDeleteAll: function (ids) {
|
|||
|
|
//删除所有
|
|||
|
|
$.each(ids, function (i,item) {
|
|||
|
|
//ids是一个数组，里面存放了多个id，调用tabDelete方法分别删除
|
|||
|
|
element.tabDelete("fr-admin-tab", item);
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
|
|||
|
|
$("[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('fr-admin-tab', ids[a]);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return false;
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
//当点击有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项
|
|||
|
|
active.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);
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
if (isData == false) {
|
|||
|
|
//标志为false 新增一个tab项
|
|||
|
|
active.tabAdd(src, id,title);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
//最后不管是否新增tab，最后都转到要打开的选项页面上
|
|||
|
|
active.tabChange(id);
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
function FrameWH() {
|
|||
|
|
var h = $(window).height() -41- 10 - 60 -10-44 -10;
|
|||
|
|
$("iframe").css("height",h+"px");
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
$(window).resize(function () {
|
|||
|
|
//FrameWH();
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
|
|||
|
|
//菜单操作
|
|||
|
|
$(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);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
exports('fanqiecms', {});
|
|||
|
|
});
|