index.js
5.04 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
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
/** index.js By Beginner Emain:zheng_jinfan@126.com HomePage:http://www.zhengjinfan.cn */
var tab;
layui.config({
base: '/static/admin/js/',
//version: new Date().getTime()
version: false
}).use(['element', 'layer', 'navbar', 'tab'], function () {
var element = layui.element, $ = layui.jquery,layer = layui.layer,navbar = layui.navbar();
tab = layui.tab({
elem: '.admin-nav-card', //设置选项卡容器
maxSetting: {
max: 8,
tipMsg: '为了系统的流畅度，只能同时打开8个选项卡。'
},
contextMenu: true,
onSwitch: function (data) {
},
closeBefore: function (obj) { //tab 关闭之前触发的事件
if (obj.title === 'BTable') {
layer.confirm('确定要关闭' + obj.title + '吗?', { icon: 3, title: '系统提示' }, function (index) {
//因为confirm是非阻塞的，所以这里关闭当前tab需要调用一下deleteTab方法
tab.deleteTab(obj.tabId);
layer.close(index);
});
//返回true会直接关闭当前tab
return false;
}else if(obj.title==='表单'){
layer.confirm('未保存的数据可能会丢失哦，确定要关闭吗?', { icon: 3, title: '系统提示' }, function (index) {
tab.deleteTab(obj.tabId);
layer.close(index);
});
return false;
}
return true;
}
});
//iframe自适应
$(window).on('resize', function () {
var $content = $('.admin-nav-card .layui-tab-content');
$content.height($(this).height() - 147);
$content.find('iframe').each(function () {
$(this).height($content.height());
});
}).resize();
//设置navbar
navbar.set({
spreadOne: true,
elem: '#admin-navbar-side',
cached: true,
data: navs
});
//渲染navbar
navbar.render();
//监听点击事件
navbar.on('click(side)', function (data) {
tab.tabAdd(data.field);
});
//清除缓存
$('#clearCached').on('click', function () {
navbar.cleanCached();
layer.alert('清除完成!', { icon: 1, title: '系统提示' }, function () {
location.reload();//刷新
});
});
$('.admin-side-toggle').on('click', function () {
var sideWidth = $('#admin-side').width();
if (sideWidth === 200) {
$('#admin-body').animate({
left: '0'
}); //admin-footer
$('#admin-footer').animate({
left: '0'
});
$('#admin-side').animate({
width: '0'
});
} else {
$('#admin-body').animate({
left: '200px'
});
$('#admin-footer').animate({
left: '200px'
});
$('#admin-side').animate({
width: '200px'
});
}
});
$('.admin-side-full').on('click', function () {
if (localStorage.full == 0) {
localStorage.full=1;
var docElm = document.documentElement;
//W3C
if (docElm.requestFullscreen) {
docElm.requestFullscreen();
}
//FireFox
else if (docElm.mozRequestFullScreen) {
docElm.mozRequestFullScreen();
}
//Chrome等
else if (docElm.webkitRequestFullScreen) {
docElm.webkitRequestFullScreen();
}
//IE11
else if (elem.msRequestFullscreen) {
elem.msRequestFullscreen();
}
layer.msg('按Esc即可退出全屏');
} else {
localStorage.full=0;
if(document.exitFullscreen) {
document.exitFullscreen();
} else if(document.mozCancelFullScreen) {
document.mozCancelFullScreen();
} else if(document.webkitExitFullscreen) {
document.webkitExitFullscreen();
}
}
});
// 监听顶部右侧导航
element.on('nav(side-top-right)', function (elem) {
// 修改skin
if ($(this).parent('dd').attr('data-skin')) {
document.cookie="skin="+$(this).parent('dd').attr('data-skin');
skin();
}
});
// 皮肤
function skin() {
var arr = document.cookie.match("(^| )skin=([^;]*)(;|$)");
var skin = arr != null?arr[2]:"0";
var body = $('body');
body.removeClass('skin-0');
body.removeClass('skin-1');
body.removeClass('skin-2');
body.addClass('skin-' + skin);
}
skin();
//手机设备的简单适配
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');
});
});