root
/
ok-admin
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

improve:okadmin.js

master
bobi 2019-08-22 22:58:32 +08:00
parent 33d46a65ca
commit bd4cb18f11
1 changed files with 281 additions and 270 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

115
js/okadmin.js
View File

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