mirror of
https://gitee.com/dotnetchina/OpenAuth.Net.git
synced 2025-09-20 10:37:55 +08:00
layui 2.10
This commit is contained in:
yubao
@@ -1,266 +1,266 @@
|
||||
/*
|
||||
@Author: 请叫我马哥
|
||||
@Time: 2017-04
|
||||
@Tittle: tab
|
||||
@Description: 点击对应按钮添加新窗口
|
||||
*/
|
||||
var tabFilter,menu=[],liIndex,curNav,delMenu;
|
||||
layui.define(["element","jquery"],function(exports){
|
||||
var element = layui.element,
|
||||
$ = layui.jquery,
|
||||
layId,
|
||||
Tab = function(){
|
||||
this.tabConfig = {
|
||||
closed : true,
|
||||
openTabNum : undefined, //最大可打开窗口数量
|
||||
tabFilter : "bodyTab", //添加窗口的filter
|
||||
url : undefined //获取菜单json地址
|
||||
}
|
||||
};
|
||||
|
||||
//获取二级菜单数据
|
||||
Tab.prototype.render = function() {
|
||||
var url = this.tabConfig.url;
|
||||
$.get(url,function(data){
|
||||
//显示左侧菜单
|
||||
if($(".navBar").html() == ''){
|
||||
var _this = this;
|
||||
$(".navBar").html(navBar(data)).height($(window).height()-245);
|
||||
element.init(); //初始化页面元素
|
||||
$(window).resize(function(){
|
||||
$(".navBar").height($(window).height()-245);
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
//参数设置
|
||||
Tab.prototype.set = function(option) {
|
||||
var _this = this;
|
||||
$.extend(true, _this.tabConfig, option);
|
||||
return _this;
|
||||
};
|
||||
|
||||
//通过title获取lay-id
|
||||
Tab.prototype.getLayId = function(title){
|
||||
$(".layui-tab-title.top_tab li").each(function(){
|
||||
if($(this).find("cite").text() == title){
|
||||
layId = $(this).attr("lay-id");
|
||||
}
|
||||
})
|
||||
return layId;
|
||||
}
|
||||
//通过title判断tab是否存在
|
||||
Tab.prototype.hasTab = function(title){
|
||||
var tabIndex = -1;
|
||||
$(".layui-tab-title.top_tab li").each(function(){
|
||||
if($(this).find("cite").text() == title){
|
||||
tabIndex = 1;
|
||||
}
|
||||
})
|
||||
return tabIndex;
|
||||
}
|
||||
|
||||
//右侧内容tab操作
|
||||
var tabIdIndex = 0;
|
||||
Tab.prototype.tabAdd = function(_this){
|
||||
if(window.sessionStorage.getItem("menu")){
|
||||
menu = JSON.parse(window.sessionStorage.getItem("menu"));
|
||||
}
|
||||
var that = this;
|
||||
var closed = that.tabConfig.closed,
|
||||
openTabNum = that.tabConfig.openTabNum;
|
||||
tabFilter = that.tabConfig.tabFilter;
|
||||
if(_this.attr("target") == "_blank"){
|
||||
window.location.href = _this.attr("data-url");
|
||||
}else{
|
||||
var title = '';
|
||||
if(_this.find("i.iconfont,i.layui-icon").attr("data-icon") != undefined){
|
||||
if(_this.find("i.iconfont").attr("data-icon") != undefined){
|
||||
title += '<i class="iconfont '+_this.find("i.iconfont").attr("data-icon")+'"></i>';
|
||||
}else{
|
||||
title += '<i class="layui-icon">'+_this.find("i.layui-icon").attr("data-icon")+'</i>';
|
||||
}
|
||||
}
|
||||
//已打开的窗口中不存在
|
||||
if(that.hasTab(_this.find("cite").text()) == -1 && _this.siblings("dl.layui-nav-child").length == 0 && _this.attr("data-url")){
|
||||
if($(".layui-tab-title.top_tab li").length == openTabNum){
|
||||
layer.msg('只能同时打开'+openTabNum+'个选项卡哦。不然系统会卡的！');
|
||||
return;
|
||||
}
|
||||
tabIdIndex++;
|
||||
title += '<cite>'+_this.find("cite").text()+'</cite>';
|
||||
title += '<i class="layui-icon layui-unselect layui-tab-close" data-id="'+tabIdIndex+'">ဆ</i>';
|
||||
element.tabAdd(tabFilter, {
|
||||
title : title,
|
||||
content :"<iframe src='"+_this.attr("data-url")+"' data-id='"+tabIdIndex+"'></frame>",
|
||||
id : new Date().getTime()
|
||||
})
|
||||
//当前窗口内容
|
||||
var curmenu = {
|
||||
"icon" : _this.find("i.iconfont").attr("data-icon")!=undefined ? _this.find("i.iconfont").attr("data-icon") : _this.find("i.layui-icon").attr("data-icon"),
|
||||
"title" : _this.find("cite").text(),
|
||||
"href" : _this.attr("data-url"),
|
||||
"layId" : new Date().getTime()
|
||||
}
|
||||
menu.push(curmenu);
|
||||
window.sessionStorage.setItem("menu",JSON.stringify(menu)); //打开的窗口
|
||||
window.sessionStorage.setItem("curmenu",JSON.stringify(curmenu)); //当前的窗口
|
||||
element.tabChange(tabFilter, that.getLayId(_this.find("cite").text()));
|
||||
that.tabMove(); //顶部窗口是否可滚动
|
||||
}else{
|
||||
//当前窗口内容
|
||||
var curmenu = {
|
||||
"icon" : _this.find("i.iconfont").attr("data-icon")!=undefined ? _this.find("i.iconfont").attr("data-icon") : _this.find("i.layui-icon").attr("data-icon"),
|
||||
"title" : _this.find("cite").text(),
|
||||
"href" : _this.attr("data-url")
|
||||
}
|
||||
window.sessionStorage.setItem("curmenu",JSON.stringify(curmenu)); //当前的窗口
|
||||
element.tabChange(tabFilter, that.getLayId(_this.find("cite").text()));
|
||||
that.tabMove(); //顶部窗口是否可滚动
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//顶部窗口移动
|
||||
Tab.prototype.tabMove = function(){
|
||||
$(window).on("resize",function(){
|
||||
var topTabsBox = $("#top_tabs_box"),
|
||||
topTabsBoxWidth = $("#top_tabs_box").width(),
|
||||
topTabs = $("#top_tabs"),
|
||||
topTabsWidth = $("#top_tabs").width(),
|
||||
tabLi = topTabs.find("li.layui-this"),
|
||||
top_tabs = document.getElementById("top_tabs");;
|
||||
|
||||
if(topTabsWidth > topTabsBoxWidth){
|
||||
if(tabLi.position().left > topTabsBoxWidth || tabLi.position().left+topTabsBoxWidth > topTabsWidth){
|
||||
topTabs.css("left",topTabsBoxWidth-topTabsWidth);
|
||||
}else{
|
||||
topTabs.css("left",-tabLi.position().left);
|
||||
}
|
||||
//拖动效果
|
||||
var flag = false;
|
||||
var cur = {
|
||||
x:0,
|
||||
y:0
|
||||
}
|
||||
var nx,dx,x ;
|
||||
function down(){
|
||||
flag = true;
|
||||
var touch ;
|
||||
if(event.touches){
|
||||
touch = event.touches[0];
|
||||
}else {
|
||||
touch = event;
|
||||
}
|
||||
cur.x = touch.clientX;
|
||||
dx = top_tabs.offsetLeft;
|
||||
}
|
||||
function move(){
|
||||
var self=this;
|
||||
window.getSelection ? window.getSelection().removeAllRanges() : document.selection.empty();
|
||||
if(flag){
|
||||
var touch ;
|
||||
if(event.touches){
|
||||
touch = event.touches[0];
|
||||
}else {
|
||||
touch = event;
|
||||
}
|
||||
nx = touch.clientX - cur.x;
|
||||
x = dx+nx;
|
||||
if(x > 0){
|
||||
x = 0;
|
||||
}else{
|
||||
if(x < topTabsBoxWidth-topTabsWidth){
|
||||
x = topTabsBoxWidth-topTabsWidth;
|
||||
}else{
|
||||
x = dx+nx;
|
||||
}
|
||||
}
|
||||
top_tabs.style.left = x +"px";
|
||||
//阻止页面的滑动默认事件
|
||||
document.addEventListener("touchmove",function(){
|
||||
event.preventDefault();
|
||||
},false);
|
||||
}
|
||||
}
|
||||
//鼠标释放时候的函数
|
||||
function end(){
|
||||
flag = false;
|
||||
}
|
||||
//pc端拖动效果
|
||||
topTabs.on("mousedown",down);
|
||||
topTabs.on("mousemove",move);
|
||||
$(document).on("mouseup",end);
|
||||
//移动端拖动效果
|
||||
topTabs.on("touchstart",down);
|
||||
topTabs.on("touchmove",move);
|
||||
topTabs.on("touchend",end);
|
||||
}else{
|
||||
//移除pc端拖动效果
|
||||
topTabs.off("mousedown",down);
|
||||
topTabs.off("mousemove",move);
|
||||
topTabs.off("mouseup",end);
|
||||
//移除移动端拖动效果
|
||||
topTabs.off("touchstart",down);
|
||||
topTabs.off("touchmove",move);
|
||||
topTabs.off("touchend",end);
|
||||
topTabs.removeAttr("style");
|
||||
return false;
|
||||
}
|
||||
}).resize();
|
||||
}
|
||||
|
||||
$("body").on("click",".top_tab li",function(){
|
||||
//切换后获取当前窗口的内容
|
||||
var curmenu = '';
|
||||
var menu = JSON.parse(window.sessionStorage.getItem("menu"));
|
||||
curmenu = menu[$(this).index()-1];
|
||||
if($(this).index() == 0){
|
||||
window.sessionStorage.setItem("curmenu",'');
|
||||
}else{
|
||||
window.sessionStorage.setItem("curmenu",JSON.stringify(curmenu));
|
||||
if(window.sessionStorage.getItem("curmenu") == "undefined"){
|
||||
//如果删除的不是当前选中的tab,则将curmenu设置成当前选中的tab
|
||||
if(curNav != JSON.stringify(delMenu)){
|
||||
window.sessionStorage.setItem("curmenu",curNav);
|
||||
}else{
|
||||
window.sessionStorage.setItem("curmenu",JSON.stringify(menu[liIndex-1]));
|
||||
}
|
||||
}
|
||||
}
|
||||
element.tabChange(tabFilter,$(this).attr("lay-id")).init();
|
||||
// new Tab().tabMove();
|
||||
})
|
||||
|
||||
//删除tab
|
||||
$("body").on("click",".top_tab li i.layui-tab-close",function(){
|
||||
//删除tab后重置session中的menu和curmenu
|
||||
liIndex = $(this).parent("li").index();
|
||||
var menu = JSON.parse(window.sessionStorage.getItem("menu"));
|
||||
//获取被删除元素
|
||||
delMenu = menu[liIndex-1];
|
||||
var curmenu = window.sessionStorage.getItem("curmenu")=="undefined" ? undefined : window.sessionStorage.getItem("curmenu")=="" ? '' : JSON.parse(window.sessionStorage.getItem("curmenu"));
|
||||
if(JSON.stringify(curmenu) != JSON.stringify(menu[liIndex-1])){ //如果删除的不是当前选中的tab
|
||||
// window.sessionStorage.setItem("curmenu",JSON.stringify(curmenu));
|
||||
curNav = JSON.stringify(curmenu);
|
||||
}else{
|
||||
if($(this).parent("li").length > liIndex){
|
||||
window.sessionStorage.setItem("curmenu",curmenu);
|
||||
curNav = curmenu;
|
||||
}else{
|
||||
window.sessionStorage.setItem("curmenu",JSON.stringify(menu[liIndex-1]));
|
||||
curNav = JSON.stringify(menu[liIndex-1]);
|
||||
}
|
||||
}
|
||||
menu.splice((liIndex-1), 1);
|
||||
window.sessionStorage.setItem("menu",JSON.stringify(menu));
|
||||
element.tabDelete("bodyTab",$(this).parent("li").attr("lay-id")).init();
|
||||
new Tab().tabMove();
|
||||
})
|
||||
|
||||
var bodyTab = new Tab();
|
||||
exports("bodyTab",function(option){
|
||||
return bodyTab.set(option);
|
||||
});
|
||||
/*
|
||||
@Author: 请叫我马哥
|
||||
@Time: 2017-04
|
||||
@Tittle: tab
|
||||
@Description: 点击对应按钮添加新窗口
|
||||
*/
|
||||
var tabFilter,menu=[],liIndex,curNav,delMenu;
|
||||
layui.define(["element","jquery"],function(exports){
|
||||
var element = layui.element,
|
||||
$ = layui.jquery,
|
||||
layId,
|
||||
Tab = function(){
|
||||
this.tabConfig = {
|
||||
closed : true,
|
||||
openTabNum : undefined, //最大可打开窗口数量
|
||||
tabFilter : "bodyTab", //添加窗口的filter
|
||||
url : undefined //获取菜单json地址
|
||||
}
|
||||
};
|
||||
|
||||
//获取二级菜单数据
|
||||
Tab.prototype.render = function() {
|
||||
var url = this.tabConfig.url;
|
||||
$.get(url,function(data){
|
||||
//显示左侧菜单
|
||||
if($(".navBar").html() == ''){
|
||||
var _this = this;
|
||||
$(".navBar").html(navBar(data)).height($(window).height()-245);
|
||||
element.init(); //初始化页面元素
|
||||
$(window).resize(function(){
|
||||
$(".navBar").height($(window).height()-245);
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
//参数设置
|
||||
Tab.prototype.set = function(option) {
|
||||
var _this = this;
|
||||
$.extend(true, _this.tabConfig, option);
|
||||
return _this;
|
||||
};
|
||||
|
||||
//通过title获取lay-id
|
||||
Tab.prototype.getLayId = function(title){
|
||||
$(".layui-tab-title.top_tab li").each(function(){
|
||||
if($(this).find("cite").text() == title){
|
||||
layId = $(this).attr("lay-id");
|
||||
}
|
||||
})
|
||||
return layId;
|
||||
}
|
||||
//通过title判断tab是否存在
|
||||
Tab.prototype.hasTab = function(title){
|
||||
var tabIndex = -1;
|
||||
$(".layui-tab-title.top_tab li").each(function(){
|
||||
if($(this).find("cite").text() == title){
|
||||
tabIndex = 1;
|
||||
}
|
||||
})
|
||||
return tabIndex;
|
||||
}
|
||||
|
||||
//右侧内容tab操作
|
||||
var tabIdIndex = 0;
|
||||
Tab.prototype.tabAdd = function(_this){
|
||||
if(window.sessionStorage.getItem("menu")){
|
||||
menu = JSON.parse(window.sessionStorage.getItem("menu"));
|
||||
}
|
||||
var that = this;
|
||||
var closed = that.tabConfig.closed,
|
||||
openTabNum = that.tabConfig.openTabNum;
|
||||
tabFilter = that.tabConfig.tabFilter;
|
||||
if(_this.attr("target") == "_blank"){
|
||||
window.location.href = _this.attr("data-url");
|
||||
}else{
|
||||
var title = '';
|
||||
if(_this.find("i.iconfont,i.layui-icon").attr("data-icon") != undefined){
|
||||
if(_this.find("i.iconfont").attr("data-icon") != undefined){
|
||||
title += '<i class="iconfont '+_this.find("i.iconfont").attr("data-icon")+'"></i>';
|
||||
}else{
|
||||
title += '<i class="layui-icon">'+_this.find("i.layui-icon").attr("data-icon")+'</i>';
|
||||
}
|
||||
}
|
||||
//已打开的窗口中不存在
|
||||
if(that.hasTab(_this.find("cite").text()) == -1 && _this.siblings("dl.layui-nav-child").length == 0 && _this.attr("data-url")){
|
||||
if($(".layui-tab-title.top_tab li").length == openTabNum){
|
||||
layer.msg('只能同时打开'+openTabNum+'个选项卡哦。不然系统会卡的！');
|
||||
return;
|
||||
}
|
||||
tabIdIndex++;
|
||||
title += '<cite>'+_this.find("cite").text()+'</cite>';
|
||||
title += '<i class="layui-icon layui-unselect layui-tab-close" data-id="'+tabIdIndex+'">ဆ</i>';
|
||||
element.tabAdd(tabFilter, {
|
||||
title : title,
|
||||
content :"<iframe src='"+_this.attr("data-url")+"' data-id='"+tabIdIndex+"'></frame>",
|
||||
id : new Date().getTime()
|
||||
})
|
||||
//当前窗口内容
|
||||
var curmenu = {
|
||||
"icon" : _this.find("i.iconfont").attr("data-icon")!=undefined ? _this.find("i.iconfont").attr("data-icon") : _this.find("i.layui-icon").attr("data-icon"),
|
||||
"title" : _this.find("cite").text(),
|
||||
"href" : _this.attr("data-url"),
|
||||
"layId" : new Date().getTime()
|
||||
}
|
||||
menu.push(curmenu);
|
||||
window.sessionStorage.setItem("menu",JSON.stringify(menu)); //打开的窗口
|
||||
window.sessionStorage.setItem("curmenu",JSON.stringify(curmenu)); //当前的窗口
|
||||
element.tabChange(tabFilter, that.getLayId(_this.find("cite").text()));
|
||||
that.tabMove(); //顶部窗口是否可滚动
|
||||
}else{
|
||||
//当前窗口内容
|
||||
var curmenu = {
|
||||
"icon" : _this.find("i.iconfont").attr("data-icon")!=undefined ? _this.find("i.iconfont").attr("data-icon") : _this.find("i.layui-icon").attr("data-icon"),
|
||||
"title" : _this.find("cite").text(),
|
||||
"href" : _this.attr("data-url")
|
||||
}
|
||||
window.sessionStorage.setItem("curmenu",JSON.stringify(curmenu)); //当前的窗口
|
||||
element.tabChange(tabFilter, that.getLayId(_this.find("cite").text()));
|
||||
that.tabMove(); //顶部窗口是否可滚动
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//顶部窗口移动
|
||||
Tab.prototype.tabMove = function(){
|
||||
$(window).on("resize",function(){
|
||||
var topTabsBox = $("#top_tabs_box"),
|
||||
topTabsBoxWidth = $("#top_tabs_box").width(),
|
||||
topTabs = $("#top_tabs"),
|
||||
topTabsWidth = $("#top_tabs").width(),
|
||||
tabLi = topTabs.find("li.layui-this"),
|
||||
top_tabs = document.getElementById("top_tabs");;
|
||||
|
||||
if(topTabsWidth > topTabsBoxWidth){
|
||||
if(tabLi.position().left > topTabsBoxWidth || tabLi.position().left+topTabsBoxWidth > topTabsWidth){
|
||||
topTabs.css("left",topTabsBoxWidth-topTabsWidth);
|
||||
}else{
|
||||
topTabs.css("left",-tabLi.position().left);
|
||||
}
|
||||
//拖动效果
|
||||
var flag = false;
|
||||
var cur = {
|
||||
x:0,
|
||||
y:0
|
||||
}
|
||||
var nx,dx,x ;
|
||||
function down(){
|
||||
flag = true;
|
||||
var touch ;
|
||||
if(event.touches){
|
||||
touch = event.touches[0];
|
||||
}else {
|
||||
touch = event;
|
||||
}
|
||||
cur.x = touch.clientX;
|
||||
dx = top_tabs.offsetLeft;
|
||||
}
|
||||
function move(){
|
||||
var self=this;
|
||||
window.getSelection ? window.getSelection().removeAllRanges() : document.selection.empty();
|
||||
if(flag){
|
||||
var touch ;
|
||||
if(event.touches){
|
||||
touch = event.touches[0];
|
||||
}else {
|
||||
touch = event;
|
||||
}
|
||||
nx = touch.clientX - cur.x;
|
||||
x = dx+nx;
|
||||
if(x > 0){
|
||||
x = 0;
|
||||
}else{
|
||||
if(x < topTabsBoxWidth-topTabsWidth){
|
||||
x = topTabsBoxWidth-topTabsWidth;
|
||||
}else{
|
||||
x = dx+nx;
|
||||
}
|
||||
}
|
||||
top_tabs.style.left = x +"px";
|
||||
//阻止页面的滑动默认事件
|
||||
document.addEventListener("touchmove",function(){
|
||||
event.preventDefault();
|
||||
},false);
|
||||
}
|
||||
}
|
||||
//鼠标释放时候的函数
|
||||
function end(){
|
||||
flag = false;
|
||||
}
|
||||
//pc端拖动效果
|
||||
topTabs.on("mousedown",down);
|
||||
topTabs.on("mousemove",move);
|
||||
$(document).on("mouseup",end);
|
||||
//移动端拖动效果
|
||||
topTabs.on("touchstart",down);
|
||||
topTabs.on("touchmove",move);
|
||||
topTabs.on("touchend",end);
|
||||
}else{
|
||||
//移除pc端拖动效果
|
||||
topTabs.off("mousedown",down);
|
||||
topTabs.off("mousemove",move);
|
||||
topTabs.off("mouseup",end);
|
||||
//移除移动端拖动效果
|
||||
topTabs.off("touchstart",down);
|
||||
topTabs.off("touchmove",move);
|
||||
topTabs.off("touchend",end);
|
||||
topTabs.removeAttr("style");
|
||||
return false;
|
||||
}
|
||||
}).resize();
|
||||
}
|
||||
|
||||
$("body").on("click",".top_tab li",function(){
|
||||
//切换后获取当前窗口的内容
|
||||
var curmenu = '';
|
||||
var menu = JSON.parse(window.sessionStorage.getItem("menu"));
|
||||
curmenu = menu[$(this).index()-1];
|
||||
if($(this).index() == 0){
|
||||
window.sessionStorage.setItem("curmenu",'');
|
||||
}else{
|
||||
window.sessionStorage.setItem("curmenu",JSON.stringify(curmenu));
|
||||
if(window.sessionStorage.getItem("curmenu") == "undefined"){
|
||||
//如果删除的不是当前选中的tab,则将curmenu设置成当前选中的tab
|
||||
if(curNav != JSON.stringify(delMenu)){
|
||||
window.sessionStorage.setItem("curmenu",curNav);
|
||||
}else{
|
||||
window.sessionStorage.setItem("curmenu",JSON.stringify(menu[liIndex-1]));
|
||||
}
|
||||
}
|
||||
}
|
||||
element.tabChange(tabFilter,$(this).attr("lay-id")).init();
|
||||
// new Tab().tabMove();
|
||||
})
|
||||
|
||||
//删除tab
|
||||
$("body").on("click",".top_tab li i.layui-tab-close",function(){
|
||||
//删除tab后重置session中的menu和curmenu
|
||||
liIndex = $(this).parent("li").index();
|
||||
var menu = JSON.parse(window.sessionStorage.getItem("menu"));
|
||||
//获取被删除元素
|
||||
delMenu = menu[liIndex-1];
|
||||
var curmenu = window.sessionStorage.getItem("curmenu")=="undefined" ? undefined : window.sessionStorage.getItem("curmenu")=="" ? '' : JSON.parse(window.sessionStorage.getItem("curmenu"));
|
||||
if(JSON.stringify(curmenu) != JSON.stringify(menu[liIndex-1])){ //如果删除的不是当前选中的tab
|
||||
// window.sessionStorage.setItem("curmenu",JSON.stringify(curmenu));
|
||||
curNav = JSON.stringify(curmenu);
|
||||
}else{
|
||||
if($(this).parent("li").length > liIndex){
|
||||
window.sessionStorage.setItem("curmenu",curmenu);
|
||||
curNav = curmenu;
|
||||
}else{
|
||||
window.sessionStorage.setItem("curmenu",JSON.stringify(menu[liIndex-1]));
|
||||
curNav = JSON.stringify(menu[liIndex-1]);
|
||||
}
|
||||
}
|
||||
menu.splice((liIndex-1), 1);
|
||||
window.sessionStorage.setItem("menu",JSON.stringify(menu));
|
||||
element.tabDelete("bodyTab",$(this).parent("li").attr("lay-id")).init();
|
||||
new Tab().tabMove();
|
||||
})
|
||||
|
||||
var bodyTab = new Tab();
|
||||
exports("bodyTab",function(option){
|
||||
return bodyTab.set(option);
|
||||
});
|
||||
})
|
||||
@@ -1,368 +1,368 @@
|
||||
var $,tab,skyconsWeather;
|
||||
layui.config({
|
||||
base : "/js/"
|
||||
}).use(['bodyTab','form','element','layer','jquery'],function(){
|
||||
var form = layui.form,
|
||||
layer = layui.layer,
|
||||
element = layui.element;
|
||||
$ = layui.jquery;
|
||||
tab = layui.bodyTab({
|
||||
openTabNum : "50", //最大可打开窗口数量
|
||||
url: "/Home/GetNavBar" //获取菜单json地址
|
||||
});
|
||||
|
||||
//更换皮肤
|
||||
function skins(){
|
||||
var skin = window.sessionStorage.getItem("skin");
|
||||
if(skin){ //如果更换过皮肤
|
||||
if(window.sessionStorage.getItem("skinValue") != "自定义"){
|
||||
$("body").addClass(window.sessionStorage.getItem("skin"));
|
||||
}else{
|
||||
$(".layui-layout-admin .layui-header").css("background-color",skin.split(',')[0]);
|
||||
$(".layui-bg-black").css("background-color",skin.split(',')[1]);
|
||||
$(".hideMenu").css("background-color",skin.split(',')[2]);
|
||||
}
|
||||
}
|
||||
}
|
||||
skins();
|
||||
$(".changeSkin").click(function(){
|
||||
layer.open({
|
||||
title : "更换皮肤",
|
||||
area : ["310px","280px"],
|
||||
type : "1",
|
||||
content : '<div class="skins_box">'+
|
||||
'<form class="layui-form">'+
|
||||
'<div class="layui-form-item">'+
|
||||
'<input type="radio" name="skin" value="默认" title="默认" lay-filter="default" checked="">'+
|
||||
'<input type="radio" name="skin" value="藏青" title="藏青" lay-filter="cyan">'+
|
||||
'<input type="radio" name="skin" value="蓝色" title="蓝色" lay-filter="blue">'+
|
||||
'<input type="radio" name="skin" value="自定义" title="自定义" lay-filter="custom">'+
|
||||
'<div class="skinCustom">'+
|
||||
'<input type="text" class="layui-input topColor" name="topSkin" placeholder="顶部颜色" />'+
|
||||
'<input type="text" class="layui-input leftColor" name="leftSkin" placeholder="左侧颜色" />'+
|
||||
'<input type="text" class="layui-input menuColor" name="btnSkin" placeholder="顶部菜单按钮" />'+
|
||||
'</div>'+
|
||||
'</div>'+
|
||||
'<div class="layui-form-item skinBtn">'+
|
||||
'<a href="javascript:;" class="layui-btn layui-btn-small layui-btn-normal" lay-submit="" lay-filter="changeSkin">确定更换</a>'+
|
||||
'<a href="javascript:;" class="layui-btn layui-btn-small layui-btn-primary" lay-submit="" lay-filter="noChangeSkin">我再想想</a>'+
|
||||
'</div>'+
|
||||
'</form>'+
|
||||
'</div>',
|
||||
success : function(index, layero){
|
||||
var skin = window.sessionStorage.getItem("skin");
|
||||
if(window.sessionStorage.getItem("skinValue")){
|
||||
$(".skins_box input[value="+window.sessionStorage.getItem("skinValue")+"]").attr("checked","checked");
|
||||
};
|
||||
if($(".skins_box input[value=自定义]").attr("checked")){
|
||||
$(".skinCustom").css("visibility","inherit");
|
||||
$(".topColor").val(skin.split(',')[0]);
|
||||
$(".leftColor").val(skin.split(',')[1]);
|
||||
$(".menuColor").val(skin.split(',')[2]);
|
||||
};
|
||||
form.render();
|
||||
$(".skins_box").removeClass("layui-hide");
|
||||
$(".skins_box .layui-form-radio").on("click",function(){
|
||||
var skinColor;
|
||||
if($(this).find("span").text() == "藏青"){
|
||||
skinColor = "cyan";
|
||||
}else if($(this).find("span").text() == "蓝色"){
|
||||
skinColor = "blue";
|
||||
}else if($(this).find("span").text() == "默认"){
|
||||
skinColor = "";
|
||||
}
|
||||
if($(this).find("span").text() != "自定义"){
|
||||
$(".topColor,.leftColor,.menuColor").val('');
|
||||
$("body").removeAttr("class").addClass("main_body "+skinColor+"");
|
||||
$(".skinCustom").removeAttr("style");
|
||||
$(".layui-bg-black,.hideMenu,.layui-layout-admin .layui-header").removeAttr("style");
|
||||
}else{
|
||||
$(".skinCustom").css("visibility","inherit");
|
||||
}
|
||||
})
|
||||
var skinStr,skinColor;
|
||||
$(".topColor").blur(function(){
|
||||
$(".layui-layout-admin .layui-header").css("background-color",$(this).val());
|
||||
})
|
||||
$(".leftColor").blur(function(){
|
||||
$(".layui-bg-black").css("background-color",$(this).val());
|
||||
})
|
||||
$(".menuColor").blur(function(){
|
||||
$(".hideMenu").css("background-color",$(this).val());
|
||||
})
|
||||
|
||||
form.on("submit(changeSkin)",function(data){
|
||||
if(data.field.skin != "自定义"){
|
||||
if(data.field.skin == "藏青"){
|
||||
skinColor = "cyan";
|
||||
}else if(data.field.skin == "蓝色"){
|
||||
skinColor = "blue";
|
||||
}else if(data.field.skin == "默认"){
|
||||
skinColor = "";
|
||||
}
|
||||
window.sessionStorage.setItem("skin",skinColor);
|
||||
}else{
|
||||
skinStr = $(".topColor").val()+','+$(".leftColor").val()+','+$(".menuColor").val();
|
||||
window.sessionStorage.setItem("skin",skinStr);
|
||||
$("body").removeAttr("class").addClass("main_body");
|
||||
}
|
||||
window.sessionStorage.setItem("skinValue",data.field.skin);
|
||||
layer.closeAll("page");
|
||||
});
|
||||
form.on("submit(noChangeSkin)",function(){
|
||||
$("body").removeAttr("class").addClass("main_body "+window.sessionStorage.getItem("skin")+"");
|
||||
$(".layui-bg-black,.hideMenu,.layui-layout-admin .layui-header").removeAttr("style");
|
||||
skins();
|
||||
layer.closeAll("page");
|
||||
});
|
||||
},
|
||||
cancel : function(){
|
||||
$("body").removeAttr("class").addClass("main_body "+window.sessionStorage.getItem("skin")+"");
|
||||
$(".layui-bg-black,.hideMenu,.layui-layout-admin .layui-header").removeAttr("style");
|
||||
skins();
|
||||
}
|
||||
})
|
||||
})
|
||||
|
||||
//退出
|
||||
$(".signOut").click(function(){
|
||||
window.sessionStorage.removeItem("menu");
|
||||
menu = [];
|
||||
window.sessionStorage.removeItem("curmenu");
|
||||
})
|
||||
|
||||
//隐藏左侧导航
|
||||
$(".hideMenu").click(function(){
|
||||
$(".layui-layout-admin").toggleClass("showMenu");
|
||||
//渲染顶部窗口
|
||||
tab.tabMove();
|
||||
})
|
||||
|
||||
//渲染左侧菜单
|
||||
tab.render();
|
||||
|
||||
//锁屏
|
||||
function lockPage(){
|
||||
layer.open({
|
||||
title : false,
|
||||
type : 1,
|
||||
content : ' <div class="admin-header-lock" id="lock-box">'+
|
||||
'<div class="admin-header-lock-img"><img src="/images/face.jpg"/></div>'+
|
||||
'<div class="admin-header-lock-name" id="lockUserName">admin</div>'+
|
||||
'<div class="input_btn">'+
|
||||
'<input type="password" class="admin-header-lock-input layui-input" autocomplete="off" placeholder="请输入密码解锁.." name="lockPwd" id="lockPwd" />'+
|
||||
'<button class="layui-btn" id="unlock">解锁</button>'+
|
||||
'</div>'+
|
||||
'<p>请输入“123456”，否则不会解锁成功哦！！！</p>'+
|
||||
'</div>',
|
||||
closeBtn : 0,
|
||||
shade : 0.9
|
||||
})
|
||||
$(".admin-header-lock-input").focus();
|
||||
}
|
||||
$(".lockcms").on("click",function(){
|
||||
window.sessionStorage.setItem("lockcms",true);
|
||||
lockPage();
|
||||
})
|
||||
// 判断是否显示锁屏
|
||||
if(window.sessionStorage.getItem("lockcms") == "true"){
|
||||
lockPage();
|
||||
}
|
||||
// 解锁
|
||||
$("body").on("click","#unlock",function(){
|
||||
if($(this).siblings(".admin-header-lock-input").val() == ''){
|
||||
layer.msg("请输入解锁密码！");
|
||||
$(this).siblings(".admin-header-lock-input").focus();
|
||||
}else{
|
||||
if($(this).siblings(".admin-header-lock-input").val() == "123456"){
|
||||
window.sessionStorage.setItem("lockcms",false);
|
||||
$(this).siblings(".admin-header-lock-input").val('');
|
||||
layer.closeAll("page");
|
||||
}else{
|
||||
layer.msg("密码错误，请重新输入！");
|
||||
$(this).siblings(".admin-header-lock-input").val('').focus();
|
||||
}
|
||||
}
|
||||
});
|
||||
$(document).on('keydown', function() {
|
||||
if(event.keyCode == 13) {
|
||||
$("#unlock").click();
|
||||
}
|
||||
});
|
||||
|
||||
//手机设备的简单适配
|
||||
var treeMobile = $('.site-tree-mobile'),
|
||||
shadeMobile = $('.site-mobile-shade')
|
||||
|
||||
treeMobile.on('click', function(){
|
||||
$('body').addClass('site-mobile');
|
||||
});
|
||||
|
||||
shadeMobile.on('click', function(){
|
||||
$('body').removeClass('site-mobile');
|
||||
});
|
||||
|
||||
// 添加新窗口
|
||||
$("body").on("click",".layui-nav .layui-nav-item a",function(){
|
||||
//如果不存在子级
|
||||
if($(this).siblings().length == 0){
|
||||
addTab($(this));
|
||||
$('body').removeClass('site-mobile'); //移动端点击菜单关闭菜单层
|
||||
}
|
||||
$(this).parent("li").siblings().removeClass("layui-nav-itemed");
|
||||
})
|
||||
|
||||
//公告层
|
||||
function showNotice(){
|
||||
layer.open({
|
||||
type: 1,
|
||||
title: "系统公告",
|
||||
closeBtn: false,
|
||||
area: '310px',
|
||||
shade: 0.8,
|
||||
id: 'LAY_layuipro',
|
||||
btn: ['火速围观'],
|
||||
moveType: 1,
|
||||
content: '<div style="padding:15px 20px; text-align:justify; line-height: 22px; text-indent:2em;border-bottom:1px solid #e2e2e2;"><p>最近偶然发现贤心大神的layui框架，瞬间被他的完美样式所吸引，虽然功能不算强大，但毕竟是一个刚刚出现的框架，后面会慢慢完善的。很早之前就想做一套后台模版，但是感觉bootstrop代码的冗余太大，不是非常喜欢，自己写又太累，所以一直闲置了下来。直到遇到了layui我才又燃起了制作一套后台模版的斗志。由于本人只是纯前端，所以页面只是单纯的实现了效果，没有做服务器端的一些处理，可能后期技术跟上了会更新的，如果有什么问题欢迎大家指导。谢谢大家。</p><p>在此特别感谢Beginner和Paco，他们写的框架给了我很好的启发和借鉴。希望有时间可以多多请教。</p></div>',
|
||||
success: function(layero){
|
||||
var btn = layero.find('.layui-layer-btn');
|
||||
btn.css('text-align', 'center');
|
||||
btn.on("click",function(){
|
||||
window.sessionStorage.setItem("showNotice","true");
|
||||
})
|
||||
if($(window).width() > 432){ //如果页面宽度不足以显示顶部“系统公告”按钮，则不提示
|
||||
btn.on("click",function(){
|
||||
layer.tips('系统公告躲在了这里', '#showNotice', {
|
||||
tips: 3
|
||||
});
|
||||
})
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
//判断是否处于锁屏状态(如果关闭以后则未关闭浏览器之前不再显示)
|
||||
if(window.sessionStorage.getItem("lockcms") != "true" && window.sessionStorage.getItem("showNotice") != "true"){
|
||||
showNotice();
|
||||
}
|
||||
$(".showNotice").on("click",function(){
|
||||
showNotice();
|
||||
})
|
||||
|
||||
//刷新后还原打开的窗口
|
||||
if(window.sessionStorage.getItem("menu") != null){
|
||||
menu = JSON.parse(window.sessionStorage.getItem("menu"));
|
||||
curmenu = window.sessionStorage.getItem("curmenu");
|
||||
var openTitle = '';
|
||||
for(var i=0;i<menu.length;i++){
|
||||
openTitle = '';
|
||||
if(menu[i].icon){
|
||||
if(menu[i].icon.split("-")[0] == 'icon'){
|
||||
openTitle += '<i class="iconfont '+menu[i].icon+'"></i>';
|
||||
}else{
|
||||
openTitle += '<i class="layui-icon">'+menu[i].icon+'</i>';
|
||||
}
|
||||
}
|
||||
openTitle += '<cite>'+menu[i].title+'</cite>';
|
||||
openTitle += '<i class="layui-icon layui-unselect layui-tab-close" data-id="'+menu[i].layId+'">ဆ</i>';
|
||||
element.tabAdd("bodyTab",{
|
||||
title : openTitle,
|
||||
content :"<iframe src='"+menu[i].href+"' data-id='"+menu[i].layId+"'></frame>",
|
||||
id : menu[i].layId
|
||||
})
|
||||
//定位到刷新前的窗口
|
||||
if(curmenu != "undefined"){
|
||||
if(curmenu == '' || curmenu == "null"){ //定位到后台首页
|
||||
element.tabChange("bodyTab",'');
|
||||
}else if(JSON.parse(curmenu).title == menu[i].title){ //定位到刷新前的页面
|
||||
element.tabChange("bodyTab",menu[i].layId);
|
||||
}
|
||||
}else{
|
||||
element.tabChange("bodyTab",menu[menu.length-1].layId);
|
||||
}
|
||||
}
|
||||
//渲染顶部窗口
|
||||
tab.tabMove();
|
||||
}
|
||||
|
||||
//刷新当前
|
||||
$(".refresh").on("click",function(){ //此处添加禁止连续点击刷新一是为了降低服务器压力，另外一个就是为了防止超快点击造成chrome本身的一些js文件的报错(不过貌似这个问题还是存在，不过概率小了很多)
|
||||
if($(this).hasClass("refreshThis")){
|
||||
$(this).removeClass("refreshThis");
|
||||
$(".clildFrame .layui-tab-item.layui-show").find("iframe")[0].contentWindow.location.reload(true);
|
||||
}else{
|
||||
layer.msg("您点击的速度超过了服务器的响应速度，还是等两秒再刷新吧！");
|
||||
setTimeout(function(){
|
||||
$(".refresh").addClass("refreshThis");
|
||||
},2000)
|
||||
}
|
||||
})
|
||||
|
||||
//关闭其他
|
||||
$(".closePageOther").on("click",function(){
|
||||
if($("#top_tabs li").length>2 && $("#top_tabs li.layui-this cite").text()!="后台首页"){
|
||||
var menu = JSON.parse(window.sessionStorage.getItem("menu"));
|
||||
$("#top_tabs li").each(function(){
|
||||
if($(this).attr("lay-id") != '' && !$(this).hasClass("layui-this")){
|
||||
element.tabDelete("bodyTab",$(this).attr("lay-id")).init();
|
||||
//此处将当前窗口重新获取放入session，避免一个个删除来回循环造成的不必要工作量
|
||||
for(var i=0;i<menu.length;i++){
|
||||
if($("#top_tabs li.layui-this cite").text() == menu[i].title){
|
||||
menu.splice(0,menu.length,menu[i]);
|
||||
window.sessionStorage.setItem("menu",JSON.stringify(menu));
|
||||
}
|
||||
}
|
||||
}
|
||||
})
|
||||
}else if($("#top_tabs li.layui-this cite").text()=="后台首页" && $("#top_tabs li").length>1){
|
||||
$("#top_tabs li").each(function(){
|
||||
if($(this).attr("lay-id") != '' && !$(this).hasClass("layui-this")){
|
||||
element.tabDelete("bodyTab",$(this).attr("lay-id")).init();
|
||||
window.sessionStorage.removeItem("menu");
|
||||
menu = [];
|
||||
window.sessionStorage.removeItem("curmenu");
|
||||
}
|
||||
})
|
||||
}else{
|
||||
layer.msg("没有可以关闭的窗口了@_@");
|
||||
}
|
||||
//渲染顶部窗口
|
||||
tab.tabMove();
|
||||
})
|
||||
//关闭全部
|
||||
$(".closePageAll").on("click",function(){
|
||||
if($("#top_tabs li").length > 1){
|
||||
$("#top_tabs li").each(function(){
|
||||
if($(this).attr("lay-id") != ''){
|
||||
element.tabDelete("bodyTab",$(this).attr("lay-id")).init();
|
||||
window.sessionStorage.removeItem("menu");
|
||||
menu = [];
|
||||
window.sessionStorage.removeItem("curmenu");
|
||||
}
|
||||
})
|
||||
}else{
|
||||
layer.msg("没有可以关闭的窗口了@_@");
|
||||
}
|
||||
//渲染顶部窗口
|
||||
tab.tabMove();
|
||||
})
|
||||
})
|
||||
|
||||
//打开新窗口
|
||||
function addTab(_this){
|
||||
tab.tabAdd(_this);
|
||||
}
|
||||
|
||||
//捐赠弹窗
|
||||
function donation(){
|
||||
layer.tab({
|
||||
area : ['260px', '367px'],
|
||||
tab : [{
|
||||
title : "微信",
|
||||
content : "<div style='padding:30px;overflow:hidden;background:#d2d0d0;'><img src='/images/wechat.jpg'></div>"
|
||||
},{
|
||||
title : "支付宝",
|
||||
content : "<div style='padding:30px;overflow:hidden;background:#d2d0d0;'><img src='/images/alipay.jpg'></div>"
|
||||
}]
|
||||
})
|
||||
}
|
||||
|
||||
var $,tab,skyconsWeather;
|
||||
layui.config({
|
||||
base : "/js/"
|
||||
}).use(['bodyTab','form','element','layer','jquery'],function(){
|
||||
var form = layui.form,
|
||||
layer = layui.layer,
|
||||
element = layui.element;
|
||||
$ = layui.jquery;
|
||||
tab = layui.bodyTab({
|
||||
openTabNum : "50", //最大可打开窗口数量
|
||||
url: "/Home/GetNavBar" //获取菜单json地址
|
||||
});
|
||||
|
||||
//更换皮肤
|
||||
function skins(){
|
||||
var skin = window.sessionStorage.getItem("skin");
|
||||
if(skin){ //如果更换过皮肤
|
||||
if(window.sessionStorage.getItem("skinValue") != "自定义"){
|
||||
$("body").addClass(window.sessionStorage.getItem("skin"));
|
||||
}else{
|
||||
$(".layui-layout-admin .layui-header").css("background-color",skin.split(',')[0]);
|
||||
$(".layui-bg-black").css("background-color",skin.split(',')[1]);
|
||||
$(".hideMenu").css("background-color",skin.split(',')[2]);
|
||||
}
|
||||
}
|
||||
}
|
||||
skins();
|
||||
$(".changeSkin").click(function(){
|
||||
layer.open({
|
||||
title : "更换皮肤",
|
||||
area : ["310px","280px"],
|
||||
type : "1",
|
||||
content : '<div class="skins_box">'+
|
||||
'<form class="layui-form">'+
|
||||
'<div class="layui-form-item">'+
|
||||
'<input type="radio" name="skin" value="默认" title="默认" lay-filter="default" checked="">'+
|
||||
'<input type="radio" name="skin" value="藏青" title="藏青" lay-filter="cyan">'+
|
||||
'<input type="radio" name="skin" value="蓝色" title="蓝色" lay-filter="blue">'+
|
||||
'<input type="radio" name="skin" value="自定义" title="自定义" lay-filter="custom">'+
|
||||
'<div class="skinCustom">'+
|
||||
'<input type="text" class="layui-input topColor" name="topSkin" placeholder="顶部颜色" />'+
|
||||
'<input type="text" class="layui-input leftColor" name="leftSkin" placeholder="左侧颜色" />'+
|
||||
'<input type="text" class="layui-input menuColor" name="btnSkin" placeholder="顶部菜单按钮" />'+
|
||||
'</div>'+
|
||||
'</div>'+
|
||||
'<div class="layui-form-item skinBtn">'+
|
||||
'<a href="javascript:;" class="layui-btn layui-btn-small layui-btn-normal" lay-submit="" lay-filter="changeSkin">确定更换</a>'+
|
||||
'<a href="javascript:;" class="layui-btn layui-btn-small layui-btn-primary" lay-submit="" lay-filter="noChangeSkin">我再想想</a>'+
|
||||
'</div>'+
|
||||
'</form>'+
|
||||
'</div>',
|
||||
success : function(index, layero){
|
||||
var skin = window.sessionStorage.getItem("skin");
|
||||
if(window.sessionStorage.getItem("skinValue")){
|
||||
$(".skins_box input[value="+window.sessionStorage.getItem("skinValue")+"]").attr("checked","checked");
|
||||
};
|
||||
if($(".skins_box input[value=自定义]").attr("checked")){
|
||||
$(".skinCustom").css("visibility","inherit");
|
||||
$(".topColor").val(skin.split(',')[0]);
|
||||
$(".leftColor").val(skin.split(',')[1]);
|
||||
$(".menuColor").val(skin.split(',')[2]);
|
||||
};
|
||||
form.render();
|
||||
$(".skins_box").removeClass("layui-hide");
|
||||
$(".skins_box .layui-form-radio").on("click",function(){
|
||||
var skinColor;
|
||||
if($(this).find("span").text() == "藏青"){
|
||||
skinColor = "cyan";
|
||||
}else if($(this).find("span").text() == "蓝色"){
|
||||
skinColor = "blue";
|
||||
}else if($(this).find("span").text() == "默认"){
|
||||
skinColor = "";
|
||||
}
|
||||
if($(this).find("span").text() != "自定义"){
|
||||
$(".topColor,.leftColor,.menuColor").val('');
|
||||
$("body").removeAttr("class").addClass("main_body "+skinColor+"");
|
||||
$(".skinCustom").removeAttr("style");
|
||||
$(".layui-bg-black,.hideMenu,.layui-layout-admin .layui-header").removeAttr("style");
|
||||
}else{
|
||||
$(".skinCustom").css("visibility","inherit");
|
||||
}
|
||||
})
|
||||
var skinStr,skinColor;
|
||||
$(".topColor").blur(function(){
|
||||
$(".layui-layout-admin .layui-header").css("background-color",$(this).val());
|
||||
})
|
||||
$(".leftColor").blur(function(){
|
||||
$(".layui-bg-black").css("background-color",$(this).val());
|
||||
})
|
||||
$(".menuColor").blur(function(){
|
||||
$(".hideMenu").css("background-color",$(this).val());
|
||||
})
|
||||
|
||||
form.on("submit(changeSkin)",function(data){
|
||||
if(data.field.skin != "自定义"){
|
||||
if(data.field.skin == "藏青"){
|
||||
skinColor = "cyan";
|
||||
}else if(data.field.skin == "蓝色"){
|
||||
skinColor = "blue";
|
||||
}else if(data.field.skin == "默认"){
|
||||
skinColor = "";
|
||||
}
|
||||
window.sessionStorage.setItem("skin",skinColor);
|
||||
}else{
|
||||
skinStr = $(".topColor").val()+','+$(".leftColor").val()+','+$(".menuColor").val();
|
||||
window.sessionStorage.setItem("skin",skinStr);
|
||||
$("body").removeAttr("class").addClass("main_body");
|
||||
}
|
||||
window.sessionStorage.setItem("skinValue",data.field.skin);
|
||||
layer.closeAll("page");
|
||||
});
|
||||
form.on("submit(noChangeSkin)",function(){
|
||||
$("body").removeAttr("class").addClass("main_body "+window.sessionStorage.getItem("skin")+"");
|
||||
$(".layui-bg-black,.hideMenu,.layui-layout-admin .layui-header").removeAttr("style");
|
||||
skins();
|
||||
layer.closeAll("page");
|
||||
});
|
||||
},
|
||||
cancel : function(){
|
||||
$("body").removeAttr("class").addClass("main_body "+window.sessionStorage.getItem("skin")+"");
|
||||
$(".layui-bg-black,.hideMenu,.layui-layout-admin .layui-header").removeAttr("style");
|
||||
skins();
|
||||
}
|
||||
})
|
||||
})
|
||||
|
||||
//退出
|
||||
$(".signOut").click(function(){
|
||||
window.sessionStorage.removeItem("menu");
|
||||
menu = [];
|
||||
window.sessionStorage.removeItem("curmenu");
|
||||
})
|
||||
|
||||
//隐藏左侧导航
|
||||
$(".hideMenu").click(function(){
|
||||
$(".layui-layout-admin").toggleClass("showMenu");
|
||||
//渲染顶部窗口
|
||||
tab.tabMove();
|
||||
})
|
||||
|
||||
//渲染左侧菜单
|
||||
tab.render();
|
||||
|
||||
//锁屏
|
||||
function lockPage(){
|
||||
layer.open({
|
||||
title : false,
|
||||
type : 1,
|
||||
content : ' <div class="admin-header-lock" id="lock-box">'+
|
||||
'<div class="admin-header-lock-img"><img src="/images/face.jpg"/></div>'+
|
||||
'<div class="admin-header-lock-name" id="lockUserName">admin</div>'+
|
||||
'<div class="input_btn">'+
|
||||
'<input type="password" class="admin-header-lock-input layui-input" autocomplete="off" placeholder="请输入密码解锁.." name="lockPwd" id="lockPwd" />'+
|
||||
'<button class="layui-btn" id="unlock">解锁</button>'+
|
||||
'</div>'+
|
||||
'<p>请输入“123456”，否则不会解锁成功哦！！！</p>'+
|
||||
'</div>',
|
||||
closeBtn : 0,
|
||||
shade : 0.9
|
||||
})
|
||||
$(".admin-header-lock-input").focus();
|
||||
}
|
||||
$(".lockcms").on("click",function(){
|
||||
window.sessionStorage.setItem("lockcms",true);
|
||||
lockPage();
|
||||
})
|
||||
// 判断是否显示锁屏
|
||||
if(window.sessionStorage.getItem("lockcms") == "true"){
|
||||
lockPage();
|
||||
}
|
||||
// 解锁
|
||||
$("body").on("click","#unlock",function(){
|
||||
if($(this).siblings(".admin-header-lock-input").val() == ''){
|
||||
layer.msg("请输入解锁密码！");
|
||||
$(this).siblings(".admin-header-lock-input").focus();
|
||||
}else{
|
||||
if($(this).siblings(".admin-header-lock-input").val() == "123456"){
|
||||
window.sessionStorage.setItem("lockcms",false);
|
||||
$(this).siblings(".admin-header-lock-input").val('');
|
||||
layer.closeAll("page");
|
||||
}else{
|
||||
layer.msg("密码错误，请重新输入！");
|
||||
$(this).siblings(".admin-header-lock-input").val('').focus();
|
||||
}
|
||||
}
|
||||
});
|
||||
$(document).on('keydown', function() {
|
||||
if(event.keyCode == 13) {
|
||||
$("#unlock").click();
|
||||
}
|
||||
});
|
||||
|
||||
//手机设备的简单适配
|
||||
var treeMobile = $('.site-tree-mobile'),
|
||||
shadeMobile = $('.site-mobile-shade')
|
||||
|
||||
treeMobile.on('click', function(){
|
||||
$('body').addClass('site-mobile');
|
||||
});
|
||||
|
||||
shadeMobile.on('click', function(){
|
||||
$('body').removeClass('site-mobile');
|
||||
});
|
||||
|
||||
// 添加新窗口
|
||||
$("body").on("click",".layui-nav .layui-nav-item a",function(){
|
||||
//如果不存在子级
|
||||
if($(this).siblings().length == 0){
|
||||
addTab($(this));
|
||||
$('body').removeClass('site-mobile'); //移动端点击菜单关闭菜单层
|
||||
}
|
||||
$(this).parent("li").siblings().removeClass("layui-nav-itemed");
|
||||
})
|
||||
|
||||
//公告层
|
||||
function showNotice(){
|
||||
layer.open({
|
||||
type: 1,
|
||||
title: "系统公告",
|
||||
closeBtn: false,
|
||||
area: '310px',
|
||||
shade: 0.8,
|
||||
id: 'LAY_layuipro',
|
||||
btn: ['火速围观'],
|
||||
moveType: 1,
|
||||
content: '<div style="padding:15px 20px; text-align:justify; line-height: 22px; text-indent:2em;border-bottom:1px solid #e2e2e2;"><p>最近偶然发现贤心大神的layui框架，瞬间被他的完美样式所吸引，虽然功能不算强大，但毕竟是一个刚刚出现的框架，后面会慢慢完善的。很早之前就想做一套后台模版，但是感觉bootstrop代码的冗余太大，不是非常喜欢，自己写又太累，所以一直闲置了下来。直到遇到了layui我才又燃起了制作一套后台模版的斗志。由于本人只是纯前端，所以页面只是单纯的实现了效果，没有做服务器端的一些处理，可能后期技术跟上了会更新的，如果有什么问题欢迎大家指导。谢谢大家。</p><p>在此特别感谢Beginner和Paco，他们写的框架给了我很好的启发和借鉴。希望有时间可以多多请教。</p></div>',
|
||||
success: function(layero){
|
||||
var btn = layero.find('.layui-layer-btn');
|
||||
btn.css('text-align', 'center');
|
||||
btn.on("click",function(){
|
||||
window.sessionStorage.setItem("showNotice","true");
|
||||
})
|
||||
if($(window).width() > 432){ //如果页面宽度不足以显示顶部“系统公告”按钮，则不提示
|
||||
btn.on("click",function(){
|
||||
layer.tips('系统公告躲在了这里', '#showNotice', {
|
||||
tips: 3
|
||||
});
|
||||
})
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
//判断是否处于锁屏状态(如果关闭以后则未关闭浏览器之前不再显示)
|
||||
if(window.sessionStorage.getItem("lockcms") != "true" && window.sessionStorage.getItem("showNotice") != "true"){
|
||||
showNotice();
|
||||
}
|
||||
$(".showNotice").on("click",function(){
|
||||
showNotice();
|
||||
})
|
||||
|
||||
//刷新后还原打开的窗口
|
||||
if(window.sessionStorage.getItem("menu") != null){
|
||||
menu = JSON.parse(window.sessionStorage.getItem("menu"));
|
||||
curmenu = window.sessionStorage.getItem("curmenu");
|
||||
var openTitle = '';
|
||||
for(var i=0;i<menu.length;i++){
|
||||
openTitle = '';
|
||||
if(menu[i].icon){
|
||||
if(menu[i].icon.split("-")[0] == 'icon'){
|
||||
openTitle += '<i class="iconfont '+menu[i].icon+'"></i>';
|
||||
}else{
|
||||
openTitle += '<i class="layui-icon">'+menu[i].icon+'</i>';
|
||||
}
|
||||
}
|
||||
openTitle += '<cite>'+menu[i].title+'</cite>';
|
||||
openTitle += '<i class="layui-icon layui-unselect layui-tab-close" data-id="'+menu[i].layId+'">ဆ</i>';
|
||||
element.tabAdd("bodyTab",{
|
||||
title : openTitle,
|
||||
content :"<iframe src='"+menu[i].href+"' data-id='"+menu[i].layId+"'></frame>",
|
||||
id : menu[i].layId
|
||||
})
|
||||
//定位到刷新前的窗口
|
||||
if(curmenu != "undefined"){
|
||||
if(curmenu == '' || curmenu == "null"){ //定位到后台首页
|
||||
element.tabChange("bodyTab",'');
|
||||
}else if(JSON.parse(curmenu).title == menu[i].title){ //定位到刷新前的页面
|
||||
element.tabChange("bodyTab",menu[i].layId);
|
||||
}
|
||||
}else{
|
||||
element.tabChange("bodyTab",menu[menu.length-1].layId);
|
||||
}
|
||||
}
|
||||
//渲染顶部窗口
|
||||
tab.tabMove();
|
||||
}
|
||||
|
||||
//刷新当前
|
||||
$(".refresh").on("click",function(){ //此处添加禁止连续点击刷新一是为了降低服务器压力，另外一个就是为了防止超快点击造成chrome本身的一些js文件的报错(不过貌似这个问题还是存在，不过概率小了很多)
|
||||
if($(this).hasClass("refreshThis")){
|
||||
$(this).removeClass("refreshThis");
|
||||
$(".clildFrame .layui-tab-item.layui-show").find("iframe")[0].contentWindow.location.reload(true);
|
||||
}else{
|
||||
layer.msg("您点击的速度超过了服务器的响应速度，还是等两秒再刷新吧！");
|
||||
setTimeout(function(){
|
||||
$(".refresh").addClass("refreshThis");
|
||||
},2000)
|
||||
}
|
||||
})
|
||||
|
||||
//关闭其他
|
||||
$(".closePageOther").on("click",function(){
|
||||
if($("#top_tabs li").length>2 && $("#top_tabs li.layui-this cite").text()!="后台首页"){
|
||||
var menu = JSON.parse(window.sessionStorage.getItem("menu"));
|
||||
$("#top_tabs li").each(function(){
|
||||
if($(this).attr("lay-id") != '' && !$(this).hasClass("layui-this")){
|
||||
element.tabDelete("bodyTab",$(this).attr("lay-id")).init();
|
||||
//此处将当前窗口重新获取放入session，避免一个个删除来回循环造成的不必要工作量
|
||||
for(var i=0;i<menu.length;i++){
|
||||
if($("#top_tabs li.layui-this cite").text() == menu[i].title){
|
||||
menu.splice(0,menu.length,menu[i]);
|
||||
window.sessionStorage.setItem("menu",JSON.stringify(menu));
|
||||
}
|
||||
}
|
||||
}
|
||||
})
|
||||
}else if($("#top_tabs li.layui-this cite").text()=="后台首页" && $("#top_tabs li").length>1){
|
||||
$("#top_tabs li").each(function(){
|
||||
if($(this).attr("lay-id") != '' && !$(this).hasClass("layui-this")){
|
||||
element.tabDelete("bodyTab",$(this).attr("lay-id")).init();
|
||||
window.sessionStorage.removeItem("menu");
|
||||
menu = [];
|
||||
window.sessionStorage.removeItem("curmenu");
|
||||
}
|
||||
})
|
||||
}else{
|
||||
layer.msg("没有可以关闭的窗口了@_@");
|
||||
}
|
||||
//渲染顶部窗口
|
||||
tab.tabMove();
|
||||
})
|
||||
//关闭全部
|
||||
$(".closePageAll").on("click",function(){
|
||||
if($("#top_tabs li").length > 1){
|
||||
$("#top_tabs li").each(function(){
|
||||
if($(this).attr("lay-id") != ''){
|
||||
element.tabDelete("bodyTab",$(this).attr("lay-id")).init();
|
||||
window.sessionStorage.removeItem("menu");
|
||||
menu = [];
|
||||
window.sessionStorage.removeItem("curmenu");
|
||||
}
|
||||
})
|
||||
}else{
|
||||
layer.msg("没有可以关闭的窗口了@_@");
|
||||
}
|
||||
//渲染顶部窗口
|
||||
tab.tabMove();
|
||||
})
|
||||
})
|
||||
|
||||
//打开新窗口
|
||||
function addTab(_this){
|
||||
tab.tabAdd(_this);
|
||||
}
|
||||
|
||||
//捐赠弹窗
|
||||
function donation(){
|
||||
layer.tab({
|
||||
area : ['260px', '367px'],
|
||||
tab : [{
|
||||
title : "微信",
|
||||
content : "<div style='padding:30px;overflow:hidden;background:#d2d0d0;'><img src='/images/wechat.jpg'></div>"
|
||||
},{
|
||||
title : "支付宝",
|
||||
content : "<div style='padding:30px;overflow:hidden;background:#d2d0d0;'><img src='/images/alipay.jpg'></div>"
|
||||
}]
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
@@ -1,63 +1,63 @@
|
||||
function navBar(strData){
|
||||
var data;
|
||||
if(typeof(strData) == "string"){
|
||||
var data = JSON.parse(strData); //部分用户解析出来的是字符串，转换一下
|
||||
}else{
|
||||
data = strData;
|
||||
}
|
||||
var ulHtml = '<ul class="layui-nav layui-nav-tree">';
|
||||
for(var i=0;i<data.length;i++){
|
||||
if(data[i].spread){
|
||||
ulHtml += '<li class="layui-nav-item layui-nav-itemed">';
|
||||
}else{
|
||||
ulHtml += '<li class="layui-nav-item">';
|
||||
}
|
||||
if(data[i].Children != undefined && data[i].Children.length > 0){
|
||||
ulHtml += '<a href="javascript:;">';
|
||||
if(data[i].Item.IconName != undefined && data[i].Item.IconName != ''){
|
||||
if(data[i].Item.IconName.indexOf("icon-") != -1){
|
||||
ulHtml += '<i class="iconfont '+data[i].Item.IconName+'" data-icon="'+data[i].Item.IconName+'"></i>';
|
||||
}else{
|
||||
ulHtml += '<i class="layui-icon" data-icon="'+data[i].Item.IconName+'">'+data[i].Item.IconName+'</i>';
|
||||
}
|
||||
}
|
||||
ulHtml += '<cite>'+data[i].Item.Name+'</cite>';
|
||||
ulHtml += '<span class="layui-nav-more"></span>';
|
||||
ulHtml += '</a>';
|
||||
ulHtml += '<dl class="layui-nav-child">';
|
||||
for(var j=0;j<data[i].Children.length;j++){
|
||||
if(data[i].Children[j].target == "_blank"){
|
||||
ulHtml += '<dd><a href="javascript:;" data-url="'+data[i].Children[j].Item.Url+'" target="'+data[i].Children[j].target+'">';
|
||||
}else{
|
||||
ulHtml += '<dd><a href="javascript:;" data-url="'+data[i].Children[j].Item.Url+'">';
|
||||
}
|
||||
if(data[i].Children[j].Item.IconName != undefined && data[i].Children[j].Item.IconName != ''){
|
||||
if(data[i].Children[j].Item.IconName.indexOf("icon-") != -1){
|
||||
ulHtml += '<i class="iconfont '+data[i].Children[j].Item.IconName+'" data-icon="'+data[i].Children[j].Item.IconName+'"></i>';
|
||||
}else{
|
||||
ulHtml += '<i class="layui-icon" data-icon="'+data[i].Children[j].Item.IconName+'">'+data[i].Children[j].Item.IconName+'</i>';
|
||||
}
|
||||
}
|
||||
ulHtml += '<cite>'+data[i].Children[j].Item.Name+'</cite></a></dd>';
|
||||
}
|
||||
ulHtml += "</dl>";
|
||||
}else{
|
||||
if(data[i].target == "_blank"){
|
||||
ulHtml += '<a href="javascript:;" data-url="'+data[i].Item.Url+'" target="'+data[i].target+'">';
|
||||
}else{
|
||||
ulHtml += '<a href="javascript:;" data-url="'+data[i].Item.Url+'">';
|
||||
}
|
||||
if(data[i].Item.IconName != undefined && data[i].Item.IconName != ''){
|
||||
if(data[i].Item.IconName.indexOf("icon-") != -1){
|
||||
ulHtml += '<i class="iconfont '+data[i].Item.IconName+'" data-icon="'+data[i].Item.IconName+'"></i>';
|
||||
}else{
|
||||
ulHtml += '<i class="layui-icon" data-icon="'+data[i].Item.IconName+'">'+data[i].Item.IconName+'</i>';
|
||||
}
|
||||
}
|
||||
ulHtml += '<cite>'+data[i].Item.Name+'</cite></a>';
|
||||
}
|
||||
ulHtml += '</li>';
|
||||
}
|
||||
ulHtml += '</ul>';
|
||||
return ulHtml;
|
||||
}
|
||||
function navBar(strData){
|
||||
var data;
|
||||
if(typeof(strData) == "string"){
|
||||
var data = JSON.parse(strData); //部分用户解析出来的是字符串，转换一下
|
||||
}else{
|
||||
data = strData;
|
||||
}
|
||||
var ulHtml = '<ul class="layui-nav layui-nav-tree">';
|
||||
for(var i=0;i<data.length;i++){
|
||||
if(data[i].spread){
|
||||
ulHtml += '<li class="layui-nav-item layui-nav-itemed">';
|
||||
}else{
|
||||
ulHtml += '<li class="layui-nav-item">';
|
||||
}
|
||||
if(data[i].Children != undefined && data[i].Children.length > 0){
|
||||
ulHtml += '<a href="javascript:;">';
|
||||
if(data[i].Item.IconName != undefined && data[i].Item.IconName != ''){
|
||||
if(data[i].Item.IconName.indexOf("icon-") != -1){
|
||||
ulHtml += '<i class="iconfont '+data[i].Item.IconName+'" data-icon="'+data[i].Item.IconName+'"></i>';
|
||||
}else{
|
||||
ulHtml += '<i class="layui-icon" data-icon="'+data[i].Item.IconName+'">'+data[i].Item.IconName+'</i>';
|
||||
}
|
||||
}
|
||||
ulHtml += '<cite>'+data[i].Item.Name+'</cite>';
|
||||
ulHtml += '<span class="layui-nav-more"></span>';
|
||||
ulHtml += '</a>';
|
||||
ulHtml += '<dl class="layui-nav-child">';
|
||||
for(var j=0;j<data[i].Children.length;j++){
|
||||
if(data[i].Children[j].target == "_blank"){
|
||||
ulHtml += '<dd><a href="javascript:;" data-url="'+data[i].Children[j].Item.Url+'" target="'+data[i].Children[j].target+'">';
|
||||
}else{
|
||||
ulHtml += '<dd><a href="javascript:;" data-url="'+data[i].Children[j].Item.Url+'">';
|
||||
}
|
||||
if(data[i].Children[j].Item.IconName != undefined && data[i].Children[j].Item.IconName != ''){
|
||||
if(data[i].Children[j].Item.IconName.indexOf("icon-") != -1){
|
||||
ulHtml += '<i class="iconfont '+data[i].Children[j].Item.IconName+'" data-icon="'+data[i].Children[j].Item.IconName+'"></i>';
|
||||
}else{
|
||||
ulHtml += '<i class="layui-icon" data-icon="'+data[i].Children[j].Item.IconName+'">'+data[i].Children[j].Item.IconName+'</i>';
|
||||
}
|
||||
}
|
||||
ulHtml += '<cite>'+data[i].Children[j].Item.Name+'</cite></a></dd>';
|
||||
}
|
||||
ulHtml += "</dl>";
|
||||
}else{
|
||||
if(data[i].target == "_blank"){
|
||||
ulHtml += '<a href="javascript:;" data-url="'+data[i].Item.Url+'" target="'+data[i].target+'">';
|
||||
}else{
|
||||
ulHtml += '<a href="javascript:;" data-url="'+data[i].Item.Url+'">';
|
||||
}
|
||||
if(data[i].Item.IconName != undefined && data[i].Item.IconName != ''){
|
||||
if(data[i].Item.IconName.indexOf("icon-") != -1){
|
||||
ulHtml += '<i class="iconfont '+data[i].Item.IconName+'" data-icon="'+data[i].Item.IconName+'"></i>';
|
||||
}else{
|
||||
ulHtml += '<i class="layui-icon" data-icon="'+data[i].Item.IconName+'">'+data[i].Item.IconName+'</i>';
|
||||
}
|
||||
}
|
||||
ulHtml += '<cite>'+data[i].Item.Name+'</cite></a>';
|
||||
}
|
||||
ulHtml += '</li>';
|
||||
}
|
||||
ulHtml += '</ul>';
|
||||
return ulHtml;
|
||||
}
|
||||
|
||||
@@ -1,21 +1,21 @@
|
||||
layui.config({
|
||||
base : "/js/"
|
||||
}).use(['form','layer'],function(){
|
||||
var form = layui.form,
|
||||
layer = parent.layer === undefined ? layui.layer : parent.layer,
|
||||
$ = layui.jquery;
|
||||
//video背景
|
||||
$(window).resize(function(){
|
||||
if($(".video-player").width() > $(window).width()){
|
||||
$(".video-player").css({"height":$(window).height(),"width":"auto","left":-($(".video-player").width()-$(window).width())/2});
|
||||
}else{
|
||||
$(".video-player").css({"width":$(window).width(),"height":"auto","left":-($(".video-player").width()-$(window).width())/2});
|
||||
}
|
||||
}).resize();
|
||||
|
||||
//登录按钮事件
|
||||
form.on("submit(login)",function(data){
|
||||
window.location.href = "/Login/LoginByDev";
|
||||
return false;
|
||||
})
|
||||
})
|
||||
layui.config({
|
||||
base : "/js/"
|
||||
}).use(['form','layer'],function(){
|
||||
var form = layui.form,
|
||||
layer = parent.layer === undefined ? layui.layer : parent.layer,
|
||||
$ = layui.jquery;
|
||||
//video背景
|
||||
$(window).resize(function(){
|
||||
if($(".video-player").width() > $(window).width()){
|
||||
$(".video-player").css({"height":$(window).height(),"width":"auto","left":-($(".video-player").width()-$(window).width())/2});
|
||||
}else{
|
||||
$(".video-player").css({"width":$(window).width(),"height":"auto","left":-($(".video-player").width()-$(window).width())/2});
|
||||
}
|
||||
}).resize();
|
||||
|
||||
//登录按钮事件
|
||||
form.on("submit(login)",function(data){
|
||||
window.location.href = "/Login/LoginByDev";
|
||||
return false;
|
||||
})
|
||||
})
|
||||
|
||||
@@ -1,89 +1,89 @@
|
||||
layui.config({
|
||||
base : "/js/"
|
||||
}).use(['form','element','layer','jquery'],function(){
|
||||
var form = layui.form,
|
||||
layer = parent.layer === undefined ? layui.layer : parent.layer,
|
||||
element = layui.element,
|
||||
$ = layui.jquery;
|
||||
|
||||
$(".panel a").on("click",function(){
|
||||
window.parent.addTab($(this));
|
||||
})
|
||||
|
||||
//动态获取文章总数和待审核文章数量,最新文章
|
||||
$.get("/json/newsList.json",
|
||||
function(data){
|
||||
var waitNews = [];
|
||||
$(".allNews span").text(data.length); //文章总数
|
||||
for(var i=0;i<data.length;i++){
|
||||
var newsStr = data[i];
|
||||
if(newsStr["newsStatus"] == "待审核"){
|
||||
waitNews.push(newsStr);
|
||||
}
|
||||
}
|
||||
$(".waitNews span").text(waitNews.length); //待审核文章
|
||||
}
|
||||
)
|
||||
|
||||
//图片总数
|
||||
$.get("/json/images.json",
|
||||
function(data){
|
||||
$(".imgAll span").text(data.length);
|
||||
}
|
||||
)
|
||||
|
||||
//用户数
|
||||
$.get("/json/usersList.json",
|
||||
function(data){
|
||||
$(".userAll span").text(data.length);
|
||||
}
|
||||
)
|
||||
|
||||
//新消息
|
||||
$.get("/json/message.json",
|
||||
function(data){
|
||||
$(".newMessage span").text(data.length);
|
||||
}
|
||||
)
|
||||
|
||||
|
||||
//数字格式化
|
||||
$(".panel span").each(function(){
|
||||
$(this).html($(this).text()>9999 ? ($(this).text()/10000).toFixed(2) + "<em>万</em>" : $(this).text());
|
||||
})
|
||||
|
||||
//系统基本参数
|
||||
if(window.sessionStorage.getItem("systemParameter")){
|
||||
var systemParameter = JSON.parse(window.sessionStorage.getItem("systemParameter"));
|
||||
fillParameter(systemParameter);
|
||||
}else{
|
||||
$.ajax({
|
||||
url : "/json/systemParameter.json",
|
||||
type : "get",
|
||||
dataType : "json",
|
||||
success : function(data){
|
||||
fillParameter(data);
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
//填充数据方法
|
||||
function fillParameter(data){
|
||||
//判断字段数据是否存在
|
||||
function nullData(data){
|
||||
if(data == '' || data == "undefined"){
|
||||
return "未定义";
|
||||
}else{
|
||||
return data;
|
||||
}
|
||||
}
|
||||
$(".version").text(nullData(data.version)); //当前版本
|
||||
$(".author").text(nullData(data.author)); //开发作者
|
||||
$(".homePage").text(nullData(data.homePage)); //网站首页
|
||||
$(".server").text(nullData(data.server)); //服务器环境
|
||||
$(".dataBase").text(nullData(data.dataBase)); //数据库版本
|
||||
$(".maxUpload").text(nullData(data.maxUpload)); //最大上传限制
|
||||
$(".userRights").text(nullData(data.userRights));//当前用户权限
|
||||
}
|
||||
|
||||
})
|
||||
layui.config({
|
||||
base : "/js/"
|
||||
}).use(['form','element','layer','jquery'],function(){
|
||||
var form = layui.form,
|
||||
layer = parent.layer === undefined ? layui.layer : parent.layer,
|
||||
element = layui.element,
|
||||
$ = layui.jquery;
|
||||
|
||||
$(".panel a").on("click",function(){
|
||||
window.parent.addTab($(this));
|
||||
})
|
||||
|
||||
//动态获取文章总数和待审核文章数量,最新文章
|
||||
$.get("/json/newsList.json",
|
||||
function(data){
|
||||
var waitNews = [];
|
||||
$(".allNews span").text(data.length); //文章总数
|
||||
for(var i=0;i<data.length;i++){
|
||||
var newsStr = data[i];
|
||||
if(newsStr["newsStatus"] == "待审核"){
|
||||
waitNews.push(newsStr);
|
||||
}
|
||||
}
|
||||
$(".waitNews span").text(waitNews.length); //待审核文章
|
||||
}
|
||||
)
|
||||
|
||||
//图片总数
|
||||
$.get("/json/images.json",
|
||||
function(data){
|
||||
$(".imgAll span").text(data.length);
|
||||
}
|
||||
)
|
||||
|
||||
//用户数
|
||||
$.get("/json/usersList.json",
|
||||
function(data){
|
||||
$(".userAll span").text(data.length);
|
||||
}
|
||||
)
|
||||
|
||||
//新消息
|
||||
$.get("/json/message.json",
|
||||
function(data){
|
||||
$(".newMessage span").text(data.length);
|
||||
}
|
||||
)
|
||||
|
||||
|
||||
//数字格式化
|
||||
$(".panel span").each(function(){
|
||||
$(this).html($(this).text()>9999 ? ($(this).text()/10000).toFixed(2) + "<em>万</em>" : $(this).text());
|
||||
})
|
||||
|
||||
//系统基本参数
|
||||
if(window.sessionStorage.getItem("systemParameter")){
|
||||
var systemParameter = JSON.parse(window.sessionStorage.getItem("systemParameter"));
|
||||
fillParameter(systemParameter);
|
||||
}else{
|
||||
$.ajax({
|
||||
url : "/json/systemParameter.json",
|
||||
type : "get",
|
||||
dataType : "json",
|
||||
success : function(data){
|
||||
fillParameter(data);
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
//填充数据方法
|
||||
function fillParameter(data){
|
||||
//判断字段数据是否存在
|
||||
function nullData(data){
|
||||
if(data == '' || data == "undefined"){
|
||||
return "未定义";
|
||||
}else{
|
||||
return data;
|
||||
}
|
||||
}
|
||||
$(".version").text(nullData(data.version)); //当前版本
|
||||
$(".author").text(nullData(data.author)); //开发作者
|
||||
$(".homePage").text(nullData(data.homePage)); //网站首页
|
||||
$(".server").text(nullData(data.server)); //服务器环境
|
||||
$(".dataBase").text(nullData(data.dataBase)); //数据库版本
|
||||
$(".maxUpload").text(nullData(data.maxUpload)); //最大上传限制
|
||||
$(".userRights").text(nullData(data.userRights));//当前用户权限
|
||||
}
|
||||
|
||||
})
|
||||
|
||||
Reference in New Issue
Block a user