ok-admin/lib/layui_plugins/okLayer/okLayer.js

120 lines
4.3 KiB
JavaScript
Raw Normal View History

2019-05-14 07:51:57 +00:00
"use strict";
2019-05-12 08:15:57 +00:00
layui.define(["layer"], function (exports) {
2019-05-12 11:09:10 +00:00
var $ = layui.jquery;
2019-05-12 08:15:57 +00:00
var okLayer = {
2019-05-13 15:41:06 +00:00
/**
* confirm()函数二次封装
* @param content
* @param yesFunction
*/
2019-05-12 11:43:52 +00:00
confirm: function (content, yesFunction) {
2019-05-14 11:38:57 +00:00
var options = {skin: okLayer.skinChoose(), icon: 3, title: "提示", anim: okLayer.animChoose()};
2019-05-12 11:43:52 +00:00
layer.confirm(content, options, yesFunction);
},
2019-05-13 15:41:06 +00:00
/**
* open()函数二次封装,支持在table页面和普通页面打开
* @param title
* @param content
* @param width
* @param height
* @param isRefreshTable
*/
2019-05-14 00:59:49 +00:00
open: function (title, content, width, height, callbackFunction) {
2019-05-12 11:22:05 +00:00
layer.open({
title: title,
type: 2,
maxmin: true,
shade: 0.5,
2019-05-12 11:43:52 +00:00
anim: okLayer.animChoose(),
2019-05-12 11:22:05 +00:00
area: [width, height],
content: content,
zIndex: layer.zIndex,
2019-05-12 11:43:52 +00:00
skin: okLayer.skinChoose(),
2019-05-14 00:59:49 +00:00
end: callbackFunction
2019-05-12 11:22:05 +00:00
});
2019-05-12 11:43:52 +00:00
},
2019-05-13 15:41:06 +00:00
/**
* msg()函数二次封装
*/
msg: {
// msg弹窗默认消失时间
time: 1000,
// 绿色勾
2019-05-14 07:46:30 +00:00
greenTick: function (content, callbackFunction) {
var options = {icon: 1, time: okLayer.msg.time, anim: okLayer.animChoose()};
2019-05-13 15:41:06 +00:00
layer.msg(content, options, callbackFunction);
},
// 红色叉
redCross: function (content, callbackFunction) {
2019-05-14 07:46:30 +00:00
var options = {icon: 2, time: okLayer.msg.time, anim: okLayer.animChoose()};
2019-05-13 15:41:06 +00:00
layer.msg(content, options, callbackFunction);
},
// 黄色问号
yellowQuestion: function (content, callbackFunction) {
2019-05-14 07:46:30 +00:00
var options = {icon: 3, time: okLayer.msg.time, anim: okLayer.animChoose()};
2019-05-13 15:41:06 +00:00
layer.msg(content, options, callbackFunction);
},
// 灰色锁
grayLock: function (content, callbackFunction) {
2019-05-14 07:46:30 +00:00
var options = {icon: 4, time: okLayer.msg.time, anim: okLayer.animChoose()};
2019-05-13 15:41:06 +00:00
layer.msg(content, options, callbackFunction);
},
// 红色哭脸
redCry: function (content, callbackFunction) {
2019-05-14 07:46:30 +00:00
var options = {icon: 5, time: okLayer.msg.time, anim: okLayer.animChoose()};
2019-05-13 15:41:06 +00:00
layer.msg(content, options, callbackFunction);
},
// 绿色笑脸
greenLaugh: function (content, callbackFunction) {
2019-05-14 07:46:30 +00:00
var options = {icon: 6, time: okLayer.msg.time, anim: okLayer.animChoose()};
2019-05-13 15:41:06 +00:00
layer.msg(content, options, callbackFunction);
},
// 黄色感叹号
yellowSigh: function (content, callbackFunction) {
2019-05-14 07:46:30 +00:00
var options = {icon: 7, time: okLayer.msg.time, anim: okLayer.animChoose()};
2019-05-13 15:41:06 +00:00
layer.msg(content, options, callbackFunction);
}
},
/**
* 皮肤选择
* @returns {string}
*/
2019-05-12 11:43:52 +00:00
skinChoose: function () {
2019-05-15 11:26:05 +00:00
var storage = window.localStorage;
var skin = storage.getItem("skin");
if (skin == 1) {
2019-05-13 15:41:06 +00:00
// 默认皮肤
return "";
2019-05-15 11:26:05 +00:00
} else if (skin == 2) {
2019-05-13 15:41:06 +00:00
// 墨绿色
2019-05-12 11:43:52 +00:00
return "layui-layer-molv";
2019-05-15 11:26:05 +00:00
} else if (skin == 3) {
2019-05-13 15:41:06 +00:00
// 蓝色
return "layui-layer-lan";
2019-05-15 11:26:05 +00:00
} else if (skin == 4) {
// 随机颜色
var skinArray = ["", "layui-layer-molv", "layui-layer-lan"];
return skinArray[Math.floor(Math.random() * skinArray.length)];
2019-05-12 11:43:52 +00:00
}
},
2019-05-13 15:41:06 +00:00
/**
* 动画选择
* @returns {number}
*/
2019-05-12 11:43:52 +00:00
animChoose: function () {
2019-05-15 11:26:05 +00:00
var storage = window.localStorage;
var anim = storage.getItem("anim");
var animArray = ["0", "1", "2", "3", "4", "5", "6"];
if (animArray.indexOf(anim) > -1) {
// 用户选择的动画
return anim;
} else if (anim == 7) {
2019-05-13 15:41:06 +00:00
// 随机动画
2019-05-15 11:26:05 +00:00
return Math.floor(Math.random() * animArray.length);
2019-05-12 11:43:52 +00:00
}
2019-05-12 08:15:57 +00:00
}
}
exports("okLayer", okLayer);
});