improve:okadmin.js
bobi
parent
33d46a65ca
commit
bd4cb18f11
105
js/okadmin.js
105
js/okadmin.js
|
|
@ -1,25 +1,30 @@
|
|||
/^http(s*):\/\//.test(location.href) || alert('请先部署到 localhost 下再访问');
|
||||
var objOkTab = '';//为子页面提供全局的okTap对象
|
||||
layui.use(['element', 'layer', 'okUtils', 'okTab'], function () {
|
||||
var element = layui.element,
|
||||
okUtils = layui.okUtils,
|
||||
$ = layui.jquery,
|
||||
layer = layui.layer,
|
||||
okTab = layui.okTab({
|
||||
url: "./data/navs.json",
|
||||
|
||||
var objOkTab = "";
|
||||
layui.use(["element", "layer", "okUtils", "okTab", "okLayer"], function () {
|
||||
var okUtils = layui.okUtils;
|
||||
var $ = layui.jquery;
|
||||
var layer = layui.layer;
|
||||
var okLayer = layui.okLayer;
|
||||
var okTab = layui.okTab({
|
||||
url: "data/navs.json",
|
||||
openTabNum: 30, // 允许同时选项卡的个数
|
||||
parseData: function (data) { // 如果返回的结果和navs.json中的数据结构一致可省略这个方法
|
||||
return data;
|
||||
}
|
||||
});
|
||||
objOkTab = okTab;
|
||||
/**
|
||||
* 左侧导航渲染完成之后的操作
|
||||
*/
|
||||
okTab.render(function () {
|
||||
//左侧导航渲染完成之后的操作
|
||||
|
||||
|
||||
});//渲染左侧导航
|
||||
});
|
||||
|
||||
// 添加新窗口
|
||||
/**
|
||||
* 添加新窗口
|
||||
*/
|
||||
$("body").on("click", "#navBar .layui-nav-item a,#userInfo a", function () {
|
||||
// 如果不存在子级
|
||||
if ($(this).siblings().length == 0) {
|
||||
|
|
@ -32,7 +37,6 @@ layui.use(['element', 'layer', 'okUtils', 'okTab'], function () {
|
|||
|
||||
/**
|
||||
* 左边菜单显隐功能
|
||||
* @type {boolean}
|
||||
*/
|
||||
$(".ok-menu").click(function () {
|
||||
$(".layui-layout-admin").toggleClass("ok-left-hide");
|
||||
|
|
@ -43,42 +47,52 @@ layui.use(['element', 'layer', 'okUtils', 'okTab'], function () {
|
|||
}, 1200);
|
||||
});
|
||||
|
||||
//移动端的处理事件Start
|
||||
/**
|
||||
* 移动端的处理事件
|
||||
*/
|
||||
$("body").on("click", ".layui-layout-admin .ok-left a[data-url],.ok-make", function () {
|
||||
if ($(".layui-layout-admin").hasClass("ok-left-hide")) {
|
||||
$(".layui-layout-admin").removeClass("ok-left-hide");
|
||||
$(".ok-menu").find('i').removeClass("ok-menu-hide");
|
||||
}
|
||||
});
|
||||
//移动端的处理事件End
|
||||
|
||||
//tab左右移动
|
||||
/**
|
||||
* tab左右移动
|
||||
*/
|
||||
$("body").on("click", ".okNavMove", function () {
|
||||
var moveId = $(this).attr("data-id");
|
||||
var that = this;
|
||||
okTab.navMove(moveId, that);
|
||||
// console.log(width);
|
||||
});
|
||||
|
||||
//刷新当前tab页
|
||||
/**
|
||||
* 刷新当前tab页
|
||||
*/
|
||||
$("body").on("click", ".ok-refresh", function () {
|
||||
okTab.refresh(this);
|
||||
});
|
||||
|
||||
//关闭tab页
|
||||
/**
|
||||
* 关闭tab页
|
||||
*/
|
||||
$("body").on("click", "#tabAction a", function () {
|
||||
var num = $(this).attr('data-num');
|
||||
okTab.tabClose(num);
|
||||
});
|
||||
|
||||
//全屏/退出全屏
|
||||
/**
|
||||
* 全屏/退出全屏
|
||||
*/
|
||||
$("body").on("keydown", function (event) {
|
||||
event = event || window.event || arguments.callee.caller.arguments[0];
|
||||
if (event && event.keyCode == 27) { // 按 Esc
|
||||
// 按 Esc
|
||||
if (event && event.keyCode == 27) {
|
||||
console.log("Esc");
|
||||
$("#fullScreen").children("i").eq(0).removeClass("okicon-screen-restore");
|
||||
}
|
||||
if (event && event.keyCode == 122) { // 按 F11
|
||||
// 按 F11
|
||||
if (event && event.keyCode == 122) {
|
||||
$("#fullScreen").children("i").eq(0).addClass("okicon-screen-restore");
|
||||
}
|
||||
});
|
||||
|
|
@ -95,7 +109,9 @@ layui.use(['element', 'layer', 'okUtils', 'okTab'], function () {
|
|||
}
|
||||
});
|
||||
|
||||
/**左侧菜单展开动画**/
|
||||
/**
|
||||
* 左侧菜单展开动画
|
||||
*/
|
||||
$("#navBar").on('click', '.layui-nav-item a', function () {
|
||||
if (!$(this).attr('lay-id')) {
|
||||
var superEle = $(this).parent();
|
||||
|
|
@ -121,9 +137,8 @@ layui.use(['element', 'layer', 'okUtils', 'okTab'], function () {
|
|||
|
||||
/**
|
||||
* 全屏和退出全屏的方法
|
||||
* @param num
|
||||
* num为1代表全屏
|
||||
* num为2代表退出全屏
|
||||
* @param num 1代表全屏 2代表退出全屏
|
||||
* @returns {Promise}
|
||||
*/
|
||||
function screenFun(num) {
|
||||
num = num || 1;
|
||||
|
|
@ -165,7 +180,7 @@ layui.use(['element', 'layer', 'okUtils', 'okTab'], function () {
|
|||
*/
|
||||
$(document).on("click", "#notice", noticeFun);
|
||||
!function () {
|
||||
let notice = sessionStorage.getItem("notice");
|
||||
var notice = sessionStorage.getItem("notice");
|
||||
if (notice != "true") {
|
||||
noticeFun();
|
||||
}
|
||||
|
|
@ -235,8 +250,8 @@ layui.use(['element', 'layer', 'okUtils', 'okTab'], function () {
|
|||
* 退出操作
|
||||
*/
|
||||
$("#logout").click(function () {
|
||||
layer.confirm("确定要退出吗？", {skin: 'layui-layer-lan', icon: 3, title: '提示', anim: 6}, function () {
|
||||
window.location = "./pages/login.html";
|
||||
okLayer.confirm("确定要退出吗？", function (index) {
|
||||
window.location = "pages/login.html";
|
||||
});
|
||||
});
|
||||
|
||||
|
|
@ -244,34 +259,30 @@ layui.use(['element', 'layer', 'okUtils', 'okTab'], function () {
|
|||
* 锁定账户
|
||||
*/
|
||||
$("#lock").click(function () {
|
||||
layer.confirm("确定要锁定账户吗？", {skin: 'layui-layer-lan', icon: 4, title: '提示', anim: 1}, function (index) {
|
||||
okLayer.confirm("确定要锁定账户吗？", function (index) {
|
||||
layer.close(index);
|
||||
$(".yy").show();
|
||||
layer.prompt({
|
||||
btn: ['确定'],
|
||||
title: '输入密码解锁(123456)',
|
||||
closeBtn: 0,
|
||||
formType: 1
|
||||
}, function (value, index, elem) {
|
||||
layer.prompt({btn: ['确定'], title: '输入密码解锁(123456)', closeBtn: 0, formType: 1}, function (value, index, elem) {
|
||||
if (value == "123456") {
|
||||
layer.close(index);
|
||||
$(".yy").hide();
|
||||
} else {
|
||||
layer.msg('密码错误', {anim: 6});
|
||||
layer.msg('密码错误', {anim: 6, time: 1000});
|
||||
}
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
// console.log(" _ _ _ \n" +
|
||||
// " | | | | (_) \n" +
|
||||
// " ___ | | _ _____ _____ __| |____ _ ____ \n" +
|
||||
// " / _ \\| |_/ |_____|____ |/ _ | \\| | _ \\ \n" +
|
||||
// "| |_| | _ ( / ___ ( (_| | | | | | | | |\n" +
|
||||
// " \\___/|_| \\_) \\_____|\\____|_|_|_|_|_| |_|\n" +
|
||||
// " \n" +
|
||||
// "版本：v2.0\n" +
|
||||
// "作者：bobi\n" +
|
||||
// "邮箱：bobi1234@foxmail.com\n" +
|
||||
// "描述：一个很赞的，扁平化风格的，响应式布局的后台管理模版，旨为后端程序员减压！");
|
||||
console.log(" _ _ _ \n" +
|
||||
" | | | | (_) \n" +
|
||||
" ___ | | _ _____ _____ __| |____ _ ____ \n" +
|
||||
" / _ \\| |_/ |_____|____ |/ _ | \\| | _ \\ \n" +
|
||||
"| |_| | _ ( / ___ ( (_| | | | | | | | |\n" +
|
||||
" \\___/|_| \\_) \\_____|\\____|_|_|_|_|_| |_|\n" +
|
||||
" \n" +
|
||||
"版本：v2.0\n" +
|
||||
"作者：bobi\n" +
|
||||
"邮箱：bobi1234@foxmail.com\n" +
|
||||
"企鹅：964222534\n" +
|
||||
"描述：一个很赞的，扁平化风格的，响应式布局的后台管理模版，旨为后端程序员减压！");
|
||||
});
|
||||
|
|
|
|||
Loading…
Reference in New Issue