Files
SIPAIIS_WMS_JSSW/WebRoot/jsp/digitalProcess/boiler_feedwater_pump_SDK.jsp
2026-01-16 14:13:44 +08:00

394 lines
25 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" %>
<%String contextPath = request.getContextPath();%>
<!DOCTYPE html>
<!-- <html lang="zh-CN"> -->
<!-- BEGIN HEAD -->
<head>
<title><%= ServerObject.atttable.get("TOPTITLE")%>
</title>
<!-- 引用页头及CSS页-->
<jsp:include page="/jsp/inc.jsp"></jsp:include>
<style type="text/css">
.triangle {
width: 0px;
height: 0px;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-top-color: #FFFFFF;
}
</style>
<script type="text/javascript">
let seriesData1 = [];
let legendData1 = [];
$(function () {
if ('${param.unitId}' != '') {
bizid = '${param.unitId}';
} else {
bizid = unitId;
}
getData();
})
function getData() {
$.ajax({
type: 'GET',
url: ext.contextPath + "/digitalProcess/digitalTechnologist/getSDKJspData.do",
dataType: 'json',
data: {
unitId: bizid,
jspId: 'boilerFeedwaterPump',
// modelType: FJType,
// time:""
},
async: true,
error: function () {
return false;
},
success: function (data) {
if (data.length > 0) {
console.log(data)
for (let i = 0; i < data.length; i++) {
let content = data[i];
if (content.getValueType == 'getRedisData') {
if (content.value != null) {
let redisValue = eval("(" + content.value + ")");
// console.log(redisValue)
let outValue = redisValue.mpvalue;
if (isNumber(outValue)) {
if (content.visualCacheData != null) {
if (content.visualCacheData.numtail != null) {
outValue = Number(outValue).toFixed(Number(content.visualCacheData.numtail));
}
}
}
outValue = toThousands(outValue);
if (content.visualCacheData != null) {
if (content.visualCacheData.unit != null) {
outValue += content.visualCacheData.unit;
}
}
$('.' + content.elementCode).text(outValue);
} else {
$('.' + content.elementCode).text('-');
}
} else if (content.getValueType == 'getMpMainValue') {
if (content.mPoint != null) {
let outValue = toThousands(content.mPoint.parmvalue);
// if(isNumber(outValue)){
// outValue = toThousands(outValue);
// }
if (content.elementCode.indexOf("_RUN") != -1) {
if (outValue == 1) {//运行
$('#' + content.elementCode).attr("fill", "#00FF33");
$('#' + content.elementCode + "_Text").css("color", "#00FF33");
$('#' + content.elementCode + "_Text").text("运行");
} else {
$('#' + content.elementCode).attr("fill", "#FF0000");
$('#' + content.elementCode + "_Text").css("color", "#FF0000");
$('#' + content.elementCode + "_Text").text("停止");
}
} else {
if (content.visualCacheData != null) {
if (content.visualCacheData.unit != null) {
outValue += content.visualCacheData.unit;
}
}
$('.' + content.elementCode).text(outValue);
}
} else {
$('.' + content.elementCode).text('-');
}
} else if (content.getValueType == 'getDayHistory') {
if (content.elementCode == 'chart1') {
legendData1.push(content.name);
seriesData1.push({
name: content.name,
type: 'line',
symbol: 'none',
data: content.jsonArray
});
}
}
}
}
getChart1();
}
});
}
function getChart1() {
let myChart = echarts.init(document.getElementById("chart1"));
let option = {
tooltip: {
trigger: 'axis'
},
legend: {
data: legendData1,
bottom: '5px',
left: '0px',
icon: 'circle',
textStyle: {
color: '#FFFFFF'
}
},
grid: {
left: '0px',
right: '10px',
top: '10px',
bottom: '40px',
containLabel: true
},
xAxis: {
type: 'time',
axisLabel: {
color: '#fff'
},
axisLine: {
show: true,
lineStyle: {
color: '#fff'
}
},
axisTick: {
show: false
}
},
yAxis: {
type: 'value',
axisLabel: {
color: '#fff'
},
axisTick: {
show: false
},
axisLine: {
show: true,
lineStyle: {
color: '#fff'
}
},
splitLine: {
lineStyle: {
type: 'dashed'
}
}
},
series: seriesData1
};
myChart.setOption(option, true);
}
</script>
</head>
<body onload="initMenu()" class="hold-transition ${cu.themeclass} sidebar-mini">
<div id="mainAlertdiv"></div>
<div id="subDiv"></div>
<div id="main"
style="width: 460px;height: 826px;background:rgba(0,17,33,0.80);">
<div style="float:left;width: 100%;height:100%;padding-left: 15px;padding-right: 15px;">
<div style="float:left;width: 100%;height: 60px;line-height: 70px;border-bottom: 1px solid #ffffff;">
<div style="float:left;width: 200px;height: 100%;font-size: 20px;color: #ffffff;font-weight: 700;">
锅炉给水泵系统效率
</div>
</div>
<div style="float:left;width: 100%;height: calc((100% - 120px)*0.6);padding: 20px 15px 0px 15px;">
<table style="width: 100%;height: 35%;">
<tr style="color: #FFFFFF;font-weight: 700;text-align: center;">
<td width="30%"></td>
<td>余热锅炉给水流量</td>
<td>锅炉给水压力</td>
</tr>
<tr style="color: #FFFFFF;font-weight: 700;text-align: center;">
<td></td>
<td>(m3/h)</td>
<td>(MPa)</td>
</tr>
<tr>
<td style="color: #FFFFFF;text-align: center;">A线</td>
<td class="FIC_B501_A1" style="color: #00FF33;font-weight: 700;text-align: center;"></td>
<td class="PI_B501_A2" style="color: #00FF33;font-weight: 700;text-align: center;"></td>
</tr>
<tr>
<td style="color: #FFFFFF;text-align: center;">B线</td>
<td class="FIC_B501_B1" style="color: #00FF33;font-weight: 700;text-align: center;"></td>
<td class="PI_B501_B2" style="color: #00FF33;font-weight: 700;text-align: center;"></td>
</tr>
<tr>
<td style="color: #FFFFFF;text-align: center;">C线</td>
<td class="FIC_B501_C1" style="color: #00FF33;font-weight: 700;text-align: center;"></td>
<td class="PI_B501_C2" style="color: #00FF33;font-weight: 700;text-align: center;"></td>
</tr>
</table>
<table style="width: 100%;height: 65%;margin-top: 10px;">
<tr style="color: #FFFFFF;font-weight: 700;text-align: center;">
<td width="30%"></td>
<td>运行状态</td>
<td>扬程</td>
<td>效率</td>
</tr>
<tr style="color: #FFFFFF;font-weight: 700;text-align: center;">
<td></td>
<td></td>
<td>(m)</td>
<td>(%)</td>
</tr>
<tr style="background: rgba(0,0,0,0.35);border-radius: 2px;">
<td style="color: #FFFFFF;text-align: center;">锅炉给水泵A</td>
<td style="text-align: center;font-size: 12px;">
<div style="float: left;width:65px;height: 20px;margin-left: 30%;background: #000000;border: 1px solid #000000;border-radius: 11px;">
<div style="position: absolute;line-height: 20px;">
<svg t="1692084182225" class="icon" viewBox="0 0 1024 1024" p-id="5119" width="18"
height="18">
<path id="P501A_RUN"
fill="#FFFFFF"
d="M513.024 65.536q93.184 0 175.616 35.84t143.872 97.28 97.28 143.872 35.84 175.616q0 94.208-35.84 176.64t-97.28 143.872-143.872 97.28-175.616 35.84q-94.208 0-176.64-35.84t-143.872-97.28-97.28-143.872-35.84-176.64q0-93.184 35.84-175.616t97.28-143.872 143.872-97.28 176.64-35.84zM513.024 909.312q80.896 0 152.064-30.72t124.416-83.968 83.968-124.416 30.72-152.064-30.72-152.064-83.968-124.416-124.416-83.968-152.064-30.72q-81.92 0-153.088 30.72t-124.416 83.968-83.968 124.416-30.72 152.064 30.72 152.064 83.968 124.416 124.416 83.968 153.088 30.72zM513.024 190.464q66.56 0 124.928 25.088t102.4 69.12 69.12 102.4 25.088 124.928-25.088 125.44-69.12 102.912-102.4 69.12-124.928 25.088-125.44-25.088-102.912-69.12-69.12-102.912-25.088-125.44 25.088-124.928 69.12-102.4 102.912-69.12 125.44-25.088z"
p-id="5120"></path>
</svg>
</div>
<span id="P501A_RUN_Text"
style="height: 100%;margin-left: 10px;line-height: 20px;color: #FFFFFF;"> </span>
</div>
</td>
<td class="SDKWN_MODEL2_H_A" style="color: #01FFFF;font-weight: 700;text-align: center;"></td>
<td class="SDKWN_MODEL2_EFF_A" style="color: #01FFFF;font-weight: 700;text-align: center;"></td>
</tr>
<tr style="background: rgba(0,0,0,0.35);border-radius: 2px;">
<td style="color: #FFFFFF;text-align: center;">锅炉给水泵B</td>
<td style="color: #00FF33;text-align: center;">
<div style="float: left;width:65px;height: 20px;margin-left: 30%;background: #000000;border: 1px solid #000000;border-radius: 11px;">
<div style="position: absolute;line-height: 20px;">
<svg t="1692084182225" class="icon" viewBox="0 0 1024 1024" p-id="5119" width="18"
height="18">
<path id="P501B_RUN"
fill="#FFFFFF"
d="M513.024 65.536q93.184 0 175.616 35.84t143.872 97.28 97.28 143.872 35.84 175.616q0 94.208-35.84 176.64t-97.28 143.872-143.872 97.28-175.616 35.84q-94.208 0-176.64-35.84t-143.872-97.28-97.28-143.872-35.84-176.64q0-93.184 35.84-175.616t97.28-143.872 143.872-97.28 176.64-35.84zM513.024 909.312q80.896 0 152.064-30.72t124.416-83.968 83.968-124.416 30.72-152.064-30.72-152.064-83.968-124.416-124.416-83.968-152.064-30.72q-81.92 0-153.088 30.72t-124.416 83.968-83.968 124.416-30.72 152.064 30.72 152.064 83.968 124.416 124.416 83.968 153.088 30.72zM513.024 190.464q66.56 0 124.928 25.088t102.4 69.12 69.12 102.4 25.088 124.928-25.088 125.44-69.12 102.912-102.4 69.12-124.928 25.088-125.44-25.088-102.912-69.12-69.12-102.912-25.088-125.44 25.088-124.928 69.12-102.4 102.912-69.12 125.44-25.088z"
p-id="5120"></path>
</svg>
</div>
<span id="P501B_RUN_Text"
style="height: 100%;margin-left: 10px;line-height: 20px;color: #FFFFFF;"> </span>
</div>
</td>
<td class="SDKWN_MODEL2_H_B" style="color: #01FFFF;font-weight: 700;text-align: center;"></td>
<td class="SDKWN_MODEL2_EFF_B" style="color: #01FFFF;font-weight: 700;text-align: center;"></td>
</tr>
<tr>
<td style="color: #FFFFFF;text-align: center;">锅炉给水泵C</td>
<td style="color: #00FF33;text-align: center;">
<div style="float: left;width:65px;height: 20px;margin-left: 30%;background: #000000;border: 1px solid #000000;border-radius: 11px;">
<div style="position: absolute;line-height: 20px;">
<svg t="1692084182225" class="icon" viewBox="0 0 1024 1024" p-id="5119" width="18"
height="18">
<path id="P501C_RUN"
fill="#FFFFFF"
d="M513.024 65.536q93.184 0 175.616 35.84t143.872 97.28 97.28 143.872 35.84 175.616q0 94.208-35.84 176.64t-97.28 143.872-143.872 97.28-175.616 35.84q-94.208 0-176.64-35.84t-143.872-97.28-97.28-143.872-35.84-176.64q0-93.184 35.84-175.616t97.28-143.872 143.872-97.28 176.64-35.84zM513.024 909.312q80.896 0 152.064-30.72t124.416-83.968 83.968-124.416 30.72-152.064-30.72-152.064-83.968-124.416-124.416-83.968-152.064-30.72q-81.92 0-153.088 30.72t-124.416 83.968-83.968 124.416-30.72 152.064 30.72 152.064 83.968 124.416 124.416 83.968 153.088 30.72zM513.024 190.464q66.56 0 124.928 25.088t102.4 69.12 69.12 102.4 25.088 124.928-25.088 125.44-69.12 102.912-102.4 69.12-124.928 25.088-125.44-25.088-102.912-69.12-69.12-102.912-25.088-125.44 25.088-124.928 69.12-102.4 102.912-69.12 125.44-25.088z"
p-id="5120"></path>
</svg>
</div>
<span id="P501C_RUN_Text"
style="height: 100%;margin-left: 10px;line-height: 20px;color: #FFFFFF;"> </span>
</div>
</td>
<td class="SDKWN_MODEL2_H_C" style="color: #01FFFF;font-weight: 700;text-align: center;"></td>
<td class="SDKWN_MODEL2_EFF_C" style="color: #01FFFF;font-weight: 700;text-align: center;"></td>
</tr>
<tr>
<td style="color: #FFFFFF;text-align: center;">锅炉给水泵D</td>
<td style="color: #00FF33;text-align: center;">
<div style="float: left;width:65px;height: 20px;margin-left: 30%;background: #000000;border: 1px solid #000000;border-radius: 11px;">
<div style="position: absolute;line-height: 20px;">
<svg t="1692084182225" class="icon" viewBox="0 0 1024 1024" p-id="5119" width="18"
height="18">
<path id="P501D_RUN"
fill="#FFFFFF"
d="M513.024 65.536q93.184 0 175.616 35.84t143.872 97.28 97.28 143.872 35.84 175.616q0 94.208-35.84 176.64t-97.28 143.872-143.872 97.28-175.616 35.84q-94.208 0-176.64-35.84t-143.872-97.28-97.28-143.872-35.84-176.64q0-93.184 35.84-175.616t97.28-143.872 143.872-97.28 176.64-35.84zM513.024 909.312q80.896 0 152.064-30.72t124.416-83.968 83.968-124.416 30.72-152.064-30.72-152.064-83.968-124.416-124.416-83.968-152.064-30.72q-81.92 0-153.088 30.72t-124.416 83.968-83.968 124.416-30.72 152.064 30.72 152.064 83.968 124.416 124.416 83.968 153.088 30.72zM513.024 190.464q66.56 0 124.928 25.088t102.4 69.12 69.12 102.4 25.088 124.928-25.088 125.44-69.12 102.912-102.4 69.12-124.928 25.088-125.44-25.088-102.912-69.12-69.12-102.912-25.088-125.44 25.088-124.928 69.12-102.4 102.912-69.12 125.44-25.088z"
p-id="5120"></path>
</svg>
</div>
<span id="P501D_RUN_Text"
style="height: 100%;margin-left: 10px;line-height: 20px;color: #FFFFFF;"> </span>
</div>
</td>
<td class="SDKWN_MODEL2_H_D" style="color: #01FFFF;font-weight: 700;text-align: center;"></td>
<td class="SDKWN_MODEL2_EFF_D" style="color: #01FFFF;font-weight: 700;text-align: center;"></td>
</tr>
<tr style="background: rgba(0,0,0,0.35);border-radius: 2px;">
<td style="color: #FFFFFF;text-align: center;">锅炉给水泵E</td>
<td style="color: #00FF33;text-align: center;">
<div style="float: left;width:65px;height: 20px;margin-left: 30%;background: #000000;border: 1px solid #000000;border-radius: 11px;">
<div style="position: absolute;line-height: 20px;">
<svg t="1692084182225" class="icon" viewBox="0 0 1024 1024" p-id="5119" width="18"
height="18">
<path id="P501E_RUN"
fill="#FFFFFF"
d="M513.024 65.536q93.184 0 175.616 35.84t143.872 97.28 97.28 143.872 35.84 175.616q0 94.208-35.84 176.64t-97.28 143.872-143.872 97.28-175.616 35.84q-94.208 0-176.64-35.84t-143.872-97.28-97.28-143.872-35.84-176.64q0-93.184 35.84-175.616t97.28-143.872 143.872-97.28 176.64-35.84zM513.024 909.312q80.896 0 152.064-30.72t124.416-83.968 83.968-124.416 30.72-152.064-30.72-152.064-83.968-124.416-124.416-83.968-152.064-30.72q-81.92 0-153.088 30.72t-124.416 83.968-83.968 124.416-30.72 152.064 30.72 152.064 83.968 124.416 124.416 83.968 153.088 30.72zM513.024 190.464q66.56 0 124.928 25.088t102.4 69.12 69.12 102.4 25.088 124.928-25.088 125.44-69.12 102.912-102.4 69.12-124.928 25.088-125.44-25.088-102.912-69.12-69.12-102.912-25.088-125.44 25.088-124.928 69.12-102.4 102.912-69.12 125.44-25.088z"
p-id="5120"></path>
</svg>
</div>
<span id="P501E_RUN_Text"
style="height: 100%;margin-left: 10px;line-height: 20px;color: #FFFFFF;"> </span>
</div>
</td>
<td class="SDKWN_MODEL2_H_E" style="color: #01FFFF;font-weight: 700;text-align: center;"></td>
<td class="SDKWN_MODEL2_EFF_E" style="color: #01FFFF;font-weight: 700;text-align: center;"></td>
</tr>
<tr style="background: rgba(0,0,0,0.35);border-radius: 2px;">
<td style="color: #FFFFFF;text-align: center;">锅炉给水泵F</td>
<td style="color: #00FF33;text-align: center;">
<div style="float: left;width:65px;height: 20px;margin-left: 30%;background: #000000;border: 1px solid #000000;border-radius: 11px;">
<div style="position: absolute;line-height: 20px;">
<svg t="1692084182225" class="icon" viewBox="0 0 1024 1024" p-id="5119" width="18"
height="18">
<path id="P501F_RUN"
fill="#FFFFFF"
d="M513.024 65.536q93.184 0 175.616 35.84t143.872 97.28 97.28 143.872 35.84 175.616q0 94.208-35.84 176.64t-97.28 143.872-143.872 97.28-175.616 35.84q-94.208 0-176.64-35.84t-143.872-97.28-97.28-143.872-35.84-176.64q0-93.184 35.84-175.616t97.28-143.872 143.872-97.28 176.64-35.84zM513.024 909.312q80.896 0 152.064-30.72t124.416-83.968 83.968-124.416 30.72-152.064-30.72-152.064-83.968-124.416-124.416-83.968-152.064-30.72q-81.92 0-153.088 30.72t-124.416 83.968-83.968 124.416-30.72 152.064 30.72 152.064 83.968 124.416 124.416 83.968 153.088 30.72zM513.024 190.464q66.56 0 124.928 25.088t102.4 69.12 69.12 102.4 25.088 124.928-25.088 125.44-69.12 102.912-102.4 69.12-124.928 25.088-125.44-25.088-102.912-69.12-69.12-102.912-25.088-125.44 25.088-124.928 69.12-102.4 102.912-69.12 125.44-25.088z"
p-id="5120"></path>
</svg>
</div>
<span id="P501F_RUN_Text"
style="height: 100%;margin-left: 10px;line-height: 20px;color: #FFFFFF;"> </span>
</div>
</td>
<td class="SDKWN_MODEL2_H_F" style="color: #01FFFF;font-weight: 700;text-align: center;"></td>
<td class="SDKWN_MODEL2_EFF_F" style="color: #01FFFF;font-weight: 700;text-align: center;"></td>
</tr>
</table>
</div>
<div style="float:left;width: 100%;height: 60px;padding-top: 30px;padding-left: 50px;text-align: center;color: #FFFFFF;line-height: 40px;font-weight: 700;">
泵组运行效率曲线
<div style="float:right;width: 100px;height: 36px;background: rgba(24,105,174,0.70);border: 1px solid #00cbff;border-radius: 2px;color: #ffffff;line-height: 36px;text-align: center;">
查看曲线 >>
</div>
</div>
<div id="chart1" style="float:left;width: 100%;height: calc((100% - 120px)*0.4);padding: 20px 15px 0px 15px;">
</div>
</div>
</div>
</body>
<!-- 引入daterangepicker-->
<link rel="stylesheet" href="<%=request.getContextPath()%>/plugins/bootstrap-daterangepicker/daterangepicker.css"/>
<script type="text/javascript" src="<%=request.getContextPath()%>/plugins/bootstrap-daterangepicker/moment.min.js"
charset="utf-8"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/plugins/bootstrap-daterangepicker/daterangepicker.js"
charset="utf-8"></script>
</html>