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.
455 lines
17 KiB
455 lines
17 KiB
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>智慧营区</title>
|
|
<link href="../layui/css/layui.css" rel="stylesheet" />
|
|
<link type="text/css" href="css/zhgl-style.css" rel="stylesheet" />
|
|
<link href="../css/menufont/iconfont.css" rel="stylesheet" />
|
|
<style>
|
|
/*.layui-side {
|
|
width: 100%;
|
|
}
|
|
.layui-side-scroll {
|
|
width: 100%;
|
|
}
|
|
.layui-nav-tree {
|
|
width: 100%;
|
|
}
|
|
.layui-nav
|
|
{
|
|
background-color: #0b2b66;
|
|
} */
|
|
.layui-nav .layui-nav-item a * {
|
|
font-size: 18px;
|
|
/*color: #78a2e2;*/
|
|
}
|
|
|
|
.layui-nav .layui-nav-item dl a * {
|
|
/*color: #78a2e2;*/
|
|
font-size: 17px;
|
|
}
|
|
|
|
a cite {
|
|
padding-left: 14px;
|
|
}
|
|
|
|
.layui-nav-tree .layui-nav-child a {
|
|
padding-left: 60px;
|
|
}
|
|
|
|
.layui-nav .layui-nav-item a {
|
|
cursor: pointer;
|
|
height: 50px;
|
|
}
|
|
|
|
.layui-nav-child dd {
|
|
height: 50px;
|
|
}
|
|
|
|
.layui-nav-child :hover {
|
|
color: #fff;
|
|
}
|
|
|
|
.layui-nav-tree .layui-nav-item a:hover {
|
|
background-color: #21539d;
|
|
color: #fff;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.layui-nav-tree .layui-nav-child dd.layui-this a {
|
|
background-color: rgba(16,57,173,0.8);
|
|
}
|
|
|
|
.layui-nav-tree .layui-nav-itemed {
|
|
border: none;
|
|
background: #21539d;
|
|
}
|
|
|
|
.zh-user span {
|
|
display: -webkit-box;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-line-clamp: 1;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.layui-nav-tree .layui-nav-item a {
|
|
line-height: 50px;
|
|
}
|
|
|
|
.layui-nav-tree .layui-nav-child a {
|
|
line-height: 50px;
|
|
}
|
|
|
|
|
|
|
|
/* 123*/
|
|
#win_ad {
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
font-size: 12px;
|
|
background: #FFF;
|
|
line-height: 20px;
|
|
z-index: 100;
|
|
/* background: #FFFFCC; */
|
|
position: absolute;
|
|
right: 0px;
|
|
bottom: 0px;
|
|
height: 22px;
|
|
width: 145px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
#win_ad dl {
|
|
background: #FFF;
|
|
/* height: 376px; */
|
|
height: 400px;
|
|
/* border: 2px solid #990000; */
|
|
/*border: 1px solid #01AAED;*/
|
|
border: 1px solid #0b2b66;
|
|
overflow: hidden;
|
|
}
|
|
|
|
#win_ad dl dt {
|
|
/* background: #990000 url(none); */
|
|
/*background: #01AAED url(none);*/
|
|
background: #0b2b66 url(none);
|
|
padding: 2px 10px 0 10px;
|
|
height: 22px;
|
|
/* border-bottom: 1px solid #990000; */
|
|
border-bottom: 1px solid #0b2b66;
|
|
border-top: 0px;
|
|
}
|
|
|
|
#win_ad dl dt a {
|
|
font-weight: bold;
|
|
color: #FFF;
|
|
}
|
|
|
|
#win_ad dl dt em {
|
|
float: right;
|
|
font-style: normal;
|
|
font-size: 12px;
|
|
color: #FFF;
|
|
cursor: pointer;
|
|
}
|
|
|
|
#win_ad dl dd {
|
|
padding: 7px 0 0 10px;
|
|
height: 20px;
|
|
line-height: 27px;
|
|
margin-inline: 0px;
|
|
}
|
|
|
|
#win_ad dl dd strong {
|
|
display: block;
|
|
float: left;
|
|
width: 300px;
|
|
font-weight: normal;
|
|
line-height: 18px;
|
|
/* color: #990000; */
|
|
color: #BF0000;
|
|
}
|
|
|
|
#win_ad dl dd a {
|
|
display: block;
|
|
float: right;
|
|
width: 248px;
|
|
font-style: normal;
|
|
font-size: 12px;
|
|
line-height: 18px;
|
|
/*color: #000;*/
|
|
color: #01AAED;
|
|
}
|
|
#win_ad dl dd a span {
|
|
color: red;
|
|
font-size: 15px;
|
|
}
|
|
/*#win_ad dl dd a {
|
|
display: block;
|
|
float: left;
|
|
height: 16px;
|
|
width: 16px;
|
|
line-height: 16px;
|
|
background: red url() no-repeat center center;
|
|
color: #FFF;
|
|
font-size: 12px;
|
|
text-align: center;
|
|
padding: 0;
|
|
margin-left: 5px;
|
|
font-weight: normal;
|
|
}*/
|
|
#win_ad dl dd b {
|
|
display: block;
|
|
float: left;
|
|
height: 16px;
|
|
width: 16px;
|
|
line-height: 16px;
|
|
background: blue no-repeat center center;
|
|
color: #FFF;
|
|
font-size: 12px;
|
|
text-align: center;
|
|
padding: 0;
|
|
margin-left: 5px;
|
|
font-weight: normal;
|
|
}
|
|
|
|
#win_ad dt {
|
|
background: #C5DBE8 url() repeat-x;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<!-- 头部 -->
|
|
<div class="zh-header">
|
|
<div class="zh-logo fl"><img src="img/zh-logo.png"></div>
|
|
<div class="zh-menu fl">
|
|
<ul>
|
|
<!--<li class="current" menuid="11" menuurl="home.html"><a href="javascript:">首页</a></li>-->
|
|
<!--<li menuid="13" menuurl="rcgl.html"><a href="javascript:" >人员管理</a></li>
|
|
<li menuid="13" menuurl="../main.html"><a href="javascript:">车辆管理</a></li>
|
|
<li menuid="113" menuurl="../main.html"><a href="javascript:">统计分析</a></li>-->
|
|
<!--<li menuid="112" menuurl="../main.html"><a href="javascript:">系统设置</a></li>-->
|
|
<!--<li menuid="115" menuurl="../main.html"><a href="javascript:">用户信息</a></li>-->
|
|
</ul>
|
|
</div>
|
|
<div class="zh-time fl"><span id="theClock"></span></div>
|
|
|
|
<div class="zh-user fl"><span id="zh-user"></span></div>
|
|
<div class="zh-tuichu fr"><a href="#"><img src="img/use-icon2.png"></a></div>
|
|
</div>
|
|
<div class="rcgl-content hidemenu">
|
|
<!-- 内容左侧 -->
|
|
<div class="rcgl-left fl">
|
|
<div class="layui-side" style="position: relative;">
|
|
<div class="navBar layui-side-scroll" id="navBar">
|
|
<ul class="layui-nav layui-nav-tree" style=" height:99.5% !important"></ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- 右侧内容 常规 -->
|
|
<div id="mainDiv" class="rcgl-right" style="">
|
|
<div class="rcgl-right-con">
|
|
<iframe id="main_iframe" style="width:100%; height:100%; border:none;"></iframe>
|
|
</div>
|
|
</div>
|
|
<!-- 右侧内容 工作流 -->
|
|
<div id="mainTabDiv" class="rcgl-right" style="">
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div id="win_ad" hidden="hidden">
|
|
<dl class="win_ad" id="alertMsg">
|
|
<dt><em class="win_close">展开</em><a href="javascript:void()">信息提醒</a></dt>
|
|
</dl>
|
|
</div>
|
|
</body>
|
|
</html>
|
|
<script src="js/jquery-2.1.3.min.js"></script>
|
|
<script src="../layui/layui.js"></script>
|
|
<script src="js/jquery.cookie.js"></script>
|
|
<script src="js/echarts.min.js"></script>
|
|
<script src="js/bodyTab.js"></script>
|
|
<script src="js/cache.js"></script>
|
|
<script src="js/index.js"></script>
|
|
<script src="../js/websocket/mqttws31.js"></script>
|
|
<script src="../js/websocket/iotpush.js"></script>
|
|
<script src="../js/remsg.js"></script>
|
|
|
|
<link href="../WorkFlow/Themes/Common.css" rel="stylesheet" type="text/css" media="screen" />
|
|
<link href="../WorkFlow/Themes/Blue/Style/style.css" id="style_style" rel="stylesheet" type="text/css" media="screen" />
|
|
<link href="../WorkFlow/Themes/Blue/Style/ui.css" id="style_ui" rel="stylesheet" type="text/css" media="screen" />
|
|
<script type="text/javascript" src="../WorkFlow/Scripts/My97DatePicker/WdatePicker.js"></script>
|
|
<script type="text/javascript" src="../WorkFlow/Scripts/json.js"></script>
|
|
<script type="text/javascript" src="../WorkFlow/Scripts/roadui.core.js"></script>
|
|
<script type="text/javascript" src="../WorkFlow/Scripts/roadui.button.js"></script>
|
|
<script type="text/javascript" src="../WorkFlow/Scripts/roadui.calendar.js"></script>
|
|
<script type="text/javascript" src="../WorkFlow/Scripts/roadui.file.js"></script>
|
|
<script type="text/javascript" src="../WorkFlow/Scripts/roadui.member.js"></script>
|
|
<script type="text/javascript" src="../WorkFlow/Scripts/roadui.dict.js"></script>
|
|
<script type="text/javascript" src="../WorkFlow/Scripts/roadui.menu.js"></script>
|
|
<script type="text/javascript" src="../WorkFlow/Scripts/roadui.select.js"></script>
|
|
<script type="text/javascript" src="../WorkFlow/Scripts/roadui.combox.js"></script>
|
|
<script type="text/javascript" src="../WorkFlow/Scripts/roadui.tab.js"></script>
|
|
<script type="text/javascript" src="../WorkFlow/Scripts/roadui.text.js"></script>
|
|
<script type="text/javascript" src="../WorkFlow/Scripts/roadui.textarea.js"></script>
|
|
<script type="text/javascript" src="../WorkFlow/Scripts/roadui.editor.js"></script>
|
|
<script type="text/javascript" src="../WorkFlow/Scripts/roadui.tree.js"></script>
|
|
<script type="text/javascript" src="../WorkFlow/Scripts/roadui.validate.js"></script>
|
|
<script type="text/javascript" src="../WorkFlow/Scripts/roadui.window.js"></script>
|
|
<script type="text/javascript" src="../WorkFlow/Scripts/roadui.dragsort.js"></script>
|
|
<script type="text/javascript" src="../WorkFlow/Scripts/roadui.selectico.js"></script>
|
|
<script type="text/javascript" src="../WorkFlow/Scripts/roadui.accordion.js"></script>
|
|
<script type="text/javascript" src="../WorkFlow/Scripts/roadui.grid.js"></script>
|
|
<script type="text/javascript" src="../WorkFlow/Scripts/roadui.init.js"></script>
|
|
|
|
<script type="text/javascript">
|
|
var mainDialog = new RoadUI.Window();
|
|
//var frames = RoadUI.Core();
|
|
rootdir = "/WorkFlow/";
|
|
var mainTab = null;
|
|
mainTab = new RoadUI.Tab({ id: "mainTabDiv", replace: true });
|
|
|
|
var uId = JSON.parse(window.sessionStorage.getItem("userInfo")).UserCode;
|
|
function treeClick(json) {
|
|
if (json) {
|
|
openApp(json.link, json.model, json.title == undefined ? "首页" : json.title, json.id, parseInt(json.width), parseInt(json.height), true);
|
|
}
|
|
}
|
|
|
|
function openApp(url, model, title, id, width, height, isAppendParams) {
|
|
if (!url || url.toString().length == 0) {
|
|
return;
|
|
}
|
|
if (!id) {
|
|
id = RoadUI.Core.newid();
|
|
}
|
|
if (width == 0) width = undefined;
|
|
if (height == 0) height = undefined;
|
|
if (isAppendParams) {
|
|
url += url.indexOf('?') >= 0 ? "&appid=" + id : "?appid=" + id;
|
|
}
|
|
url = url.substr(0, 1) == "/" ? url : rootdir + url;
|
|
//url = "/SmartCamp"+url;
|
|
switch (parseInt(model)) {
|
|
case 0:
|
|
$("#mainTabDiv").html("");
|
|
mainTab.addTab({ id: "tab_" + id.replaceAll('-', ''), title: title, src: url });
|
|
$("#mainDiv").hide();
|
|
$("#mainTabDiv").show();
|
|
break;
|
|
case 1:
|
|
mainDialog.open({ id: "window_" + id.replaceAll('-', ''), title: title, url: url, width: width || 800, height: height || 460, ismodal: false });
|
|
break;
|
|
case 2:
|
|
mainDialog.open({ id: "window_" + id.replaceAll('-', ''), title: title, url: url, width: width || 800, height: height || 460, ismodal: true });
|
|
break;
|
|
case 3:
|
|
RoadUI.Core.open(url, width || 800, height || 460, title);
|
|
break;
|
|
case 4:
|
|
window.showModalDialog(url, null, "dialogWidth=" + (width || 800) + "px;dialogHeight=" + (height || 460) + "px;center=1");
|
|
break;
|
|
case 5:
|
|
window.open(url);
|
|
break;
|
|
}
|
|
}
|
|
startMqttServer();
|
|
$(document).ready(function () {
|
|
/*if ($.browser.msie && $.browser.version == 6) {*/
|
|
followDiv.myfollow();
|
|
clickDiv.myclick();
|
|
QueryUnReadNoticeList();
|
|
//}
|
|
//var cookie_rbat = $.cookie("mycookieat");
|
|
/* if (cookie_rbat == "2") { } else {*/
|
|
$("#win_ad").animate({
|
|
width: "305"
|
|
}, 500, function () { });
|
|
$("#win_ad").animate({
|
|
height: "280"
|
|
}, 500, function () { });
|
|
$(".win_close").text("关闭");
|
|
//}
|
|
$(".win_close").click(function () {
|
|
//cookie_rbat = $.cookie("mycookieat");
|
|
var text = $(".win_close").text();
|
|
//if (cookie_rbat == "2") {
|
|
if (text == "展开") {
|
|
$("#win_ad").animate({
|
|
width: "305"
|
|
}, 500, function () { });
|
|
$("#win_ad").animate({
|
|
height: "280"
|
|
}, 500, function () { });
|
|
$(".win_close").text("关闭");
|
|
//$.cookie("mycookieat", "1", {
|
|
// path: '/',
|
|
// expires: 1
|
|
//});
|
|
} else {
|
|
$("#win_ad").animate({
|
|
height: "24"
|
|
}, 500, function () { });
|
|
$("#win_ad").animate({
|
|
width: "145"
|
|
}, 500, function () { });
|
|
$(".win_close").text("展开");
|
|
//$.cookie("mycookieat", "2", {
|
|
// path: '/',
|
|
// expires: 1
|
|
//});
|
|
}
|
|
})
|
|
});
|
|
followDiv = {
|
|
myfollow: function () {
|
|
$('#win_ad').css('position', 'absolute');
|
|
$(window).scroll(function () {
|
|
var f_top = $(window).scrollTop() + $(window).height() - $("#win_ad").outerHeight();
|
|
$('#win_ad').css('top', f_top);
|
|
});
|
|
}
|
|
}
|
|
clickDiv = {
|
|
myclick: function () {
|
|
$('#win_ad').css('position', 'absolute');
|
|
$("#win_ad").resize(function () {
|
|
var f_top = $(window).scrollTop() + $(window).height() - $("#win_ad").outerHeight();
|
|
$('#win_ad').css('top', f_top);
|
|
});
|
|
}
|
|
}
|
|
|
|
|
|
function QueryUnReadNoticeList() {
|
|
$.ajax({
|
|
url: "../../ashx/NoticeHandler.ashx",
|
|
type: "post",
|
|
data: { Action: "QueryUnReadNotice", Id: uId },
|
|
async: true,
|
|
dataType: "json",
|
|
success: function (result) {
|
|
var data = result.data;
|
|
if (result.code == 0) {
|
|
console.log("格式化前数据：" + data);
|
|
var steHtml = "";
|
|
var title;
|
|
$.each(data, function (index, obj) {
|
|
if (obj.Title.length > 18) {
|
|
title = obj.Title.substring(1, 18) + "........."
|
|
} else {
|
|
title = obj.Title;
|
|
}
|
|
//steHtml += "<dd><strong>新消息：<a href='" + result.Url + "'>" + title + "</a></strong></dd>";
|
|
steHtml += "<dd><strong>新消息：<a href='javascript:void();' onclick='openMenu()'>" + title + "</a></strong></dd>";
|
|
|
|
});
|
|
if (result.count > 0) {
|
|
if (data.length == result.count) {
|
|
steHtml += "<dd><strong>共收到：<a href='javascript:void();' onclick='openMenu()'><<<<<< <span id='lasta'>" + data.length + "</span> 条新提醒消息>>>>>></a></strong></dd>";
|
|
} else {
|
|
//steHtml += "<dd><strong>共收到：<a href='" + result.Url + "'><<<<<< <span id='lasta'>" + result.count + "</span> 条新提醒消息>>>>>></a></strong></dd>";
|
|
steHtml += "<dd><strong>共收到：<a href='javascript:void();' onclick='openMenu()'><<<<<< <span id='lasta'>" + result.count + "</span> 条新提醒消息>>>>>></a></strong></dd>";
|
|
}
|
|
$("#alertMsg").append(steHtml);
|
|
$("#win_ad").removeAttr("hidden");
|
|
} else {
|
|
console.log("没有数据，不弹窗");
|
|
}
|
|
}
|
|
},
|
|
error: function (result) { }
|
|
|
|
});
|
|
|
|
function openMenu() {
|
|
$(".zh-menu li[menuid=DB08C69BE1E1412FACB016A6EA815B14]").click();
|
|
$(".navBar ul").find("li a cite:contains('我的工作')").click();
|
|
$(".navBar ul").find("li dl dd a[data-url='/OA/Notice/UnReadList.html']").click();
|
|
}
|
|
|
|
}
|
|
|
|
</script>
|