91 lines
3.6 KiB
Plaintext
91 lines
3.6 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"%>
|
||
<!DOCTYPE html>
|
||
<!-- <html lang="zh-CN"> -->
|
||
<!-- BEGIN HEAD -->
|
||
|
||
<head>
|
||
<title></title>
|
||
<!-- 引用页头及CSS页-->
|
||
<jsp:include page="/jsp/incVisual.jsp"></jsp:include>
|
||
|
||
<script type="text/javascript">
|
||
function getValue() {
|
||
$.post(ext.contextPath + '/plan/getJspWholeInfoByPlanLayoutId.do', { planLayoutId: "${param.planLayoutId}" }, function (data) {
|
||
//每一条循环判断
|
||
//console.log("data", data);
|
||
for (var i = 0; i < data.length; i++) {
|
||
if (data[i].elementCode == 'background') {
|
||
if (data[i].style != null && data[i].style != "") {
|
||
document.getElementById("backImage").src = "../../.." + data[i].style;
|
||
//document.getElementById('lineSpan').innerHTML = data[i].dataType + '原液生产车间';
|
||
}
|
||
} else {
|
||
//获取值 和 获取Modbus
|
||
if (data[i].getValueType == '${Type_GetValue}' || data[i].getValueType == '${Type_GetModbus}') {
|
||
var code = data[i].elementCode;
|
||
document.getElementById(code).innerHTML = data[i].mPoint.parmvalue;
|
||
} else if (data[i].getValueType == '${Type_GetHistory}') {
|
||
|
||
} else if (data[i].getValueType == '${Type_GetHttp}') {
|
||
var code = data[i].elementCode;
|
||
document.getElementById(code).innerHTML = data[i].value;
|
||
} else {
|
||
|
||
}
|
||
}
|
||
}
|
||
}, 'json');
|
||
}
|
||
/* 定时器 */
|
||
setInterval(getValue, 300000); //<!--每隔5分钟刷新一次-->
|
||
|
||
$(function () {
|
||
getValue();
|
||
document.body.style.backgroundColor = "#" + '${param.backgroundColor}';
|
||
document.getElementById("backImage").style.width = document.documentElement.clientWidth + "px";
|
||
document.getElementById("backImage").style.height = document.documentElement.clientHeight + "px";
|
||
// document.getElementById("floatDiv").style.width = document.documentElement.clientWidth + "px";
|
||
// document.getElementById("floatDiv").style.height = document.documentElement.clientHeight + "px";
|
||
});
|
||
</script>
|
||
|
||
</head>
|
||
|
||
<body style="width:100%;height:100%;margin:0;padding:0;">
|
||
<!-- <div id="floatDiv" style="position: absolute;z-index:1;">
|
||
|
||
<div style="position: absolute;z-index:1;bottom:66%;left:25%">
|
||
<div style="width:50px;height:80px;margin:0;padding:0;float:left">
|
||
<div style="height:13px;margin-top:60px;">
|
||
<div class="slopingside" style="margin-left:6px"></div>
|
||
</div>
|
||
<div style="height:60px;width:20px;border-left: 2px solid #5AD8FF;margin-left:9px;"></div>
|
||
<div class="circle"></div>
|
||
</div>
|
||
<div style="float:left;margin-top:30px;">
|
||
<div>
|
||
<span style="color: #A759C7;font-size: 18px;">H</span>
|
||
<input type="text" readonly
|
||
style="border-radius:4px;border:0;background-color: #A759C7;width:80px;text-align:right;" value="40.2％" />
|
||
</div>
|
||
<div>
|
||
<span style="color: #B9A551;font-size: 18px;">T</span>
|
||
<input type="text" readonly
|
||
style="border-radius:4px;border:0;background-color: #B9A551;width:80px;text-align:right;" value="20.2℃" />
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div> -->
|
||
|
||
<img id="backImage" src="" style="z-index:-1;positon:relative;"
|
||
alt="" />
|
||
|
||
</body>
|
||
|
||
</html> |