1483 lines
88 KiB
Plaintext
1483 lines
88 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">
|
||
.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
|
||
border: 0;
|
||
}
|
||
.nav-pills>li.tabbg-green.active>a,
|
||
.nav-pills>li.tabbg-green.active>a:focus,
|
||
.nav-pills>li.tabbg-green.active>a:hover {
|
||
background-color: #4dd4b3;
|
||
}
|
||
.tabbg-top-green{
|
||
border-top: 4px #4dd4b3 solid;
|
||
}
|
||
.tabbg-top-orange{
|
||
border-top: 4px #f4b429 solid;
|
||
}
|
||
.tabbg-top-brown{
|
||
border-top: 4px #cb7c2d solid;
|
||
}
|
||
.nav-pills>li.tabbg-orange.active>a,
|
||
.nav-pills>li.tabbg-orange.active>a:focus,
|
||
.nav-pills>li.tabbg-orange.active>a:hover {
|
||
background-color: #f4b429;
|
||
}
|
||
.nav-pills>li.tabbg-brown.active>a,
|
||
.nav-pills>li.tabbg-brown.active>a:focus,
|
||
.nav-pills>li.tabbg-brown.active>a:hover {
|
||
background-color: #cb7c2d;
|
||
}
|
||
.nav>li>a {
|
||
background: #f4f4f4;
|
||
border: 1px #C8C8C8 solid;
|
||
text-align: left;
|
||
color: #151515;
|
||
border-radius: 4px 4px 0 0;;
|
||
height: 33px;
|
||
padding: 5px;
|
||
}
|
||
|
||
.nav>li>a>.fa-caret-square-o-right {
|
||
color: #00b1ff;
|
||
}
|
||
.nav>li>a>.fa-minus-square{
|
||
color: #bbbbbb;
|
||
}
|
||
.nav-pills>li.active>a>.fa-caret-square-o-right,
|
||
.nav-pills>li.active>a>.fa-minus-square {
|
||
color: #ffffff;
|
||
}
|
||
.tab-pane{
|
||
background-color: #FFFFFF;
|
||
padding: 25px;
|
||
min-height: 320px;
|
||
}
|
||
.table{
|
||
display: inline-table;
|
||
}
|
||
.table+.table{
|
||
margin-left: 20px;
|
||
}
|
||
.table>thead>tr{
|
||
background-color: #f0f0f0
|
||
}
|
||
.taiheModelProcess-model{
|
||
position: absolute;
|
||
}
|
||
.intakeLiftPump{
|
||
top: 70px;
|
||
left: 175px;
|
||
width: 60px;
|
||
height: 25px;
|
||
}
|
||
.aerationSystemOfReactionTank{
|
||
top: 70px;
|
||
left: 375px;
|
||
width: 90px;
|
||
height: 25px;
|
||
}
|
||
.externalReflux{
|
||
top: 40px;
|
||
left: 600px;
|
||
width: 85px;
|
||
height: 25px;
|
||
}
|
||
.excessSludge{
|
||
top: 68px;
|
||
left: 600px;
|
||
width: 85px;
|
||
height: 25px;
|
||
}
|
||
.internalRefluxSYSList{
|
||
top: 40px;
|
||
left: 375px;
|
||
width: 90px;
|
||
height: 25px;
|
||
}
|
||
.PACDosingList{
|
||
top: 40px;
|
||
left: 700px;
|
||
width: 85px;
|
||
height: 25px;
|
||
}
|
||
.PAMDosingList{
|
||
top: 68px;
|
||
left: 700px;
|
||
width: 85px;
|
||
height: 25px;
|
||
}
|
||
.carbonSourceDosing{
|
||
top: 40px;
|
||
left: 1020px;
|
||
width: 90px;
|
||
height: 25px;
|
||
}
|
||
.nav-pills>li>a>.fa, .nav-pills>li>a>.glyphicon, .nav-pills>li>a>.ion {
|
||
margin-left: 2px;
|
||
}
|
||
.cursor-pointer{
|
||
cursor: pointer;
|
||
}
|
||
</style>
|
||
<script type="text/javascript">
|
||
let websocket = null;
|
||
let modelIp = "${modelIp}";
|
||
let pid = 'intakeLiftPump';
|
||
$(function () {
|
||
if ('WebSocket' in window) {
|
||
// 创建websocket对象
|
||
websocket = new WebSocket("ws://"+modelIp+"/modelComputerWebSocketEnd/");
|
||
console.log("ws://"+modelIp+"/modelComputerWebSocketEnd/")
|
||
registerEvent();
|
||
} else {
|
||
alert('当前浏览器不支持websocket')
|
||
}
|
||
$(window).unload(function () {
|
||
console.log("websocket关闭");
|
||
websocket.close();
|
||
});
|
||
|
||
getData("",pid);
|
||
getModeData("");
|
||
})
|
||
|
||
function registerEvent() {
|
||
websocket.onopen = function (event) {
|
||
console.log("已连接");
|
||
}
|
||
|
||
websocket.onmessage = function (event) {
|
||
if(event!=null){
|
||
// console.log(event.data)
|
||
let modelType = event.data;
|
||
getData(modelType,pid);
|
||
getModeData(modelType);
|
||
// if(modelType=='model_status'){
|
||
|
||
// }else{
|
||
// getData(modelType);
|
||
// }
|
||
}
|
||
};
|
||
websocket.onclose = function (event) {
|
||
console.log("已断开");
|
||
reconnect();
|
||
};
|
||
//连接发生错误的回调方法
|
||
websocket.onerror = function () {
|
||
reconnect();
|
||
};
|
||
}
|
||
|
||
function reconnect() {
|
||
websocket = new WebSocket("ws://"+modelIp+"/modelComputerWebSocketEnd/");
|
||
websocket.onopen = function (event) {
|
||
console.log("已连接");
|
||
}
|
||
|
||
websocket.onmessage = function (event) {
|
||
};
|
||
|
||
websocket.onclose = function (event) {
|
||
setTimeout("reconnect();", 8000);
|
||
};
|
||
//连接发生错误的回调方法 `1
|
||
websocket.onerror = function () {
|
||
websocket.close();
|
||
};
|
||
}
|
||
|
||
function getData(modelType,jspId) {
|
||
pid = jspId;
|
||
$.ajax({
|
||
type: 'GET',
|
||
url: ext.contextPath + "/digitalProcess/digitalTechnologist/getJspData.do",
|
||
dataType: 'json',
|
||
data: {
|
||
unitId: unitId,
|
||
jspId: jspId,
|
||
modelType:modelType
|
||
},
|
||
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];
|
||
let mpcode = "";
|
||
|
||
if (content.visualCacheData != null) {
|
||
if (content.visualCacheData.mpcode != null
|
||
&& content.visualCacheData.mpcode != ''
|
||
&& content.visualCacheData.mpcode != undefined && content.mPoint != null) {
|
||
mpcode = content.visualCacheData.mpcode;
|
||
$('.' + content.elementCode).attr("data-mpcode", mpcode);
|
||
$('.' + content.elementCode).addClass('cursor-pointer');
|
||
$('.' + content.elementCode).attr("onclick","showLine(this);");
|
||
}else {
|
||
$('.' + content.elementCode).removeClass('cursor-pointer');
|
||
$('.' + content.elementCode).removeAttr("onclick");
|
||
}
|
||
}
|
||
// console.log(content)
|
||
if (content.getValueType == 'getMpMainValue') {
|
||
// console.log(content)
|
||
if (content.mPoint != null) {
|
||
if(content.elementCode=='DE_MODE'){
|
||
// console.log(content.mPoint.parmvalue);
|
||
controlChange(content.mPoint.parmvalue);
|
||
}else{
|
||
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);
|
||
let value = redisValue.mpvalue;
|
||
let numtail = 0;
|
||
if($("."+content.elementCode+"_high").length > 0 && isNumber(value)){
|
||
if (content.visualCacheData.numtail != null) {
|
||
numtail=content.visualCacheData.numtail;
|
||
}
|
||
$("."+content.elementCode+"_high").html((value-5.6).toFixed(numtail));
|
||
}
|
||
} else {
|
||
$('.' + content.elementCode).text('-');
|
||
}
|
||
}else{
|
||
if (content.mPoint != null) {
|
||
let outValue = toThousands(content.mPoint.parmvalue);
|
||
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);
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
}
|
||
});
|
||
}
|
||
function getModeData(modelType) {
|
||
$.ajax({
|
||
type: 'GET',
|
||
url: ext.contextPath + "/digitalProcess/digitalTechnologist/getJspData.do",
|
||
dataType: 'json',
|
||
data: {
|
||
unitId: unitId,
|
||
jspId: 'processParametersList',
|
||
modelType:modelType
|
||
},
|
||
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];
|
||
// console.log(content)
|
||
if (content.getValueType == 'getMpMainValue') {
|
||
// console.log(content)
|
||
if (content.mPoint != null) {
|
||
if(content.elementCode=='DE_MODE'){
|
||
// console.log(content.mPoint.parmvalue);
|
||
controlChange(content.mPoint.parmvalue);
|
||
}else{
|
||
if(content.elementCode.indexOf("_MODE") != -1 ){
|
||
modeChange(content.elementCode,content.mPoint.parmvalue);
|
||
}else{
|
||
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);
|
||
let value = redisValue.mpvalue;
|
||
let numtail = 0;
|
||
if($("."+content.elementCode+"_high").length > 0 && isNumber(value)){
|
||
if (content.visualCacheData.numtail != null) {
|
||
numtail=content.visualCacheData.numtail;
|
||
}
|
||
$("."+content.elementCode+"_high").html((value-5.6).toFixed(numtail));
|
||
}
|
||
} else {
|
||
$('.' + content.elementCode).text('-');
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
}
|
||
});
|
||
}
|
||
function controlChange(st) {
|
||
if (st == '0') {
|
||
$('#controlAuto').hide();
|
||
$('#controlManual').show();
|
||
} else if (st == '1') {
|
||
$('#controlManual').hide();
|
||
$('#controlAuto').show();
|
||
}
|
||
|
||
}
|
||
function modeChange(id,value) {
|
||
$('#'+id).empty();
|
||
// 控制模式-全执行为1，取消执行为0；
|
||
// 1/2线控制模式为2，取消执行为0；
|
||
// 3/4线控制模式为3，取消执行为0。
|
||
if (value == '0') {
|
||
$('#'+id).removeClass('fa-caret-square-o-right');
|
||
$('#'+id).addClass('fa-minus-square');
|
||
$('.'+id+'_12').css("background-color","#bbbbbb");
|
||
$('.'+id+'_34').css("background-color","#bbbbbb");
|
||
$('.'+id+'_12').html('未投运');
|
||
$('.'+id+'_34').html('未投运');
|
||
} else if (value == '1') {
|
||
$('#'+id).removeClass('fa-minus-square');
|
||
$('#'+id).addClass('fa-caret-square-o-right');
|
||
$('.'+id+'_12').css("background-color","#6DD3FF");
|
||
$('.'+id+'_34').css("background-color","#6DD3FF");
|
||
$('.'+id+'_12').html('投运');
|
||
$('.'+id+'_34').html('投运');
|
||
} else if (value == '2') {
|
||
$('#'+id).removeClass('fa-minus-square');
|
||
$('#'+id).removeClass('fa-caret-square-o-right');
|
||
$('#'+id).html('(1/2线投运)');
|
||
$('.'+id+'_12').css("background-color","#6DD3FF");
|
||
$('.'+id+'_12').html('投运');
|
||
$('.'+id+'_34').css("background-color","#bbbbbb");
|
||
$('.'+id+'_34').html('未投运');
|
||
} else if (value == '3') {
|
||
$('#'+id).removeClass('fa-minus-square');
|
||
$('#'+id).removeClass('fa-caret-square-o-right');
|
||
$('#'+id).html('(3/4线投运)');
|
||
$('.'+id+'_12').css("background-color","#bbbbbb");
|
||
$('.'+id+'_12').html('未投运');
|
||
$('.'+id+'_34').css("background-color","#6DD3FF");
|
||
$('.'+id+'_34').html('投运');
|
||
}
|
||
|
||
}
|
||
|
||
function openTab(st){
|
||
if(st=='0'){
|
||
window.parent.addTab("model"+st, "PAC加药", "/digitalProcess/digitalTechnologist/PACDosingList.do");
|
||
}else if(st=='1'){
|
||
window.parent.addTab("model"+st, "进水泵房", "/digitalProcess/digitalTechnologist/intakeLiftPump.do");
|
||
}else if(st=='2'){
|
||
window.parent.addTab("model"+st, "内回流系统", "/digitalProcess/digitalTechnologist/internalRefluxSYSList.do");
|
||
}
|
||
}
|
||
function showLine(ele) {
|
||
var mpcode = $(ele).attr("data-mpcode");
|
||
if(mpcode!=null && mpcode!=undefined && mpcode!=''){
|
||
$.post(ext.contextPath + '/data/showOnlyLine.do', {mpcode: mpcode, unitId: unitId}, function (data2) {
|
||
$("#subDiv").html(data2);
|
||
openModal('curveModal');
|
||
});
|
||
}
|
||
}
|
||
</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">
|
||
<!-- Main content -->
|
||
<section class="content container-fluid">
|
||
<div id="mainAlertdiv"></div>
|
||
<div id="subDiv"></div>
|
||
<div id="top"
|
||
style="float:left;width: 100%;height: 380px;padding: 5px 30px;border-radius: 4px;position:relative;background-color: #001b31;margin-bottom: 10px">
|
||
<div id="taiheModelProcess" style="float: left;width: 1257px;height: 358px;background:url(<%=request.getContextPath()%>/IMG/digitalProcess/taiheModelProcess.png);background-size: 100% 100%;">
|
||
<a class="taiheModelProcess-model intakeLiftPump" href="javascript:;"
|
||
onclick="parent.addTab('3a869a18391f4de59b45b977776ce6eb','提升系统预测','digitalProcess/digitalTechnologist/intakeLiftPump.do')" ></a>
|
||
<a class="taiheModelProcess-model aerationSystemOfReactionTank" href="javascript:;"
|
||
onclick="parent.addTab('f5edf603fdcf481696a9e122b7cd1b56','生物系统预测','digitalProcess/digitalTechnologist/aerationSystemOfReactionTank.do')" ></a>
|
||
<a class="taiheModelProcess-model internalRefluxSYSList" href="javascript:;"
|
||
onclick="parent.addTab('fb9d43dd85884b9d9b2aebf06342c676','内回流系统预测','digitalProcess/digitalTechnologist/internalRefluxSYSList.do')" ></a>
|
||
<a class="taiheModelProcess-model externalReflux" href="javascript:;"
|
||
onclick="parent.addTab('a536e48d78174071a38d8578a6d34efb','外回流系统预测','digitalProcess/digitalTechnologist/externalReflux.do')" ></a>
|
||
<a class="taiheModelProcess-model excessSludge" href="javascript:;"
|
||
onclick="parent.addTab('d6cb193663a74966acda2e33f859634a','剩余污泥系统预测','digitalProcess/digitalTechnologist/excessSludgeTH.do')" ></a>
|
||
<a class="taiheModelProcess-model PACDosingList" href="javascript:;"
|
||
onclick="parent.addTab('51067df4f7294b2aac41b26287772a26','PAC投加预测','digitalProcess/digitalTechnologist/PACDosingList.do?unitId=021THWS&tabSt=PAC')" ></a>
|
||
<a class="taiheModelProcess-model PAMDosingList" href="javascript:;"
|
||
onclick="parent.addTab('51067df4f7294b2aac41b26287772a26','PAC投加预测','digitalProcess/digitalTechnologist/PACDosingList.do?unitId=021THWS&tabSt=PAM')" ></a>
|
||
|
||
<a class="taiheModelProcess-model carbonSourceDosing" href="javascript:;"
|
||
onclick="parent.addTab('e9a880ef1a84450fb15546011a23ba62','碳源投加预测','digitalProcess/digitalTechnologist/carbonSourceDosing.do')" ></a>
|
||
</div>
|
||
<div style="position: absolute;width: 220px;right:50px;top: 20px;">
|
||
<div style="height: 40px;line-height:40px;text-align:left ;color: #B0B0B0;">当前控制模式</div>
|
||
<div style="height: 50px;text-align: center;line-height: 35px;">
|
||
<div id="controlManual"
|
||
style="width: 105px;height: 34px;color: #FFFFFF;background-color:#6DD3FF;border-radius: 4px;display:none;">现场自控模式
|
||
</div>
|
||
<div id="controlAuto"
|
||
style="width: 105px;height: 34px;color: #FFFFFF;background-color:#6DD3FF;border-radius: 0px;display:none;">数字工艺员模式
|
||
</div>
|
||
</div>
|
||
<div style="height: 40px;line-height:40px;text-align: left;color: #B0B0B0;">
|
||
当前处理量预测(万m³)
|
||
</div>
|
||
<div class="nowWaterForecast"
|
||
style="height: 50px;line-height:50px;text-align: left;color: #89E1FF;font-size: 30px;">0
|
||
</div>
|
||
<div style="height: 40px;line-height:40px;text-align: left;color: #B0B0B0;">
|
||
小时处理量预测(m³/s)
|
||
</div>
|
||
<div class="hourWaterForecast"
|
||
style="height: 50px;line-height:50px;text-align: left;color: #89E1FF;font-size: 30px;">0
|
||
</div>
|
||
</div>
|
||
<%--<div style="position: absolute;width: 5%;height: 33px;line-height:33px;text-align:center;left:62.7%;top: 15px;background-color: rgba(244, 180, 41, 1);border-radius: 5px;color: #FFFFFF;cursor: pointer;" onclick="openTab('0')">
|
||
PAC投加系统
|
||
</div>
|
||
<div style="position: absolute;width: 5%;height: 33px;line-height:33px;text-align:center;left:12.4%;top: 30%;background-color: rgba(77, 212, 179, 1);border-radius: 5px;color: #FFFFFF;cursor: pointer;" onclick="openTab('1')">
|
||
进水泵房
|
||
</div>
|
||
<div style="position: absolute;width: 5%;height: 33px;line-height:33px;text-align:center;left:37.7%;top: 89%;background-color: rgba(203, 124, 45, 1);border-radius: 5px;color: #FFFFFF;cursor: pointer;" onclick="openTab('2')">
|
||
内回流系统
|
||
</div>--%>
|
||
</div>
|
||
<ul id="myTabs" class="nav nav-pills" role="tablist">
|
||
<li role="presentation" class="tabbg-green active"><a href="#1TabContent" id="1-tab" role="tab" data-toggle="tab" aria-controls="1" aria-expanded="true" onclick="getData('','intakeLiftPump')">进水泵房<i class="fa fa-minus-square" id="TH_DE_VP_MODE"></i></a></li>
|
||
<li role="presentation" class="tabbg-green "><a href="#2TabContent" role="tab" id="2-tab" data-toggle="tab" aria-controls="2" aria-expanded="false" onclick="getData('','aerationSystemOfReactionTank')">生反池曝气系统<i class="fa fa-minus-square" id="TH_AIRCONTROL_MODE"></i></a></li>
|
||
<li role="presentation" class="tabbg-brown "><a href="#9TabContent" role="tab" id="9-tab" data-toggle="tab" aria-controls="9" aria-expanded="false" onclick="getData('','internalRefluxSYSList')">内回流系统<i class="fa fa-minus-square" id="TH_INNERFLOW_MODE"></i></a></li>
|
||
<li role="presentation" class="tabbg-brown "><a href="#3TabContent" role="tab" id="3-tab" data-toggle="tab" aria-controls="3" aria-expanded="false" onclick="getData('','externalReflux')">外回流系统<i class="fa fa-minus-square" id="TH_OUTERFLOW_MODE"></i></a></li>
|
||
<li role="presentation" class="tabbg-orange "><a href="#4TabContent" role="tab" id="4-tab" data-toggle="tab" aria-controls="4" aria-expanded="false" onclick="getData('','PACDosingList')">PAC投加系统<i class="fa fa-minus-square" id="TH_PAC_MODE"></i></a></li>
|
||
<li role="presentation" class="tabbg-orange "><a href="#5TabContent" role="tab" id="5-tab" data-toggle="tab" aria-controls="5" aria-expanded="false" onclick="getData('','PACDosingList')">PAM投加系统<i class="fa fa-minus-square" id="TH_PAM_MODE"></i></a></li>
|
||
<li role="presentation" class="tabbg-orange "><a href="#6TabContent" role="tab" id="6-tab" data-toggle="tab" aria-controls="6" aria-expanded="false" onclick="getData('','carbonSourceDosing')">碳源投加系统<i class="fa fa-minus-square" id="TH_Carbon_MODE"></i></a></li>
|
||
<li role="presentation" class="tabbg-brown "><a href="#7TabContent" role="tab" id="7-tab" data-toggle="tab" aria-controls="7" aria-expanded="false" onclick="getData('','excessSludge')">剩余污泥系统<i class="fa fa-minus-square" id="TH_EX_SLUDGE_MODE"></i></a></li>
|
||
<li role="presentation" class="tabbg-green "><a href="#8TabContent" role="tab" id="8-tab" data-toggle="tab" aria-controls="8" aria-expanded="false" onclick="getData('','carbonSourceDosing')">滤池控制系统<i class="fa fa-minus-square" id="TH_FILTER_MODE"></i></a></li>
|
||
<li role="presentation" class="tabbg-green "><a href="#10TabContent" role="tab" id="10-tab" data-toggle="tab" aria-controls="10" aria-expanded="false" onclick="getData('','sodiumHypochlorite')">次氯酸钠系统<i class="fa fa-minus-square" id="TH_NACLO_MODE"></i></a></li>
|
||
</ul>
|
||
<div id="myTabContent" class="tab-content">
|
||
<div role="tabpanel" class="tabbg-top-green tab-pane fade active in" id="1TabContent" aria-labelledby="1-tab">
|
||
<table class="table" style="width: 380px">
|
||
<thead>
|
||
<tr>
|
||
<th>西线1/2线<span class="TH_DE_VP_MODE_12" style="font-size: 12px;padding: 5px 12px;margin-left: 10px;color: #FFFFFF;background-color:#bbbbbb;border-radius: 4px;">未投运</span></th>
|
||
<th>实际</th>
|
||
<th>预测</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td style="color: #B0B0B0;">小时处理量（m³/s）</td>
|
||
<td class="waterInflow_west">###</td>
|
||
<td style="color: #89E1FF;" class="modelPumpFlow_west">###</td>
|
||
</tr>
|
||
<tr>
|
||
<td style="color: #B0B0B0;">液位（m）</td>
|
||
<td class="level_west">###</td>
|
||
<td style="color: #89E1FF;" class="">
|
||
<span class="modelLevelRange_west_min">0</span>~<span class="modelLevelRange_west_max">0</span>
|
||
(<span class="modelLevelRange_west_min_high">0</span>~<span class="modelLevelRange_west_max_high">0</span>)
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td style="color: #B0B0B0;">运行台数/可用台数</td>
|
||
<td class=""><span class="pumpsNumber_west">0</span>/<span class="">5</span></td>
|
||
<td style="color: #89E1FF;" class="TH_DE_INFLOW_PUMPS_PREDICT_WEST">###</td>
|
||
</tr>
|
||
<tr>
|
||
<td style="color: #B0B0B0;">泵组效率(%)</td>
|
||
<td class="pumpEfficiency_west">###</td>
|
||
<td style="color: #89E1FF;" class=""><span class="efficiencyRange_west_min">0</span>~<span class="efficiencyRange_west_max">0</span></td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
<table class="table" style="width: 380px">
|
||
<thead>
|
||
<tr>
|
||
<th>东线3/4线<span class="TH_DE_VP_MODE_34" style="font-size: 12px;padding: 5px 12px;margin-left: 10px;color: #FFFFFF;background-color:#bbbbbb;border-radius: 4px;">未投运</span></th>
|
||
<th>实际</th>
|
||
<th>预测</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td style="color: #B0B0B0;">小时处理量（m³/s）</td>
|
||
<td class="waterInflow_east">###</td>
|
||
<td style="color: #89E1FF;" class="modelPumpFlow_east">###</td>
|
||
</tr>
|
||
<tr>
|
||
<td style="color: #B0B0B0;">液位（m）</td>
|
||
<td class="level_east">###</td>
|
||
<td style="color: #89E1FF;" class="">
|
||
<span class="modelLevelRange_east_min">0</span>~<span class="modelLevelRange_east_max">0</span>
|
||
(<span class="modelLevelRange_east_min_high">0</span>~<span class="modelLevelRange_east_max_high">0</span>)
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td style="color: #B0B0B0;">运行台数/可用台数</td>
|
||
<td class=""><span class="pumpsNumber_east">0</span>/<span class="">5</span></td>
|
||
<td style="color: #89E1FF;" class="TH_DE_INFLOW_PUMPS_PREDICT_EAST">###</td>
|
||
</tr>
|
||
<tr>
|
||
<td style="color: #B0B0B0;">泵组效率(%)</td>
|
||
<td class="pumpEfficiency_east">###</td>
|
||
<td style="color: #89E1FF;" class=""><span class="efficiencyRange_east_min">0</span>~<span class="efficiencyRange_east_max">0</span></td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
<div role="tabpanel" class="tabbg-top-green tab-pane fade" id="2TabContent" aria-labelledby="2-tab">
|
||
<table class="table" style="width: 380px">
|
||
<thead>
|
||
<tr>
|
||
<th>西线1/2线<span class="TH_AIRCONTROL_MODE_12" style="font-size: 12px;padding: 5px 12px;margin-left: 10px;color: #FFFFFF;background-color:#bbbbbb;border-radius: 4px;">未投运</span></th>
|
||
<th>实际</th>
|
||
<th>预测</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td style="color: #B0B0B0;">1#生反池末端氨氮(mg/L)</td>
|
||
<td class="TH_PLC03_RI3_4_Meter1_r_MeterValue">###</td>
|
||
<td style="color: #89E1FF;" class="TH_DE_POOL1_NH4N_PREDICT_CURRENT">###</td>
|
||
</tr>
|
||
<tr>
|
||
<td style="color: #B0B0B0;">1#生反池好氧段曝气量(m³/h)</td>
|
||
<td class="TH_BD_A_Air2_Flow">###</td>
|
||
<td style="color: #89E1FF;" class="TH_DE_POOL1_MODE_DO_AIRFLOW_PREDICT_CURRENT">###</td>
|
||
</tr>
|
||
<tr>
|
||
<td style="color: #B0B0B0;">2#生反池末端氨氮(mg/L)</td>
|
||
<td class="TH_PLC02_RI3_4_Meter1_r_MeterValue">###</td>
|
||
<td style="color: #89E1FF;" class="TH_DE_POOL2_NH4N_PREDICT_CURRENT">###</td>
|
||
</tr>
|
||
<tr>
|
||
<td style="color: #B0B0B0;">2#生反池好氧段曝气量(m³/h)</td>
|
||
<td class="TH_BD_A_Air3_Flow">###</td>
|
||
<td style="color: #89E1FF;" class="TH_DE_POOL2_MODE_DO_AIRFLOW_PREDICT_CURRENT">###</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
<table class="table" style="width: 380px">
|
||
<thead>
|
||
<tr>
|
||
<th>东线3/4线<span class="TH_AIRCONTROL_MODE_34" style="font-size: 12px;padding: 5px 12px;margin-left: 10px;color: #FFFFFF;background-color:#bbbbbb;border-radius: 4px;">未投运</span></th>
|
||
<th>实际</th>
|
||
<th>预测</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td style="color: #B0B0B0;">3#生反池末端氨氮(mg/L)</td>
|
||
<td class="TH_PLC04_RI3_4_Meter1_r_MeterValue">###</td>
|
||
<td style="color: #89E1FF;" class="TH_DE_POOL3_NH4N_PREDICT_CURRENT">###</td>
|
||
</tr>
|
||
<tr>
|
||
<td style="color: #B0B0B0;">3#生反池好氧段曝气量(m³/h)</td>
|
||
<td class="TH_BD_B_Air2_Flow">###</td>
|
||
<td style="color: #89E1FF;" class="TH_DE_POOL3_MODE_DO_AIRFLOW_PREDICT_CURRENT">###</td>
|
||
</tr>
|
||
<tr>
|
||
<td style="color: #B0B0B0;">4#生反池末端氨氮(mg/L)</td>
|
||
<td class="TH_PLC05_RI3_4_Meter1_r_MeterValue">###</td>
|
||
<td style="color: #89E1FF;" class="TH_DE_POOL4_NH4N_PREDICT_CURRENT">###</td>
|
||
</tr>
|
||
<tr>
|
||
<td style="color: #B0B0B0;">4#生反池好氧段曝气量(m³/h)</td>
|
||
<td class="TH_BD_B_Air3_Flow">###</td>
|
||
<td style="color: #89E1FF;" class="TH_DE_POOL4_MODE_DO_AIRFLOW_PREDICT_CURRENT">###</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
<div role="tabpanel" class="tabbg-top-brown tab-pane fade" id="3TabContent" aria-labelledby="3-tab">
|
||
<table class="table" style="width: 380px">
|
||
<thead>
|
||
<tr>
|
||
<th>西线1/2线<span class="TH_OUTERFLOW_MODE_12" style="font-size: 12px;padding: 5px 12px;margin-left: 10px;color: #FFFFFF;background-color:#bbbbbb;border-radius: 4px;">未投运</span></th>
|
||
<th>实际</th>
|
||
<th>预测</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td style="color: #B0B0B0;">1#二沉池外回流比（%）</td>
|
||
<td class="TH_SST_POOL_1_RS_RATIO_ACTUAL">###</td>
|
||
<td style="color: #89E1FF;" class="TH_DE_SST_POOL_1_RS_RATIO_PREDICT">###</td>
|
||
</tr>
|
||
<tr>
|
||
<td style="color: #B0B0B0;">1#二沉池当前液位（m）</td>
|
||
<td class="TH_PLC06_RI5_4_Meter1_r_MeterValue">###</td>
|
||
<td style="color: #89E1FF;" class="TH_DE_SST_1_SLUDGE_LEVEL_PREDICT">###</td>
|
||
</tr>
|
||
<tr>
|
||
<td style="color: #B0B0B0;">2#二沉池外回流比（%）</td>
|
||
<td class="TH_SST_POOL_2_RS_RATIO_ACTUAL">###</td>
|
||
<td style="color: #89E1FF;" class="TH_DE_SST_POOL_2_RS_RATIO_PREDICT">###</td>
|
||
</tr>
|
||
<tr>
|
||
<td style="color: #B0B0B0;">2#二沉池当前液位（m）</td>
|
||
<td class="TH_PLC06_RI5_2_Meter1_r_MeterValue">###</td>
|
||
<td style="color: #89E1FF;" class="TH_DE_SST_2_SLUDGE_LEVEL_PREDICT">###</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
<table class="table" style="width: 380px">
|
||
<thead>
|
||
<tr>
|
||
<th>东线3/4线<span class="TH_OUTERFLOW_MODE_34" style="font-size: 12px;padding: 5px 12px;margin-left: 10px;color: #FFFFFF;background-color:#bbbbbb;border-radius: 4px;">未投运</span></th>
|
||
<th>实际</th>
|
||
<th>预测</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td style="color: #B0B0B0;">3#二沉池外回流比（%）</td>
|
||
<td class="TH_SST_POOL_3_RS_RATIO_ACTUAL">###</td>
|
||
<td style="color: #89E1FF;" class="TH_DE_SST_POOL_3_RS_RATIO_PREDICT">###</td>
|
||
</tr>
|
||
<tr>
|
||
<td style="color: #B0B0B0;">3#二沉池当前液位（m）</td>
|
||
<td class="TH_PLC07_RI5_2_Meter1_r_MeterValue">###</td>
|
||
<td style="color: #89E1FF;" class="TH_DE_SST_3_SLUDGE_LEVEL_PREDICT">###</td>
|
||
</tr>
|
||
<tr>
|
||
<td style="color: #B0B0B0;">4#二沉池外回流比（%）</td>
|
||
<td class="TH_SST_POOL_4_RS_RATIO_ACTUAL">###</td>
|
||
<td style="color: #89E1FF;" class="TH_DE_SST_POOL_4_RS_RATIO_PREDICT">###</td>
|
||
</tr>
|
||
<tr>
|
||
<td style="color: #B0B0B0;">4#二沉池当前液位（m）</td>
|
||
<td class="TH_PLC07_RI5_4_Meter1_r_MeterValue">###</td>
|
||
<td style="color: #89E1FF;" class="TH_DE_SST_4_SLUDGE_LEVEL_PREDICT">###</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
<div role="tabpanel" class="tabbg-top-brown tab-pane fade" id="9TabContent" aria-labelledby="9-tab">
|
||
<table class="table" style="width: 380px">
|
||
<thead>
|
||
<tr>
|
||
<th>西线1/2线<span class="TH_INNERFLOW_MODE_12" style="font-size: 12px;padding: 5px 12px;margin-left: 10px;color: #FFFFFF;background-color:#bbbbbb;border-radius: 4px;">未投运</span></th>
|
||
<th>实际</th>
|
||
<th>预测</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td style="color: #B0B0B0;">1#生反池回流比(%)</td>
|
||
<td class="TH_POOL_1_IRR_ACTUAL">###</td>
|
||
<td style="color: #89E1FF;" class="1SFC_RefluxRatio_Forecast">###</td>
|
||
</tr>
|
||
<%--<tr>
|
||
<td style="color: #B0B0B0;">1#生反池开泵台数</td>
|
||
<td class="">###</td>
|
||
<td style="color: #89E1FF;" class="">###</td>
|
||
</tr>--%>
|
||
<tr>
|
||
<td style="color: #B0B0B0;">1#生反池运行台数/可用台数</td>
|
||
<td class=""><span class="">1</span>/<span class="">4</span></td>
|
||
<td style="color: #89E1FF;" class="TH_DE_BIOPOOL_1_IR_PUMPS_ON_PREDICT_HOURLY_CURRENT"></td>
|
||
</tr>
|
||
<tr>
|
||
<td style="color: #B0B0B0;">2#生反池回流比(%)</td>
|
||
<td class="TH_POOL_2_IRR_ACTUAL">###</td>
|
||
<td style="color: #89E1FF;" class="2SFC_RefluxRatio_Forecast">###</td>
|
||
</tr>
|
||
<%--<tr>
|
||
<td style="color: #B0B0B0;">2#生反池开泵台数</td>
|
||
<td class="">###</td>
|
||
<td style="color: #89E1FF;" class="">###</td>
|
||
</tr>--%>
|
||
<tr>
|
||
<td style="color: #B0B0B0;">2#生反池运行台数/可用台数</td>
|
||
<td class=""><span class="">1</span>/<span class="">4</span></td>
|
||
<td style="color: #89E1FF;" class="TH_DE_BIOPOOL_2_IR_PUMPS_ON_PREDICT_HOURLY_CURRENT"></td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
<table class="table" style="width: 380px">
|
||
<thead>
|
||
<tr>
|
||
<th>东线3/4线<span class="TH_INNERFLOW_MODE_34" style="font-size: 12px;padding: 5px 12px;margin-left: 10px;color: #FFFFFF;background-color:#bbbbbb;border-radius: 4px;">未投运</span></th>
|
||
<th>实际</th>
|
||
<th>预测</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td style="color: #B0B0B0;">3#生反池回流比(%)</td>
|
||
<td class="TH_POOL_3_IRR_ACTUAL">###</td>
|
||
<td style="color: #89E1FF;" class="3SFC_RefluxRatio_Forecast">###</td>
|
||
</tr>
|
||
<%--<tr>
|
||
<td style="color: #B0B0B0;">3#生反池开泵台数</td>
|
||
<td class="">###</td>
|
||
<td style="color: #89E1FF;" class="">###</td>
|
||
</tr>--%>
|
||
<tr>
|
||
<td style="color: #B0B0B0;">3#生反池运行台数/可用台数</td>
|
||
<td class=""><span class="">1</span>/<span class="">4</span></td>
|
||
<td style="color: #89E1FF;" class="TH_DE_BIOPOOL_3_IR_PUMPS_ON_PREDICT_HOURLY_CURRENT"></td>
|
||
</tr>
|
||
<tr>
|
||
<td style="color: #B0B0B0;">4#生反池回流比(%)</td>
|
||
<td class="TH_POOL_4_IRR_ACTUAL">###</td>
|
||
<td style="color: #89E1FF;" class="4SFC_RefluxRatio_Forecast">###</td>
|
||
</tr>
|
||
<%--<tr>
|
||
<td style="color: #B0B0B0;">4#生反池开泵台数</td>
|
||
<td class="">###</td>
|
||
<td style="color: #89E1FF;" class="">###</td>
|
||
</tr>--%>
|
||
<tr>
|
||
<td style="color: #B0B0B0;">4#生反池运行台数/可用台数</td>
|
||
<td class=""><span class="">1</span>/<span class="">4</span></td>
|
||
<td style="color: #89E1FF;" class="TH_DE_BIOPOOL_4_IR_PUMPS_ON_PREDICT_HOURLY_CURRENT"></td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
<div role="tabpanel" class="tabbg-top-orange tab-pane fade" id="4TabContent" aria-labelledby="4-tab">
|
||
<table class="table" style="width: 380px">
|
||
<thead>
|
||
<tr>
|
||
<th>西线1/2线<span class="TH_PAC_MODE_12" style="font-size: 12px;padding: 5px 12px;margin-left: 10px;color: #FFFFFF;background-color:#bbbbbb;border-radius: 4px;">未投运</span></th>
|
||
<th>实际</th>
|
||
<th>预测</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td style="color: #B0B0B0;">1#高密池A池PAC投加量(kg)</td>
|
||
<td class="1A_PAC_Dosage">###</td>
|
||
<td style="color: #89E1FF;" class="1GMC_A_Dosage_Forecast">###</td>
|
||
</tr>
|
||
<tr>
|
||
<td style="color: #B0B0B0;">1#高密池A池PAC投加率(mg/L)</td>
|
||
<td class="1A_PAC_DosageRate">###</td>
|
||
<td style="color: #89E1FF;" class="1GMC_A_DosageRate_Forecast">###</td>
|
||
</tr>
|
||
<tr>
|
||
<td style="color: #B0B0B0;">1#高密池B池PAC投加量(kg)</td>
|
||
<td class="1B_PAC_Dosage">###</td>
|
||
<td style="color: #89E1FF;" class="1GMC_B_Dosage_Forecast">###</td>
|
||
</tr>
|
||
<tr>
|
||
<td style="color: #B0B0B0;">1#高密池B池PAC投加率(mg/L)</td>
|
||
<td class="1B_PAC_DosageRate">###</td>
|
||
<td style="color: #89E1FF;" class="1GMC_B_DosageRate_Forecast">###</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
<table class="table" style="width: 380px">
|
||
<thead>
|
||
<tr>
|
||
<th>西线1/2线<span class="TH_PAC_MODE_12" style="font-size: 12px;padding: 5px 12px;margin-left: 10px;color: #FFFFFF;background-color:#bbbbbb;border-radius: 4px;">未投运</span></th>
|
||
<th>实际</th>
|
||
<th>预测</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td style="color: #B0B0B0;">1#高密池C池PAC投加量(kg)</td>
|
||
<td class="1C_PAC_Dosage">###</td>
|
||
<td style="color: #89E1FF;" class="1GMC_C_Dosage_Forecast">###</td>
|
||
</tr>
|
||
<tr>
|
||
<td style="color: #B0B0B0;">1#高密池C池PAC投加率(mg/L)</td>
|
||
<td class="1C_PAC_DosageRate">###</td>
|
||
<td style="color: #89E1FF;" class="1GMC_C_DosageRate_Forecast">###</td>
|
||
</tr>
|
||
<tr>
|
||
<td style="color: #B0B0B0;">1#高密池D池PAC投加量(kg)</td>
|
||
<td class="1D_PAC_Dosage">###</td>
|
||
<td style="color: #89E1FF;" class="1GMC_D_Dosage_Forecast">###</td>
|
||
</tr>
|
||
<tr>
|
||
<td style="color: #B0B0B0;">1#高密池D池PAC投加率(mg/L)</td>
|
||
<td class="1D_PAC_DosageRate">###</td>
|
||
<td style="color: #89E1FF;" class="1GMC_D_DosageRate_Forecast">###</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
<table class="table" style="width: 380px">
|
||
<thead>
|
||
<tr>
|
||
<th>东线3/4线<span class="TH_PAC_MODE_34" style="font-size: 12px;padding: 5px 12px;margin-left: 10px;color: #FFFFFF;background-color:#bbbbbb;border-radius: 4px;">未投运</span></th>
|
||
<th>实际</th>
|
||
<th>预测</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td style="color: #B0B0B0;">2#高密池A池PAC投加量(kg)</td>
|
||
<td class="2A_PAC_Dosage">###</td>
|
||
<td style="color: #89E1FF;" class="2GMC_A_Dosage_Forecast">###</td>
|
||
</tr>
|
||
<tr>
|
||
<td style="color: #B0B0B0;">2#高密池A池PAC投加率(mg/L)</td>
|
||
<td class="2A_PAC_DosageRate">###</td>
|
||
<td style="color: #89E1FF;" class="2GMC_A_DosageRate_Forecast">###</td>
|
||
</tr>
|
||
<tr>
|
||
<td style="color: #B0B0B0;">2#高密池B池PAC投加量(kg)</td>
|
||
<td class="2B_PAC_Dosage">###</td>
|
||
<td style="color: #89E1FF;" class="2GMC_B_Dosage_Forecast">###</td>
|
||
</tr>
|
||
<tr>
|
||
<td style="color: #B0B0B0;">2#高密池B池PAC投加率(mg/L)</td>
|
||
<td class="2B_PAC_DosageRate">###</td>
|
||
<td style="color: #89E1FF;" class="2GMC_B_DosageRate_Forecast">###</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
<table class="table" style="width: 380px">
|
||
<thead>
|
||
<tr>
|
||
<th>东线3/4线<span class="TH_PAC_MODE_34" style="font-size: 12px;padding: 5px 12px;margin-left: 10px;color: #FFFFFF;background-color:#bbbbbb;border-radius: 4px;">未投运</span></th>
|
||
<th>实际</th>
|
||
<th>预测</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td style="color: #B0B0B0;">2#高密池C池PAC投加量(kg)</td>
|
||
<td class="2C_PAC_Dosage">###</td>
|
||
<td style="color: #89E1FF;" class="2GMC_C_Dosage_Forecast">###</td>
|
||
</tr>
|
||
<tr>
|
||
<td style="color: #B0B0B0;">2#高密池C池PAC投加率(mg/L)</td>
|
||
<td class="2C_PAC_DosageRate">###</td>
|
||
<td style="color: #89E1FF;" class="2GMC_C_DosageRate_Forecast">###</td>
|
||
</tr>
|
||
<tr>
|
||
<td style="color: #B0B0B0;">2#高密池D池PAC投加量(kg)</td>
|
||
<td class="2D_PAC_Dosage">###</td>
|
||
<td style="color: #89E1FF;" class="2GMC_D_Dosage_Forecast">###</td>
|
||
</tr>
|
||
<tr>
|
||
<td style="color: #B0B0B0;">2#高密池D池PAC投加率(mg/L)</td>
|
||
<td class="2D_PAC_DosageRate">###</td>
|
||
<td style="color: #89E1FF;" class="2GMC_D_DosageRate_Forecast">###</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
<div role="tabpanel" class="tabbg-top-orange tab-pane fade" id="5TabContent" aria-labelledby="5-tab">
|
||
<table class="table" style="width: 380px">
|
||
<thead>
|
||
<tr>
|
||
<th>西线1/2线<span class="TH_PAM_MODE_12" style="font-size: 12px;padding: 5px 12px;margin-left: 10px;color: #FFFFFF;background-color:#bbbbbb;border-radius: 4px;">未投运</span></th>
|
||
<th>实际</th>
|
||
<th>预测</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td style="color: #B0B0B0;">1#高密池A池PAM投加率(mg/L)</td>
|
||
<td class="TH_PAMDenA_A_DoseRate">###</td>
|
||
<td style="color: #89E1FF;" class="TH_PAM_1_A_R_PREDICT">###</td>
|
||
</tr>
|
||
<tr>
|
||
<td style="color: #B0B0B0;">1#高密池B池PAM投加率(mg/L)</td>
|
||
<td class="TH_PAMDenA_B_DoseRate">###</td>
|
||
<td style="color: #89E1FF;" class="TH_PAM_1_B_R_PREDICT">###</td>
|
||
</tr>
|
||
<tr>
|
||
<td style="color: #B0B0B0;">1#高密池C池PAM投加率(mg/L)</td>
|
||
<td class="TH_PAMDenA_C_DoseRate">###</td>
|
||
<td style="color: #89E1FF;" class="TH_PAM_1_C_R_PREDICT">###</td>
|
||
</tr>
|
||
<tr>
|
||
<td style="color: #B0B0B0;">1#高密池D池PAM投加率(mg/L)</td>
|
||
<td class="TH_PAMDenA_D_DoseRate">###</td>
|
||
<td style="color: #89E1FF;" class="TH_PAM_1_D_R_PREDICT">###</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
<table class="table" style="width: 380px">
|
||
<thead>
|
||
<tr>
|
||
<th>东线3/4线<span class="TH_PAM_MODE_34" style="font-size: 12px;padding: 5px 12px;margin-left: 10px;color: #FFFFFF;background-color:#bbbbbb;border-radius: 4px;">未投运</span></th>
|
||
<th>实际</th>
|
||
<th>预测</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td style="color: #B0B0B0;">2#高密池A池PAM投加率(mg/L)</td>
|
||
<td class="TH_PAMDenB_A_DoseRate">###</td>
|
||
<td style="color: #89E1FF;" class="TH_PAM_2_A_R_PREDICT">###</td>
|
||
</tr>
|
||
<tr>
|
||
<td style="color: #B0B0B0;">2#高密池B池PAM投加率(mg/L)</td>
|
||
<td class="TH_PAMDenB_B_DoseRate">###</td>
|
||
<td style="color: #89E1FF;" class="TH_PAM_2_B_R_PREDICT">###</td>
|
||
</tr>
|
||
<tr>
|
||
<td style="color: #B0B0B0;">2#高密池C池PAM投加率(mg/L)</td>
|
||
<td class="TH_PAMDenB_C_DoseRate">###</td>
|
||
<td style="color: #89E1FF;" class="TH_PAM_2_C_R_PREDICT">###</td>
|
||
</tr>
|
||
<tr>
|
||
<td style="color: #B0B0B0;">2#高密池D池PAM投加率(mg/L)</td>
|
||
<td class="TH_PAMDenB_D_DoseRate">###</td>
|
||
<td style="color: #89E1FF;" class="TH_PAM_2_D_R_PREDICT">###</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
<div role="tabpanel" class="tabbg-top-orange tab-pane fade" id="6TabContent" aria-labelledby="6-tab">
|
||
<table class="table" style="width: 380px">
|
||
<thead>
|
||
<tr>
|
||
<th>西线1/2线<span class="TH_Carbon_MODE_12" style="font-size: 12px;padding: 5px 12px;margin-left: 10px;color: #FFFFFF;background-color:#bbbbbb;border-radius: 4px;">未投运</span></th>
|
||
<th>实际</th>
|
||
<th>预测</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td style="color: #B0B0B0;">1#碳源投加量 (m³/h)</td>
|
||
<td class="TH_F8_0">###</td>
|
||
<td style="color: #89E1FF;" class="TH_CH3COONA_PIPELINE_1_CAL">###</td>
|
||
</tr>
|
||
<tr>
|
||
<td style="color: #B0B0B0;">2#碳源投加量 (m³/h)</td>
|
||
<td class="TH_F8_1">###</td>
|
||
<td style="color: #89E1FF;" class="TH_CH3COONA_PIPELINE_2_CAL">###</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
<table class="table" style="width: 380px">
|
||
<thead>
|
||
<tr>
|
||
<th>东线3/4线<span class="TH_Carbon_MODE_34" style="font-size: 12px;padding: 5px 12px;margin-left: 10px;color: #FFFFFF;background-color:#bbbbbb;border-radius: 4px;">未投运</span></th>
|
||
<th>实际</th>
|
||
<th>预测</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td style="color: #B0B0B0;">3#碳源投加量 (m³/h)</td>
|
||
<td class="TH_F8_2">###</td>
|
||
<td style="color: #89E1FF;" class="TH_CH3COONA_PIPELINE_3_CAL">###</td>
|
||
</tr>
|
||
<tr>
|
||
<td style="color: #B0B0B0;">4#碳源投加量 (m³/h)</td>
|
||
<td class="TH_F8_3">###</td>
|
||
<td style="color: #89E1FF;" class="TH_CH3COONA_PIPELINE_4_CAL">###</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
<div role="tabpanel" class="tabbg-top-brown tab-pane fade" id="7TabContent" aria-labelledby="7-tab">
|
||
<table class="table" style="width: 380px">
|
||
<thead>
|
||
<tr>
|
||
<th>西线1/2线<span class="TH_EX_SLUDGE_MODE_12" style="font-size: 12px;padding: 5px 12px;margin-left: 10px;color: #FFFFFF;background-color:#bbbbbb;border-radius: 4px;">未投运</span></th>
|
||
<th>实际</th>
|
||
<th>预测</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td style="color: #B0B0B0;">1#二沉池昨日总排泥量(m)</td>
|
||
<td class="TH_PLC06_Total_FLOW2_DAY">###</td>
|
||
<td style="color: #89E1FF;"></td>
|
||
</tr>
|
||
<tr>
|
||
<td style="color: #B0B0B0;">1#二沉池今日排泥量(m)</td>
|
||
<td class="TH_PLC06_Total_FLOW2_DAY_now">-</td>
|
||
<td style="color: #89E1FF;" class="TH_DE_SST_1_SR_FLOWRATE_PREDICT">###</td>
|
||
</tr>
|
||
<tr>
|
||
<td style="color: #B0B0B0;">1#二沉池运行台数/可用台数</td>
|
||
<td class=""><span class="">1</span>/<span class="">2</span></td>
|
||
<td style="color: #89E1FF;" class="TH_DE_SST_1_SR_PUMP_ON_PREDICT"></td>
|
||
</tr>
|
||
<%--<tr>
|
||
<td style="color: #B0B0B0;">1#二沉池开泵台数(台)</td>
|
||
<td>-</td>
|
||
<td style="color: #89E1FF;" >###</td>
|
||
</tr>--%>
|
||
</tbody>
|
||
</table>
|
||
<table class="table" style="width: 380px">
|
||
<thead>
|
||
<tr>
|
||
<th>西线1/2线<span class="TH_EX_SLUDGE_MODE_12" style="font-size: 12px;padding: 5px 12px;margin-left: 10px;color: #FFFFFF;background-color:#bbbbbb;border-radius: 4px;">未投运</span></th>
|
||
<th>实际</th>
|
||
<th>预测</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td style="color: #B0B0B0;">2#二沉池昨日总排泥量(m)</td>
|
||
<td class="TH_PLC06_Total_FLOW1_DAY">###</td>
|
||
<td style="color: #89E1FF;"></td>
|
||
</tr>
|
||
<tr>
|
||
<td style="color: #B0B0B0;">2#二沉池今日排泥量(m)</td>
|
||
<td class="TH_PLC06_Total_FLOW1_DAY_now">-</td>
|
||
<td style="color: #89E1FF;" class="TH_DE_SST_2_SR_FLOWRATE_PREDICT">###</td>
|
||
</tr>
|
||
<tr>
|
||
<td style="color: #B0B0B0;">2#二沉池运行台数/可用台数</td>
|
||
<td class=""><span class="">1</span>/<span class="">2</span></td>
|
||
<td style="color: #89E1FF;" class="TH_DE_SST_2_SR_PUMP_ON_PREDICT"></td>
|
||
</tr>
|
||
<%--<tr>
|
||
<td style="color: #B0B0B0;">2#二沉池开泵台数(台)</td>
|
||
<td>-</td>
|
||
<td style="color: #89E1FF;" class="">###</td>
|
||
</tr>--%>
|
||
</tbody>
|
||
</table>
|
||
<table class="table" style="width: 380px">
|
||
<thead>
|
||
<tr>
|
||
<th>东线3/4线<span class="TH_EX_SLUDGE_MODE_34" style="font-size: 12px;padding: 5px 12px;margin-left: 10px;color: #FFFFFF;background-color:#bbbbbb;border-radius: 4px;">未投运</span></th>
|
||
<th>实际</th>
|
||
<th>预测</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td style="color: #B0B0B0;">3#二沉池昨日总排泥量(m)</td>
|
||
<td class="TH_PLC07_Total_FLOW1_DAY">###</td>
|
||
<td style="color: #89E1FF;"></td>
|
||
</tr>
|
||
<tr>
|
||
<td style="color: #B0B0B0;">3#二沉池今日排泥量(m)</td>
|
||
<td class="TH_PLC07_Total_FLOW1_DAY_now">-</td>
|
||
<td style="color: #89E1FF;" class="TH_DE_SST_3_SR_FLOWRATE_PREDICT">###</td>
|
||
</tr>
|
||
<tr>
|
||
<td style="color: #B0B0B0;">3#二沉池运行台数/可用台数</td>
|
||
<td class=""><span class="">1</span>/<span class="">2</span></td>
|
||
<td style="color: #89E1FF;" class="TH_DE_SST_3_SR_PUMP_ON_PREDICT"></td>
|
||
</tr>
|
||
<%--<tr>
|
||
<td style="color: #B0B0B0;">3#二沉池开泵台数(台)</td>
|
||
<td>-</td>
|
||
<td style="color: #89E1FF;" class="">###</td>
|
||
</tr>--%>
|
||
</tbody>
|
||
</table>
|
||
<table class="table" style="width: 380px">
|
||
<thead>
|
||
<tr>
|
||
<th>东线3/4线<span class="" style="font-size: 12px;padding: 5px 12px;margin-left: 10px;color: #FFFFFF;background-color:#bbbbbb;border-radius: 4px;">未投运</span></th>
|
||
<th>实际</th>
|
||
<th>预测</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td style="color: #B0B0B0;">4#二沉池昨日总排泥量(m)</td>
|
||
<td class="TH_PLC07_Total_FLOW2_DAY">###</td>
|
||
<td style="color: #89E1FF;"></td>
|
||
</tr>
|
||
<tr>
|
||
<td style="color: #B0B0B0;">4#二沉池今日排泥量(m)</td>
|
||
<td class="TH_PLC07_Total_FLOW2_DAY_now">-</td>
|
||
<td style="color: #89E1FF;" class="TH_DE_SST_4_SR_FLOWRATE_PREDICT">###</td>
|
||
</tr>
|
||
<tr>
|
||
<td style="color: #B0B0B0;">4#二沉池运行台数/可用台数</td>
|
||
<td class=""><span class="">1</span>/<span class="">2</span></td>
|
||
<td style="color: #89E1FF;" class="TH_DE_SST_4_SR_PUMP_ON_PREDICT"></td>
|
||
</tr>
|
||
<%--<tr>
|
||
<td style="color: #B0B0B0;">4#二沉池开泵台数(台)</td>
|
||
<td>-</td>
|
||
<td style="color: #89E1FF;" class="">###</td>
|
||
</tr>--%>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
<div role="tabpanel" class="tabbg-top-green tab-pane fade" id="8TabContent" aria-labelledby="8-tab">
|
||
<table class="table" style="width: 380px">
|
||
<thead>
|
||
<tr>
|
||
<th>西线1/2线<span class="TH_FILTER_MODE_12" style="font-size: 12px;padding: 5px 12px;margin-left: 10px;color: #FFFFFF;background-color:#bbbbbb;border-radius: 4px;">未投运</span></th>
|
||
<th>预测</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td style="color: #B0B0B0;">A座反硝化滤池优先冲洗编号</td>
|
||
<td style="color: #89E1FF;" class="TH_DE_DF_A_BACKFLUSH_NO_1_SERIAL_PREDICT">###</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
<table class="table" style="width: 380px">
|
||
<thead>
|
||
<tr>
|
||
<th>东线3/4线<span class="TH_FILTER_MODE_34" style="font-size: 12px;padding: 5px 12px;margin-left: 10px;color: #FFFFFF;background-color:#bbbbbb;border-radius: 4px;">未投运</span></th>
|
||
<th>预测</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td style="color: #B0B0B0;">B座反硝化滤池优先冲洗编号</td>
|
||
<td style="color: #89E1FF;" class="TH_DE_DF_B_BACKFLUSH_NO_1_SERIAL_PREDICT">###</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
<div role="tabpanel" class="tabbg-top-green tab-pane fade" id="10TabContent" aria-labelledby="10-tab">
|
||
<table class="table" style="width: 380px">
|
||
<thead>
|
||
<tr>
|
||
<th>西线1/2线<span class="TH_NACLO_MODE_12" style="font-size: 12px;padding: 5px 12px;margin-left: 10px;color: #FFFFFF;background-color:#bbbbbb;border-radius: 4px;">未投运</span></th>
|
||
<th>实际</th>
|
||
<th>预测</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td style="color: #B0B0B0;">1#泵频率（Hz）</td>
|
||
<td style="color: #89E1FF;" class="TH_JL_F8_5">###</td>
|
||
<td style="color: #89E1FF;" class="TH_NACLO_1_CAL">###</td>
|
||
</tr>
|
||
<tr>
|
||
<td style="color: #B0B0B0;">2#泵频率（Hz）</td>
|
||
<td style="color: #89E1FF;" class="TH_JL_F8_6">###</td>
|
||
<td style="color: #89E1FF;" class="TH_NACLO_2_CAL">###</td>
|
||
</tr>
|
||
<tr>
|
||
<td style="color: #B0B0B0;">次氯酸钠加药量（L/h）</td>
|
||
<td style="color: #89E1FF;" class="TH_JL_F8_0">###</td>
|
||
<td style="color: #89E1FF;" class="TH_NACLO_FL1_CAL">###</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
<table class="table" style="width: 380px">
|
||
<thead>
|
||
<tr>
|
||
<th>东线3/4线<span class="TH_NACLO_MODE_34" style="font-size: 12px;padding: 5px 12px;margin-left: 10px;color: #FFFFFF;background-color:#bbbbbb;border-radius: 4px;">未投运</span></th>
|
||
<th>实际</th>
|
||
<th>预测</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td style="color: #B0B0B0;">3#泵频率（Hz）</td>
|
||
<td style="color: #89E1FF;" class="TH_JL_F8_7">###</td>
|
||
<td style="color: #89E1FF;" class="TH_NACLO_3_CAL">###</td>
|
||
</tr>
|
||
<tr>
|
||
<td style="color: #B0B0B0;">4#泵频率（Hz）</td>
|
||
<td style="color: #89E1FF;" class="TH_JL_F8_8">###</td>
|
||
<td style="color: #89E1FF;" class="TH_NACLO_4_CAL">###</td>
|
||
</tr>
|
||
<tr>
|
||
<td style="color: #B0B0B0;">次氯酸钠加药量（L/h）</td>
|
||
<td style="color: #89E1FF;" class="TH_JL_F8_1">###</td>
|
||
<td style="color: #89E1FF;" class="TH_NACLO_FL2_CAL">###</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
<%--<div style="float:left;width: calc((100% - 30px)*0.3);height: 430px;border-radius: 4px;background-color: #FFFFFF;margin-top: 15px;">
|
||
<div style="float: left;width: 100%;height: 60px;line-height: 60px;font-weight:bold;font-size: 18px;text-align: center;">
|
||
进水泵房
|
||
</div>
|
||
<div style="float: left;width: 100%;height: 4px;background-color:#4DD4B3;border-radius: 4px;">
|
||
</div>
|
||
<div style="float: left;width: 100%;height: calc(100% - 64px);padding: 20px 30px 20px 30px;">
|
||
<div style="float: left;width: 50%;height: 40px;font-weight: bold;">预测</div>
|
||
<div style="float: left;width: 50%;height: 40px;font-weight: bold;">实际</div>
|
||
<div style="float: left;width: 50%;height: 40px;color: #B0B0B0;">开泵台数</div>
|
||
<div style="float: left;width: 50%;height: 40px;color: #B0B0B0;">可用台数/总数</div>
|
||
<div class="JSBF_EQ_OpenNum_Forecast"
|
||
style="float: left;width: 50%;height: 60px;color: #89E1FF;font-size: 24px;"></div>
|
||
<div style="float: left;width: 50%;height: 60px;font-size: 24px;"><span
|
||
class="JSBF_EQ_OpenNum"></span><span>/</span><span class="JSBF_EQ_TotalNum"></span></div>
|
||
<div style="float: left;width: 50%;height: 40px;color: #B0B0B0;">最优液位区间</div>
|
||
<div style="float: left;width: 50%;height: 40px;color: #B0B0B0;">液位</div>
|
||
<div class="JSBF_Level_Range_best"
|
||
style="float: left;width: 50%;height: 60px;color: #89E1FF;font-size: 24px;"></div>
|
||
<div class="JSBF_Level" style="float: left;width: 50%;height: 60px;font-size: 24px;"></div>
|
||
<div style="float: left;width: 50%;height: 40px;color: #B0B0B0;"></div>
|
||
<div style="float: left;width: 50%;height: 40px;color: #B0B0B0;">泵组效率</div>
|
||
<div style="float: left;width: 50%;height: 60px;color: #89E1FF;font-size: 24px;"></div>
|
||
<div class="JSBF_EQ_Efficiency" style="float: left;width: 50%;height: 60px;font-size: 24px;"></div>
|
||
</div>
|
||
</div>
|
||
<div style="float:left;width: 15px;height: 430px;margin-top: 15px;"></div>
|
||
<div style="float:left;width: calc((100% - 30px)*0.35);height: 430px;border-radius: 4px;background-color: #FFFFFF;margin-top: 15px;">
|
||
<div style="float: left;width: 100%;height: 60px;line-height: 60px;font-weight:bold;font-size: 18px;text-align: center;">
|
||
内回流系统
|
||
</div>
|
||
<div style="float: left;width: 100%;height: 4px;background-color:#CB7C2D;border-radius: 4px;">
|
||
</div>
|
||
<div style="float: left;width: 100%;height: calc(100% - 64px);padding: 20px 30px 20px 0px;text-align: center;">
|
||
<div style="float: left;width: 100%;height: 35px;font-weight: bold;">
|
||
<div style="float: left;width: 20%;height: 100%;"></div>
|
||
<div style="float: left;width: 20%;height: 100%;">预测</div>
|
||
<div style="float: left;width: 20%;height: 100%;">实际</div>
|
||
<div style="float: left;width: 20%;height: 100%;">预测</div>
|
||
<div style="float: left;width: 20%;height: 100%;">实际</div>
|
||
</div>
|
||
<div style="float: left;width: 100%;height: 35px;color: #B0B0B0;">
|
||
<div style="float: left;width: 20%;height: 100%;"></div>
|
||
<div style="float: left;width: 20%;height: 100%;">回流比</div>
|
||
<div style="float: left;width: 20%;height: 100%;">回流比</div>
|
||
<div style="float: left;width: 20%;height: 100%;">开泵台数</div>
|
||
<div style="float: left;width: 20%;height: 100%;">可用台数/总数</div>
|
||
</div>
|
||
<div style="float: left;width: 100%;height: 45px;line-height: 45px;">
|
||
<div style="float: left;width: 20%;height: 100%;color: #B0B0B0;">1#生反池</div>
|
||
<div class="NHLSYS_1_RefluxRatio_Forecast"
|
||
style="float: left;width: 20%;height: 100%;color: #89E1FF;font-size: 24px;"></div>
|
||
<div class="NHLSYS_1_RefluxRatio"
|
||
style="float: left;width: 20%;height: 100%;font-size: 24px;"></div>
|
||
<div class="NHLSYS_1_EQ_OpenNum_Forecast"
|
||
style="float: left;width: 20%;height: 100%;color: #89E1FF;font-size: 24px;"></div>
|
||
<div style="float: left;width: 20%;height: 100%;font-size: 24px;"><span
|
||
class="NHLSYS_1_EQ_OpenNum"></span><span>/</span><span
|
||
class="NHLSYS_1_EQ_TotalNum"></span></div>
|
||
</div>
|
||
<div style="float: left;width: 100%;height: 45px;line-height: 45px;">
|
||
<div style="float: left;width: 20%;height: 100%;color: #B0B0B0;">2#生反池</div>
|
||
<div class="NHLSYS_2_RefluxRatio_Forecast"
|
||
style="float: left;width: 20%;height: 100%;color: #89E1FF;font-size: 24px;"></div>
|
||
<div class="NHLSYS_2_RefluxRatio"
|
||
style="float: left;width: 20%;height: 100%;font-size: 24px;"></div>
|
||
<div class="NHLSYS_2_EQ_OpenNum_Forecast"
|
||
style="float: left;width: 20%;height: 100%;color: #89E1FF;font-size: 24px;"></div>
|
||
<div style="float: left;width: 20%;height: 100%;font-size: 24px;"><span
|
||
class="NHLSYS_2_EQ_OpenNum"></span><span>/</span><span
|
||
class="NHLSYS_2_EQ_TotalNum"></span></div>
|
||
</div>
|
||
<div style="float: left;width: 100%;height: 45px;line-height: 45px;">
|
||
<div style="float: left;width: 20%;height: 100%;color: #B0B0B0;">3#生反池</div>
|
||
<div class="NHLSYS_3_RefluxRatio_Forecast"
|
||
style="float: left;width: 20%;height: 100%;color: #89E1FF;font-size: 24px;"></div>
|
||
<div class="NHLSYS_3_RefluxRatio"
|
||
style="float: left;width: 20%;height: 100%;font-size: 24px;"></div>
|
||
<div class="NHLSYS_3_EQ_OpenNum_Forecast"
|
||
style="float: left;width: 20%;height: 100%;color: #89E1FF;font-size: 24px;"></div>
|
||
<div style="float: left;width: 20%;height: 100%;font-size: 24px;"><span
|
||
class="NHLSYS_3_EQ_OpenNum"></span><span>/</span><span
|
||
class="NHLSYS_3_EQ_TotalNum"></span></div>
|
||
</div>
|
||
<div style="float: left;width: 100%;height: 45px;line-height: 45px;">
|
||
<div style="float: left;width: 20%;height: 100%;color: #B0B0B0;">4#生反池</div>
|
||
<div class="NHLSYS_4_RefluxRatio_Forecast"
|
||
style="float: left;width: 20%;height: 100%;color: #89E1FF;font-size: 24px;"></div>
|
||
<div class="NHLSYS_4_RefluxRatio"
|
||
style="float: left;width: 20%;height: 100%;font-size: 24px;"></div>
|
||
<div class="NHLSYS_4_EQ_OpenNum_Forecast"
|
||
style="float: left;width: 20%;height: 100%;color: #89E1FF;font-size: 24px;"></div>
|
||
<div style="float: left;width: 20%;height: 100%;font-size: 24px;"><span
|
||
class="NHLSYS_4_EQ_OpenNum"></span><span>/</span><span
|
||
class="NHLSYS_4_EQ_TotalNum"></span></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div style="float:left;width: 15px;height: 430px;margin-top: 15px;"></div>
|
||
<div style="float:left;width: calc((100% - 30px)*0.35);height: 430px;border-radius: 4px;background-color: #FFFFFF;margin-top: 15px;">
|
||
<div style="float: left;width: 100%;height: 60px;line-height: 60px;font-weight:bold;font-size: 18px;text-align: center;">
|
||
PAC投加系统
|
||
</div>
|
||
<div style="float: left;width: 100%;height: 4px;background-color:#F4B429;border-radius: 4px;">
|
||
</div>
|
||
<div style="float: left;width: 100%;height: calc(100% - 64px);padding: 20px 30px 20px 0px;text-align: center;overflow: auto;">
|
||
<div style="float: left;width: 100%;height: 35px;font-weight: bold;">
|
||
<div style="float: left;width: 20%;height: 100%;"></div>
|
||
<div style="float: left;width: 20%;height: 100%;">预测</div>
|
||
<div style="float: left;width: 20%;height: 100%;">实际</div>
|
||
<div style="float: left;width: 20%;height: 100%;">预测</div>
|
||
<div style="float: left;width: 20%;height: 100%;">实际</div>
|
||
</div>
|
||
<div style="float: left;width: 100%;height: 35px;color: #B0B0B0;">
|
||
<div style="float: left;width: 20%;height: 100%;"></div>
|
||
<div style="float: left;width: 20%;height: 100%;">PAC投加量</div>
|
||
<div style="float: left;width: 20%;height: 100%;">PAC投加量</div>
|
||
<div style="float: left;width: 20%;height: 100%;">PAC投加率</div>
|
||
<div style="float: left;width: 20%;height: 100%;">PAC投加率</div>
|
||
</div>
|
||
<div style="float: left;width: 100%;height: 45px;line-height: 45px;">
|
||
<div style="float: left;width: 20%;height: 100%;color: #B0B0B0;">1#高密池A池</div>
|
||
<div class="1A_PAC_Dosage_Forecast"
|
||
style="float: left;width: 20%;height: 100%;color: #89E1FF;font-size: 24px;"></div>
|
||
<div class="1A_PAC_Dosage" style="float: left;width: 20%;height: 100%;font-size: 24px;"></div>
|
||
<div class="1A_PAC_DosageRate_Forecast"
|
||
style="float: left;width: 20%;height: 100%;color: #89E1FF;font-size: 24px;"></div>
|
||
<div class="1A_PAC_DosageRate"
|
||
style="float: left;width: 20%;height: 100%;font-size: 24px;"></div>
|
||
</div>
|
||
<div style="float: left;width: 100%;height: 45px;line-height: 45px;">
|
||
<div style="float: left;width: 20%;height: 100%;color: #B0B0B0;">1#高密池B池</div>
|
||
<div class="1B_PAC_Dosage_Forecast"
|
||
style="float: left;width: 20%;height: 100%;color: #89E1FF;font-size: 24px;"></div>
|
||
<div class="1B_PAC_Dosage" style="float: left;width: 20%;height: 100%;font-size: 24px;"></div>
|
||
<div class="1B_PAC_DosageRate_Forecast"
|
||
style="float: left;width: 20%;height: 100%;color: #89E1FF;font-size: 24px;"></div>
|
||
<div class="1B_PAC_DosageRate"
|
||
style="float: left;width: 20%;height: 100%;font-size: 24px;"></div>
|
||
</div>
|
||
<div style="float: left;width: 100%;height: 45px;line-height: 45px;">
|
||
<div style="float: left;width: 20%;height: 100%;color: #B0B0B0;">1#高密池C池</div>
|
||
<div class="1C_PAC_Dosage_Forecast"
|
||
style="float: left;width: 20%;height: 100%;color: #89E1FF;font-size: 24px;"></div>
|
||
<div class="1C_PAC_Dosage" style="float: left;width: 20%;height: 100%;font-size: 24px;"></div>
|
||
<div class="1C_PAC_DosageRate_Forecast"
|
||
style="float: left;width: 20%;height: 100%;color: #89E1FF;font-size: 24px;"></div>
|
||
<div class="1C_PAC_DosageRate"
|
||
style="float: left;width: 20%;height: 100%;font-size: 24px;"></div>
|
||
</div>
|
||
<div style="float: left;width: 100%;height: 45px;line-height: 45px;">
|
||
<div style="float: left;width: 20%;height: 100%;color: #B0B0B0;">1#高密池D池</div>
|
||
<div class="1D_PAC_Dosage_Forecast"
|
||
style="float: left;width: 20%;height: 100%;color: #89E1FF;font-size: 24px;"></div>
|
||
<div class="1D_PAC_Dosage" style="float: left;width: 20%;height: 100%;font-size: 24px;"></div>
|
||
<div class="1D_PAC_DosageRate_Forecast"
|
||
style="float: left;width: 20%;height: 100%;color: #89E1FF;font-size: 24px;"></div>
|
||
<div class="1D_PAC_DosageRate"
|
||
style="float: left;width: 20%;height: 100%;font-size: 24px;"></div>
|
||
</div>
|
||
<div style="float: left;width: 100%;height: 45px;line-height: 45px;">
|
||
<div style="float: left;width: 20%;height: 100%;color: #B0B0B0;">2#高密池A池</div>
|
||
<div class="2A_PAC_Dosage_Forecast"
|
||
style="float: left;width: 20%;height: 100%;color: #89E1FF;font-size: 24px;"></div>
|
||
<div class="2A_PAC_Dosage" style="float: left;width: 20%;height: 100%;font-size: 24px;"></div>
|
||
<div class="2A_PAC_DosageRate_Forecast"
|
||
style="float: left;width: 20%;height: 100%;color: #89E1FF;font-size: 24px;"></div>
|
||
<div class="2A_PAC_DosageRate"
|
||
style="float: left;width: 20%;height: 100%;font-size: 24px;"></div>
|
||
</div>
|
||
<div style="float: left;width: 100%;height: 45px;line-height: 45px;">
|
||
<div style="float: left;width: 20%;height: 100%;color: #B0B0B0;">2#高密池B池</div>
|
||
<div class="2B_PAC_Dosage_Forecast"
|
||
style="float: left;width: 20%;height: 100%;color: #89E1FF;font-size: 24px;"></div>
|
||
<div class="2B_PAC_Dosage" style="float: left;width: 20%;height: 100%;font-size: 24px;"></div>
|
||
<div class="2B_PAC_DosageRate_Forecast"
|
||
style="float: left;width: 20%;height: 100%;color: #89E1FF;font-size: 24px;"></div>
|
||
<div class="2B_PAC_DosageRate"
|
||
style="float: left;width: 20%;height: 100%;font-size: 24px;"></div>
|
||
</div>
|
||
<div style="float: left;width: 100%;height: 45px;line-height: 45px;">
|
||
<div style="float: left;width: 20%;height: 100%;color: #B0B0B0;">2#高密池C池</div>
|
||
<div class="2C_PAC_Dosage_Forecast"
|
||
style="float: left;width: 20%;height: 100%;color: #89E1FF;font-size: 24px;"></div>
|
||
<div class="2C_PAC_Dosage" style="float: left;width: 20%;height: 100%;font-size: 24px;"></div>
|
||
<div class="2C_PAC_DosageRate_Forecast"
|
||
style="float: left;width: 20%;height: 100%;color: #89E1FF;font-size: 24px;"></div>
|
||
<div class="2C_PAC_DosageRate"
|
||
style="float: left;width: 20%;height: 100%;font-size: 24px;"></div>
|
||
</div>
|
||
<div style="float: left;width: 100%;height: 45px;line-height: 45px;">
|
||
<div style="float: left;width: 20%;height: 100%;color: #B0B0B0;">2#高密池D池</div>
|
||
<div class="2D_PAC_Dosage_Forecast"
|
||
style="float: left;width: 20%;height: 100%;color: #89E1FF;font-size: 24px;"></div>
|
||
<div class="2D_PAC_Dosage" style="float: left;width: 20%;height: 100%;font-size: 24px;"></div>
|
||
<div class="2D_PAC_DosageRate_Forecast"
|
||
style="float: left;width: 20%;height: 100%;color: #89E1FF;font-size: 24px;"></div>
|
||
<div class="2D_PAC_DosageRate"
|
||
style="float: left;width: 20%;height: 100%;font-size: 24px;"></div>
|
||
</div>
|
||
</div>
|
||
</div>--%>
|
||
</section>
|
||
<!-- /.content -->
|
||
</div>
|
||
<%-- <jsp:include page="/jsp/bottom.jsp"></jsp:include> --%>
|
||
<%-- <jsp:include page="/jsp/side.jsp"></jsp:include> --%>
|
||
</div>
|
||
</body>
|
||
</html> |