1498 lines
76 KiB
Plaintext
1498 lines
76 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>
|
|||
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
|||
|
|
<meta http-equiv = "X-UA-Compatible" content = "IE=edge,chrome=1" />
|
|||
|
|
<title>
|
|||
|
|
<%= ServerObject.atttable.get("TOPTITLE")%>
|
|||
|
|
</title>
|
|||
|
|
<!-- 引用页头及CSS页-->
|
|||
|
|
<jsp:include page="/jsp/inc.jsp"></jsp:include>
|
|||
|
|
<link rel="stylesheet" href="<%=request.getContextPath()%>/node_modules/iconfontGroup/iconfont-HQAQ/iconfont.css"/>
|
|||
|
|
<script type="text/javascript" src="<%=request.getContextPath()%>/node_modules/ECharts/echarts-liquidfill.min.js" charset="utf-8"></script>
|
|||
|
|
<style type="text/css">
|
|||
|
|
.whole-body{
|
|||
|
|
width: 1920px;
|
|||
|
|
height: 900px;
|
|||
|
|
padding: 5px 20px 37.5px 34px;
|
|||
|
|
}
|
|||
|
|
.content-wrapper-bg-darkblue{
|
|||
|
|
background-color: #0A2D5E;
|
|||
|
|
}
|
|||
|
|
.body-wrapper{
|
|||
|
|
height: 100%;
|
|||
|
|
width: 100%;
|
|||
|
|
background-image: url(<%=request.getContextPath()%>/IMG/evaluate/workPrediction.png);
|
|||
|
|
background-size: 100% 100%;
|
|||
|
|
background-repeat:no-repeat;
|
|||
|
|
background-position:center center;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.datawindow-small{
|
|||
|
|
width: 70px;
|
|||
|
|
background: #000000;
|
|||
|
|
position: absolute;
|
|||
|
|
}
|
|||
|
|
.datawindow-small-40{
|
|||
|
|
width: 40px;
|
|||
|
|
}
|
|||
|
|
.datawindow-small-93{
|
|||
|
|
width: 93px;
|
|||
|
|
}
|
|||
|
|
.datawindow-small-100{
|
|||
|
|
width: 100px;
|
|||
|
|
}
|
|||
|
|
.datawindow-small-116{
|
|||
|
|
width: 116px;
|
|||
|
|
}
|
|||
|
|
.datawindow-small-140{
|
|||
|
|
width: 140px;
|
|||
|
|
}
|
|||
|
|
.datawindow-small-155{
|
|||
|
|
width: 155px;
|
|||
|
|
}
|
|||
|
|
.datawindow{
|
|||
|
|
width: 140px;
|
|||
|
|
background: #000000;
|
|||
|
|
position: absolute;
|
|||
|
|
padding-bottom: 3px;
|
|||
|
|
}
|
|||
|
|
.datawindow-165{
|
|||
|
|
width: 165px;
|
|||
|
|
}
|
|||
|
|
.datawindow-blue{
|
|||
|
|
border: 1px solid #0a6cff;
|
|||
|
|
}
|
|||
|
|
.datawindow-pink{
|
|||
|
|
border: 1px solid #F700FF;
|
|||
|
|
}
|
|||
|
|
.datawindow-title{
|
|||
|
|
width: 100%;
|
|||
|
|
height: 24px;
|
|||
|
|
color: #FFFFFF;
|
|||
|
|
padding: 3px 5px;
|
|||
|
|
margin-bottom: 3px;
|
|||
|
|
}
|
|||
|
|
.datawindow-title-blue{
|
|||
|
|
background: #0a6cff;
|
|||
|
|
}
|
|||
|
|
.datawindow-title-pink{
|
|||
|
|
background: #F700FF;
|
|||
|
|
}
|
|||
|
|
.datawindow >.datawindow-text > div {
|
|||
|
|
padding-bottom: 1px;
|
|||
|
|
}
|
|||
|
|
.equipmentState{
|
|||
|
|
width: 75px;
|
|||
|
|
height: 24px;
|
|||
|
|
position: absolute;
|
|||
|
|
}
|
|||
|
|
.equipmentState-24{
|
|||
|
|
width: 24px;
|
|||
|
|
height: 30px;
|
|||
|
|
}
|
|||
|
|
.equipmentState-30{
|
|||
|
|
width: 30px;
|
|||
|
|
height: 24px;
|
|||
|
|
}
|
|||
|
|
.equipmentState-55{
|
|||
|
|
width: 55px;
|
|||
|
|
}
|
|||
|
|
.equipmentState-103{
|
|||
|
|
width: 103px;
|
|||
|
|
}
|
|||
|
|
.equipmentState-129{
|
|||
|
|
width: 129px;
|
|||
|
|
}
|
|||
|
|
.equipmentState-green{
|
|||
|
|
background: #08ff00;
|
|||
|
|
}
|
|||
|
|
.equipmentState-red{
|
|||
|
|
background: #FF0000;
|
|||
|
|
}
|
|||
|
|
.equipmentState-blue{
|
|||
|
|
background: #3491EF;
|
|||
|
|
}
|
|||
|
|
.equipmentState-orange{
|
|||
|
|
background: #FF7600;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.pump,.level{
|
|||
|
|
position: absolute;
|
|||
|
|
}
|
|||
|
|
.pump>span{
|
|||
|
|
position: absolute;
|
|||
|
|
left: 0;
|
|||
|
|
width: 100%;
|
|||
|
|
text-align: center;
|
|||
|
|
}
|
|||
|
|
.pump-span{
|
|||
|
|
top: 7px;
|
|||
|
|
}
|
|||
|
|
.pump-span-small{
|
|||
|
|
top: 4px;
|
|||
|
|
}
|
|||
|
|
.col-xs-1-5 {
|
|||
|
|
width: 12%;
|
|||
|
|
}
|
|||
|
|
.col-xs-1-5{
|
|||
|
|
float: left;
|
|||
|
|
}
|
|||
|
|
.col-xs-1-5 {
|
|||
|
|
position: relative;
|
|||
|
|
min-height: 1px;
|
|||
|
|
}
|
|||
|
|
.title-height{
|
|||
|
|
height:80px;
|
|||
|
|
}
|
|||
|
|
.row-10{
|
|||
|
|
height:10%;
|
|||
|
|
}
|
|||
|
|
.row-15{
|
|||
|
|
height:15%;
|
|||
|
|
}
|
|||
|
|
.row-25{
|
|||
|
|
height:25%;
|
|||
|
|
}
|
|||
|
|
.row-30{
|
|||
|
|
height:30%;
|
|||
|
|
}
|
|||
|
|
.row-35{
|
|||
|
|
height:35%;
|
|||
|
|
}
|
|||
|
|
.row-40{
|
|||
|
|
height:40%;
|
|||
|
|
}
|
|||
|
|
.row-50{
|
|||
|
|
height:50%;
|
|||
|
|
}
|
|||
|
|
.row-70{
|
|||
|
|
height:70%;
|
|||
|
|
}
|
|||
|
|
.row-75{
|
|||
|
|
height:75%;
|
|||
|
|
}
|
|||
|
|
.row-100{
|
|||
|
|
height:100%;
|
|||
|
|
}
|
|||
|
|
.bgcolor-blue{
|
|||
|
|
background: #052941;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.margin-bottom-15{
|
|||
|
|
margin-bottom: 15px;
|
|||
|
|
}
|
|||
|
|
.margin-bottom-22{
|
|||
|
|
margin-bottom: 22px;
|
|||
|
|
}
|
|||
|
|
.margin-bottom-25{
|
|||
|
|
margin-bottom: 25px;
|
|||
|
|
}
|
|||
|
|
.margin-bottom-36{
|
|||
|
|
margin-bottom: 22px;
|
|||
|
|
}
|
|||
|
|
.margin-bottom-55{
|
|||
|
|
margin-bottom: 55px;
|
|||
|
|
}
|
|||
|
|
.margin-bottom-75{
|
|||
|
|
margin-bottom: 75px;
|
|||
|
|
}
|
|||
|
|
.padding-topbottom-35{
|
|||
|
|
padding-top: 35px;
|
|||
|
|
padding-bottom: 35px;
|
|||
|
|
}
|
|||
|
|
.pad-topbottom-60{
|
|||
|
|
padding-top: 60px;
|
|||
|
|
padding-bottom: 60px;
|
|||
|
|
}
|
|||
|
|
.pad-leftright-72{
|
|||
|
|
padding-left: 72px;
|
|||
|
|
padding-right: 72px;
|
|||
|
|
}
|
|||
|
|
.pad-bottom-10{
|
|||
|
|
padding-bottom: 10px;
|
|||
|
|
}
|
|||
|
|
.padding-top-5{
|
|||
|
|
padding-top:5px;
|
|||
|
|
}
|
|||
|
|
.padding-top-10{
|
|||
|
|
padding-top: 10px;
|
|||
|
|
}
|
|||
|
|
.padding-top-15{
|
|||
|
|
padding-top: 15px;
|
|||
|
|
}
|
|||
|
|
.padding-top-27{
|
|||
|
|
padding-top: 27px;
|
|||
|
|
}
|
|||
|
|
.padding-top-90{
|
|||
|
|
padding-top: 90px;
|
|||
|
|
}
|
|||
|
|
.line-height-08{
|
|||
|
|
line-height: 0.8;
|
|||
|
|
}
|
|||
|
|
.line-height-1{
|
|||
|
|
line-height: 1;
|
|||
|
|
}
|
|||
|
|
.line-height-2{
|
|||
|
|
line-height: 2;
|
|||
|
|
}
|
|||
|
|
.line-height-2-3{
|
|||
|
|
line-height: 2.3;
|
|||
|
|
}
|
|||
|
|
.line-height-3{
|
|||
|
|
line-height: 3;
|
|||
|
|
}
|
|||
|
|
.line-height-5{
|
|||
|
|
line-height: 5;
|
|||
|
|
}
|
|||
|
|
.line-height-6{
|
|||
|
|
line-height: 6;
|
|||
|
|
}
|
|||
|
|
.font-size-12{
|
|||
|
|
font-size: 12px;
|
|||
|
|
}
|
|||
|
|
.font-size-14{
|
|||
|
|
font-size: 14px;
|
|||
|
|
line-height: inherit;
|
|||
|
|
}
|
|||
|
|
.font-size-16{
|
|||
|
|
font-size: 16px;
|
|||
|
|
}
|
|||
|
|
.font-size-20{
|
|||
|
|
font-size: 20px;
|
|||
|
|
}
|
|||
|
|
.font-size-22{
|
|||
|
|
font-size: 22px;
|
|||
|
|
}
|
|||
|
|
.font-size-30{
|
|||
|
|
font-size: 30px;
|
|||
|
|
}
|
|||
|
|
.font-size-35{
|
|||
|
|
font-size: 35px;
|
|||
|
|
}
|
|||
|
|
.font-size-36{
|
|||
|
|
font-size: 36px;
|
|||
|
|
}
|
|||
|
|
.font-size-40{
|
|||
|
|
font-size: 40px;
|
|||
|
|
line-height: normal;
|
|||
|
|
}
|
|||
|
|
.font-size-50{
|
|||
|
|
font-size: 50px;
|
|||
|
|
}
|
|||
|
|
.font-size-60{
|
|||
|
|
font-size: 60px;
|
|||
|
|
}
|
|||
|
|
.font-size-65{
|
|||
|
|
font-size: 65px;
|
|||
|
|
}
|
|||
|
|
.font-size-70{
|
|||
|
|
font-size: 70px;
|
|||
|
|
}
|
|||
|
|
.font-size-200{
|
|||
|
|
font-size: 200px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.font-color-white,.font-color-dark-white{
|
|||
|
|
color: #FFFFFF;
|
|||
|
|
}
|
|||
|
|
.font-color-black{
|
|||
|
|
color: #0d2336;
|
|||
|
|
font-weight: 600;
|
|||
|
|
}
|
|||
|
|
.font-color-red{
|
|||
|
|
color: #FF0000;
|
|||
|
|
}
|
|||
|
|
.font-color-redlight{
|
|||
|
|
color: #CE00FF;
|
|||
|
|
}
|
|||
|
|
.font-color-blue,.font-color-dark-blue{
|
|||
|
|
color: #3592EF;
|
|||
|
|
}
|
|||
|
|
.font-color-lightBlue,.font-color-light-blue{
|
|||
|
|
color: #04FFFF;
|
|||
|
|
}
|
|||
|
|
.font-color-green{
|
|||
|
|
color: #00FF33;
|
|||
|
|
}
|
|||
|
|
.font-color-orange{
|
|||
|
|
color: #FF7600;
|
|||
|
|
}
|
|||
|
|
.font-color-pink{
|
|||
|
|
color: #F700FF;
|
|||
|
|
}
|
|||
|
|
.border-left{
|
|||
|
|
border-left: 1px solid #c1c1c1;
|
|||
|
|
}
|
|||
|
|
.border-right{
|
|||
|
|
border-right: 2px solid #ffffff;
|
|||
|
|
}
|
|||
|
|
.border-bottom{
|
|||
|
|
border-bottom: 1px solid #c1c1c1;
|
|||
|
|
}
|
|||
|
|
.border-leftAndRight{
|
|||
|
|
border-left: 1px solid #c1c1c1;border-right: 1px solid #c1c1c1;
|
|||
|
|
}
|
|||
|
|
.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6{
|
|||
|
|
padding-left: 2px;
|
|||
|
|
padding-right: 2px;
|
|||
|
|
}
|
|||
|
|
@keyframes blink {
|
|||
|
|
0% {
|
|||
|
|
opacity: 0;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
opacity: 1;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
opacity: 0;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.font-color-pink {
|
|||
|
|
animation: blink 1.5s infinite linear;
|
|||
|
|
}
|
|||
|
|
.qcs-title{
|
|||
|
|
float: right;
|
|||
|
|
border: 1px solid #fff;
|
|||
|
|
font-size: 13px;
|
|||
|
|
padding: 0 2px;
|
|||
|
|
cursor: pointer;
|
|||
|
|
}
|
|||
|
|
.qcs-title:hover,
|
|||
|
|
.qcs-title.active{
|
|||
|
|
background-color: green;
|
|||
|
|
}
|
|||
|
|
.qcs-close{
|
|||
|
|
float: right;
|
|||
|
|
width: 20px;
|
|||
|
|
height: 20px;
|
|||
|
|
text-align: right;
|
|||
|
|
cursor: pointer;
|
|||
|
|
}
|
|||
|
|
.qcs-close:hover{
|
|||
|
|
color: red;
|
|||
|
|
}
|
|||
|
|
</style>
|
|||
|
|
|
|||
|
|
<script type="text/javascript">
|
|||
|
|
$(function () {
|
|||
|
|
var width = $(window).width();
|
|||
|
|
var height = $(window).height();
|
|||
|
|
var proportion_width = width/1920;
|
|||
|
|
var proportion_height = height/900;
|
|||
|
|
/* var level = 3;
|
|||
|
|
if(level >0){
|
|||
|
|
level = level/5.3;
|
|||
|
|
}
|
|||
|
|
echarts_line('clearWaterReservoir-1-level',level);
|
|||
|
|
echarts_line('clearWaterReservoir-2-level',level);
|
|||
|
|
echarts_line('clearWaterReservoir-3-level',level);
|
|||
|
|
echarts_line('clearWaterReservoir-4-level',level);
|
|||
|
|
echarts_line('clearWaterReservoir-5-level',level);
|
|||
|
|
echarts_line('clearWaterReservoir-6-level',level);
|
|||
|
|
level = 3;
|
|||
|
|
if(level >0){
|
|||
|
|
level = level/6;
|
|||
|
|
}
|
|||
|
|
echarts_line('suctionWell-1-level',level);
|
|||
|
|
echarts_line('suctionWell-2-level',level);
|
|||
|
|
echarts_line('suctionWell-3-level',level);*/
|
|||
|
|
|
|||
|
|
getData();
|
|||
|
|
setInterval("getData()",60000);
|
|||
|
|
//防止点击树收起下拉框
|
|||
|
|
$(".qcs-title").on("click", function (e) {
|
|||
|
|
$("#qcs").toggle();
|
|||
|
|
if($(this).hasClass("active")){
|
|||
|
|
$(this).removeClass("active");
|
|||
|
|
}else{
|
|||
|
|
$(this).addClass("active");
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
$(".qcs-close").on("click", function (e) {
|
|||
|
|
$("#qcs").hide();
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
function addAndRemove4Class(one,two){
|
|||
|
|
$('.'+one).addClass(two);
|
|||
|
|
$('.'+one).removeClass(one);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var nowhours = '';
|
|||
|
|
var nowminutes = '';
|
|||
|
|
function getData(){
|
|||
|
|
var bizid = "021NS";
|
|||
|
|
var jsp_id = $('#jsp_id').val();
|
|||
|
|
var time_input = $('#time_input').val();
|
|||
|
|
$.post(ext.contextPath + '/evaluate/getEvaluateData4ES.do', {bizid:bizid,jsp_id:jsp_id} , function(data) {
|
|||
|
|
var arr= JSON.parse(data);
|
|||
|
|
console.log(arr);
|
|||
|
|
var clearWaterReservoir_1_level = 0 ;
|
|||
|
|
var clearWaterReservoir_2_level = 0 ;
|
|||
|
|
var clearWaterReservoir_3_level = 0 ;
|
|||
|
|
var clearWaterReservoir_4_level = 0 ;
|
|||
|
|
var clearWaterReservoir_5_level = 0 ;
|
|||
|
|
var clearWaterReservoir_6_level = 0 ;
|
|||
|
|
var suctionWell_1_level = 0 ;
|
|||
|
|
var suctionWell_2_level = 0 ;
|
|||
|
|
var suctionWell_3_level = 0 ;
|
|||
|
|
if(arr.rows!=null && arr.rows!=undefined && arr.rows!=''){
|
|||
|
|
for(var i=0;i<arr.rows.length;i++){
|
|||
|
|
var value = "";
|
|||
|
|
var numtail=0;
|
|||
|
|
var dataMax=0;
|
|||
|
|
var rate = 1;
|
|||
|
|
var nowdate = getNowTime();
|
|||
|
|
if(arr.rows[i].visualCacheConfig!=null
|
|||
|
|
&& arr.rows[i].visualCacheConfig!=undefined
|
|||
|
|
&& arr.rows[i].visualCacheConfig!=''){
|
|||
|
|
var visualCacheConfig = arr.rows[i].visualCacheConfig;
|
|||
|
|
if(visualCacheConfig.numtail!=null && visualCacheConfig.numtail!=undefined && visualCacheConfig.numtail!=''){
|
|||
|
|
numtail = visualCacheConfig.numtail;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].visualCacheData!=null
|
|||
|
|
&& arr.rows[i].visualCacheData!=undefined
|
|||
|
|
&& arr.rows[i].visualCacheData!=''){
|
|||
|
|
var visualCacheData = arr.rows[i].visualCacheData;
|
|||
|
|
if(visualCacheData.inivalue!=null && visualCacheData.inivalue!=undefined && visualCacheData.inivalue!=''){
|
|||
|
|
value = visualCacheData.inivalue;
|
|||
|
|
}else{
|
|||
|
|
if(visualCacheData.value!=null && visualCacheData.value!=undefined && visualCacheData.value!=''){
|
|||
|
|
value = visualCacheData.value;
|
|||
|
|
}else{
|
|||
|
|
if(arr.rows[i].mPoint!=null && arr.rows[i].mPoint!=undefined && arr.rows[i].mPoint!=''){
|
|||
|
|
var mPoint = arr.rows[i].mPoint;
|
|||
|
|
if(mPoint.parmvalue!=null && mPoint.parmvalue!=undefined && (mPoint.parmvalue!='' || mPoint.parmvalue===0)){
|
|||
|
|
value = mPoint.parmvalue;
|
|||
|
|
}
|
|||
|
|
if(mPoint.alarmmax!=null && mPoint.alarmmax!=undefined && mPoint.alarmmax!=''){
|
|||
|
|
dataMax = mPoint.alarmmax;
|
|||
|
|
}
|
|||
|
|
if(mPoint.numtail!=null && mPoint.numtail!=undefined && mPoint.numtail!=''){
|
|||
|
|
numtail = mPoint.numtail;
|
|||
|
|
}
|
|||
|
|
if(mPoint.measuredt!=null && mPoint.measuredt!=undefined && mPoint.measuredt!=''){
|
|||
|
|
nowdate = mPoint.measuredt;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
if(visualCacheData.numtail!=null && visualCacheData.numtail!=undefined && visualCacheData.numtail!=''){
|
|||
|
|
numtail = visualCacheData.numtail;
|
|||
|
|
}
|
|||
|
|
if(visualCacheData.insdt!=null && visualCacheData.insdt!=undefined && visualCacheData.insdt!=''){
|
|||
|
|
nowdate = visualCacheData.insdt;
|
|||
|
|
}
|
|||
|
|
if(visualCacheData.rate!=null && visualCacheData.rate!=undefined && visualCacheData.rate!=''){
|
|||
|
|
rate = visualCacheData.rate;
|
|||
|
|
}
|
|||
|
|
}else{
|
|||
|
|
var mPoint = arr.rows[i].mPoint;
|
|||
|
|
if(mPoint!=null && mPoint!=undefined && mPoint!=''){
|
|||
|
|
if(mPoint.parmvalue!=null && mPoint.parmvalue!=undefined && (mPoint.parmvalue!='' || mPoint.parmvalue===0)){
|
|||
|
|
value = mPoint.parmvalue;
|
|||
|
|
}
|
|||
|
|
if(mPoint.alarmmax!=null && mPoint.alarmmax!=undefined && mPoint.alarmmax!=''){
|
|||
|
|
dataMax = mPoint.alarmmax;
|
|||
|
|
}
|
|||
|
|
if(mPoint.numtail!=null && mPoint.numtail!=undefined && mPoint.numtail!=''){
|
|||
|
|
numtail = mPoint.numtail;
|
|||
|
|
}
|
|||
|
|
if(mPoint.measuredt!=null && mPoint.measuredt!=undefined && mPoint.measuredt!=''){
|
|||
|
|
nowdate = mPoint.measuredt;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
if(value!=null && value!=undefined && (value!='' || value===0)){
|
|||
|
|
value = parseFloat(value)*rate;
|
|||
|
|
value = value.toFixed(numtail);
|
|||
|
|
if($("."+arr.rows[i].elementCode).length > 0){
|
|||
|
|
if(arr.rows[i].elementCode.indexOf("state")!= -1){
|
|||
|
|
if(arr.rows[i].elementCode.indexOf("Pump")!= -1){
|
|||
|
|
//泵组
|
|||
|
|
$("."+arr.rows[i].elementCode).removeClass("font-color-blue");
|
|||
|
|
$("."+arr.rows[i].elementCode).removeClass("font-color-red");
|
|||
|
|
$("."+arr.rows[i].elementCode).removeClass("font-color-green");
|
|||
|
|
if(value===0){
|
|||
|
|
$("."+arr.rows[i].elementCode).addClass("font-color-green");
|
|||
|
|
}else{
|
|||
|
|
if(value==1){
|
|||
|
|
$("."+arr.rows[i].elementCode).addClass("font-color-red");
|
|||
|
|
}else{
|
|||
|
|
$("."+arr.rows[i].elementCode).addClass("font-color-blue");
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}else{
|
|||
|
|
|
|||
|
|
|
|||
|
|
$("."+arr.rows[i].elementCode).removeClass("equipmentState-blue");
|
|||
|
|
$("."+arr.rows[i].elementCode).removeClass("equipmentState-red");
|
|||
|
|
$("."+arr.rows[i].elementCode).removeClass("equipmentState-green");
|
|||
|
|
$("."+arr.rows[i].elementCode).removeClass("equipmentState-orange");
|
|||
|
|
|
|||
|
|
if(arr.rows[i].elementCode.indexOf("highDensityPool")!= -1 || arr.rows[i].elementCode.indexOf("settlingTank")!= -1){
|
|||
|
|
if(value===0){
|
|||
|
|
$("."+arr.rows[i].elementCode).addClass("equipmentState-blue");
|
|||
|
|
$("."+arr.rows[i].elementCode).html("");
|
|||
|
|
}else{
|
|||
|
|
if(value==1){
|
|||
|
|
$("."+arr.rows[i].elementCode).addClass("equipmentState-orange");
|
|||
|
|
$("."+arr.rows[i].elementCode).html("维护");
|
|||
|
|
}else{
|
|||
|
|
if(value==2){
|
|||
|
|
$("."+arr.rows[i].elementCode).addClass("equipmentState-red");
|
|||
|
|
$("."+arr.rows[i].elementCode).html("生产");
|
|||
|
|
}else{
|
|||
|
|
$("."+arr.rows[i].elementCode).addClass("equipmentState-green");
|
|||
|
|
$("."+arr.rows[i].elementCode).html("隔离");
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}else{
|
|||
|
|
if(value===0){
|
|||
|
|
$("."+arr.rows[i].elementCode).addClass("equipmentState-green");
|
|||
|
|
}else if(value==1){
|
|||
|
|
$("."+arr.rows[i].elementCode).addClass("equipmentState-red");
|
|||
|
|
}else{
|
|||
|
|
$("."+arr.rows[i].elementCode).addClass("equipmentState-blue");
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}else{
|
|||
|
|
$("."+arr.rows[i].elementCode).html(toThousands(value));
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
if($("."+arr.rows[i].elementCode).parent().find('.nowdate').length > 0){
|
|||
|
|
$("."+arr.rows[i].elementCode).parent().find('.nowdate').html(nowdate.substring(11,16));
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].elementCode=='clearWaterReservoir_1_level'){
|
|||
|
|
clearWaterReservoir_1_level = value;
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].elementCode=='clearWaterReservoir_2_level'){
|
|||
|
|
clearWaterReservoir_2_level = value;
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].elementCode=='clearWaterReservoir_3_level'){
|
|||
|
|
clearWaterReservoir_3_level = value;
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].elementCode=='clearWaterReservoir_4_level'){
|
|||
|
|
clearWaterReservoir_4_level = value;
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].elementCode=='clearWaterReservoir_5_level'){
|
|||
|
|
clearWaterReservoir_5_level = value;
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].elementCode=='clearWaterReservoir_6_level'){
|
|||
|
|
clearWaterReservoir_6_level = value;
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].elementCode=='suctionWell_1_level'){
|
|||
|
|
suctionWell_1_level = value;
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].elementCode=='suctionWell_2_level'){
|
|||
|
|
suctionWell_2_level = value;
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].elementCode=='suctionWell_3_level'){
|
|||
|
|
suctionWell_3_level = value;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
if(clearWaterReservoir_1_level >0){
|
|||
|
|
clearWaterReservoir_1_level = clearWaterReservoir_1_level/6;
|
|||
|
|
}
|
|||
|
|
echarts_line('clearWaterReservoir-1-level',clearWaterReservoir_1_level);
|
|||
|
|
if(clearWaterReservoir_2_level >0){
|
|||
|
|
clearWaterReservoir_2_level = clearWaterReservoir_2_level/6;
|
|||
|
|
}
|
|||
|
|
echarts_line('clearWaterReservoir-2-level',clearWaterReservoir_2_level);
|
|||
|
|
if(clearWaterReservoir_3_level >0){
|
|||
|
|
clearWaterReservoir_3_level = clearWaterReservoir_3_level/5.3;
|
|||
|
|
}
|
|||
|
|
echarts_line('clearWaterReservoir-3-level',clearWaterReservoir_3_level);
|
|||
|
|
if(clearWaterReservoir_4_level >0){
|
|||
|
|
clearWaterReservoir_4_level = clearWaterReservoir_4_level/5.3;
|
|||
|
|
}
|
|||
|
|
echarts_line('clearWaterReservoir-4-level',clearWaterReservoir_4_level);
|
|||
|
|
if(clearWaterReservoir_5_level >0){
|
|||
|
|
clearWaterReservoir_5_level = clearWaterReservoir_5_level/5.3;
|
|||
|
|
}
|
|||
|
|
echarts_line('clearWaterReservoir-5-level',clearWaterReservoir_5_level);
|
|||
|
|
if(clearWaterReservoir_6_level >0){
|
|||
|
|
clearWaterReservoir_6_level = clearWaterReservoir_6_level/5.3;
|
|||
|
|
}
|
|||
|
|
echarts_line('clearWaterReservoir-6-level',clearWaterReservoir_6_level);
|
|||
|
|
if(suctionWell_1_level >0){
|
|||
|
|
suctionWell_1_level = suctionWell_1_level/9;
|
|||
|
|
}
|
|||
|
|
echarts_line('suctionWell-1-level',suctionWell_1_level);
|
|||
|
|
if(suctionWell_2_level >0){
|
|||
|
|
suctionWell_2_level = suctionWell_2_level/9;
|
|||
|
|
}
|
|||
|
|
echarts_line('suctionWell-2-level',suctionWell_2_level);
|
|||
|
|
if(suctionWell_3_level >0){
|
|||
|
|
suctionWell_3_level = suctionWell_3_level/9;
|
|||
|
|
}
|
|||
|
|
echarts_line('suctionWell-3-level',suctionWell_3_level);
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
function getdataseries(mPointHistory,visualCacheDataList,numtail,id){
|
|||
|
|
var dataseries =[];
|
|||
|
|
if(mPointHistory!=null
|
|||
|
|
&& mPointHistory!=undefined
|
|||
|
|
&& mPointHistory!=''){
|
|||
|
|
var mPointHistory = mPointHistory;
|
|||
|
|
for(var m=0;m<mPointHistory.length;m++){
|
|||
|
|
var dataserie =[];
|
|||
|
|
dataserie.push(mPointHistory[m].measuredt.substr(0,16));
|
|||
|
|
dataserie.push(mPointHistory[m].parmvalue.toFixed(numtail));
|
|||
|
|
dataseries.push(dataserie);
|
|||
|
|
if(id !=null && id!=undefined && id!=''){
|
|||
|
|
var mPointHistoryDate = new Date(mPointHistory[m].measuredt);
|
|||
|
|
var mPointHistoryhours = mPointHistoryDate.getHours();
|
|||
|
|
var mPointHistoryminutes = mPointHistoryDate.getMinutes();
|
|||
|
|
if(mPointHistoryhours==nowhours && mPointHistoryminutes<=nowminutes ){
|
|||
|
|
if($("."+id).length > 0){
|
|||
|
|
$("."+id).html(toThousands(mPointHistory[m].parmvalue.toFixed(numtail)));
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}else{
|
|||
|
|
if(visualCacheDataList!=null
|
|||
|
|
&& visualCacheDataList!=undefined
|
|||
|
|
&& visualCacheDataList!=''){
|
|||
|
|
var visualCacheDataList = visualCacheDataList;
|
|||
|
|
for(var m=0;m<visualCacheDataList.length;m++){
|
|||
|
|
var dataserie =[];
|
|||
|
|
dataserie.push(visualCacheDataList[m].insdt.substr(0,16));
|
|||
|
|
dataserie.push(visualCacheDataList[m].value.toFixed(numtail));
|
|||
|
|
dataseries.push(dataserie);
|
|||
|
|
if(id !=null && id!=undefined && id!=''){
|
|||
|
|
var mPointHistoryDate = new Date(visualCacheDataList[m].insdt);
|
|||
|
|
var mPointHistoryhours = mPointHistoryDate.getHours();
|
|||
|
|
var mPointHistoryminutes = mPointHistoryDate.getMinutes();
|
|||
|
|
if(mPointHistoryhours==nowhours && mPointHistoryminutes<=nowminutes ){
|
|||
|
|
if($("."+id).length > 0){
|
|||
|
|
$("."+id).html(toThousands(visualCacheDataList[m].value.toFixed(numtail)));
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return dataseries;
|
|||
|
|
}
|
|||
|
|
function echarts_line(id,seriesdata){
|
|||
|
|
var lifeChart = echarts.getInstanceByDom(document.getElementById(id));
|
|||
|
|
//有的话就获取已有echarts实例的DOM节点。
|
|||
|
|
if (lifeChart != null) {
|
|||
|
|
lifeChart.setOption({
|
|||
|
|
series: {
|
|||
|
|
data: [seriesdata],
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
}else{
|
|||
|
|
|
|||
|
|
var option = {
|
|||
|
|
series: {
|
|||
|
|
type: 'liquidFill',
|
|||
|
|
data: [seriesdata],
|
|||
|
|
shape: 'container',
|
|||
|
|
color: ['#3592EF'],
|
|||
|
|
amplitude:'5',
|
|||
|
|
waveLength:'100%',
|
|||
|
|
outline: {
|
|||
|
|
show: false
|
|||
|
|
},
|
|||
|
|
backgroundStyle:{
|
|||
|
|
color:'transparent',
|
|||
|
|
},
|
|||
|
|
label:{
|
|||
|
|
show: false,
|
|||
|
|
},
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
lifeChart = echarts.init(document.getElementById(id));
|
|||
|
|
lifeChart.setOption(option,true);
|
|||
|
|
}
|
|||
|
|
return lifeChart;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
function homePage() {
|
|||
|
|
$('.jump-area').hide();
|
|||
|
|
$('.sub-region').hide();
|
|||
|
|
$('.homePage').show();
|
|||
|
|
}
|
|||
|
|
function jumpArea(el) {
|
|||
|
|
$('.homePage').hide();
|
|||
|
|
$('.sub-region').hide();
|
|||
|
|
$('.jump-area').show();
|
|||
|
|
$('.'+el).show();
|
|||
|
|
}
|
|||
|
|
//添加千分位符合
|
|||
|
|
function toThousands(num) {
|
|||
|
|
var nums =num;
|
|||
|
|
var re=/\d{1,3}(?=(\d{3})+$)/g;
|
|||
|
|
var n1=0;
|
|||
|
|
if(nums!=null && nums!='' && nums!=undefined){
|
|||
|
|
n1=nums.toString().replace(/^(\d+)((\.\d+)?)$/,function(s,s1,s2){return s1.replace(re,"$&,")+s2;});
|
|||
|
|
}
|
|||
|
|
return n1;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function reset() {
|
|||
|
|
$('.inputElement').val(0);
|
|||
|
|
}
|
|||
|
|
function calculation() {
|
|||
|
|
var jsonStr = [
|
|||
|
|
{"mpcode":"PLC41_11AIT003.VAL","value": $('#influentTurbidity').val()},
|
|||
|
|
{"mpcode":"PLC41_11FIT001A.VAL","value": $('#firstLineFlow').val()},
|
|||
|
|
{"mpcode":"PLC41_13AIT001A.VAL","value": $('#effluentTurbidity').val()},
|
|||
|
|
{"mpcode":"PLC31_33AFIQT001A.VAL","value": $('#dosagePAM').val()},
|
|||
|
|
{"mpcode":"PLC31_32AFIQT001.VAL","value": $('#dosagePAC').val()}
|
|||
|
|
];
|
|||
|
|
$.post('http://10.194.10.125:8080/SIPAIIS_Model2/process/modeltype/handCompute4SOAP.do',
|
|||
|
|
{jsonStr : JSON.stringify(jsonStr),modelName: $('#modelSelect').val()} ,
|
|||
|
|
function(data) {
|
|||
|
|
data = $.parseJSON(data);
|
|||
|
|
var code = data.code;
|
|||
|
|
if(code==1){
|
|||
|
|
alert('计算成功。');
|
|||
|
|
$('.currentForecast').html(data.result.toFixed(2));
|
|||
|
|
}else{
|
|||
|
|
alert(data.msg);
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
function modelSelect(ele) {
|
|||
|
|
var value = $(ele).val();
|
|||
|
|
$('.modelSelect').hide();
|
|||
|
|
$('.'+value).show();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
</head>
|
|||
|
|
<body>
|
|||
|
|
<div class="whole-body content-wrapper-bg-darkblue">
|
|||
|
|
<!-- BEGIN CONTAINER -->
|
|||
|
|
<input type="hidden" name="jsp_id" id="jsp_id" value="workPrediction">
|
|||
|
|
<div class="body-wrapper">
|
|||
|
|
<div class="datawindow datawindow-blue font-color-white" style="top: 125px;left: 60px;">
|
|||
|
|
<div class="datawindow-title datawindow-title-blue">一线</div>
|
|||
|
|
<%--<div class="datawindow-text text-center">
|
|||
|
|
<div class="col-xs-4 text-right">负荷</div>
|
|||
|
|
<div class="col-xs-4 font-color-green line_1_load"></div>
|
|||
|
|
<div class="col-xs-4 text-left">%</div>
|
|||
|
|
</div>--%>
|
|||
|
|
<div class="datawindow-text text-center">
|
|||
|
|
<div class="col-xs-4 text-right">流量</div>
|
|||
|
|
<div class="col-xs-4 font-color-pink line_1_prediction_flow"></div>
|
|||
|
|
<div class="col-xs-4 text-left">m³/h</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="datawindow-text text-center">
|
|||
|
|
<div class="col-xs-4 text-right">流量</div>
|
|||
|
|
<div class="col-xs-4 font-color-green line_1_flow"></div>
|
|||
|
|
<div class="col-xs-4 text-left">m³/h</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="datawindow datawindow-blue font-color-white" style="top: 285px;left: 60px;">
|
|||
|
|
<div class="datawindow-title datawindow-title-blue">二线</div>
|
|||
|
|
<%--<div class="datawindow-text text-center">
|
|||
|
|
<div class="col-xs-4 text-right">负荷</div>
|
|||
|
|
<div class="col-xs-4 font-color-green line_2_load"></div>
|
|||
|
|
<div class="col-xs-4 text-left">%</div>
|
|||
|
|
</div>--%>
|
|||
|
|
<div class="datawindow-text text-center">
|
|||
|
|
<div class="col-xs-4 text-right">流量</div>
|
|||
|
|
<div class="col-xs-4 font-color-pink line_2_prediction_flow"></div>
|
|||
|
|
<div class="col-xs-4 text-left">m³/h</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="datawindow-text text-center">
|
|||
|
|
<div class="col-xs-4 text-right">流量</div>
|
|||
|
|
<div class="col-xs-4 font-color-green line_2_flow"></div>
|
|||
|
|
<div class="col-xs-4 text-left">m³/h</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="datawindow datawindow-blue font-color-white" style="top: 590px;left: 60px;">
|
|||
|
|
<div class="datawindow-title datawindow-title-blue">三线</div>
|
|||
|
|
<%--<div class="datawindow-text text-center">
|
|||
|
|
<div class="col-xs-4 text-right">负荷</div>
|
|||
|
|
<div class="col-xs-4 font-color-green line_3_load"></div>
|
|||
|
|
<div class="col-xs-4 text-left">%</div>
|
|||
|
|
</div>--%>
|
|||
|
|
<div class="datawindow-text text-center">
|
|||
|
|
<div class="col-xs-4 text-right">流量</div>
|
|||
|
|
<div class="col-xs-4 font-color-pink line_3_prediction_flow"></div>
|
|||
|
|
<div class="col-xs-4 text-left">m³/h</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="datawindow-text text-center">
|
|||
|
|
<div class="col-xs-4 text-right">流量</div>
|
|||
|
|
<div class="col-xs-4 font-color-green line_3_flow"></div>
|
|||
|
|
<div class="col-xs-4 text-left">m³/h</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="datawindow datawindow-blue font-color-white" style="top: 805px;left: 60px;">
|
|||
|
|
<div class="datawindow-title datawindow-title-blue">四线</div>
|
|||
|
|
<%--<div class="datawindow-text text-center">
|
|||
|
|
<div class="col-xs-4 text-right">负荷</div>
|
|||
|
|
<div class="col-xs-4 font-color-green line_4_load"></div>
|
|||
|
|
<div class="col-xs-4 text-left">%</div>
|
|||
|
|
</div>--%>
|
|||
|
|
<div class="datawindow-text text-center">
|
|||
|
|
<div class="col-xs-4 text-right">流量</div>
|
|||
|
|
<div class="col-xs-4 font-color-pink line_4_prediction_flow"></div>
|
|||
|
|
<div class="col-xs-4 text-left">m³/h</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="datawindow-text text-center">
|
|||
|
|
<div class="col-xs-4 text-right">流量</div>
|
|||
|
|
<div class="col-xs-4 font-color-green line_4_flow"></div>
|
|||
|
|
<div class="col-xs-4 text-left">m³/h</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="datawindow datawindow-165 datawindow-blue font-color-white" style="top: 375px;left: 60px;">
|
|||
|
|
<div class="datawindow-title datawindow-title-blue">原水水质 <span class="qcs-title">青草沙</span></div>
|
|||
|
|
<div class="datawindow-text text-center">
|
|||
|
|
<div class="col-xs-4 text-right">pH</div>
|
|||
|
|
<div class="col-xs-4 font-color-green rawwater_ph"></div>
|
|||
|
|
<div class="col-xs-4 text-left"> </div>
|
|||
|
|
</div>
|
|||
|
|
<div class="datawindow-text text-center">
|
|||
|
|
<div class="col-xs-4 text-right">电导率</div>
|
|||
|
|
<div class="col-xs-4 font-color-green rawwater_conductivity"></div>
|
|||
|
|
<div class="col-xs-4 text-left">μs/cm</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="datawindow-text text-center">
|
|||
|
|
<div class="col-xs-4 text-right">浊度</div>
|
|||
|
|
<div class="col-xs-4 font-color-green rawwater_turbidity"></div>
|
|||
|
|
<div class="col-xs-4 text-left">NTU</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="datawindow-text text-center">
|
|||
|
|
<div class="col-xs-4 text-right">压力</div>
|
|||
|
|
<div class="col-xs-4 font-color-green rawwater_pressure"></div>
|
|||
|
|
<div class="col-xs-4 text-left">Bars</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="datawindow-text text-center">
|
|||
|
|
<div class="col-xs-4 text-right">温度</div>
|
|||
|
|
<div class="col-xs-4 font-color-green rawwater_temperature"></div>
|
|||
|
|
<div class="col-xs-4 text-left">℃</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="datawindow-text text-center">
|
|||
|
|
<div class="col-xs-4 text-right">溶解氧</div>
|
|||
|
|
<div class="col-xs-4 font-color-green rawwater_dissolvedOxygen"></div>
|
|||
|
|
<div class="col-xs-4 text-left">mg/L</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="datawindow-text text-center">
|
|||
|
|
<div class="col-xs-4 text-right">氨</div>
|
|||
|
|
<div class="col-xs-4 font-color-green rawwater_ammonia"></div>
|
|||
|
|
<div class="col-xs-4 text-left">mg/L</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="datawindow-text text-center">
|
|||
|
|
<div class="col-xs-4 text-right">余氯</div>
|
|||
|
|
<div class="col-xs-4 font-color-green rawwater_chlorine"></div>
|
|||
|
|
<div class="col-xs-4 text-left">mg/L</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="datawindow datawindow-165 datawindow-blue font-color-white" id="qcs" style="top: 375px;left: 235px;display: none;z-index: 10;">
|
|||
|
|
<div class="datawindow-title datawindow-title-blue">青草沙原水水质 <span style="float: right" class="qcs-close">×</span></div>
|
|||
|
|
<div class="datawindow-text text-center">
|
|||
|
|
<div class="col-xs-4 text-right">pH</div>
|
|||
|
|
<div class="col-xs-4 font-color-green qcs_rawwater_ph"></div>
|
|||
|
|
<div class="col-xs-4 text-left"> </div>
|
|||
|
|
</div>
|
|||
|
|
<div class="datawindow-text text-center">
|
|||
|
|
<div class="col-xs-4 text-right">电导率</div>
|
|||
|
|
<div class="col-xs-4 font-color-green qcs_rawwater_conductivity"></div>
|
|||
|
|
<div class="col-xs-4 text-left">μs/cm</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="datawindow-text text-center">
|
|||
|
|
<div class="col-xs-4 text-right">浊度</div>
|
|||
|
|
<div class="col-xs-4 font-color-green qcs_rawwater_turbidity"></div>
|
|||
|
|
<div class="col-xs-4 text-left">NTU</div>
|
|||
|
|
</div>
|
|||
|
|
<%--<div class="datawindow-text text-center">
|
|||
|
|
<div class="col-xs-4 text-right">压力</div>
|
|||
|
|
<div class="col-xs-4 font-color-green qcs_rawwater_pressure"></div>
|
|||
|
|
<div class="col-xs-4 text-left">Bars</div>
|
|||
|
|
</div>--%>
|
|||
|
|
<div class="datawindow-text text-center">
|
|||
|
|
<div class="col-xs-4 text-right">温度</div>
|
|||
|
|
<div class="col-xs-4 font-color-green qcs_rawwater_temperature"></div>
|
|||
|
|
<div class="col-xs-4 text-left">℃</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="datawindow-text text-center">
|
|||
|
|
<div class="col-xs-4 text-right">溶解氧</div>
|
|||
|
|
<div class="col-xs-4 font-color-green qcs_rawwater_dissolvedOxygen"></div>
|
|||
|
|
<div class="col-xs-4 text-left">mg/L</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="datawindow-text text-center">
|
|||
|
|
<div class="col-xs-4 text-right">氨</div>
|
|||
|
|
<div class="col-xs-4 font-color-green qcs_rawwater_ammonia"></div>
|
|||
|
|
<div class="col-xs-4 text-left">mg/L</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="datawindow-text text-center">
|
|||
|
|
<div class="col-xs-4 text-right">余氯</div>
|
|||
|
|
<div class="col-xs-4 font-color-green qcs_rawwater_chlorine"></div>
|
|||
|
|
<div class="col-xs-4 text-left">mg/L</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="datawindow-text text-center">
|
|||
|
|
<div class="col-xs-4 text-right">COD</div>
|
|||
|
|
<div class="col-xs-4 font-color-green qcs_rawwater_cod"></div>
|
|||
|
|
<div class="col-xs-4 text-left">mg/L</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="datawindow-text text-center">
|
|||
|
|
<div class="col-xs-4 text-right">总磷</div>
|
|||
|
|
<div class="col-xs-4 font-color-green qcs_rawwater_tp"></div>
|
|||
|
|
<div class="col-xs-4 text-left">mg/L</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="datawindow-text text-center">
|
|||
|
|
<div class="col-xs-4 text-right">总氮</div>
|
|||
|
|
<div class="col-xs-4 font-color-green qcs_rawwater_tn"></div>
|
|||
|
|
<div class="col-xs-4 text-left">mg/L</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="datawindow-text text-center">
|
|||
|
|
<div class="col-xs-4 text-right">叶绿素</div>
|
|||
|
|
<div class="col-xs-4 font-color-green qcs_rawwater_yls"></div>
|
|||
|
|
<div class="col-xs-4 text-left">μs/L</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="datawindow-text text-center">
|
|||
|
|
<div class="col-xs-4 text-right">蓝绿藻</div>
|
|||
|
|
<div class="col-xs-4 font-color-green qcs_rawwater_lzs"></div>
|
|||
|
|
<div class="col-xs-4 text-left">万个/L</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="datawindow datawindow-165 datawindow-blue font-color-white" style="top: 25px;right: 19px;">
|
|||
|
|
<div class="datawindow-title datawindow-title-blue">1#管出厂水质</div>
|
|||
|
|
<div class="datawindow-text text-center">
|
|||
|
|
<div class="col-xs-4 text-right">pH</div>
|
|||
|
|
<div class="col-xs-4 font-color-green tapwater_1_ph"></div>
|
|||
|
|
<div class="col-xs-4 text-left"> </div>
|
|||
|
|
</div>
|
|||
|
|
<div class="datawindow-text text-center">
|
|||
|
|
<div class="col-xs-4 text-right">电导率</div>
|
|||
|
|
<div class="col-xs-4 font-color-green tapwater_1_conductivity"></div>
|
|||
|
|
<div class="col-xs-4 text-left">μs/cm</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="datawindow-text text-center">
|
|||
|
|
<div class="col-xs-4 text-right">浊度</div>
|
|||
|
|
<div class="col-xs-4 font-color-green tapwater_1_turbidity"></div>
|
|||
|
|
<div class="col-xs-4 text-left">NTU</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="datawindow-text text-center">
|
|||
|
|
<div class="col-xs-4 text-right">温度</div>
|
|||
|
|
<div class="col-xs-4 font-color-green tapwater_1_temperature"></div>
|
|||
|
|
<div class="col-xs-4 text-left">℃</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="datawindow-text text-center">
|
|||
|
|
<div class="col-xs-4 text-right">氨氮</div>
|
|||
|
|
<div class="col-xs-4 font-color-green tapwater_1_ammoniaNitrogen"></div>
|
|||
|
|
<div class="col-xs-4 text-left">mg/L</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="datawindow-text text-center">
|
|||
|
|
<div class="col-xs-4 text-right">余氯</div>
|
|||
|
|
<div class="col-xs-4 font-color-green tapwater_1_chlorine"></div>
|
|||
|
|
<div class="col-xs-4 text-left">mg/L</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="datawindow-text text-center">
|
|||
|
|
<div class="col-xs-4 text-right">COD</div>
|
|||
|
|
<div class="col-xs-4 font-color-green tapwater_1_cod"></div>
|
|||
|
|
<div class="col-xs-4 text-left">mg/L</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="datawindow datawindow-165 datawindow-pink font-color-white" style="top: 295px;right: 19px;">
|
|||
|
|
<div class="datawindow-title datawindow-title-pink">1#管出厂水质预测</div>
|
|||
|
|
<div class="datawindow-text text-center">
|
|||
|
|
<div class="col-xs-4 text-right">浊度</div>
|
|||
|
|
<div class="col-xs-4 font-color-pink tapwater_1_prediction_turbidity"></div>
|
|||
|
|
<div class="col-xs-4 text-left">NTU</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="datawindow-text text-center">
|
|||
|
|
<div class="col-xs-4 text-right">氨氮</div>
|
|||
|
|
<div class="col-xs-4 font-color-pink tapwater_1_prediction_ammoniaNitrogen"></div>
|
|||
|
|
<div class="col-xs-4 text-left">mg/L</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="datawindow-text text-center">
|
|||
|
|
<div class="col-xs-4 text-right">余氯</div>
|
|||
|
|
<div class="col-xs-4 font-color-pink tapwater_1_prediction_chlorine"></div>
|
|||
|
|
<div class="col-xs-4 text-left">mg/L</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="datawindow-text text-center">
|
|||
|
|
<div class="col-xs-4 text-right">COD</div>
|
|||
|
|
<div class="col-xs-4 font-color-pink tapwater_1_prediction_cod"></div>
|
|||
|
|
<div class="col-xs-4 text-left">mg/L</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<%--<div class="datawindow-small datawindow-small-116 font-color-white" style="top: 30px;left: 60px;">
|
|||
|
|
<div class="datawindow-text text-center font-size-12">
|
|||
|
|
<div class="col-xs-6 ">一线流量</div>
|
|||
|
|
<div class="col-xs-6 font-color-pink line_1_prediction_flow"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="datawindow-small datawindow-small-116 font-color-white" style="top: 210px;left: 60px;">
|
|||
|
|
<div class="datawindow-text text-center font-size-12">
|
|||
|
|
<div class="col-xs-6 ">二线流量</div>
|
|||
|
|
<div class="col-xs-6 font-color-pink line_2_prediction_flow"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="datawindow-small datawindow-small-116 font-color-white" style="top: 675px;left: 60px;">
|
|||
|
|
<div class="datawindow-text text-center font-size-12">
|
|||
|
|
<div class="col-xs-6 ">三线流量</div>
|
|||
|
|
<div class="col-xs-6 font-color-pink line_3_prediction_flow"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="datawindow-small datawindow-small-116 font-color-white" style="top: 745px;left: 60px;">
|
|||
|
|
<div class="datawindow-text text-center font-size-12">
|
|||
|
|
<div class="col-xs-6 ">四线流量</div>
|
|||
|
|
<div class="col-xs-6 font-color-pink line_4_prediction_flow"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>--%>
|
|||
|
|
|
|||
|
|
<%--阀门开度--%>
|
|||
|
|
<div class="datawindow-small datawindow-small-40 font-color-white" style="top: 59px;left: 157px;">
|
|||
|
|
<div class="datawindow-text text-center font-size-12">
|
|||
|
|
<div class="col-xs-6 font-color-green line_1_valveOpening"></div>
|
|||
|
|
<div class="col-xs-6 ">%</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="datawindow-small datawindow-small-40 font-color-white" style="top: 229px;left: 157px;">
|
|||
|
|
<div class="datawindow-text text-center font-size-12">
|
|||
|
|
<div class="col-xs-6 font-color-green line_2_valveOpening"></div>
|
|||
|
|
<div class="col-xs-6 ">%</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<%--预臭氧--%>
|
|||
|
|
<div class="equipmentState equipmentState-blue line_1_preOzonation_state" style="top: 90px;left: 214px;"></div>
|
|||
|
|
<div class="equipmentState equipmentState-blue line_2_preOzonation_state" style="top: 259px;left: 214px;"></div>
|
|||
|
|
<div class="equipmentState equipmentState-blue line_3_preOzonation_state" style="top: 701px;left: 225px;"></div>
|
|||
|
|
<div class="equipmentState equipmentState-blue line_4_preOzonation_state" style="top: 771px;left: 225px;"></div>
|
|||
|
|
<%--高密池数据--%>
|
|||
|
|
<div class="equipmentState equipmentState-129 equipmentState-blue highDensityPool_a_state" style="top: 90px;left: 340px;">隔离</div>
|
|||
|
|
<div class="equipmentState equipmentState-129 equipmentState-blue highDensityPool_b_state" style="top: 143px;left: 340px;">隔离</div>
|
|||
|
|
<div class="equipmentState equipmentState-129 equipmentState-blue highDensityPool_c_state" style="top: 196px;left: 340px;">隔离</div>
|
|||
|
|
<div class="equipmentState equipmentState-129 equipmentState-blue highDensityPool_d_state" style="top: 259px;left: 340px;">隔离</div>
|
|||
|
|
<div class="equipmentState equipmentState-129 equipmentState-blue highDensityPool_e_state" style="top: 312px;left: 340px;">隔离</div>
|
|||
|
|
<div class="equipmentState equipmentState-129 equipmentState-blue highDensityPool_f_state" style="top: 365px;left: 340px;">隔离</div>
|
|||
|
|
|
|||
|
|
<div class="datawindow-small datawindow-small-116 font-color-white" style="top: 25px;left: 340px;">
|
|||
|
|
<div class="datawindow-text text-center font-size-12">
|
|||
|
|
<div class="col-xs-3 ">浊度</div>
|
|||
|
|
<div class="col-xs-4 font-color-pink line_1_highDensityPool_prediction_turbidity"></div>
|
|||
|
|
<div class="col-xs-4 font-color-green line_1_highDensityPool_turbidity"></div>
|
|||
|
|
<div class="col-xs-1 line_1_highDensityPool_turbidity_compare "><%--<i class="fa fa-caret-up"></i>--%></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="datawindow-text text-center font-size-12">
|
|||
|
|
<div class="col-xs-3 ">流量</div>
|
|||
|
|
<div class="col-xs-4 font-color-pink line_1_highDensityPool_prediction_flow"></div>
|
|||
|
|
<div class="col-xs-4 font-color-green line_1_highDensityPool_flow"></div>
|
|||
|
|
<div class="col-xs-1 line_1_highDensityPool_flow_compare "><%--<i class="fa fa-caret-down"></i>--%></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="datawindow-small font-color-white" style="top: 394px;left: 364px;">
|
|||
|
|
<div class="datawindow-text text-center font-size-12">
|
|||
|
|
<div class="col-xs-6 ">浊度</div>
|
|||
|
|
<div class="col-xs-6 font-color-green line_2_highDensityPool_turbidity"></div>
|
|||
|
|
</div>
|
|||
|
|
<%--<div class="datawindow-text text-center font-size-12">
|
|||
|
|
<div class="col-xs-6 ">流量</div>
|
|||
|
|
<div class="col-xs-6 font-color-green line_2_highDensityPool_flow"></div>
|
|||
|
|
</div>--%>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<%--高密池数据A--%>
|
|||
|
|
<div class="datawindow-small datawindow-small-155 font-color-white" style="top: 69px;left: 379px;">
|
|||
|
|
<div class="datawindow-text text-center font-size-12">
|
|||
|
|
<div class="col-xs-5 ">硫酸铝加注</div>
|
|||
|
|
<div class="col-xs-3 font-color-pink highDensityPool_prediction_aluminumSulfateAdd"></div>
|
|||
|
|
<div class="col-xs-3 font-color-green highDensityPool_aluminumSulfateAdd"></div>
|
|||
|
|
<div class="col-xs-1 highDensityPool_aluminumSulfateAdd_compare "><%--<i class="fa fa-caret-up"></i>--%></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="datawindow-text text-center font-size-12">
|
|||
|
|
<div class="col-xs-5 ">PAM加注</div>
|
|||
|
|
<div class="col-xs-3 font-color-pink highDensityPool_prediction_PAMadd"></div>
|
|||
|
|
<div class="col-xs-3 font-color-green highDensityPool_PAMadd"></div>
|
|||
|
|
<div class="col-xs-1 highDensityPool_PAMadd_compare "><%--<i class="fa fa-caret-down"></i>--%></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<%--3线沉淀池--%>
|
|||
|
|
<div class="equipmentState equipmentState-103 equipmentState-blue line_3_settlingTank_state" style="top: 701px;left: 366px;"></div>
|
|||
|
|
<div class="datawindow-small font-color-white" style="top: 653px;left: 396px;">
|
|||
|
|
<div class="datawindow-text text-center font-size-12">
|
|||
|
|
<div class="col-xs-6 ">浊度</div>
|
|||
|
|
<div class="col-xs-6 font-color-green line_3_settlingTank_turbidity"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<%--4线沉淀池--%>
|
|||
|
|
<div class="equipmentState equipmentState-103 equipmentState-blue line_4_settlingTank_state" style="top: 771px;left: 366px;"></div>
|
|||
|
|
<div class="datawindow-small font-color-white" style="top: 801px;left: 396px;">
|
|||
|
|
<div class="datawindow-text text-center font-size-12">
|
|||
|
|
<div class="col-xs-6 ">浊度</div>
|
|||
|
|
<div class="col-xs-6 font-color-green line_4_settlingTank_turbidity"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<%--12线中间提升泵房--%>
|
|||
|
|
<div class="datawindow-small datawindow-small-116 font-color-white" style="top: 104px;left: 735px;">
|
|||
|
|
<div class="datawindow-text text-center font-size-12">
|
|||
|
|
<div class="col-xs-3 ">流量</div>
|
|||
|
|
<div class="col-xs-4 font-color-pink line_12_liftPumpRoom_prediction_flow"></div>
|
|||
|
|
<div class="col-xs-4 font-color-green line_12_liftPumpRoom_flow"></div>
|
|||
|
|
<div class="col-xs-1 line_12_liftPumpRoom_flow_compare "><%--<i class="fa fa-caret-down"></i>--%></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="pump" style="top: 182px;left: 704px;"><i class="iconfont icon-pump font-size-22 line_12_liftPumpRoom_state_a1 font-color-blue "></i></div>
|
|||
|
|
<div class="pump " style="top: 182px;left: 751px;"><i class="iconfont icon-pump font-size-22 line_12_liftPumpRoom_state_a2 font-color-blue "></i></div>
|
|||
|
|
<div class="pump " style="top: 182px;left: 798px;"><i class="iconfont icon-pump font-size-22 line_12_liftPumpRoom_state_a3 font-color-blue "></i></div>
|
|||
|
|
<div class="pump " style="top: 182px;left: 845px;"><i class="iconfont icon-pump font-size-22 line_12_liftPumpRoom_state_a4 font-color-blue "></i></div>
|
|||
|
|
<div class="pump " style="top: 245px;left: 704px;"><i class="iconfont icon-pump font-size-22 line_12_liftPumpRoom_state_b1 font-color-blue "></i></div>
|
|||
|
|
<div class="pump " style="top: 245px;left: 751px;"><i class="iconfont icon-pump font-size-22 line_12_liftPumpRoom_state_b2 font-color-blue "></i></div>
|
|||
|
|
<div class="pump " style="top: 245px;left: 798px;"><i class="iconfont icon-pump font-size-22 line_12_liftPumpRoom_state_b3 font-color-blue "></i></div>
|
|||
|
|
<div class="pump " style="top: 245px;left: 845px;"><i class="iconfont icon-pump font-size-22 line_12_liftPumpRoom_state_b4 font-color-blue "></i></div>
|
|||
|
|
<%--34线中间提升泵房--%>
|
|||
|
|
<div class="datawindow-small font-color-white" style="top: 688px;left: 755px;">
|
|||
|
|
<div class="datawindow-text text-center font-size-12">
|
|||
|
|
<div class="col-xs-6 ">流量</div>
|
|||
|
|
<div class="col-xs-6 font-color-green line_34_liftPumpRoom_flow"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="pump" style="top: 750px;left: 753px;"><i class="iconfont icon-pump font-size-22 line_34_liftPumpRoom_state_a1 font-color-blue "></i></div>
|
|||
|
|
<div class="pump" style="top: 750px;left: 809px;"><i class="iconfont icon-pump font-size-22 line_34_liftPumpRoom_state_a2 font-color-blue "></i></div>
|
|||
|
|
<div class="pump" style="top: 750px;left: 865px;"><i class="iconfont icon-pump font-size-22 line_34_liftPumpRoom_state_a3 font-color-blue "></i></div>
|
|||
|
|
<%--清水泵房--%>
|
|||
|
|
<div class="pump" style="top: 134px;left: 1677px;"><i class="iconfont icon-pump font-size-30 cleanWaterPump_state_10 font-color-blue"></i><span class="pump-span">10#</span></div>
|
|||
|
|
<div class="pump" style="top: 193px;left: 1677px;"><i class="iconfont icon-pump font-size-30 cleanWaterPump_state_9 font-color-blue "></i><span class="pump-span">9#</span></div>
|
|||
|
|
<div class="pump" style="top: 249px;left: 1677px;"><i class="iconfont icon-pump font-size-30 cleanWaterPump_state_8 font-color-blue "></i><span class="pump-span">8#</span></div>
|
|||
|
|
<div class="pump" style="top: 316px;left: 1679px;"><i class="iconfont icon-pump font-size-22 cleanWaterPump_state_7 font-color-blue "></i><span class="pump-span-small">7#</span></div>
|
|||
|
|
<div class="pump" style="top: 381px;left: 1679px;"><i class="iconfont icon-pump font-size-22 cleanWaterPump_state_6 font-color-blue "></i><span class="pump-span-small">6#</span></div>
|
|||
|
|
<div class="pump" style="top: 448px;left: 1677px;"><i class="iconfont icon-pump font-size-30 cleanWaterPump_state_5 font-color-blue "></i><span class="pump-span">5#</span></div>
|
|||
|
|
<div class="pump" style="top: 532px;left: 1679px;"><i class="iconfont icon-pump font-size-22 cleanWaterPump_state_4 font-color-blue "></i><span class="pump-span-small">4#</span></div>
|
|||
|
|
<div class="pump" style="top: 586px;left: 1679px;"><i class="iconfont icon-pump font-size-22 cleanWaterPump_state_3 font-color-blue "></i><span class="pump-span-small">3#</span></div>
|
|||
|
|
<div class="pump" style="top: 653px;left: 1679px;"><i class="iconfont icon-pump font-size-22 cleanWaterPump_state_2 font-color-blue "></i><span class="pump-span-small">2#</span></div>
|
|||
|
|
<div class="pump" style="top: 717px;left: 1677px;"><i class="iconfont icon-pump font-size-30 cleanWaterPump_state_1 font-color-blue "></i><span class="pump-span">1#</span></div>
|
|||
|
|
|
|||
|
|
<%--1线砂滤池组数据--%>
|
|||
|
|
<div class="equipmentState equipmentState-24 equipmentState-blue sandFilter_a_state" style="top: 91px;left: 552px;"></div>
|
|||
|
|
<div class="equipmentState equipmentState-24 equipmentState-blue sandFilter_b_state" style="top: 124px;left: 552px;"></div>
|
|||
|
|
<div class="equipmentState equipmentState-24 equipmentState-blue sandFilter_c_state" style="top: 157px;left: 552px;"></div>
|
|||
|
|
<div class="equipmentState equipmentState-24 equipmentState-blue sandFilter_d_state" style="top: 190px;left: 552px;"></div>
|
|||
|
|
<div class="equipmentState equipmentState-24 equipmentState-blue sandFilter_e_state" style="top: 91px;left: 605px;"></div>
|
|||
|
|
<div class="equipmentState equipmentState-24 equipmentState-blue sandFilter_f_state" style="top: 124px;left: 605px;"></div>
|
|||
|
|
<div class="equipmentState equipmentState-24 equipmentState-blue sandFilter_g_state" style="top: 157px;left: 605px;"></div>
|
|||
|
|
<div class="equipmentState equipmentState-24 equipmentState-blue sandFilter_h_state" style="top: 190px;left: 605px;"></div>
|
|||
|
|
<div class="datawindow-small datawindow-small-116 font-color-white" style="top: 25px;left: 527px;">
|
|||
|
|
<div class="datawindow-text text-center font-size-12">
|
|||
|
|
<div class="col-xs-3 ">浊度</div>
|
|||
|
|
<div class="col-xs-4 font-color-pink line_1_sandFilter_prediction_turbidity"></div>
|
|||
|
|
<div class="col-xs-4 font-color-green line_1_sandFilter_turbidity"></div>
|
|||
|
|
<div class="col-xs-1 line_1_sandFilter_turbidity_compare "><%--<i class="fa fa-caret-up"></i>--%></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="datawindow-text text-center font-size-12">
|
|||
|
|
<div class="col-xs-3 ">流量</div>
|
|||
|
|
<div class="col-xs-4 font-color-pink line_1_sandFilter_prediction_flow"></div>
|
|||
|
|
<div class="col-xs-4 font-color-green line_1_sandFilter_flow"></div>
|
|||
|
|
<div class="col-xs-1 line_1_sandFilter_flow_compare "><%--<i class="fa fa-caret-down"></i>--%></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<%--2线砂滤池组数据--%>
|
|||
|
|
<div class="equipmentState equipmentState-24 equipmentState-blue sandFilter_j_state" style="top: 235px;left: 552px;"></div>
|
|||
|
|
<div class="equipmentState equipmentState-24 equipmentState-blue sandFilter_k_state" style="top: 268px;left: 552px;"></div>
|
|||
|
|
<div class="equipmentState equipmentState-24 equipmentState-blue sandFilter_l_state" style="top: 301px;left: 552px;"></div>
|
|||
|
|
<div class="equipmentState equipmentState-24 equipmentState-blue sandFilter_m_state" style="top: 334px;left: 552px;"></div>
|
|||
|
|
<div class="equipmentState equipmentState-24 equipmentState-blue sandFilter_n_state" style="top: 235px;left: 605px;"></div>
|
|||
|
|
<div class="equipmentState equipmentState-24 equipmentState-blue sandFilter_o_state" style="top: 268px;left: 605px;"></div>
|
|||
|
|
<div class="equipmentState equipmentState-24 equipmentState-blue sandFilter_p_state" style="top: 301px;left: 605px;"></div>
|
|||
|
|
<div class="equipmentState equipmentState-24 equipmentState-blue sandFilter_q_state" style="top: 334px;left: 605px;"></div>
|
|||
|
|
<div class="datawindow-small font-color-white" style="top: 388px;left: 528px;">
|
|||
|
|
<div class="datawindow-text text-center font-size-12">
|
|||
|
|
<div class="col-xs-6 ">浊度</div>
|
|||
|
|
<div class="col-xs-6 font-color-green line_2_sandFilter_turbidity"></div>
|
|||
|
|
</div>
|
|||
|
|
<%--<div class="datawindow-text text-center font-size-12">
|
|||
|
|
<div class="col-xs-6 ">流量</div>
|
|||
|
|
<div class="col-xs-6 font-color-green line_2_sandFilter_flow"></div>
|
|||
|
|
</div>--%>
|
|||
|
|
</div>
|
|||
|
|
<%--3线砂滤池组数据--%>
|
|||
|
|
<div class="equipmentState equipmentState-30 equipmentState-blue sandFilter_r_state" style="top: 701px;left: 570px;"></div>
|
|||
|
|
<div class="equipmentState equipmentState-30 equipmentState-blue sandFilter_s_state" style="top: 701px;left: 603px;"></div>
|
|||
|
|
<div class="equipmentState equipmentState-30 equipmentState-blue sandFilter_t_state" style="top: 701px;left: 636px;"></div>
|
|||
|
|
<div class="equipmentState equipmentState-30 equipmentState-blue sandFilter_u_state" style="top: 701px;left: 669px;"></div>
|
|||
|
|
<div class="datawindow-small font-color-white" style="top: 653px;left: 569px;">
|
|||
|
|
<div class="datawindow-text text-center font-size-12">
|
|||
|
|
<div class="col-xs-6 ">浊度</div>
|
|||
|
|
<div class="col-xs-6 font-color-green line_3_sandFilter_turbidity"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<%--4线砂滤池组数据--%>
|
|||
|
|
<div class="equipmentState equipmentState-30 equipmentState-blue sandFilter_v_state" style="top: 771px;left: 570px;"></div>
|
|||
|
|
<div class="equipmentState equipmentState-30 equipmentState-blue sandFilter_w_state" style="top: 771px;left: 603px;"></div>
|
|||
|
|
<div class="equipmentState equipmentState-30 equipmentState-blue sandFilter_x_state" style="top: 771px;left: 636px;"></div>
|
|||
|
|
<div class="equipmentState equipmentState-30 equipmentState-blue sandFilter_y_state" style="top: 771px;left: 669px;"></div>
|
|||
|
|
<div class="datawindow-small font-color-white" style="top: 801px;left: 569px;">
|
|||
|
|
<div class="datawindow-text text-center font-size-12">
|
|||
|
|
<div class="col-xs-6 ">浊度</div>
|
|||
|
|
<div class="col-xs-6 font-color-green line_4_sandFilter_turbidity"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<%--后臭氧--%>
|
|||
|
|
<div class="datawindow-small datawindow-small-140 font-color-white" style="top: 80px;left: 881px;">
|
|||
|
|
<div class="datawindow-text text-center font-size-12">
|
|||
|
|
<div class="col-xs-5 ">臭氧加注</div>
|
|||
|
|
<div class="col-xs-3 font-color-pink line_1_ozone_prediction_ozoneAdd"></div>
|
|||
|
|
<div class="col-xs-3 font-color-green line_1_ozone_ozoneAdd"></div>
|
|||
|
|
<div class="col-xs-1 line_1_ozone_ozoneAdd_compare "><%--<i class="fa fa-caret-up"></i>--%></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="datawindow-text text-center font-size-12">
|
|||
|
|
<div class="col-xs-5 ">余臭氧</div>
|
|||
|
|
<div class="col-xs-3 font-color-pink line_1_ozone_prediction_residualOzone"></div>
|
|||
|
|
<div class="col-xs-3 font-color-green line_1_ozone_residualOzone"></div>
|
|||
|
|
<div class="col-xs-1 line_1_ozone_residualOzone_compare "><%--<i class="fa fa-caret-down"></i>--%></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="equipmentState equipmentState-55 equipmentState-blue postOzonation_1_state" style="top: 196px;left: 921px;"></div>
|
|||
|
|
<div class="equipmentState equipmentState-55 equipmentState-blue postOzonation_2_state" style="top: 307px;left: 921px;"></div>
|
|||
|
|
<div class="equipmentState equipmentState-55 equipmentState-blue postOzonation_3_state" style="top: 701px;left: 938px;"></div>
|
|||
|
|
<div class="equipmentState equipmentState-55 equipmentState-blue postOzonation_4_state" style="top: 771px;left: 938px;"></div>
|
|||
|
|
|
|||
|
|
<%--1线炭滤池组--%>
|
|||
|
|
<div class="datawindow-small font-color-white" style="top: 50px;left: 1024px;">
|
|||
|
|
<div class="datawindow-text text-center font-size-12">
|
|||
|
|
<div class="col-xs-6 ">浊度</div>
|
|||
|
|
<div class="col-xs-6 font-color-green line_1_carbonFilter_turbidity"></div>
|
|||
|
|
</div>
|
|||
|
|
<%--<div class="datawindow-text text-center font-size-12">
|
|||
|
|
<div class="col-xs-6 ">流量</div>
|
|||
|
|
<div class="col-xs-6 font-color-green line_1_carbonFilter_flow"></div>
|
|||
|
|
</div>--%>
|
|||
|
|
</div>
|
|||
|
|
<div class="datawindow-small datawindow-small-100 font-color-white" style="top: 70px;left: 1024px;">
|
|||
|
|
<div class="datawindow-text text-center font-size-12">
|
|||
|
|
<div class="col-xs-3 ">COD</div>
|
|||
|
|
<div class="col-xs-4 font-color-pink line_1_carbonFilter_prediction_cod"></div>
|
|||
|
|
<div class="col-xs-4 font-color-green line_1_carbonFilter_cod"></div>
|
|||
|
|
<div class="col-xs-1 line_1_carbonFilter_cod_compare"><%--<i class="fa fa-caret-up"></i>--%></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="equipmentState equipmentState-24 equipmentState-blue carbonFilter_a_state" style="top: 124px;left: 1030px;"></div>
|
|||
|
|
<div class="equipmentState equipmentState-24 equipmentState-blue carbonFilter_b_state" style="top: 157px;left: 1030px;"></div>
|
|||
|
|
<div class="equipmentState equipmentState-24 equipmentState-blue carbonFilter_c_state" style="top: 190px;left: 1030px;"></div>
|
|||
|
|
<div class="equipmentState equipmentState-24 equipmentState-blue carbonFilter_d_state" style="top: 124px;left: 1072px;"></div>
|
|||
|
|
<div class="equipmentState equipmentState-24 equipmentState-blue carbonFilter_e_state" style="top: 157px;left: 1072px;"></div>
|
|||
|
|
<div class="equipmentState equipmentState-24 equipmentState-blue carbonFilter_f_state" style="top: 190px;left: 1072px;"></div>
|
|||
|
|
|
|||
|
|
<%--2线炭滤池组--%>
|
|||
|
|
<div class="equipmentState equipmentState-24 equipmentState-blue carbonFilter_g_state" style="top: 235px;left: 1030px;"></div>
|
|||
|
|
<div class="equipmentState equipmentState-24 equipmentState-blue carbonFilter_h_state" style="top: 268px;left: 1030px;"></div>
|
|||
|
|
<div class="equipmentState equipmentState-24 equipmentState-blue carbonFilter_j_state" style="top: 301px;left: 1030px;"></div>
|
|||
|
|
<div class="equipmentState equipmentState-24 equipmentState-blue carbonFilter_k_state" style="top: 235px;left: 1072px;"></div>
|
|||
|
|
<div class="equipmentState equipmentState-24 equipmentState-blue carbonFilter_l_state" style="top: 268px;left: 1072px;"></div>
|
|||
|
|
<div class="equipmentState equipmentState-24 equipmentState-blue carbonFilter_m_state" style="top: 301px;left: 1072px;"></div>
|
|||
|
|
<div class="datawindow-small font-color-white" style="top: 361px;left: 1024px;">
|
|||
|
|
<div class="datawindow-text text-center font-size-12">
|
|||
|
|
<div class="col-xs-6 ">浊度</div>
|
|||
|
|
<div class="col-xs-6 font-color-green line_2_carbonFilter_turbidity"></div>
|
|||
|
|
</div>
|
|||
|
|
<%--<div class="datawindow-text text-center font-size-12">
|
|||
|
|
<div class="col-xs-6 ">流量</div>
|
|||
|
|
<div class="col-xs-6 font-color-green line_2_carbonFilter_flow"></div>
|
|||
|
|
</div>--%>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<%--3线炭滤池组--%>
|
|||
|
|
<div class="equipmentState equipmentState-30 equipmentState-blue carbonFilter_n_state" style="top: 701px;left: 1014px;"></div>
|
|||
|
|
<div class="equipmentState equipmentState-30 equipmentState-blue carbonFilter_o_state" style="top: 701px;left: 1047px;"></div>
|
|||
|
|
<div class="equipmentState equipmentState-30 equipmentState-blue carbonFilter_p_state" style="top: 701px;left: 1080px;"></div>
|
|||
|
|
<div class="datawindow-small font-color-white" style="top: 632px;left: 1026px;">
|
|||
|
|
<div class="datawindow-text text-center font-size-12">
|
|||
|
|
<div class="col-xs-6 ">浊度</div>
|
|||
|
|
<div class="col-xs-6 font-color-green line_3_carbonFilter_turbidity"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<%--4线炭滤池组--%>
|
|||
|
|
<div class="equipmentState equipmentState-30 equipmentState-blue carbonFilter_q_state" style="top: 771px;left: 1014px;"></div>
|
|||
|
|
<div class="equipmentState equipmentState-30 equipmentState-blue carbonFilter_r_state" style="top: 771px;left: 1047px;"></div>
|
|||
|
|
<div class="equipmentState equipmentState-30 equipmentState-blue carbonFilter_s_state" style="top: 771px;left: 1080px;"></div>
|
|||
|
|
<div class="datawindow-small font-color-white" style="top: 821px;left: 1026px;">
|
|||
|
|
<div class="datawindow-text text-center font-size-12">
|
|||
|
|
<div class="col-xs-6 ">浊度</div>
|
|||
|
|
<div class="col-xs-6 font-color-green line_4_carbonFilter_turbidity"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<%--1#消毒接触池数据--%>
|
|||
|
|
<div class="datawindow-small datawindow-small-116 font-color-white" style="top: 25px;left: 1141px;">
|
|||
|
|
<div class="datawindow-text text-center font-size-12">
|
|||
|
|
<div class="col-xs-3 ">余氯</div>
|
|||
|
|
<div class="col-xs-4 font-color-pink contactTank_1_prediction_chlorine"></div>
|
|||
|
|
<div class="col-xs-4 font-color-green contactTank_1_chlorine"></div>
|
|||
|
|
<div class="col-xs-1 contactTank_1_chlorine_compare "><%--<i class="fa fa-caret-up"></i>--%></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="datawindow-text text-center font-size-12">
|
|||
|
|
<div class="col-xs-3 ">余氨</div>
|
|||
|
|
<div class="col-xs-4 font-color-pink contactTank_1_prediction_ammonia"></div>
|
|||
|
|
<div class="col-xs-4 font-color-green contactTank_1_ammonia"></div>
|
|||
|
|
<div class="col-xs-1 contactTank_1_ammonia_compare "><%--<i class="fa fa-caret-up"></i>--%></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<%--2#消毒接触池数据--%>
|
|||
|
|
<div class="datawindow-small font-color-white" style="top: 260px;left: 1141px;">
|
|||
|
|
<div class="datawindow-text text-center font-size-12">
|
|||
|
|
<div class="col-xs-6 ">余氯</div>
|
|||
|
|
<div class="col-xs-6 font-color-green contactTank_2_chlorine"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="datawindow-text text-center font-size-12">
|
|||
|
|
<div class="col-xs-6 ">余氨</div>
|
|||
|
|
<div class="col-xs-6 font-color-green contactTank_2_ammonia"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<%--3#消毒接触池数据--%>
|
|||
|
|
<div class="datawindow-small font-color-white" style="top: 555px;left: 1141px;">
|
|||
|
|
<div class="datawindow-text text-center font-size-12">
|
|||
|
|
<div class="col-xs-6 ">余氯</div>
|
|||
|
|
<div class="col-xs-6 font-color-green contactTank_3_chlorine"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<%--4#消毒接触池数据--%>
|
|||
|
|
<div class="datawindow-small font-color-white" style="top: 707px;left: 1141px;">
|
|||
|
|
<div class="datawindow-text text-center font-size-12">
|
|||
|
|
<div class="col-xs-6 ">余氯</div>
|
|||
|
|
<div class="col-xs-6 font-color-green contactTank_4_chlorine"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<%--液位波浪图--%>
|
|||
|
|
<%--<div class="level " style="width: 94px;height: 90px;top: 66px;right: 684px;" id="contactTank-1-level"></div>
|
|||
|
|
<div class="level " style="width: 94px;height: 90px;top: 300px;right: 684px;" id="contactTank-2-level"></div>
|
|||
|
|
<div class="level " style="width: 94px;height: 90px;top: 595px;right: 684px;" id="contactTank-3-level"></div>
|
|||
|
|
<div class="level " style="width: 94px;height: 90px;top: 747px;right: 684px;" id="contactTank-4-level"></div>--%>
|
|||
|
|
<div class="level " style="width: 94px;height: 60px;top: 96px;right: 550px;" id="clearWaterReservoir-1-level"></div>
|
|||
|
|
<div class="level " style="width: 94px;height: 60px;top: 330px;right: 550px;" id="clearWaterReservoir-2-level"></div>
|
|||
|
|
<div class="level " style="width: 94px;height: 100px;top: 96px;right: 390px;" id="clearWaterReservoir-3-level"></div>
|
|||
|
|
<div class="level " style="width: 94px;height: 100px;top: 330px;right: 390px;" id="clearWaterReservoir-4-level"></div>
|
|||
|
|
<div class="level " style="width: 94px;height: 100px;top: 553px;right: 390px;" id="clearWaterReservoir-5-level"></div>
|
|||
|
|
<div class="level " style="width: 94px;height: 100px;top: 762px;right: 390px;" id="clearWaterReservoir-6-level"></div>
|
|||
|
|
<div class="level " style="width: 70px;height: 282px;top: 118px;right: 260px;" id="suctionWell-1-level"></div>
|
|||
|
|
<div class="level " style="width: 70px;height: 160px;top: 435px;right: 260px;" id="suctionWell-2-level"></div>
|
|||
|
|
<div class="level " style="width: 70px;height: 160px;top: 630px;right: 260px;" id="suctionWell-3-level"></div>
|
|||
|
|
<%--1#清水库数据--%>
|
|||
|
|
<div class="datawindow-small font-color-white" style="top: 100px;left: 1287px;">
|
|||
|
|
<div class="datawindow-text text-center font-size-12">
|
|||
|
|
<div class="col-xs-6 ">液位</div>
|
|||
|
|
<div class="col-xs-6 font-color-green clearWaterReservoir_1_level"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<%--2#清水库数据--%>
|
|||
|
|
<div class="datawindow-small font-color-white" style="top: 333px;left: 1287px;">
|
|||
|
|
<div class="datawindow-text text-center font-size-12">
|
|||
|
|
<div class="col-xs-6 ">液位</div>
|
|||
|
|
<div class="col-xs-6 font-color-green clearWaterReservoir_2_level"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<%--3#清水库数据--%>
|
|||
|
|
<div class="datawindow-small datawindow-small-93 font-color-white" style="top: 100px;left: 1434px;">
|
|||
|
|
<div class="datawindow-text text-center font-size-12">
|
|||
|
|
<div class="col-xs-4 ">液位</div>
|
|||
|
|
<div class="col-xs-3 font-color-pink clearWaterReservoir_3_prediction_level"></div>
|
|||
|
|
<div class="col-xs-3 font-color-green clearWaterReservoir_3_level"></div>
|
|||
|
|
<div class="col-xs-2 clearWaterReservoir_3_level_compare "><%--<i class="fa fa-caret-up"></i>--%></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<%--4#清水库数据--%>
|
|||
|
|
<div class="datawindow-small font-color-white" style="top: 333px;left: 1447px;">
|
|||
|
|
<div class="datawindow-text text-center font-size-12">
|
|||
|
|
<div class="col-xs-6 ">液位</div>
|
|||
|
|
<div class="col-xs-6 font-color-green clearWaterReservoir_4_level"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<%--5#清水库数据--%>
|
|||
|
|
<div class="datawindow-small font-color-white" style="top: 555px;left: 1447px;">
|
|||
|
|
<div class="datawindow-text text-center font-size-12">
|
|||
|
|
<div class="col-xs-6 ">液位</div>
|
|||
|
|
<div class="col-xs-6 font-color-green clearWaterReservoir_5_level"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="datawindow-text text-center font-size-12">
|
|||
|
|
<div class="col-xs-6 ">余氨</div>
|
|||
|
|
<div class="col-xs-6 font-color-green contactTank_3_ammonia"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<%--6#清水库数据--%>
|
|||
|
|
<div class="datawindow-small font-color-white" style="top: 763px;left: 1447px;">
|
|||
|
|
<div class="datawindow-text text-center font-size-12">
|
|||
|
|
<div class="col-xs-6 ">液位</div>
|
|||
|
|
<div class="col-xs-6 font-color-green clearWaterReservoir_6_level"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="datawindow-text text-center font-size-12">
|
|||
|
|
<div class="col-xs-6 ">余氨</div>
|
|||
|
|
<div class="col-xs-6 font-color-green contactTank_4_ammonia"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<%--1#吸水井数据--%>
|
|||
|
|
<div class="datawindow-small font-color-white" style="top: 123px;left: 1590px;">
|
|||
|
|
<div class="datawindow-text text-center font-size-12">
|
|||
|
|
<div class="col-xs-6 ">液位</div>
|
|||
|
|
<div class="col-xs-6 font-color-green suctionWell_1_level"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<%--2#吸水井数据--%>
|
|||
|
|
<div class="datawindow-small font-color-white" style="top: 440px;left: 1590px;">
|
|||
|
|
<div class="datawindow-text text-center font-size-12">
|
|||
|
|
<div class="col-xs-6 ">液位</div>
|
|||
|
|
<div class="col-xs-6 font-color-green suctionWell_2_level"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<%--3#吸水井数据--%>
|
|||
|
|
<div class="datawindow-small font-color-white" style="top: 635px;left: 1590px;">
|
|||
|
|
<div class="datawindow-text text-center font-size-12">
|
|||
|
|
<div class="col-xs-6 ">液位</div>
|
|||
|
|
<div class="col-xs-6 font-color-green suctionWell_3_level"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<%--1#管出厂数据--%>
|
|||
|
|
<div class="datawindow-small font-color-white" style="top: 227px;right: 82px;">
|
|||
|
|
<div class="datawindow-text text-center font-size-12">
|
|||
|
|
<div class="col-xs-6 ">压力</div>
|
|||
|
|
<div class="col-xs-6 font-color-green tapwater_1_pressure"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="datawindow-text text-center font-size-12">
|
|||
|
|
<div class="col-xs-6 ">流量</div>
|
|||
|
|
<div class="col-xs-6 font-color-green tapwater_1_flow"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<%--2#管出厂数据--%>
|
|||
|
|
<div class="datawindow-small font-color-white" style="top: 464px;right: 82px;">
|
|||
|
|
<div class="datawindow-text text-center font-size-12">
|
|||
|
|
<div class="col-xs-6 ">压力</div>
|
|||
|
|
<div class="col-xs-6 font-color-green tapwater_2_pressure"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="datawindow-text text-center font-size-12">
|
|||
|
|
<div class="col-xs-6 ">流量</div>
|
|||
|
|
<div class="col-xs-6 font-color-green tapwater_2_flow"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<%--3#管出厂数据--%>
|
|||
|
|
<div class="datawindow-small font-color-white" style="top: 644px;right: 82px;">
|
|||
|
|
<div class="datawindow-text text-center font-size-12">
|
|||
|
|
<div class="col-xs-6 ">压力</div>
|
|||
|
|
<div class="col-xs-6 font-color-green tapwater_3_pressure"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="datawindow-text text-center font-size-12">
|
|||
|
|
<div class="col-xs-6 ">流量</div>
|
|||
|
|
<div class="col-xs-6 font-color-green tapwater_3_flow"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</body>
|
|||
|
|
</html>
|