156 lines
2.6 KiB
JavaScript
156 lines
2.6 KiB
JavaScript
|
layui.use(['element', 'menu', 'tab', 'jquery', 'frame', 'message'], function() {
|
||
|
|
var element = layui.element;
|
||
|
|
var menu = layui.menu;
|
||
|
|
var tab = layui.tab;
|
||
|
|
var $ = layui.jquery;
|
||
|
|
var frame = layui.frame;
|
||
|
|
var message = layui.message;
|
||
|
|
|
||
|
|
/** 公 用 组 件 对 象 */
|
||
|
|
var sideMenu,content;
|
||
|
|
|
||
|
|
render();
|
||
|
|
|
||
|
|
|
||
|
|
function render() {
|
||
|
|
|
||
|
|
menuRender(); /** 初 始 化 菜 单 */
|
||
|
|
|
||
|
|
tabRender(); /** 初 始 化 选 项 卡 */
|
||
|
|
|
||
|
|
logoRender(); /** 图 标 初 始 化 */
|
||
|
|
|
||
|
|
noticeRender(); /** 消 息 栏 初 始 化 */
|
||
|
|
}
|
||
|
|
|
||
|
|
/** 初 始 化 侧 边 菜 单 */
|
||
|
|
function menuRender() {
|
||
|
|
|
||
|
|
sideMenu = menu.render({
|
||
|
|
elem: 'sideMenu',
|
||
|
|
async: true,
|
||
|
|
theme: "dark",
|
||
|
|
height: '100%',
|
||
|
|
control: false,
|
||
|
|
accordion: true,
|
||
|
|
url: "admin/data/menu.json",
|
||
|
|
parseData: false,
|
||
|
|
done: function() {
|
||
|
|
console.log(" 菜 单 渲 染 完 成 ");
|
||
|
|
}
|
||
|
|
|
||
|
|
})
|
||
|
|
|
||
|
|
// 初 始 化 选 中
|
||
|
|
sideMenu.selectItem("0");
|
||
|
|
}
|
||
|
|
|
||
|
|
/** 选 项 卡 初 始 化 */
|
||
|
|
function tabRender() {
|
||
|
|
|
||
|
|
content = tab.render({
|
||
|
|
elem: 'content',
|
||
|
|
roll: true,
|
||
|
|
tool: true,
|
||
|
|
width: '100%',
|
||
|
|
height: '100%',
|
||
|
|
index: 0,
|
||
|
|
tabMax: 20,
|
||
|
|
data: [{
|
||
|
|
id: '0',
|
||
|
|
url: "view/console/console.html",
|
||
|
|
title: '首页',
|
||
|
|
close: false,
|
||
|
|
}]
|
||
|
|
});
|
||
|
|
|
||
|
|
content.click(function(){
|
||
|
|
|
||
|
|
// 选 项 卡 定 位
|
||
|
|
content.positionTab();
|
||
|
|
|
||
|
|
// 菜 单 选 中
|
||
|
|
sideMenu.selectItem(id);
|
||
|
|
})
|
||
|
|
|
||
|
|
sideMenu.click(function(dom, data){
|
||
|
|
content.addTabOnly({
|
||
|
|
id: data.menuId,
|
||
|
|
title: data.menuTitle,
|
||
|
|
url: data.menuUrl,
|
||
|
|
icon: data.menuIcon,
|
||
|
|
close: true
|
||
|
|
}, 300);
|
||
|
|
|
||
|
|
content.positionTab();
|
||
|
|
})
|
||
|
|
}
|
||
|
|
|
||
|
|
/** Iframe 初 始 化 */
|
||
|
|
function frameRender() {
|
||
|
|
|
||
|
|
content = frame.render({
|
||
|
|
elem: 'content',
|
||
|
|
title: '工作空间 / 首页',
|
||
|
|
url: "https://www.baidu.com",
|
||
|
|
width: '100%',
|
||
|
|
height: '100%'
|
||
|
|
});
|
||
|
|
|
||
|
|
sideMenu.click(function(dom, data){
|
||
|
|
content.changePage(data.menuUrl, data.menuPath, true);
|
||
|
|
})
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
function noticeRender(){
|
||
|
|
|
||
|
|
message.render({
|
||
|
|
elem: 'message',
|
||
|
|
url: "admin/data/message.json",
|
||
|
|
height: '250px',
|
||
|
|
click: function(id, title, context, form) {
|
||
|
|
|
||
|
|
layer.msg("message:"+id);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/** Logo 初 始 化 */
|
||
|
|
function logoRender(){
|
||
|
|
|
||
|
|
$(".pear-logo span").html("Pear Admin");
|
||
|
|
|
||
|
|
|
||
|
|
$(".pear-logo img").attr("src","Pear Admin");
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
$(".refresh").click(function(){
|
||
|
|
|
||
|
|
content.refresh(500);
|
||
|
|
|
||
|
|
})
|
||
|
|
|
||
|
|
// 菜 单 的 隐 藏 触 发
|
||
|
|
$(".collaspe").click(function() {
|
||
|
|
sideMenu.collaspe();
|
||
|
|
|
||
|
|
if ($(".pear-admin").is(".pear-mini")) {
|
||
|
|
|
||
|
|
$(".pear-admin").removeClass("pear-mini");
|
||
|
|
} else {
|
||
|
|
|
||
|
|
$(".pear-admin").addClass("pear-mini");
|
||
|
|
}
|
||
|
|
})
|
||
|
|
|
||
|
|
setTimeout(function() {
|
||
|
|
|
||
|
|
$(".loader-main").fadeOut();
|
||
|
|
|
||
|
|
}, 2000)
|
||
|
|
|
||
|
|
});
|