You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
287 lines
11 KiB
287 lines
11 KiB
11 months ago
|
var AllMenuData = [];
|
||
|
|
layui.use(['form', 'element', 'layer', 'jquery'], function () {
|
||
|
|
var form = layui.form,
|
||
|
|
element = layui.element;
|
||
|
|
$ = layui.$;
|
||
|
|
layer = parent.layer === undefined ? layui.layer : top.layer;
|
||
|
|
var userInfo = "";
|
||
|
|
if (window.sessionStorage.getItem("userInfo") != null) {
|
||
|
|
userInfo = window.sessionStorage.getItem("userInfo");
|
||
|
|
} else {
|
||
|
|
var kn_root_c_cookie = $.cookie("kn_root_cookie");
|
||
|
|
var kn_root_c_cookie_json = "";
|
||
|
|
if (kn_root_c_cookie != undefined) {
|
||
|
|
kn_root_c_cookie_json = JSON.parse(kn_root_c_cookie)
|
||
|
|
}
|
||
|
|
if (kn_root_c_cookie != "" && kn_root_c_cookie != null && typeof kn_root_c_cookie == 'string') {
|
||
|
|
$.ajax({
|
||
|
|
type: "post",
|
||
|
|
url: configData.url.zxUrl+"ashx/ZYSysUserHandler.ashx",
|
||
|
|
data: {
|
||
|
|
Action: "UserInfo2",
|
||
|
|
UsersUid: kn_root_c_cookie_json.usersUid,
|
||
|
|
random: new Date().getTime()//随机参数
|
||
|
|
},
|
||
|
|
async: false,
|
||
|
|
dataType: "json",
|
||
|
|
success: function (res) {
|
||
|
|
if (res.code == 1) {
|
||
|
|
userInfo = JSON.stringify(res.data);
|
||
|
|
window.sessionStorage.setItem("userInfo", JSON.stringify(res.data));
|
||
|
|
} else {
|
||
|
|
alert(res.msg);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
})
|
||
|
|
} else {
|
||
|
|
alert("您未登录或登录超时请登录后使用");
|
||
|
|
window.close();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
//$(document).onload(function () {
|
||
|
|
checklogin();
|
||
|
|
//加载日期
|
||
|
|
showDT();
|
||
|
|
//加载菜单
|
||
|
|
//getFMenu();
|
||
|
|
//菜单拖动
|
||
|
|
setMenuTD();
|
||
|
|
//加载菜单
|
||
|
|
getMenuData();
|
||
|
|
//});
|
||
|
|
//检查登录状态
|
||
|
|
function checklogin() {
|
||
|
|
//var userInfo = window.sessionStorage.getItem("userInfo");
|
||
|
|
//if (userInfo == null) {
|
||
|
|
// layer.msg("您未登录或登录超时请登录后使用，页面将在3秒后关闭!", { icon: 0 });
|
||
|
|
// setTimeout(function () { window.location.href = "/"; }, 3000)
|
||
|
|
//}
|
||
|
|
}
|
||
|
|
//日期
|
||
|
|
function showDT() {
|
||
|
|
var currentDT = new Date();
|
||
|
|
var y, m, date, day, hs, ms, ss, theDateStr;
|
||
|
|
y = currentDT.getFullYear(); //四位整数表示的年份
|
||
|
|
m = currentDT.getMonth() + 1; //月
|
||
|
|
date = currentDT.getDate(); //日
|
||
|
|
day = currentDT.getDay(); //星期
|
||
|
|
hs = currentDT.getHours(); //时
|
||
|
|
ms = currentDT.getMinutes(); //分
|
||
|
|
ss = currentDT.getSeconds(); //秒
|
||
|
|
if (m < "10") {
|
||
|
|
m = "0" + m;
|
||
|
|
}
|
||
|
|
theDateStr = y + "-" + m + "-" + date;
|
||
|
|
theTimeStr = hs + ":" + ms + ":" + ss
|
||
|
|
//document.getElementById("theDate").innerHTML = theDateStr;
|
||
|
|
$("#theDate").html(theDateStr);
|
||
|
|
// setTimeout 在执行时,是在载入后延迟指定时间后,去执行一次表达式,仅执行一次
|
||
|
|
//document.getElementById("theTime").innerHTML = theTimeStr;
|
||
|
|
$("#theTime").html(theTimeStr);
|
||
|
|
window.setTimeout(showDT, 1000);
|
||
|
|
}
|
||
|
|
//菜单拖动
|
||
|
|
function setMenuTD() {
|
||
|
|
let tableScroll = document.getElementById('second-menu'); //滚动条部分
|
||
|
|
let tableBox = document.getElementById('second-menu-ul'); //需要拖拽的内容部分
|
||
|
|
let tableScrollWidth = tableScroll.style.width; //滚动可见宽度
|
||
|
|
let tableBoxWidth = tableBox.style.width; //内容宽度
|
||
|
|
//鼠标按下的时候
|
||
|
|
tableBox.onmousedown = function (ev) {
|
||
|
|
|
||
|
|
let oEvent = ev || event; //ev 成立时 oEvent = event，否则 oEvent = ev , 事件对象 兼容处理
|
||
|
|
let mousePlace = oEvent.screenX //点击时当前鼠标的位置
|
||
|
|
//鼠标移动的时候
|
||
|
|
document.onmousemove = function (ev) {
|
||
|
|
let oEvent = ev || event; //当前的事件对象 oDiv2
|
||
|
|
let distance = oEvent.clientX; //oEvent.clientX 表示 oDiv2相对于页面左侧的距离，l表示现在的大小
|
||
|
|
let actual = mousePlace - distance; //拖动的距离
|
||
|
|
let scrollNum = tableScroll.scrollLeft; //当前滚动条的位置
|
||
|
|
|
||
|
|
scrollNum = scrollNum + actual; //当前滚动条的位置
|
||
|
|
tableScroll.scrollLeft = scrollNum
|
||
|
|
};
|
||
|
|
document.onmouseup = function () {
|
||
|
|
|
||
|
|
document.onmousemove = null;
|
||
|
|
document.onmouseup = null;
|
||
|
|
};
|
||
|
|
};
|
||
|
|
tableBox.onmouseup = function () {
|
||
|
|
tableBox.onmousemove = null;
|
||
|
|
}
|
||
|
|
//鼠标滚轮滑动的时候
|
||
|
|
tableBox.onmousewheel = function (ev) {
|
||
|
|
let e = ev || event; //当前的事件对象 oDiv2
|
||
|
|
let scrollNum = tableScroll.scrollLeft; //当前滚动条的位置
|
||
|
|
let moveNum = 120;
|
||
|
|
let lNum = scrollNum + moveNum;
|
||
|
|
let rNum = scrollNum - moveNum;
|
||
|
|
//tableScroll.scrollLeft = scrollNum;
|
||
|
|
if (e.wheelDelta) { //判断浏览器IE，谷歌滑轮事件
|
||
|
|
if (e.wheelDelta > 0) { //当滑轮向上滚动时
|
||
|
|
tableScroll.scrollLeft = rNum;
|
||
|
|
}
|
||
|
|
else { //当滑轮向下滚动时
|
||
|
|
tableScroll.scrollLeft = lNum;
|
||
|
|
}
|
||
|
|
} else if (e.detail) { //Firefox滑轮事件
|
||
|
|
if (e.detail > 0) { //当滑轮向上滚动时
|
||
|
|
tableScroll.scrollLeft = rNum;
|
||
|
|
}
|
||
|
|
else { //当滑轮向下滚动时
|
||
|
|
tableScroll.scrollLeft = lNum;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
//获取全部菜单
|
||
|
|
function getMenuData() {
|
||
|
|
$.post(configData.url.zxUrl+"ashx/ZYMenuHandler.ashx", {
|
||
|
|
Action: "GetUserMenuNoAuth",
|
||
|
|
UsersUid:"xzxfzd",
|
||
|
|
random: new Date().getTime()//随机参数
|
||
|
|
}, function (data) {
|
||
|
|
//console.log(data);
|
||
|
|
//$("#main_iframe").attr("src", "Fire/Map/Map.html");
|
||
|
|
AllMenuData = data;
|
||
|
|
showFMenu(data);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
//加载一级菜单
|
||
|
|
function showFMenu(menuData) {
|
||
|
|
var mlHtml = '', mrHtml = '';
|
||
|
|
var menuLength = menuData.length / 2;
|
||
|
|
var leftMenuData = [];
|
||
|
|
menuData.forEach(function (item, index) {
|
||
|
|
var itemHref = item.href;
|
||
|
|
if (item.title == "接处警管理") {
|
||
|
|
itemHref = "Index/jcjgl.html";
|
||
|
|
}
|
||
|
|
if (index < menuLength) {
|
||
|
|
leftMenuData.push(item);
|
||
|
|
} else {
|
||
|
|
mrHtml += '<div id="menu_' + index + '" menu-url="' + itemHref + '" onclick="menuClick(\'' + index + '\')" class="menu_btn menuR_btn_back" style="margin-right: -8px;float: left">' + item.title + '</div>'
|
||
|
|
}
|
||
|
|
});
|
||
|
|
for (var i=(leftMenuData.length-1); i>=0 ;i--) {
|
||
|
|
var leftItem = leftMenuData[i];
|
||
|
|
var itemHref = leftItem.href, current = "";
|
||
|
|
if (leftItem.title == "接处警管理") {
|
||
|
|
itemHref = "Index/jcjgl.html";
|
||
|
|
}
|
||
|
|
if (i == 0) {
|
||
|
|
current = "current";
|
||
|
|
//设置默认页
|
||
|
|
$("#mainframe").attr("src", "../" + itemHref);
|
||
|
|
getSMenu(i);
|
||
|
|
}
|
||
|
|
mlHtml += '<div id="menu_' + i + '" menu-url="' + itemHref + '" onclick="menuClick(\'' + i + '\')" class="menu_btn menuL_btn_back ' + current + '" style="margin-left: -8px;float: right">' + leftItem.title + '</div>';
|
||
|
|
}
|
||
|
|
$("#menuL").html(mlHtml);
|
||
|
|
$("#menuR").html(mrHtml);
|
||
|
|
}
|
||
|
|
//一级菜单点击事件
|
||
|
|
menuClick = function (index) {
|
||
|
|
$(".second-menu ul").html('');
|
||
|
|
$(".menu_btn").removeClass("current");
|
||
|
|
$("#menu_" + index).addClass("current");
|
||
|
|
var url = $("#menu_" + index).attr("menu-url");
|
||
|
|
if (url != undefined && url != "") {
|
||
|
|
$("#mainframe").attr("src", "../" + url);
|
||
|
|
}
|
||
|
|
getSMenu(index);
|
||
|
|
}
|
||
|
|
function getSMenu(index) {
|
||
|
|
var SMenuData = AllMenuData[index];
|
||
|
|
if (SMenuData && SMenuData.children && SMenuData.children.length > 0) {
|
||
|
|
showSMenu(SMenuData.children);
|
||
|
|
//$(".second-menu ul").width(180 * SMenuData.children.length);
|
||
|
|
$(".maincontent").css("top", "70px");
|
||
|
|
|
||
|
|
//显示二级菜单栏
|
||
|
|
$(".second-menu ul").css("height", "51px");
|
||
|
|
$(".second-menu ul").css("border", "1px solid rgba(47,131,180,0.6)");
|
||
|
|
} else {
|
||
|
|
$(".maincontent").css("top", "0px");
|
||
|
|
|
||
|
|
//隐藏二级菜单栏
|
||
|
|
$(".second-menu ul").css("height", "0");
|
||
|
|
$(".second-menu ul").css("border", "none");
|
||
|
|
}
|
||
|
|
}
|
||
|
|
//加载二级三级菜单
|
||
|
|
function showSMenu(menuData) {
|
||
|
|
|
||
|
|
var mHtml = '';
|
||
|
|
menuData.forEach(function (item, index) {
|
||
|
|
if (item.title == "接警管理")
|
||
|
|
mHtml += '<li menu-url="Index/jcjgl.html" menu-id="' + item.id + '" >';
|
||
|
|
else
|
||
|
|
mHtml += '<li menu-url="' + item.href + '" menu-id="' + item.id + '" >';
|
||
|
|
|
||
|
|
mHtml += ' <a href="javascript: void (0);" class="second-menu-li-a ';
|
||
|
|
if (index == 0) {
|
||
|
|
mHtml += 'current';
|
||
|
|
if (item.href && item.href != null) {
|
||
|
|
if (item.title == "接警管理")
|
||
|
|
$("#mainframe").attr("src", "jcjgl.html");
|
||
|
|
else
|
||
|
|
$("#mainframe").attr("src", "../" + item.href);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
mHtml += ' " >' + item.title + '</a>';
|
||
|
|
|
||
|
|
if (item.children && item.children.length > 0) {
|
||
|
|
mHtml += '<ul>';
|
||
|
|
item.children.forEach(function (clditem, index) {
|
||
|
|
mHtml += '<li menu-url="' + clditem.href + '" menu-id="' + clditem.id + '" ';
|
||
|
|
|
||
|
|
mHtml += '><a href="javascript: void (0);" class="three-menu-li-a" >' + clditem.title + '</a>';
|
||
|
|
|
||
|
|
mHtml += '</li>';
|
||
|
|
});
|
||
|
|
mHtml += '</ul>';
|
||
|
|
}
|
||
|
|
//mHtml += '<ul><li><a href="javascript: void (0);">三级菜单</a></li><li><a href="javascript: void (0);">三级菜单</a></li><li><a href="javascript: void (0);">三级菜单</a></li></ul>';
|
||
|
|
mHtml += '</li>';
|
||
|
|
});
|
||
|
|
$(".second-menu ul").html(mHtml);
|
||
|
|
|
||
|
|
//二级三级菜单点击事件
|
||
|
|
clientSMenu();
|
||
|
|
}
|
||
|
|
//二级三级菜单点击事件
|
||
|
|
function clientSMenu() {
|
||
|
|
$(".second-menu-li-a").click(function () {
|
||
|
|
$(".second-menu ul li a").removeClass("current");
|
||
|
|
$(this).addClass("current");
|
||
|
|
var url = $(this).parent().attr("menu-url");
|
||
|
|
if (url != undefined && url != "") {
|
||
|
|
$("#mainframe").attr("src", "../" + url);
|
||
|
|
}
|
||
|
|
|
||
|
|
});
|
||
|
|
//三级菜单点击事件
|
||
|
|
$(".three-menu-li-a").click(function () {
|
||
|
|
var url = $(this).parent().attr("menu-url");
|
||
|
|
if (url != undefined && url != "") {
|
||
|
|
$("#mainframe").attr("src", "../" + url);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|