|
|
@ -1153,155 +1153,161 @@ layui.use(['layer', 'element', 'form', 'jquery'], function () { |
|
|
events[t] && events[t].call(this, e) |
|
|
events[t] && events[t].call(this, e) |
|
|
}); |
|
|
}); |
|
|
|
|
|
|
|
|
var events = { |
|
|
var events = { |
|
|
//全屏
|
|
|
//全屏
|
|
|
fullscreen: function (m) { |
|
|
fullscreen: function (m) { |
|
|
var a = "fa-arrows-alt", |
|
|
var a = "fa-arrows-alt", |
|
|
t = "fa-compress", |
|
|
t = "fa-compress", |
|
|
i = m.children("i"); |
|
|
i = m.children("i"); |
|
|
if(i.hasClass(a)){ |
|
|
if (i.hasClass(a)) { |
|
|
i.addClass(t).removeClass(a); |
|
|
i.addClass(t).removeClass(a); |
|
|
var e = document.documentElement, |
|
|
var e = document.documentElement, |
|
|
a = e.requestFullScreen || e.webkitRequestFullScreen || e.mozRequestFullScreen || e.msRequestFullscreen; |
|
|
a = e.requestFullScreen || e.webkitRequestFullScreen || e.mozRequestFullScreen || e.msRequestFullscreen; |
|
|
"undefined" != typeof a && a && a.call(e); |
|
|
"undefined" != typeof a && a && a.call(e); |
|
|
} |
|
|
|
|
|
else { |
|
|
|
|
|
document.documentElement; |
|
|
|
|
|
if(document.fullscreenElement){ |
|
|
|
|
|
document.exitFullscreen ? document.exitFullscreen() : document.mozCancelFullScreen ? document.mozCancelFullScreen() : document.webkitCancelFullScreen ? document.webkitCancelFullScreen() : document.msExitFullscreen && document.msExitFullscreen() |
|
|
|
|
|
} |
|
|
|
|
|
i.addClass(a).removeClass(t); |
|
|
|
|
|
} |
|
|
|
|
|
}, |
|
|
|
|
|
//皮肤设置
|
|
|
|
|
|
skinConfig: function (m) { |
|
|
|
|
|
var clientHeight = (document.documentElement.clientHeight) - 55; |
|
|
|
|
|
var html = $('.hg-config'); |
|
|
|
|
|
$.getJSON('config/skin.json', function (res) { |
|
|
|
|
|
if (res && res.data) { |
|
|
|
|
|
var ul = document.createElement("ul"); |
|
|
|
|
|
var config = events.getSkinConfig(); |
|
|
|
|
|
layui.each(res.data, function(arr,obj){ |
|
|
|
|
|
var li = document.createElement("li"); |
|
|
|
|
|
li.setAttribute("hg-event","skinChangeColor"); |
|
|
|
|
|
li.setAttribute("data-skin",arr); |
|
|
|
|
|
if(arr == config.hg_skin){ |
|
|
|
|
|
li.setAttribute("class","layui-this"); |
|
|
|
|
|
} |
|
|
} |
|
|
var a = $('<a href="javascript:;"> '+ |
|
|
else { |
|
|
' <div> '+ |
|
|
document.documentElement; |
|
|
' <span style="display:block; width: 100%; float: left; height: 12px; background: '+res.data[arr].header_bgcolor+';"></span> '+ |
|
|
if (document.fullscreenElement) { |
|
|
' </div> '+ |
|
|
document.exitFullscreen ? document.exitFullscreen() : document.mozCancelFullScreen ? document.mozCancelFullScreen() : document.webkitCancelFullScreen ? document.webkitCancelFullScreen() : document.msExitFullscreen && document.msExitFullscreen() |
|
|
' <div> '+ |
|
|
} |
|
|
' <span style="display:block; width: 20%; float: left; height: 40px; background: '+res.data[arr].menu_bgcolor+';"></span> '+ |
|
|
i.addClass(a).removeClass(t); |
|
|
' <span style="display:block; width: 80%; float: left; height: 40px; background: #f1f1f1;"></span> '+ |
|
|
} |
|
|
' </div> '+ |
|
|
}, |
|
|
'</a> '); |
|
|
//皮肤设置
|
|
|
$(li).html(a); |
|
|
skinConfig: function (m) { |
|
|
ul.appendChild(li); |
|
|
var clientHeight = (document.documentElement.clientHeight) - 55; |
|
|
}); |
|
|
var html = $('.hg-config'); |
|
|
html.find('ul.skin').html(ul.children); |
|
|
$.getJSON('../config/skin.json', function (res) { |
|
|
} |
|
|
if (res && res.data) { |
|
|
}); |
|
|
var ul = document.createElement("ul"); |
|
|
|
|
|
var config = events.getSkinConfig(); |
|
|
|
|
|
layui.each(res.data, function (arr, obj) { |
|
|
|
|
|
var li = document.createElement("li"); |
|
|
|
|
|
li.setAttribute("hg-event", "skinChangeColor"); |
|
|
|
|
|
li.setAttribute("data-skin", arr); |
|
|
|
|
|
if (arr == config.hg_skin) { |
|
|
|
|
|
li.setAttribute("class", "layui-this"); |
|
|
|
|
|
} |
|
|
|
|
|
var a = $('<a href="javascript:;"> ' + |
|
|
|
|
|
' <div> ' + |
|
|
|
|
|
' <span style="display:block; width: 100%; float: left; height: 12px; background: ' + res.data[arr].header_bgcolor + ';"></span> ' + |
|
|
|
|
|
' </div> ' + |
|
|
|
|
|
' <div> ' + |
|
|
|
|
|
' <span style="display:block; width: 20%; float: left; height: 40px; background: ' + res.data[arr].menu_bgcolor + ';"></span> ' + |
|
|
|
|
|
' <span style="display:block; width: 80%; float: left; height: 40px; background: #f1f1f1;"></span> ' + |
|
|
|
|
|
' </div> ' + |
|
|
|
|
|
'</a> '); |
|
|
|
|
|
$(li).html(a); |
|
|
|
|
|
ul.appendChild(li); |
|
|
|
|
|
}); |
|
|
|
|
|
html.find('ul.skin').html(ul.children); |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
|
}); |
|
|
|
|
|
|
|
|
layer.open({ |
|
|
layer.open({ |
|
|
type: 1, |
|
|
type: 1, |
|
|
title: '皮肤设置', |
|
|
title: '皮肤设置', |
|
|
btn: ['保存'], |
|
|
btn: ['保存'], |
|
|
yes: function(index, layero){ |
|
|
yes: function (index, layero) { |
|
|
var hg_skin = $('#'+this.id + ' li.layui-this').attr('data-skin'); |
|
|
var hg_skin = $('#' + this.id + ' li.layui-this').attr('data-skin'); |
|
|
var hg_fontsize = $('#'+this.id + ' input[name="fontsize"]:checked').val(); |
|
|
var hg_fontsize = $('#' + this.id + ' input[name="fontsize"]:checked').val(); |
|
|
events['saveSkinConfig'].call(this, {hg_skin:hg_skin,hg_fontsize:hg_fontsize}); |
|
|
events['saveSkinConfig'].call(this, { hg_skin: hg_skin, hg_fontsize: hg_fontsize }); |
|
|
}, |
|
|
}, |
|
|
closeBtn: 1, |
|
|
closeBtn: 1, |
|
|
shade: 0.2, |
|
|
shade: 0.2, |
|
|
anim: 2, //动画
|
|
|
anim: 2, //动画
|
|
|
resize: false, //禁止拉伸
|
|
|
resize: false, //禁止拉伸
|
|
|
scrollbar: true, //滚动条
|
|
|
scrollbar: false, //滚动条
|
|
|
move: false, //禁止拖拽
|
|
|
move: false, //禁止拖拽
|
|
|
shadeClose: false, //点击遮罩关闭
|
|
|
shadeClose: false, //点击遮罩关闭
|
|
|
id: 'hgconfig', |
|
|
id: 'hgconfig', |
|
|
area: ['400px', clientHeight + 'px'], |
|
|
area: ['400px', clientHeight + 'px'], |
|
|
offset: 'rb', |
|
|
offset: 'rb', |
|
|
content: html, |
|
|
content: html, |
|
|
success: function () { |
|
|
success: function () { |
|
|
var config = events.getSkinConfig(); |
|
|
var config = events.getSkinConfig(); |
|
|
var data_skin = $('#'+this.id + ' li[data-skin='+config.hg_skin+']'); |
|
|
var data_skin = $('#' + this.id + ' li[data-skin=' + config.hg_skin + ']'); |
|
|
data_skin.addClass('layui-this').siblings().removeClass('layui-this'); |
|
|
data_skin.addClass('layui-this').siblings().removeClass('layui-this'); |
|
|
$('input[name="fontsize"][value='+config.hg_fontsize+']').next().click(); |
|
|
$('input[name="fontsize"][value=' + config.hg_fontsize + ']').next().click(); |
|
|
}, |
|
|
}, |
|
|
end: function () { |
|
|
end: function () { |
|
|
events['initSkinConfig'].call(this); |
|
|
events['initSkinConfig'].call(this); |
|
|
} |
|
|
} |
|
|
}) |
|
|
}) |
|
|
}, |
|
|
}, |
|
|
//主题切换
|
|
|
//主题切换
|
|
|
skinChangeColor: function (m) { |
|
|
skinChangeColor: function (m) { |
|
|
var hg_skin = $(this).attr('data-skin'); |
|
|
var hg_skin = $(this).attr('data-skin'); |
|
|
$(this).addClass('layui-this').siblings().removeClass('layui-this'); |
|
|
$(this).addClass('layui-this').siblings().removeClass('layui-this'); |
|
|
var hg_fontsize = $('#hgconfig input[name="fontsize"]:checked').val(); |
|
|
var hg_fontsize = $('#hgconfig input[name="fontsize"]:checked').val(); |
|
|
events['initSkinConfig'].call(this,{hg_skin:hg_skin,hg_fontsize:hg_fontsize}); |
|
|
events['initSkinConfig'].call(this, { hg_skin: hg_skin, hg_fontsize: hg_fontsize }); |
|
|
}, |
|
|
}, |
|
|
//字号切换
|
|
|
//字号切换
|
|
|
skinChangeWord: function (m) { |
|
|
skinChangeWord: function (m) { |
|
|
console.log($(this)); |
|
|
console.log($(this)); |
|
|
}, |
|
|
}, |
|
|
//保存皮肤设置
|
|
|
//保存皮肤设置
|
|
|
saveSkinConfig: function (m) { |
|
|
saveSkinConfig: function (m) { |
|
|
localStorage.setItem('hg_skin', m.hg_skin); |
|
|
localStorage.setItem('hg_skin', m.hg_skin); |
|
|
localStorage.setItem('hg_fontsize', m.hg_fontsize); |
|
|
localStorage.setItem('hg_fontsize', m.hg_fontsize); |
|
|
hg.msghide('保存成功！'); |
|
|
hg.msghide('保存成功！'); |
|
|
}, |
|
|
}, |
|
|
//获取皮肤设置
|
|
|
//获取皮肤设置
|
|
|
getSkinConfig: function(){ |
|
|
getSkinConfig: function () { |
|
|
var hg_skin = localStorage.getItem('hg_skin') || 0; |
|
|
var hg_skin = localStorage.getItem('hg_skin') || 0; |
|
|
var hg_fontsize = localStorage.getItem('hg_fontsize') || 'md'; |
|
|
//alert(hg_skin);
|
|
|
return { |
|
|
var hg_fontsize = localStorage.getItem('hg_fontsize') || 'md'; |
|
|
hg_skin:hg_skin,hg_fontsize:hg_fontsize |
|
|
//alert(hg_fontsize);
|
|
|
}; |
|
|
return { |
|
|
}, |
|
|
hg_skin: hg_skin, hg_fontsize: hg_fontsize |
|
|
//删除皮肤设置
|
|
|
}; |
|
|
delSkinConfig: function (m) { |
|
|
}, |
|
|
localStorage.removeItem('hg_skin'); |
|
|
//删除皮肤设置
|
|
|
localStorage.removeItem('hg_fontsize'); |
|
|
delSkinConfig: function (m) { |
|
|
events.initSkinConfig(); |
|
|
localStorage.removeItem('hg_skin'); |
|
|
}, |
|
|
localStorage.removeItem('hg_fontsize'); |
|
|
//初始化皮肤
|
|
|
events.initSkinConfig(); |
|
|
initSkinConfig: function (m) { |
|
|
}, |
|
|
if($('body').hasClass('layui-layout-body')){ |
|
|
//初始化皮肤
|
|
|
var config = m || events.getSkinConfig(); |
|
|
initSkinConfig: function (m) { |
|
|
var hg_skin = config.hg_skin; |
|
|
if ($('body').hasClass('layui-layout-body')) { |
|
|
var hg_fontsize = config.hg_fontsize; |
|
|
var config = m || events.getSkinConfig(); |
|
|
$('head').find('style#skinConfig').remove(); |
|
|
var hg_skin = config.hg_skin; |
|
|
if (hg_skin) { |
|
|
var hg_fontsize = config.hg_fontsize; |
|
|
$.getJSON('config/skin.json', function (res) { |
|
|
//alert(hg_skin);
|
|
|
if (res && res.data) { |
|
|
//alert(hg_fontsize);
|
|
|
var style = document.createElement("style"); |
|
|
$('head').find('style#skinConfig').remove(); |
|
|
style.id = 'skinConfig'; |
|
|
if (hg_skin) { |
|
|
style.innerHTML = '.layui-layout-admin .layui-header{background-color: '+res.data[hg_skin].header_bgcolor+';} '+ |
|
|
$.getJSON('../config/skin.json', function (res) { |
|
|
'.layui-left-nav{background-color:'+res.data[hg_skin].menu_bgcolor+';} '+ |
|
|
if (res && res.data) { |
|
|
'.layui-left-nav .sub-tab a.active{background: '+res.data[hg_skin].menu_bgcolor_this+';color: #fff} '+ |
|
|
var style = document.createElement("style"); |
|
|
'.layui-left-nav a.border{border-color: '+res.data[hg_skin].menu_border_color+' !important;} '; |
|
|
style.id = 'skinConfig'; |
|
|
if(hg_fontsize==='lg'){ |
|
|
style.innerHTML = '.layui-layout-admin .layui-header{background-color: ' + res.data[hg_skin].header_bgcolor + ';} ' + |
|
|
style.innerHTML += '.layui-page-content .layui-tab-title li{font-size: 16px;}'; |
|
|
'.layui-left-nav{background-color:' + res.data[hg_skin].menu_bgcolor + ';} ' + |
|
|
} |
|
|
'.layui-left-nav .sub-tab a.active{background: ' + res.data[hg_skin].menu_bgcolor_this + ';color: #fff} ' + |
|
|
if(hg_fontsize==='sm'){ |
|
|
'.layui-left-nav a.border{border-color: ' + res.data[hg_skin].menu_border_color + ' !important;} '; |
|
|
style.innerHTML += '.layui-page-content .layui-tab-title li{font-size: 13px;}'; |
|
|
if (hg_fontsize === 'lg') { |
|
|
} |
|
|
style.innerHTML += '.layui-page-content .layui-tab-title li{font-size: 16px;}'; |
|
|
if(hg_fontsize==='xs'){ |
|
|
} |
|
|
style.innerHTML += '.layui-page-content .layui-tab-title li{font-size: 12px;}'; |
|
|
if (hg_fontsize === 'sm') { |
|
|
} |
|
|
style.innerHTML += '.layui-page-content .layui-tab-title li{font-size: 13px;}'; |
|
|
document.head.appendChild(style); |
|
|
} |
|
|
$('.layui-layout-body').show(); |
|
|
if (hg_fontsize === 'xs') { |
|
|
|
|
|
style.innerHTML += '.layui-page-content .layui-tab-title li{font-size: 12px;}'; |
|
|
|
|
|
} |
|
|
|
|
|
document.head.appendChild(style); |
|
|
|
|
|
$('.layui-layout-body').show(); |
|
|
|
|
|
//alert(style.outerHTML);
|
|
|
|
|
|
} |
|
|
|
|
|
}); |
|
|
|
|
|
} |
|
|
|
|
|
else { |
|
|
|
|
|
$('.layui-layout-body').show(); |
|
|
|
|
|
} |
|
|
} |
|
|
} |
|
|
}); |
|
|
|
|
|
} |
|
|
|
|
|
else{ |
|
|
|
|
|
$('.layui-layout-body').show(); |
|
|
|
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 动态添加索引顶部导航对应meun_id
|
|
|
// 动态添加索引顶部导航对应meun_id
|
|
|
|
BB.Wang
4 years ago
