first commit
This commit is contained in:
510
WebRoot/jsp/frameset.jsp
Normal file
510
WebRoot/jsp/frameset.jsp
Normal file
@ -0,0 +1,510 @@
|
||||
<%@page import="com.sipai.tools.DateSpan" %>
|
||||
<%@page import="com.sipai.tools.CommString" %>
|
||||
<%@page import="com.sipai.entity.activiti.ProcessType" %>
|
||||
<%@page import="com.sipai.entity.sparepart.SparePartCommString" %>
|
||||
<%@page import="com.sipai.entity.maintenance.Maintenance" %>
|
||||
<%@page import="com.sipai.entity.business.BusinessUnit" %>
|
||||
<%@page import="com.sipai.entity.maintenance.MaintenanceCommString" %>
|
||||
<%@ page language="java" pageEncoding="UTF-8" %>
|
||||
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c" %>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
|
||||
<%@ page import="com.sipai.entity.base.ServerObject" %>
|
||||
<%@ taglib uri="http://www.springsecurity.org/jsp" prefix="security" %>
|
||||
|
||||
<%--报表--%>
|
||||
<%@ page import="com.sipai.tools.CommString" %>
|
||||
<% request.setAttribute("UNIT_TYPE_BIZ", CommString.UNIT_TYPE_BIZ); %>
|
||||
<% request.setAttribute("UNIT_TYPE_COMPANY", CommString.UNIT_TYPE_COMPANY); %>
|
||||
|
||||
<%--报表--%>
|
||||
<%@ page import="com.sipai.entity.report.RptSpSet" %>
|
||||
<%@ page import="com.sipai.entity.report.RptCreate" %>
|
||||
<%@ page import="com.sipai.entity.report.RptInfoSet" %>
|
||||
<% request.setAttribute("RptSpSet_Type_Cal", RptSpSet.RptSpSet_Type_Cal); %>
|
||||
<% request.setAttribute("RptSpSet_Type_Insuser", RptSpSet.RptSpSet_Type_Insuser); %>
|
||||
<% request.setAttribute("RptSpSet_Type_Confirm", RptSpSet.RptSpSet_Type_Confirm); %>
|
||||
<% request.setAttribute("RptSpSet_Type_Checkuser", RptSpSet.RptSpSet_Type_Checkuser); %>
|
||||
<% request.setAttribute("RptSpSet_Type_Rptdt", RptSpSet.RptSpSet_Type_Rptdt); %>
|
||||
|
||||
<%@ page import="com.sipai.tools.Mqtt" %>
|
||||
<%@ page import="org.springframework.context.ApplicationContext" %>
|
||||
<%@ page import="org.springframework.web.context.support.WebApplicationContextUtils" %>
|
||||
<% ApplicationContext ctx = WebApplicationContextUtils.getWebApplicationContext(request.getServletContext());
|
||||
Mqtt mqtt = (Mqtt) ctx.getBean("mqtt");
|
||||
request.setAttribute("mqttStatus", mqtt.getStatus()); %>
|
||||
|
||||
<!DOCTYPE html>
|
||||
<!-- <html lang="zh-CN"> -->
|
||||
<!-- BEGIN HEAD -->
|
||||
<head>
|
||||
<title><%= ServerObject.atttable.get("TOPTITLE")%>
|
||||
</title>
|
||||
<!-- 引用页头及CSS页-->
|
||||
<jsp:include page="/jsp/inc.jsp"></jsp:include>
|
||||
<!-- Ionicons -->
|
||||
<link rel="stylesheet" href="<%=request.getContextPath()%>/node_modules/nth-tabs-master/iconfont/iconfont.css"/>
|
||||
<!-- nth-tabs -->
|
||||
<link rel="stylesheet"
|
||||
href="<%=request.getContextPath()%>/node_modules/nth-tabs-master/jquery.scrollbar.css"></link>
|
||||
<link rel="stylesheet" href="<%=request.getContextPath()%>/node_modules/nth-tabs-master/nth-tabs.css"></link>
|
||||
<link rel="stylesheet" href="<%=request.getContextPath()%>/node_modules/nth-tabs-master/nth-icons.css"></link>
|
||||
<!-- report -->
|
||||
<link rel="stylesheet" href="<%=request.getContextPath()%>/CSS/report/report.css"></link>
|
||||
<script type="text/javascript" src="<%=request.getContextPath()%>/node_modules/nth-tabs-master/jquery.scrollbar.js"
|
||||
charset="utf-8"></script>
|
||||
<script type="text/javascript" src="<%=request.getContextPath()%>/node_modules/nth-tabs-master/nth-tabs.js"
|
||||
charset="utf-8"></script>
|
||||
<!-- 滚动条 -->
|
||||
<script type="text/javascript"
|
||||
src="<%=request.getContextPath()%>/node_modules/jquery-slimScroll/jquery.slimscroll.min.js"
|
||||
charset="utf-8"></script>
|
||||
|
||||
<%--报表--%>
|
||||
<script type="text/javascript" src="<%=request.getContextPath()%>/JS/report.js" charset="utf-8"></script>
|
||||
|
||||
<%-- mqtt依赖--%>
|
||||
<script src="<%=request.getContextPath()%>/JS/mqtt/mqtt.min.js" type="text/javascript"></script>
|
||||
<%-- mqtt事件--%>
|
||||
<jsp:include page="/jsp/mqtt/alarm_mqtt.jsp"></jsp:include>
|
||||
<jsp:include page="/jsp/mqtt/alarm_emergency.jsp"></jsp:include>
|
||||
|
||||
<style>
|
||||
|
||||
<!--
|
||||
|
||||
-->
|
||||
.content-wrapper, .main-footer {
|
||||
margin-left: 230px;
|
||||
}
|
||||
|
||||
/*避免菜单下拉功能偏移sj*/
|
||||
.dropdown-menu {
|
||||
left: -170px !important;
|
||||
}
|
||||
|
||||
@media (max-width: 600px) {
|
||||
.content-wrapper, .main-footer {
|
||||
margin-left: 0px;
|
||||
}
|
||||
}
|
||||
|
||||
/*报表预览样式*/
|
||||
#viewFile_bottom table td {
|
||||
/*white-space:nowrap;overflow:hidden;word-break:break-all;*/
|
||||
/*padding: 1px 4px;*/
|
||||
/*width: auto;*/
|
||||
}
|
||||
|
||||
</style>
|
||||
<script type="text/javascript">
|
||||
|
||||
let top_user_companyType = "${top_user_companyType}";
|
||||
let top_user_companyId = "${top_user_companyId}";
|
||||
let top_userId = "${top_userId}";
|
||||
var nthTabs;
|
||||
|
||||
var personalAlarmNum_time = null;//报警灯闪烁效果定时器
|
||||
|
||||
/**
|
||||
* 新建标签
|
||||
* @param id
|
||||
* @param title
|
||||
* @param url
|
||||
*/
|
||||
function addTab(id, title, url, menuOne, menuTwo, menuThree) {
|
||||
if (url == '' || url == null) {
|
||||
url = 'Login/building.do';
|
||||
}
|
||||
if (url.indexOf("http") >= 0) {
|
||||
url = url;
|
||||
} else {
|
||||
url = ext.contextPath + '/' + url;
|
||||
}
|
||||
var name = 'iframe_' + id;
|
||||
var tabId = 'tabId_' + id;
|
||||
//顶部菜单是否已有
|
||||
if (nthTabs.isExistsTab(tabId)) {
|
||||
//有则直接切换
|
||||
nthTabs.toggleTabAndRef(tabId, url);
|
||||
} else {
|
||||
//无则 新建选项卡
|
||||
nthTabs.addTab({
|
||||
id: tabId,
|
||||
title: title,
|
||||
url: url,
|
||||
active: true,
|
||||
allowClose: true,
|
||||
location: true,
|
||||
fadeIn: true
|
||||
});
|
||||
nthTabs.toggleTab(tabId);
|
||||
}
|
||||
/* $.post(ext.contextPath+"/user/getMenuInfo.do" , {id:id}, function(result) {
|
||||
var target = result[0].target;
|
||||
var location = result[0].location;
|
||||
if(target!='' && target=='external'){
|
||||
//20210810临时演示使用
|
||||
if(location.indexOf("hd_test") != -1 ){
|
||||
var app = $("#"+tabId).find("iframe").css('left','-50px');
|
||||
}
|
||||
}
|
||||
}, 'json'); */
|
||||
}
|
||||
|
||||
/**
|
||||
* 关闭标签
|
||||
* @param id
|
||||
*/
|
||||
function delTab(id) {
|
||||
var tabId = 'tabId_' + id;
|
||||
//顶部菜单是否已有
|
||||
if (nthTabs.isExistsTab(tabId)) {
|
||||
//有则直接切换
|
||||
nthTabs.delTab(tabId);
|
||||
}
|
||||
}
|
||||
|
||||
$(function () {
|
||||
|
||||
//基于bootstrap tab的自定义多标签的jquery实用插件
|
||||
nthTabs = $("#main-tabs").nthTabs();
|
||||
|
||||
//2021.11.25 JY 增加了自定义首页配置，如查不到记录则执行原来读取
|
||||
$.ajax({
|
||||
type: 'post',
|
||||
url: ext.contextPath + '/base/basicHomePage/getJsonByUserId.do',
|
||||
data: {
|
||||
unitId: unitId,
|
||||
},
|
||||
dataType: 'json',
|
||||
async: true,
|
||||
globle: false,
|
||||
success: function (pageData) {
|
||||
// console.log(pageData)
|
||||
if (pageData.data != '' && pageData.data.length > 0) {
|
||||
let nowUser = pageData.userId;
|
||||
let unrolePeople = pageData.data[0].unrolepeople;
|
||||
let mainUrl = pageData.data[0].url;
|
||||
|
||||
if (unrolePeople != '' && unrolePeople.indexOf(nowUser) != -1) {//无权限查看
|
||||
mainUrl = "base/basicHomePage/showNoRole.do"
|
||||
} else {
|
||||
if (mainUrl.substring(0, 1) == '/') {
|
||||
mainUrl = mainUrl.substring(1, mainUrl.length);
|
||||
}
|
||||
}
|
||||
// 新建选项卡示例
|
||||
nthTabs.addTab({
|
||||
id: 'tabId_home',
|
||||
title: '首页',
|
||||
url: mainUrl,
|
||||
active: true,
|
||||
allowClose: false,
|
||||
location: true,
|
||||
fadeIn: true
|
||||
});
|
||||
} else {
|
||||
$.ajax({
|
||||
type: 'post',
|
||||
url: ext.contextPath + '/base/basicComponents/getBasicComponentsForCode.do',
|
||||
data: {
|
||||
code: 'main-url',//配置位置
|
||||
},
|
||||
async: true,
|
||||
globle: false,
|
||||
error: function () {
|
||||
// 新建选项卡示例
|
||||
nthTabs.addTab({
|
||||
id: 'tabId_home',
|
||||
title: '首页',
|
||||
// url: ext.contextPath + "/work/mpoint/overviewEquipment2020.do",
|
||||
url: ext.contextPath + "/Login/mainCQBYT.do?uuid=" + Math.ceil(Math.random() * 1000),//重庆
|
||||
// url: ext.contextPath + "/plan/doSwitchForView.do?planId=a8b16ecadef14f49ad1d0b94636d2dbf",
|
||||
active: true,
|
||||
allowClose: false,
|
||||
location: true,
|
||||
fadeIn: true,
|
||||
});
|
||||
},
|
||||
success: function (data) {
|
||||
var array = JSON.parse(data);
|
||||
var mainUrl = "";
|
||||
if (array != null && array != undefined && array.length > 0) {
|
||||
if (array[0].type == 'url') {
|
||||
mainUrl = ext.contextPath + array[0].url;
|
||||
} else {
|
||||
mainUrl = "未配置首页地址！！";
|
||||
}
|
||||
} else {
|
||||
mainUrl = ext.contextPath + "/work/mpoint/overviewProduce2020.do";
|
||||
}
|
||||
// 新建选项卡示例
|
||||
nthTabs.addTab({
|
||||
id: 'tabId_home',
|
||||
title: '首页',
|
||||
url: mainUrl,
|
||||
active: true,
|
||||
allowClose: false,
|
||||
location: true,
|
||||
fadeIn: true
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
});
|
||||
}
|
||||
|
||||
}
|
||||
});
|
||||
|
||||
//渲染后的table 单击事件 -- (报表模块)
|
||||
$("#viewFile_bottom").unbind("mousedown").bind("mousedown", function (event) {
|
||||
|
||||
|
||||
if (event.which == 1) {//左键事件
|
||||
tabClickLeft('${RptSpSet_Type_Cal}', event.target.id);
|
||||
} else if (event.which == 2) {//中键事件
|
||||
|
||||
} else if (event.which == 3) {//右键事件
|
||||
document.oncontextmenu = function (ev) {
|
||||
return false;
|
||||
}
|
||||
tabClickRight();
|
||||
}
|
||||
});
|
||||
$('#global_height').val($(window).height() - 80);
|
||||
if ($("body").hasClass("sidebar-collapse")) {
|
||||
$('#global_width').val($(window).width() - 50);
|
||||
} else {
|
||||
$('#global_width').val($(window).width() - 230);
|
||||
}
|
||||
|
||||
try {
|
||||
//初始化mqtt
|
||||
if ('${mqttStatus}' == '0') {
|
||||
initialMqtt('${mqttId}');
|
||||
} else {
|
||||
console.log('mq已关闭')
|
||||
}
|
||||
} catch (err) {
|
||||
//处理错误
|
||||
}
|
||||
//刷新或关闭页面自动退出账户
|
||||
/*window.addEventListener('beforeunload', function(event) {
|
||||
if(event.currentTarget.performance.navigation.type==2){
|
||||
$.post(ext.contextPath + "/Login/logout.do", function () {
|
||||
delCookie("j_password");
|
||||
delCookie('savePassword');
|
||||
});
|
||||
}
|
||||
});*/
|
||||
});
|
||||
|
||||
//删除cookies
|
||||
function delCookie(name) {
|
||||
var exp = new Date();
|
||||
exp.setTime(exp.getTime() - 1);
|
||||
var cval = getCookie(name);
|
||||
if (cval != null) document.cookie = name + "=" + cval + ";expires=" + exp.toGMTString();
|
||||
}
|
||||
|
||||
function initialMqtt(mqttId) {
|
||||
const options = {
|
||||
clean: true,
|
||||
connectTimeout: 10000,
|
||||
clientId: mqttId,
|
||||
username: "admin",
|
||||
password: 'public'
|
||||
}
|
||||
const connectUrl = '${hostWeb}';
|
||||
const client = mqtt.connect(connectUrl, options);
|
||||
|
||||
//当重新连接启动触发回调
|
||||
client.on('reconnect', function () {
|
||||
// console.log('正在重连.....');
|
||||
});
|
||||
//连接断开后触发的回调
|
||||
client.on("close", function () {
|
||||
console.log('客户端已断开连接.....');
|
||||
});
|
||||
//从broker接收到断开连接的数据包后发出。MQTT 5.0特性
|
||||
client.on("disconnect", function (packet) {
|
||||
console.log('从broker接收到断开连接的数据包.....' + packet);
|
||||
});
|
||||
//客户端脱机下线触发回调
|
||||
client.on("offline", function () {
|
||||
console.log('客户端脱机下线.....');
|
||||
});
|
||||
//当客户端无法连接或出现错误时触发回调
|
||||
client.on("error", (error) => {
|
||||
console.log('客户端出现错误.....' + error);
|
||||
});
|
||||
//当客户端发送任何数据包时发出。这包括published()包以及MQTT用于管理订阅和连接的包
|
||||
client.on("packetsend", (packet) => {
|
||||
// console.log('客户端已发出数据包：' + packet);
|
||||
});
|
||||
//当客户端接收到任何数据包时发出。这包括来自订阅主题的信息包以及MQTT用于管理订阅和连接的信息包
|
||||
client.on("packetreceive", (packet) => {
|
||||
// console.log('收到：' + packet);
|
||||
});
|
||||
|
||||
//成功连接后触发的回调
|
||||
client.on("connect", function (connack) {
|
||||
// layer.msg('成功连接上mq服务器');
|
||||
console.log('成功连接上mqtt服务器');
|
||||
//订阅某主题
|
||||
/**
|
||||
* client.subscribe(topic/topic array/topic object, [options], [callback])
|
||||
* topic:一个string类型的topic或者一个topic数组,也可以是一个对象
|
||||
* options
|
||||
*/
|
||||
client.subscribe(['pingtai_zhiling', 'web_topic', 'alarm_num_topic_' + "${top_userId}", 'alarm_popup_topic_' + "${top_userId}", 'alarm_emergency_topic_' + "${top_userId}"], {qos: 2});
|
||||
//每隔2秒发布一次数据
|
||||
// setInterval(publish, 2000)
|
||||
});
|
||||
|
||||
function publish() {
|
||||
//发布数据
|
||||
/**
|
||||
* client.publish(topic,message,[options], [callback])
|
||||
*
|
||||
* message: Buffer or String
|
||||
* options:{
|
||||
* qos:0, //默认0
|
||||
* retain:false, //默认false
|
||||
* dup:false, //默认false
|
||||
* properties:{}
|
||||
* }
|
||||
* callback:function (err){}
|
||||
*/
|
||||
const message = "h5 message " + Math.random() + new Date();
|
||||
client.publish("testtopic/123", message, {qos: 2});
|
||||
}
|
||||
|
||||
//当客户端接收到发布消息时触发回调
|
||||
/**
|
||||
* topic:收到的数据包的topic
|
||||
* message:收到的数据包的负载playload
|
||||
* packet:收到的数据包
|
||||
*/
|
||||
client.on('message', (topic, message, packet) => {
|
||||
console.log(topic);
|
||||
if (topic == 'pingtai_zhiling' || topic == 'web_topic') {
|
||||
var json = JSON.parse(message.toString());
|
||||
mqtt_open(json);
|
||||
// $("#div3").text("客户端收到订阅消息,topic=" + topic + ";消息数据:" + message + ";数据包:" + packet);
|
||||
} else if (topic == 'alarm_popup_topic_' + "${top_userId}") {
|
||||
var json = JSON.parse(message.toString());
|
||||
mqtt_open(json);
|
||||
} else if (topic == 'alarm_emergency_topic_' + "${top_userId}") {
|
||||
var json = JSON.parse(message.toString());
|
||||
// console.log(json)
|
||||
mqtt_emergency_open(json);
|
||||
} else if (topic == 'alarm_num_topic_' + "${top_userId}") {
|
||||
var alarm_num_topic_json = JSON.parse(message.toString());
|
||||
let top_alarm_num = 0;
|
||||
if ($('#top_alarm_Num').text() != '') {
|
||||
top_alarm_num = Number($('#top_alarm_Num').text());
|
||||
}
|
||||
let type = alarm_num_topic_json.type;
|
||||
if (type == 'add') {
|
||||
top_alarm_num = top_alarm_num + 1;
|
||||
} else {
|
||||
top_alarm_num = top_alarm_num - 1;
|
||||
}
|
||||
if (top_alarm_num > 0) {
|
||||
$('#top_alarm_path').css("fill", "#d81e06");
|
||||
$('#top_alarm_div').animate({opacity: '0'}, 1000);
|
||||
$('#top_alarm_div').animate({opacity: '1'}, 1000);
|
||||
if (top_alarm_num > 99) {
|
||||
$('#top_alarm_Num').text("99+");
|
||||
$('#top_alarm_Num').css("right", "-12px");
|
||||
} else {
|
||||
if (top_alarm_num < 10) {
|
||||
$('#top_alarm_Num').css("right", "2px");
|
||||
} else {
|
||||
$('#top_alarm_Num').css("right", "-5px");
|
||||
}
|
||||
$('#top_alarm_Num').text(top_alarm_num);
|
||||
}//消息声音
|
||||
if (msgplayer) {
|
||||
msgplayer = false;
|
||||
var player = document.getElementById("msgMedia");
|
||||
player.src = "<%=request.getContextPath()%>/node_modules/media/messaging.wav";
|
||||
player.loop = false;
|
||||
player.addEventListener('ended', function () {
|
||||
msgplayer = true;
|
||||
}, false);
|
||||
}
|
||||
} else {
|
||||
clearInterval(personalAlarmNum_time);
|
||||
$('#top_alarm_path').css("fill", "#00FF66");
|
||||
$('#top_alarm_Num').css("right", "2px");
|
||||
$('#top_alarm_Num').text("");
|
||||
}
|
||||
// console.log(alarm_num_topic_json);
|
||||
}
|
||||
});
|
||||
//页面离开自动断开连接
|
||||
$(window).bind("beforeunload", () => {
|
||||
// console.log("客户端窗口关闭,断开连接");
|
||||
client.disconnect();
|
||||
})
|
||||
}
|
||||
</script>
|
||||
|
||||
</head>
|
||||
<body onload="initMenu();" class="hold-transition ${cu.themeclass} fixed sidebar-mini">
|
||||
<div class="wrapper">
|
||||
<!-- 引用top -->
|
||||
<jsp:include page="/jsp/top.jsp"></jsp:include>
|
||||
<!-- 菜单栏 -->
|
||||
<jsp:include page="/jsp/left.jsp"></jsp:include>
|
||||
<div class="content-wrapper">
|
||||
<!-- Main content -->
|
||||
<section class="content container-fluid " style="padding:0;">
|
||||
<!-- 20200617 Tab Menu @niu -->
|
||||
<div class="hor-menu hor-menu-light">
|
||||
<div class="nth-tabs" id="main-tabs"></div>
|
||||
</div>
|
||||
<div class="tab-content"></div>
|
||||
</section>
|
||||
<!-- /.content -->
|
||||
</div>
|
||||
<%--<jsp:include page="/jsp/bottom.jsp"></jsp:include>--%>
|
||||
<jsp:include page="/jsp/side.jsp"></jsp:include>
|
||||
</div>
|
||||
<input id="global_height" type="hidden" value=""/>
|
||||
<input id="global_width" type="hidden" value=""/>
|
||||
<input type="hidden" id="mqttStatus" name="mqttStatus" value="${mqttStatus}">
|
||||
<input type="hidden" id="mqttHostWeb" name="mqttHostWeb" value="${hostWeb}">
|
||||
<input type="hidden" id="topUserId" name="topUserId" value="${top_userId}">
|
||||
<input type="hidden" id="modelKeyParamTop" name="modelKeyParamTop" value="${modelKeyParamTop}">
|
||||
<input type="hidden" id="businessKeyTop" name="businessKeyTop" value="${businessKeyTop}">
|
||||
<input type="hidden" id="modelKeyParamNum" name="modelKeyParamNum" value="${modelKeyParamNum}">
|
||||
|
||||
<%--用于报表弹窗 开始--%>
|
||||
<input type="hidden" id="sheet" name="sheet" value="${param.sheet}">
|
||||
<input type="hidden" id="creatId" name="creatId" value="${param.creatId}">
|
||||
<div id="viewFile" style="display:none;height:900px;padding:10px;">
|
||||
<!-- sheet列表 -->
|
||||
<div id="viewFile_top" style="width:100%;height:5%;float:left;">
|
||||
|
||||
</div>
|
||||
<!-- 报表内容 -->
|
||||
<div id="viewFile_bottom" style="width:20000px;height:95%;float:left;" @contextmenu.prevent></div>
|
||||
</div>
|
||||
<!-- 修订记录 -->
|
||||
<div id="viewHis" style="display:none;height:300px;">
|
||||
<table id="tableLog" style="table-layout:fixed;">
|
||||
|
||||
</table>
|
||||
</div>
|
||||
<%--用于报表弹窗 结束--%>
|
||||
|
||||
<div id="subDiv" style="z-index: 100;"></div>
|
||||
<div id="user4SelectDiv"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user