115 lines
4.2 KiB
Plaintext
115 lines
4.2 KiB
Plaintext
// layer 自定义右侧呼出（全屏）
|
||
layui.define(["layer"], function (exports) {
|
||
var layer = layui.layer;
|
||
var obj = {
|
||
rightPopupLayer: function (content, id) {
|
||
let layerIndex = layer.open({
|
||
type: 2,
|
||
title: "",
|
||
offset: ["0px", "100%"],
|
||
skin: "layui-anim layui-anim-rl layui-layer-adminRight",
|
||
closeBtn: 0,
|
||
content: content,
|
||
shadeClose: true,
|
||
area: ["100%", "100%"],
|
||
success: function (layero, index) {
|
||
let body = layer.getChildFrame('body', index);
|
||
let iframeWin = window[layero.find('iframe')[0]['name']];//获得iframe页的窗口对象，执行iframe页的方法：
|
||
iframeWin.setParams(id);//调用子页面的方法，页面锁定
|
||
}
|
||
});
|
||
let op_width = $(".layui-anim-rl").outerWidth();
|
||
$(".layui-layer-shade")
|
||
.off("click")
|
||
.on("click", function () {
|
||
$(".layui-anim-rl")
|
||
.animate(
|
||
{left: "+=" + op_width + "px"},
|
||
300,
|
||
"linear",
|
||
function () {
|
||
$(".layui-anim-rl").remove();
|
||
$(".layui-layer-shade").remove();
|
||
}
|
||
);
|
||
});
|
||
},
|
||
};
|
||
exports("rightPopup", obj);
|
||
});
|
||
|
||
|
||
layui.define(["layer"], function (exports) {
|
||
var layer = layui.layer;
|
||
var obj = {
|
||
rightPopupLayer: function (content, id) {
|
||
let layerIndex = layer.open({
|
||
type: 2,
|
||
title: false,
|
||
offset: ["0px", "100%"],
|
||
skin: "layui-anim layui-anim-rl layui-layer-adminRight",
|
||
closeBtn: 0,
|
||
content: content,
|
||
shadeClose: true,
|
||
area: ["42%", "100%"],
|
||
success: function (layero, index) {
|
||
let body = layer.getChildFrame('body', index);
|
||
let iframeWin = window[layero.find('iframe')[0]['name']];//获得iframe页的窗口对象，执行iframe页的方法：
|
||
iframeWin.setParams(id);//调用子页面的方法，页面锁定
|
||
}
|
||
});
|
||
let op_width = $(".layui-anim-rl").outerWidth();
|
||
$(".layui-layer-shade")
|
||
.off("click")
|
||
.on("click", function () {
|
||
$(".layui-anim-rl")
|
||
.animate(
|
||
{left: "+=" + op_width + "px"},
|
||
300,
|
||
"linear",
|
||
function () {
|
||
$(".layui-anim-rl").remove();
|
||
|
||
$(".layui-layer-shade").remove();
|
||
}
|
||
);
|
||
});
|
||
},
|
||
};
|
||
exports("rightPopup2", obj);
|
||
});
|
||
|
||
// layer 自定义右侧呼出（非全屏）
|
||
layui.define(["layer"], function (exports) {
|
||
var layer = layui.layer;
|
||
var obj = {
|
||
rightPopupLayer: function (content = "") {
|
||
layer.open({
|
||
type: 1,
|
||
title: "",
|
||
offset: ["10px", "100%"],
|
||
skin: "layui-anim layui-anim-rl layui-layer-adminRight",
|
||
closeBtn: 0,
|
||
content: content,
|
||
shadeClose: true,
|
||
area: ["30%", "96%"],
|
||
});
|
||
let op_width = $(".layui-anim-rl").outerWidth();
|
||
$(".layui-layer-shade")
|
||
.off("click")
|
||
.on("click", function () {
|
||
$(".layui-anim-rl").animate(
|
||
{left: "+=" + op_width + "px"},
|
||
300,
|
||
"linear",
|
||
function () {
|
||
$(".layui-anim-rl").remove();
|
||
$(".layui-layer-shade").remove();
|
||
}
|
||
);
|
||
});
|
||
},
|
||
};
|
||
exports("rightPopup3", obj);
|
||
});
|