main.js
2.4 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
var mainPlatform = {
init: function(){
this.bindEvent();
// this.render(menu['home']);
},
bindEvent: function(){
var self = this;
// 顶部大菜单单击事件
$(document).on('click', '.pf-nav-item', function() {
$('.pf-nav-item').removeClass('current');
$(this).addClass('current');
// 渲染对应侧边菜单
var m = $(this).data('menu');
self.render(menu[m]);
});
$(document).on('click', '.sider-nav li', function() {
$('.sider-nav li').removeClass('current');
$(this).addClass('current');
$('iframe').attr('src', $(this).data('src'));
});
$(document).on('click', '.pf-logout', function() {
layer.confirm('您确定要退出吗？', {
icon: 4,
title: '确定退出' //按钮
}, function(){
location.href= 'login.html';
});
});
//左侧菜单收起
$(document).on('click', '.toggle-icon', function() {
$(this).closest("#pf-bd").toggleClass("toggle");
setTimeout(function(){
$(window).resize();
},300)
});
$(document).on('click', '.pf-modify-pwd', function() {
$('#pf-page').find('iframe').eq(0).attr('src', 'backend/modify_pwd.html')
});
$(document).on('click', '.pf-notice-item', function() {
$('#pf-page').find('iframe').eq(0).attr('src', 'backend/notice.html')
});
},
render: function(menu){
var current,
html = ['<h2 class="pf-model-name"><span class="pf-sider-icon"></span><span class="pf-name">'+ menu.title +'</span></h2>'];
html.push('<ul class="sider-nav">');
for(var i = 0, len = menu.menu.length; i < len; i++){
if(menu.menu[i].isCurrent){
current = menu.menu[i];
html.push('<li class="current" title="'+ menu.menu[i].title +'" data-src="'+ menu.menu[i].href +'"><a href="javascript:;"><img src="'+ menu.menu[i].icon +'"><span class="sider-nav-title">'+ menu.menu[i].title +'</span><i class="iconfont"></i></a></li>');
}else{
html.push('<li data-src="'+ menu.menu[i].href +'" title="'+ menu.menu[i].title +'"><a href="javascript:;"><img src="'+ menu.menu[i].icon +'"><span class="sider-nav-title">'+ menu.menu[i].title +'</span><i class="iconfont"></i></a></li>');
}
}
html.push('</ul>');
$('iframe').attr('src', current.href);
$('#pf-sider').html(html.join(''));
}
};
mainPlatform.init();