229 lines
12 KiB
Plaintext
229 lines
12 KiB
Plaintext
<%@ 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.entity.visual.JspElement"%>
|
|
<%request.setAttribute("Type_GetValue", JspElement.Type_GetValue); %>
|
|
<%request.setAttribute("Type_Get7dayHistory", JspElement.Type_GetHourHistory); %>
|
|
<%request.setAttribute("Type_Get7dayHistory", JspElement.Type_Get7dayHistory); %>
|
|
<%request.setAttribute("Type_GetModbus", JspElement.Type_GetModbus); %>
|
|
<%request.setAttribute("Type_GetHttp", JspElement.Type_GetHttp); %>
|
|
<!DOCTYPE html>
|
|
<!-- <html lang="zh-CN"> -->
|
|
<!-- BEGIN HEAD -->
|
|
|
|
<head>
|
|
<title></title>
|
|
<!-- 引用页头及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>
|
|
<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">
|
|
|
|
/* 请求数据 */
|
|
function getbigScreen_dataIndicatorsValue() {
|
|
// $.post(ext.contextPath + '/plan/getJspWholeInfoByPlanLayoutId.do', { planLayoutId: "${param.planLayoutId}",sdt:'2020-08-17 00:00',edt:'2020-08-17 23:59',elementCode:'hyData'}, function (data) {
|
|
// // console.log(data);
|
|
// if(data!=''){
|
|
// var html="";
|
|
// for(var i=0;i<data.length;i++){
|
|
|
|
// }
|
|
// }
|
|
// }, 'json');
|
|
// $.post(ext.contextPath + '/plan/getJspWholeInfoByPlanLayoutId.do', { planLayoutId: "${param.planLayoutId}",sdt:'2020-08-17 00:00',edt:'2020-08-17 23:59',elementCode:'yx Data'}, function (data) {
|
|
// // console.log(data);
|
|
// if(data!=''){
|
|
// var html="";
|
|
// for(var i=0;i<data.length;i++){
|
|
// }
|
|
// }
|
|
// }, 'json');
|
|
// $.post(ext.contextPath + '/plan/getJspWholeInfoByPlanLayoutId.do', { planLayoutId: "${param.planLayoutId}",sdt:'2020-08-17 00:00',edt:'2020-08-17 23:59',elementCode:'sbData'}, function (data) {
|
|
// // console.log(data);
|
|
// if(data!=''){
|
|
// var html="";
|
|
// for(var i=0;i<data.length;i++){
|
|
// }
|
|
// }
|
|
// }, 'json');
|
|
}
|
|
|
|
function showBigScreen_dataIndicatorsDetais(elementCode){
|
|
if(elementCode=='hyData'){
|
|
parent.addTab('hyData','化验数据','/process/dataVisualFrame/view.do?menuType=proVisual&frameId=6bbfcada534642cda634365c376533c4');
|
|
}
|
|
else if(elementCode=='yxData'){
|
|
parent.addTab('yxData','运行数据','/process/dataVisualFrame/view.do?menuType=proVisual&frameId=c008a3cb894b4307b9d488d6a6657dfa');
|
|
}
|
|
else if(elementCode=='sbData'){
|
|
parent.addTab('sbData','设备数据','/equipment/showEquipmentStatisticalChart.do');
|
|
}
|
|
}
|
|
|
|
// function showBigScreen_dataIndicatorsDetais(elementCode,titleName){
|
|
// showBigScreen_dataIndicatorsOpen("${param.planLayoutId}",elementCode,titleName);
|
|
// }
|
|
|
|
// function showBigScreen_dataIndicatorsOpen(planLayoutId,elementCode,titleName){
|
|
// var myDate = new Date;
|
|
// //获取当前年
|
|
// var year=myDate.getFullYear();
|
|
// //获取当前月
|
|
// var month=myDate.getMonth()+1;
|
|
// if(Number(month)<10){
|
|
// month="0"+month;
|
|
// }
|
|
// var day = myDate.getDate(); //获取当前日
|
|
|
|
// var sdt=year+"-"+month+"-"+day+" 00:00";
|
|
// var edt=year+"-"+month+"-"+day+" 23:59";
|
|
// var index = layer.open({
|
|
// type: 1,
|
|
// title: false,
|
|
// closeBtn: 0,
|
|
// area:["500px","320px"],
|
|
// fixed: false,
|
|
// shadeClose: true,
|
|
// content: '<div id="bigScreen_dataIndicatorsOpen" style="width:500px;height:320px;overflow-y:auto;background:#16314c;"></div><div id="endsubDiv"></div>',
|
|
// success:function(){
|
|
// $('#bigScreen_dataIndicatorsOpen').empty();
|
|
// $.post(ext.contextPath + '/plan/getJspWholeInfoByPlanLayoutId.do', {planLayoutId:planLayoutId,sdt:sdt,edt:edt,elementCode:elementCode}, function (data) {
|
|
// // console.log(data);
|
|
// if(data!=''){
|
|
// var html="";
|
|
// html+="<div style=\"height:100%;width:100%;padding: 10px;\">";
|
|
// html+="<div style=\"float: left;width:100%;height:100%;padding-left:10px;padding-right:10px;\">";
|
|
// html+="<div style=\"width: 100%;height:20px;color:#8AC2F6;font-size: 16px;\">"+titleName+"</div>";
|
|
// html+="<div style=\"width: 100%;height:20px;color:#8AC2F6;font-size: 12px;margin-top: 10px;\"><span>最近时间：</span><span>"+year+"-"+month+"-"+day+"</span></div>";
|
|
// html+="<table style='height:260px;'>";
|
|
// var tdNum=0;
|
|
// var nowCNum=1;
|
|
// for(var i=0;i<data.length;i++){
|
|
// var unit="";
|
|
// if(data[i].mPoint!=''&&data[i].mPoint!=null){
|
|
// if(data[i].mPoint.unit!=''&&data[i].mPoint.unit!=null){
|
|
// unit="("+data[i].mPoint.unit+")";
|
|
// }
|
|
// }
|
|
// var parmvalue=0;
|
|
// if(data[i].mPointHistory!=''&&data[i].mPointHistory!=null){
|
|
// if(data[i].mPointHistory[0].parmvalue!=''&&data[i].mPointHistory[0].parmvalue!=null){
|
|
// parmvalue=data[i].mPointHistory[0].parmvalue;
|
|
// }
|
|
// }
|
|
|
|
// if((i+6) % 6 == 0){
|
|
// html+="<tr style=\"height:130px;\">";
|
|
// }
|
|
// if((tdNum+2) % 2 == 0){
|
|
// html+="<td style=\"width:165px;padding-right:15px;cursor: pointer;\" >";
|
|
// html+="<div style=\"width: 100%;height:60px;text-align: center;padding-bottom:2px;\">";
|
|
// html+="<div onclick=\"showHisEnd('"+data[i].valueUrl+"','"+data[i].unitId+"');\" style=\"width: 100%;height: 50%;font-size: 14px;color: #8ac2f6;background-color:#0E2439;line-height:30px;\">"+data[i].name+"</div>";
|
|
// html+="<div onclick=\"showHisEnd('"+data[i].valueUrl+"','"+data[i].unitId+"');\" style=\"width: 100%;height: 50%;font-size: 14px;background-color:#0E2439;\"><span style=\"color: #ffffff;\">"+parmvalue+"</span><span style=\"color: #8ac2f6;\">"+unit+"</span></div>";
|
|
// html+="</div>";
|
|
// nowCNum++;
|
|
// }else{
|
|
// html+="<div style=\"width: 100%;height:60px;text-align: center;padding-bottom:2px;\" >";
|
|
// html+="<div onclick=\"showHisEnd('"+data[i].valueUrl+"','"+data[i].unitId+"');\" style=\"width: 100%;height: 50%;font-size: 14px;color: #8ac2f6;background-color:#0E2439;line-height:30px;\">"+data[i].name+"</div>";
|
|
// html+="<div onclick=\"showHisEnd('"+data[i].valueUrl+"','"+data[i].unitId+"');\" style=\"width: 100%;height: 50%;font-size: 14px;background-color:#0E2439;\"><span style=\"color: #ffffff;\">"+parmvalue+"</span><span style=\"color: #8ac2f6;\">"+unit+"</span></div>";
|
|
// html+="</div>";
|
|
// html+="</td>";
|
|
// }
|
|
// if((i+6) % 6 == 0 && nowCNum==3){
|
|
// html+="</tr>";
|
|
// tdNum=0;
|
|
// nowCNum=1;
|
|
// }
|
|
// tdNum++;
|
|
// }
|
|
// html+="</table>";
|
|
// html+="</div>";
|
|
// html+="</div>";
|
|
// $('#bigScreen_dataIndicatorsOpen').html(html);
|
|
// }
|
|
// }, 'json');
|
|
// },
|
|
// end:function(){
|
|
// layer.closeAll();
|
|
// },
|
|
// });
|
|
// }
|
|
|
|
/* 定时器 */
|
|
//setInterval(change, 60000); //每1分钟切换
|
|
// setInterval(getValue, 3600000); //每一小时切换
|
|
|
|
/* 初始化 */
|
|
$(function () {
|
|
if('${param.backgroundColor}'=='transparent'){
|
|
document.body.style.backgroundColor = '${param.backgroundColor}';
|
|
}else{
|
|
document.body.style.backgroundColor = "#" + '${param.backgroundColor}';
|
|
}
|
|
// document.getElementById("main").style.width = document.documentElement.clientWidth + "px";
|
|
// document.getElementById("main").style.height = (document.documentElement.clientHeight) + "px";
|
|
|
|
document.getElementById("bigScreen_dataIndicatorsbackImage1").src = ""+getRootPath()+"/images/大屏/化验数据.png";
|
|
document.getElementById("bigScreen_dataIndicatorsbackImage2").src = ""+getRootPath()+"/images/大屏/运行数据.png";
|
|
document.getElementById("bigScreen_dataIndicatorsbackImage3").src = ""+getRootPath()+"/images/大屏/设备数据.png";
|
|
// getValue();
|
|
//console.log("height",document.body.scrollHeight);
|
|
});
|
|
|
|
</script>
|
|
|
|
</head>
|
|
|
|
<body style="width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:hidden">
|
|
<div id="bigScreen_dataIndicatorsmain" style="height:100%;width:100%;padding-top:10px;padding-left:10px;padding-right:10px;">
|
|
<div style="height:100%;width:100%;background:#16314c;border-radius: 8px;padding: 10px;">
|
|
<div style="width:100%;height: 30%;background:#254464;cursor: pointer;" onclick="showBigScreen_dataIndicatorsDetais('hyData');">
|
|
<table style="width: 100%;height: 100%;text-align: center;vertical-align: middle;">
|
|
<tr>
|
|
<td style="width:40px;padding-left:8px;">
|
|
<img id="bigScreen_dataIndicatorsbackImage1" src="" style="z-index:999;position:relative;height:50%;width:32px;"/>
|
|
</td>
|
|
<td style="font-size: 24px;font-weight:800px;color: #8ac2f6;">化验数据</td>
|
|
<td style="width:60px;font-size:34px;font-weight:bold;color: #8ac2f6;"><span class="fa fa-long-arrow-right" ></span></td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<div style="width:100%;height: 5%;"></div>
|
|
<div style="width:100%;height: 30%;background:#254464;cursor: pointer;" onclick="showBigScreen_dataIndicatorsDetais('yxData');">
|
|
<table style="width: 100%;height: 100%;text-align: center;vertical-align: middle;">
|
|
<tr>
|
|
<td style="width:40px;padding-left:8px;">
|
|
<img id="bigScreen_dataIndicatorsbackImage2" src="" style="z-index:999;position:relative;height:50%;width:32px;"/>
|
|
</td>
|
|
<td style="font-size: 24px;font-weight:800px;color: #8ac2f6;">运行数据</td>
|
|
<td style="width:60px;font-size:34px;font-weight:bold;color: #8ac2f6;"><span class="fa fa-long-arrow-right" ></span></td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<div style="width:100%;height: 5%;"></div>
|
|
<div style="width:100%;height: 30%;background:#254464;cursor: pointer;" onclick="showBigScreen_dataIndicatorsDetais('sbData');">
|
|
<table style="width: 100%;height: 100%;text-align: center;vertical-align: middle;">
|
|
<tr>
|
|
<td style="width:40px;padding-left:8px;">
|
|
<img id="bigScreen_dataIndicatorsbackImage3" src="" style="z-index:999;position:relative;height:50%;width:32px;"/>
|
|
</td>
|
|
<td style="font-size: 24px;font-weight:800px;color: #8ac2f6;">设备数据</td>
|
|
<td style="width:60px;font-size:34px;font-weight:bold;color: #8ac2f6;"><span class="fa fa-long-arrow-right" ></span></td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
|
|
</html> |