index.html页面抽取js
bobi
parent
92ff360bbf
commit
b309c7cf19
92
index.html
92
index.html
|
|
@ -122,96 +122,6 @@
|
||||||
<div class="yy"></div>
|
<div class="yy"></div>
|
||||||
<!--js逻辑-->
|
<!--js逻辑-->
|
||||||
<script src="lib/layui/layui.js"></script>
|
<script src="lib/layui/layui.js"></script>
|
||||||
<script>
|
<script src="js/okadmin.js"></script>
|
||||||
layui.use(['element', 'layer'], function () {
|
|
||||||
var element = layui.element;
|
|
||||||
var $ = layui.jquery;
|
|
||||||
var layer = layui.layer;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 左边菜单显示/隐藏功能
|
|
||||||
* @type {boolean}
|
|
||||||
*/
|
|
||||||
$(".menu-switch").click(function () {
|
|
||||||
if ($(".layui-layout-admin .layui-side").css("left") == '0px') {
|
|
||||||
$(".layui-layout-admin .layui-side").animate({left: "-200px"});
|
|
||||||
$(".layui-layout-admin .content-body").animate({left: "0px"});
|
|
||||||
$(".layui-layout-admin .layui-footer").animate({left: "0px"});
|
|
||||||
} else {
|
|
||||||
$(".layui-layout-admin .layui-side").animate({left: "0px"});
|
|
||||||
$(".layui-layout-admin .content-body").animate({left: "200px"});
|
|
||||||
$(".layui-layout-admin .layui-footer").animate({left: "200px"});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 点击左边菜单在右边添加选项卡
|
|
||||||
*/
|
|
||||||
$(".layui-nav-child").find("dd").click(function () {
|
|
||||||
var title = $(this).text();
|
|
||||||
var path = $(this).children('a').attr('path');
|
|
||||||
var tabId = $(this).children('a').attr('tab-id');
|
|
||||||
// 去重复选项卡
|
|
||||||
for (var i = 0; i < $('.ok-frame').length; i++) {
|
|
||||||
if ($('.ok-frame').eq(i).attr('tab-id') == tabId) {
|
|
||||||
element.tabChange("ok-tab", tabId);
|
|
||||||
event.stopPropagation();
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
// 添加选项卡
|
|
||||||
element.tabAdd("ok-tab", {
|
|
||||||
title: title,
|
|
||||||
content: "<iframe src='" + path + "' tab-id='" + tabId + "' class='ok-frame' frameborder='0' scrolling='yes' width='100%' height='100%'></iframe>",
|
|
||||||
id: tabId
|
|
||||||
});
|
|
||||||
// 切换选项卡
|
|
||||||
element.tabChange("ok-tab", tabId);
|
|
||||||
});
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 捐赠作者
|
|
||||||
*/
|
|
||||||
$(".layui-footer button").click(function () {
|
|
||||||
layer.tab({
|
|
||||||
area: ["330px", "350px"],
|
|
||||||
tab: [{
|
|
||||||
title: "支付宝",
|
|
||||||
content: "<img src='images/zfb.jpg' width='200' height='300' style='margin-left: 60px'>"
|
|
||||||
}, {
|
|
||||||
title: "微信",
|
|
||||||
content: "<img src='images/wx.jpg' width='200' height='300' style='margin-left: 60px'>"
|
|
||||||
}]
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 退出操作
|
|
||||||
*/
|
|
||||||
$("#logout").click(function () {
|
|
||||||
layer.confirm("确定要退出吗？", {skin: 'layui-layer-lan', icon: 3, title:'提示', anim: 6}, function () {
|
|
||||||
window.location = "login.html";
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 锁定账户
|
|
||||||
*/
|
|
||||||
$("#lock").click(function () {
|
|
||||||
layer.confirm("确定要锁定账户吗？", {skin: 'layui-layer-lan', icon: 4, title:'提示', anim: 1}, function (index) {
|
|
||||||
layer.close(index);
|
|
||||||
$(".yy").show();
|
|
||||||
layer.prompt({btn: ['确定'], title: '输入密码解锁', closeBtn: 0, formType: 1}, function (value, index, elem) {
|
|
||||||
if (value == "123456") {
|
|
||||||
layer.close(index);
|
|
||||||
$(".yy").hide();
|
|
||||||
} else {
|
|
||||||
layer.msg('密码错误', {anim: 6});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
});
|
|
||||||
});
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
181
js/okadmin.js
181
js/okadmin.js
|
|
@ -1,92 +1,89 @@
|
||||||
// layui.use(['element', 'jquery', 'code', 'layer'], function () {
|
layui.use(['element', 'layer'], function () {
|
||||||
// var element = layui.element;
|
var element = layui.element;
|
||||||
// var $ = layui.jquery;
|
var $ = layui.jquery;
|
||||||
// var layer = layui.layer;
|
var layer = layui.layer;
|
||||||
// // 引用code方法
|
|
||||||
// layui.code({about: false});
|
/**
|
||||||
//
|
* 左边菜单显示/隐藏功能
|
||||||
// /**
|
* @type {boolean}
|
||||||
// * 左边菜单显示/隐藏功能
|
*/
|
||||||
// * @type {boolean}
|
$(".menu-switch").click(function () {
|
||||||
// */
|
if ($(".layui-layout-admin .layui-side").css("left") == '0px') {
|
||||||
// $(".menu-switch").click(function () {
|
$(".layui-layout-admin .layui-side").animate({left: "-200px"});
|
||||||
// if ($(".layui-layout-admin .layui-side").css("left") == '0px') {
|
$(".layui-layout-admin .content-body").animate({left: "0px"});
|
||||||
// $(".layui-layout-admin .layui-side").animate({left: "-200px"});
|
$(".layui-layout-admin .layui-footer").animate({left: "0px"});
|
||||||
// $(".layui-layout-admin .content-body").animate({left: "0px"});
|
} else {
|
||||||
// $(".layui-layout-admin .layui-footer").animate({left: "0px"});
|
$(".layui-layout-admin .layui-side").animate({left: "0px"});
|
||||||
// } else {
|
$(".layui-layout-admin .content-body").animate({left: "200px"});
|
||||||
// $(".layui-layout-admin .layui-side").animate({left: "0px"});
|
$(".layui-layout-admin .layui-footer").animate({left: "200px"});
|
||||||
// $(".layui-layout-admin .content-body").animate({left: "200px"});
|
}
|
||||||
// $(".layui-layout-admin .layui-footer").animate({left: "200px"});
|
});
|
||||||
// }
|
|
||||||
// });
|
/**
|
||||||
//
|
* 点击左边菜单在右边添加选项卡
|
||||||
// /**
|
*/
|
||||||
// * 点击左边菜单在右边添加选项卡
|
$(".layui-nav-child").find("dd").click(function () {
|
||||||
// */
|
var title = $(this).text();
|
||||||
// $(".layui-nav-child").find("dd").click(function () {
|
var path = $(this).children('a').attr('path');
|
||||||
// var title = $(this).text();
|
var tabId = $(this).children('a').attr('tab-id');
|
||||||
// var path = $(this).children('a').attr('path');
|
// 去重复选项卡
|
||||||
// var tabId = $(this).children('a').attr('tab-id');
|
for (var i = 0; i < $('.ok-frame').length; i++) {
|
||||||
// // 去重复选项卡
|
if ($('.ok-frame').eq(i).attr('tab-id') == tabId) {
|
||||||
// for (var i = 0; i < $('.ok-frame').length; i++) {
|
element.tabChange("ok-tab", tabId);
|
||||||
// if ($('.ok-frame').eq(i).attr('tab-id') == tabId) {
|
event.stopPropagation();
|
||||||
// element.tabChange("ok-tab", tabId);
|
return;
|
||||||
// event.stopPropagation();
|
}
|
||||||
// return;
|
}
|
||||||
// }
|
// 添加选项卡
|
||||||
// }
|
element.tabAdd("ok-tab", {
|
||||||
// // 添加选项卡
|
title: title,
|
||||||
// element.tabAdd("ok-tab", {
|
content: "<iframe src='" + path + "' tab-id='" + tabId + "' class='ok-frame' frameborder='0' scrolling='yes' width='100%' height='100%'></iframe>",
|
||||||
// title: title,
|
id: tabId
|
||||||
// content: "<iframe src='" + path + "' tab-id='" + tabId + "' class='ok-frame' frameborder='0' scrolling='yes' width='100%' height='100%'></iframe>",
|
});
|
||||||
// id: tabId
|
// 切换选项卡
|
||||||
// });
|
element.tabChange("ok-tab", tabId);
|
||||||
// // 切换选项卡
|
});
|
||||||
// element.tabChange("ok-tab", tabId);
|
|
||||||
// });
|
/**
|
||||||
//
|
* 捐赠作者
|
||||||
// /**
|
*/
|
||||||
// * 捐赠作者
|
$(".layui-footer button").click(function () {
|
||||||
// */
|
layer.tab({
|
||||||
// $(".layui-footer button").click(function () {
|
area: ["330px", "350px"],
|
||||||
// layer.tab({
|
tab: [{
|
||||||
// area: ["330px", "350px"],
|
title: "支付宝",
|
||||||
// tab: [{
|
content: "<img src='images/zfb.jpg' width='200' height='300' style='margin-left: 60px'>"
|
||||||
// title: "支付宝",
|
}, {
|
||||||
// content: "<img src='images/zfb.jpg' width='200' height='300' style='margin-left: 60px'>"
|
title: "微信",
|
||||||
// }, {
|
content: "<img src='images/wx.jpg' width='200' height='300' style='margin-left: 60px'>"
|
||||||
// title: "微信",
|
}]
|
||||||
// content: "<img src='images/wx.jpg' width='200' height='300' style='margin-left: 60px'>"
|
});
|
||||||
// }]
|
});
|
||||||
// });
|
|
||||||
// });
|
/**
|
||||||
// });
|
* 退出操作
|
||||||
//
|
*/
|
||||||
//
|
$("#logout").click(function () {
|
||||||
// /**
|
layer.confirm("确定要退出吗？", {skin: 'layui-layer-lan', icon: 3, title: '提示', anim: 6}, function () {
|
||||||
// * 获取当前时间
|
window.location = "login.html";
|
||||||
// */
|
});
|
||||||
// var nowDate1 = "";
|
});
|
||||||
//
|
|
||||||
// function setDate() {
|
/**
|
||||||
// var date = new Date();
|
* 锁定账户
|
||||||
// var year = date.getFullYear();
|
*/
|
||||||
// nowDate1 = year + "-" + addZero((date.getMonth() + 1)) + "-" + addZero(date.getDate()) + " ";
|
$("#lock").click(function () {
|
||||||
// nowDate1 += addZero(date.getHours()) + ":" + addZero(date.getMinutes()) + ":" + addZero(date.getSeconds());
|
layer.confirm("确定要锁定账户吗？", {skin: 'layui-layer-lan', icon: 4, title: '提示', anim: 1}, function (index) {
|
||||||
// document.getElementById("nowTime").innerHTML = nowDate1;
|
layer.close(index);
|
||||||
// setTimeout('setDate()', 1000);
|
$(".yy").show();
|
||||||
// }
|
layer.prompt({btn: ['确定'], title: '输入密码解锁(123456)', closeBtn: 0, formType: 1}, function (value, index, elem) {
|
||||||
//
|
if (value == "123456") {
|
||||||
// /**
|
layer.close(index);
|
||||||
// * 年月日是分秒为10以下的数字则添加0字符串
|
$(".yy").hide();
|
||||||
// * @param time
|
} else {
|
||||||
// * @returns {number | *}
|
layer.msg('密码错误', {anim: 6});
|
||||||
// */
|
}
|
||||||
// function addZero(time) {
|
});
|
||||||
// var i = parseInt(time);
|
});
|
||||||
// if (i / 10 < 1) {
|
});
|
||||||
// i = "0" + i;
|
});
|
||||||
// }
|
|
||||||
// return i;
|
|
||||||
// }
|
|
||||||
Loading…
Reference in New Issue