first commit
This commit is contained in:
289
WebRoot/jsp/digitalProcess/excessSludgeTH.jsp
Normal file
289
WebRoot/jsp/digitalProcess/excessSludgeTH.jsp
Normal file
@ -0,0 +1,289 @@
|
||||
<%@ 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>
|
||||
<!-- 引入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>
|
||||
|
||||
<style type="text/css">
|
||||
</style>
|
||||
<script type="text/javascript">
|
||||
var color = [
|
||||
"#899BFF",
|
||||
"#35C837",
|
||||
"#89E1FF",
|
||||
"#1949EE"
|
||||
];
|
||||
|
||||
$(function () {
|
||||
let windowHeight = $(window).height();
|
||||
$('#main').css("height", (windowHeight - 30) + "px");
|
||||
|
||||
getData();
|
||||
})
|
||||
|
||||
function getData(modelType) {
|
||||
$.ajax({
|
||||
type: 'GET',
|
||||
url: ext.contextPath + "/digitalProcess/digitalTechnologist/getJspData.do",
|
||||
dataType: 'json',
|
||||
data: {
|
||||
unitId: unitId,
|
||||
jspId: 'excessSludge',
|
||||
modelType: modelType
|
||||
// time: '2022-06-01'
|
||||
},
|
||||
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 == 'getMpMainValue') {
|
||||
if (content.mPoint != null) {
|
||||
let outValue = toThousands(content.mPoint.parmvalue);
|
||||
// if(isNumber(outValue)){
|
||||
// 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 == '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('-');
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
</head>
|
||||
<body onload="initMenu()" class="hold-transition ${cu.themeclass} 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"
|
||||
style="background-size: 100% 100%;">
|
||||
<!-- Main content -->
|
||||
<section class="content container-fluid">
|
||||
<div id="mainAlertdiv"></div>
|
||||
<div id="subDiv"></div>
|
||||
|
||||
<div id="main">
|
||||
<div style="float: left;width: 100%;height: calc((100% - 20px)*0.2);background-color: #FFFFFF;">
|
||||
<div style="float:left;width:20%;height:100%;">
|
||||
<div style="float:left;width:100%;height:60%;font-size: 30px;padding-left:40px;line-height:90px;">
|
||||
泰和污水厂
|
||||
</div>
|
||||
<div style="float:left;width:100%;height:40%;">
|
||||
<div style="float:left;height:100%;padding-left:40px;line-height:20px;color: rgb(176, 176, 176);">
|
||||
设计泥处理能力
|
||||
</div>
|
||||
<div class="TH_DE_SR_DESIGN_CAPACITY" style="float:left;height:100%;padding-left:10px;font-size: 30px;line-height:10px;">
|
||||
</div>
|
||||
<div style="float:left;height:100%;padding-left:10px;line-height:20px;color: rgb(176, 176, 176);">
|
||||
m3
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="float:left;width:15%;height:100%;">
|
||||
<div style="float:left;width:100%;height:60%;line-height:90px;color: rgb(176, 176, 176);">
|
||||
当日综合泥处理能力(m3)
|
||||
</div>
|
||||
<div class="TH_DE_SR_CAPACITY_TODAY" style="float:left;width:100%;height:40%;color: #B54F0B;font-size: 30px;line-height:20px;">
|
||||
</div>
|
||||
</div>
|
||||
<div style="float:left;width:15%;height:100%;">
|
||||
<div style="float:left;width:100%;height:60%;line-height:90px;color: rgb(176, 176, 176);">
|
||||
污泥干化系统总台数(台)
|
||||
</div>
|
||||
<div class="TH_SLUDGE_DRYING_EQUIP_TOTAL" style="float:left;width:100%;height:40%;font-size: 30px;line-height:20px;">
|
||||
</div>
|
||||
</div>
|
||||
<div style="float:left;width:15%;height:100%;">
|
||||
<div style="float:left;width:100%;height:60%;line-height:90px;color: rgb(176, 176, 176);">
|
||||
污泥干化系统可用台数(台)
|
||||
</div>
|
||||
<div class="TH_SLUDGE_DRYING_EQUIP_AVAILABLE" style="float:left;width:100%;height:40%;font-size: 30px;line-height:20px;">
|
||||
</div>
|
||||
</div>
|
||||
<div style="float:left;width:15%;height:100%;">
|
||||
<div style="float:left;width:100%;height:60%;line-height:90px;color: rgb(176, 176, 176);">
|
||||
储泥池液位(m)
|
||||
</div>
|
||||
<div class="TH_SLUDGE_STORAGE_BASIN_LEVEL_AVG" style="float:left;width:100%;height:40%;font-size: 30px;line-height:20px;">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="float: left;width: 100%;height: 20px;"></div>
|
||||
<div style="float: left;width: 100%;height: calc((100% - 20px)*0.8);background-color: #FFFFFF;">
|
||||
<div style="float:left;width:calc((100% - 2px)*0.6);height:100%;">
|
||||
<table style="width:100%;height:100%;text-align:center;">
|
||||
<tr style="height:80px;">
|
||||
<td colspan="6" style="font-weight: 700;font-style: normal;font-size: 18px;">运行参数</td>
|
||||
</tr>
|
||||
<tr style="color: rgb(176, 176, 176);height:40px;">
|
||||
<td width="16.6%">工艺单体</td>
|
||||
<td width="16.6%">集泥井液位</td>
|
||||
<td width="16.6%">二沉池MLSS</td>
|
||||
<td width="16.6%">生反池SV30</td>
|
||||
<td width="16.6%">昨日排泥量</td>
|
||||
<td width="16.6%">生反池MLSS</td>
|
||||
</tr>
|
||||
<tr style="color: rgb(176, 176, 176);height:20px;">
|
||||
<td ></td>
|
||||
<td >(m)</td>
|
||||
<td >(g/L)</td>
|
||||
<td >(%)</td>
|
||||
<td >(m3/d)</td>
|
||||
<td >(g/L)</td>
|
||||
</tr>
|
||||
<tr style="font-size: 30px;">
|
||||
<td >1#二沉池</td>
|
||||
<td class="TH_PLC06_RI5_4_Meter1_r_MeterValue"></td>
|
||||
<td class="TH_PLC06_RI5_3_Meter11_r_MeterValue"></td>
|
||||
<td class="TH_PLC_SYWN_SV30_1"></td>
|
||||
<td class="TH_PLC06_Total_FLOW2_DAY"></td>
|
||||
<td class="TH_PLC03_RI3_3_Meter8_r_MeterValue"></td>
|
||||
</tr>
|
||||
<tr style="font-size: 30px;">
|
||||
<td >2#二沉池</td>
|
||||
<td class="TH_PLC06_RI5_2_Meter1_r_MeterValue"></td>
|
||||
<td class="TH_PLC06_RI5_1_Meter11_r_MeterValue"></td>
|
||||
<td class="TH_PLC_SYWN_SV30_2"></td>
|
||||
<td class="TH_PLC06_Total_FLOW1_DAY"></td>
|
||||
<td class="TH_PLC02_RI3_3_Meter8_r_MeterValue"></td>
|
||||
</tr>
|
||||
<tr style="font-size: 30px;">
|
||||
<td >3#二沉池</td>
|
||||
<td class="TH_PLC07_RI5_2_Meter1_r_MeterValue"></td>
|
||||
<td class="TH_PLC07_RI5_1_Meter11_r_MeterValue"></td>
|
||||
<td class="TH_PLC_SYWN_SV30_3"></td>
|
||||
<td class="TH_PLC07_Total_FLOW1_DAY"></td>
|
||||
<td class="TH_PLC04_RI3_3_Meter8_r_MeterValue"></td>
|
||||
</tr>
|
||||
<tr style="font-size: 30px;">
|
||||
<td >4#二沉池</td>
|
||||
<td class="TH_PLC07_RI5_4_Meter1_r_MeterValue"></td>
|
||||
<td class="TH_PLC07_RI5_3_Meter11_r_MeterValue"></td>
|
||||
<td class="TH_PLC_SYWN_SV30_4"></td>
|
||||
<td class="TH_PLC07_Total_FLOW2_DAY"></td>
|
||||
<td class="TH_PLC05_RI3_3_Meter8_r_MeterValue"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
<div style="float:left;width:2px;height:100%;padding-top:20px;padding-bottom:20px;">
|
||||
<div style="float:left;width:2px;height:100%;background-color:#F3F3F3;"></div>
|
||||
</div>
|
||||
<div style="float:left;width:calc((100% - 2px)*0.4);height:100%;">
|
||||
<table style="width:100%;height:100%;text-align:center;">
|
||||
<tr style="height:80px;">
|
||||
<td colspan="4" style="font-weight: 700;font-style: normal;font-size: 18px;">预测值</td>
|
||||
</tr>
|
||||
<tr style="color: rgb(176, 176, 176);height:40px;">
|
||||
<td width="25%">污泥泵开启台数</td>
|
||||
<td width="25%">污泥泵运行时间</td>
|
||||
<td width="25%">污泥泵运行间隔时间</td>
|
||||
<td width="25%">排泥量</td>
|
||||
</tr>
|
||||
<tr style="color: rgb(176, 176, 176);height:20px;">
|
||||
<td ></td>
|
||||
<td >(min)</td>
|
||||
<td >(min)</td>
|
||||
<td >(m3/d)</td>
|
||||
</tr>
|
||||
<tr style="color:#89E1FF;font-size: 30px;">
|
||||
<td class="TH_DE_SST_1_SR_PUMP_ON_PREDICT"></td>
|
||||
<td class="TH_DE_SST_1_SR_RUNTIME_PREDICT"></td>
|
||||
<td class="TH_DE_SST_1_SR_PAUSETIME_PREDICT"></td>
|
||||
<td class="TH_DE_SST_1_SR_FLOWRATE_PREDICT"></td>
|
||||
</tr>
|
||||
<tr style="color:#89E1FF;font-size: 30px;">
|
||||
<td class="TH_DE_SST_2_SR_PUMP_ON_PREDICT"></td>
|
||||
<td class="TH_DE_SST_2_SR_RUNTIME_PREDICT"></td>
|
||||
<td class="TH_DE_SST_2_SR_PAUSETIME_PREDICT"></td>
|
||||
<td class="TH_DE_SST_2_SR_FLOWRATE_PREDICT"></td>
|
||||
</tr>
|
||||
<tr style="color:#89E1FF;font-size: 30px;">
|
||||
<td class="TH_DE_SST_3_SR_PUMP_ON_PREDICT"></td>
|
||||
<td class="TH_DE_SST_3_SR_RUNTIME_PREDICT"></td>
|
||||
<td class="TH_DE_SST_3_SR_PAUSETIME_PREDICT"></td>
|
||||
<td class="TH_DE_SST_3_SR_FLOWRATE_PREDICT"></td>
|
||||
</tr>
|
||||
<tr style="color:#89E1FF;font-size: 30px;">
|
||||
<td class="TH_DE_SST_4_SR_PUMP_ON_PREDICT"></td>
|
||||
<td class="TH_DE_SST_4_SR_RUNTIME_PREDICT"></td>
|
||||
<td class="TH_DE_SST_4_SR_PAUSETIME_PREDICT"></td>
|
||||
<td class="TH_DE_SST_4_SR_FLOWRATE_PREDICT"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
<!-- /.content -->
|
||||
</div>
|
||||
<%-- <jsp:include page="/jsp/bottom.jsp"></jsp:include> --%>
|
||||
<%-- <jsp:include page="/jsp/side.jsp"></jsp:include> --%>
|
||||
</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>
|
||||
Reference in New Issue
Block a user