1468 lines
92 KiB
Plaintext
1468 lines
92 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"%>
|
||
<%@page import="com.sipai.entity.visual.JspElement"%>
|
||
<%request.setAttribute("Type_GetValue", JspElement.Type_GetValue); %>
|
||
<%request.setAttribute("Type_Get7dayHistory", JspElement.Type_GetHourHistory); %>
|
||
<%request.setAttribute("Type_Get7dayHistory", JspElement.Type_Get7dayHistory); %>
|
||
<%request.setAttribute("Type_GetModbus", JspElement.Type_GetModbus); %>
|
||
<%request.setAttribute("Type_GetHttp", JspElement.Type_GetHttp); %>
|
||
<!DOCTYPE html>
|
||
<!-- <html lang="zh-CN"> -->
|
||
<!-- BEGIN HEAD -->
|
||
|
||
<head>
|
||
<title></title>
|
||
<!-- 引用页头及CSS页-->
|
||
<jsp:include page="/jsp/inc.jsp"></jsp:include>
|
||
<script type="text/javascript">
|
||
|
||
//获取url地址根目录 当前taomcat下路径
|
||
function getRootPath(){
|
||
var pathName = window.location.pathname.substring(1);
|
||
// var webName = pathName == '' ? '' : pathName.substring(0, pathName.indexOf('/'));
|
||
return window.location.protocol + '//' + window.location.host;
|
||
}
|
||
//获取url地址根目录 当前taomcat下路径
|
||
function getRootPath2(){
|
||
var pathName = window.location.pathname.substring(1);
|
||
var webName = pathName == '' ? '' : pathName.substring(0, pathName.indexOf('/'));
|
||
return window.location.protocol + '//' + window.location.host +"/"+webName;
|
||
}
|
||
|
||
/* 请求数据 */
|
||
function getValue() {
|
||
$.post(ext.contextPath + '/plan/getJspWholeInfoByPlanLayoutId.do', { planLayoutId: "${param.planLayoutId}" }, function (data) {
|
||
if(data!=null&&data.length>0){
|
||
// console.log(data);
|
||
var barData=[];//削减量柱状图数据
|
||
|
||
var xjtnumShow="";//新泾唐泵站
|
||
var tlznumShow="";//亭林镇泵站
|
||
var zllnumShow="";//朱吕路泵站
|
||
var hhnumShow="";//和辉泵站
|
||
var zy2hnumShow="";//张堰2#泵站
|
||
var qwnumShow="";//钱圩泵站
|
||
var jwnumShow="";//金卫泵站
|
||
var lhlnumShow="";//林慧路泵站
|
||
var tglnumShow="";//天工路泵站
|
||
var yglnumShow="";//月工路泵站
|
||
var xcqnumShow="";//新城区泵站
|
||
|
||
var wlynumShow=""//物流园泵站
|
||
var zy4hnumShow=""//张堰4#泵站
|
||
var zy3hnumShow=""//张堰3#泵站
|
||
var lhlunumShow=""//龙航路泵站
|
||
var sh6hfynumShow=""//石化6#防汛泵站
|
||
var sh3hnumShow=""//石化3#泵站
|
||
var sh1hnumShow=""//石化1#泵站
|
||
var zhnumShow=""//朱行泵站
|
||
var pwlnumShow=""//浦卫路泵站
|
||
var sh9hfynumShow=""//石化9#防汛泵站
|
||
var sh6hnumShow=""//石化6#泵站
|
||
var sh5hnumShow=""//石化5#泵站
|
||
|
||
var tlnumShow="";//亭林泵站
|
||
var tldjnumShow="";//亭林大居泵站
|
||
var fx1hnumShow="";//复线1#泵站
|
||
var hxnumShow="";//华新泵站
|
||
var zy1hnumShow="";//张堰1#泵站
|
||
var lqgnumShow="";//龙泉港泵站
|
||
|
||
$('#xjtnumShow').html(xjtnumShow);
|
||
$('#tlznumShow').html(tlznumShow);
|
||
$('#zllnumShow').html(zllnumShow);
|
||
$('#hhnumShow').html(hhnumShow);
|
||
$('#zy2hnumShow').html(zy2hnumShow);
|
||
$('#qwnumShow').html(qwnumShow);
|
||
$('#jwnumShow').html(jwnumShow);
|
||
$('#lhlnumShow').html(lhlnumShow);
|
||
$('#tglnumShow').html(tglnumShow);
|
||
$('#yglnumShow').html(yglnumShow);
|
||
$('#xcqnumShow').html(xcqnumShow);
|
||
|
||
$('#wlynumShow').html(wlynumShow);
|
||
$('#zy4hnumShow').html(zy4hnumShow);
|
||
$('#zy3hnumShow').html(zy3hnumShow);
|
||
$('#lhlunumShow').html(lhlunumShow);
|
||
$('#sh6hfynumShow').html(sh6hfynumShow);
|
||
$('#sh3hnumShow').html(sh3hnumShow);
|
||
$('#sh1hnumShow').html(sh1hnumShow);
|
||
$('#zhnumShow').html(zhnumShow);
|
||
$('#pwlnumShow').html(pwlnumShow);
|
||
$('#sh9hfynumShow').html(sh9hfynumShow);
|
||
$('#sh6hnumShow').html(sh6hnumShow);
|
||
$('#sh5hnumShow').html(sh5hnumShow);
|
||
|
||
$('#tlnumShow').html(tlnumShow);
|
||
$('#tldjnumShow').html(tldjnumShow);
|
||
$('#fx1hnumShow').html(fx1hnumShow);
|
||
$('#hxnumShow').html(hxnumShow);
|
||
$('#zy1hnumShow').html(zy1hnumShow);
|
||
$('#lqgnumShow').html(lqgnumShow);
|
||
|
||
for(var i=0;i<data.length;i++){
|
||
if(data[i].elementCode.indexOf("bar")>=0){
|
||
barData.push(data[i]);
|
||
}
|
||
|
||
// if(data[i].elementCode.indexOf("wscl")>=0){
|
||
// $('#'+data[i].elementCode+'').text(data[i].visualCacheData.value+"亿吨");
|
||
// }
|
||
// if(data[i].elementCode.indexOf("codxjl")>=0){
|
||
// $('#'+data[i].elementCode+'').text(data[i].visualCacheData.value+"万吨");
|
||
// }
|
||
// if(data[i].elementCode.indexOf("adxjl")>=0){
|
||
// $('#'+data[i].elementCode+'').text(data[i].visualCacheData.value+"吨");
|
||
// }
|
||
|
||
var status="";
|
||
if(data[i].elementCode.indexOf("status")>=0){
|
||
status=data[i].visualCacheData.value;
|
||
}
|
||
var color="";
|
||
if(status==0){
|
||
color="green";
|
||
}else if(status==1){
|
||
color="red";
|
||
}else if(status==2){
|
||
color="yellow";
|
||
}
|
||
if(data[i].elementCode.indexOf("level")>=0){
|
||
$('#'+data[i].elementCode+'').text(data[i].visualCacheData.value+"m");
|
||
}
|
||
if(data[i].elementCode.indexOf("flow")>=0){
|
||
$('#'+data[i].elementCode+'').text(data[i].visualCacheData.value+"m³/s");
|
||
}
|
||
|
||
if(data[i].elementCode.indexOf("CompanyNum")>=0){
|
||
if(data[i].elementCode.indexOf("MainCompanyNum")>=0){
|
||
console.log(data[i]);
|
||
$('#'+data[i].elementCode+'').text(data[i].visualCacheData.value);
|
||
}
|
||
if(data[i].elementCode.indexOf("TotalCompanyNum")>=0){
|
||
$('#'+data[i].elementCode+'').text("/"+data[i].visualCacheData.value);
|
||
}
|
||
}
|
||
if(data[i].elementCode.indexOf("WaterData")>=0){
|
||
if(data[i].elementCode.indexOf("pH")>=0){
|
||
$('#'+data[i].elementCode+'').text(data[i].visualCacheData.value);
|
||
}else{
|
||
$('#'+data[i].elementCode+'').text(data[i].visualCacheData.value+"mg/L");
|
||
}
|
||
|
||
}
|
||
|
||
if(data[i].name.indexOf("新泾唐泵站")>=0){
|
||
if(data[i].elementCode.indexOf("status")>=0){
|
||
xjtnumShow=xjtnumShow+"<div style=\"float: left;height:14px;width:14px;background-color:"+color+";border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;margin-top:10px;margin-left:10px;\"></div>";
|
||
}
|
||
}
|
||
if(data[i].name.indexOf("亭林镇泵站")>=0){
|
||
if(data[i].elementCode.indexOf("status")>=0){
|
||
tlznumShow=tlznumShow+"<div style=\"float: left;height:14px;width:14px;background-color:"+color+";border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;margin-top:10px;margin-left:10px;\"></div>";
|
||
}
|
||
}
|
||
if(data[i].name.indexOf("朱吕路泵站")>=0){
|
||
if(data[i].elementCode.indexOf("status")>=0){
|
||
zllnumShow=zllnumShow+"<div style=\"float: left;height:14px;width:14px;background-color:"+color+";border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;margin-top:10px;margin-left:10px;\"></div>";
|
||
}
|
||
}
|
||
if(data[i].name.indexOf("和辉泵站")>=0){
|
||
if(data[i].elementCode.indexOf("status")>=0){
|
||
hhnumShow=hhnumShow+"<div style=\"float: left;height:14px;width:14px;background-color:"+color+";border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;margin-top:10px;margin-left:10px;\"></div>";
|
||
}
|
||
}
|
||
if(data[i].name.indexOf("张堰2#泵站")>=0){
|
||
if(data[i].elementCode.indexOf("status")>=0){
|
||
zy2hnumShow=zy2hnumShow+"<div style=\"float: left;height:14px;width:14px;background-color:"+color+";border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;margin-top:10px;margin-left:10px;\"></div>";
|
||
}
|
||
}
|
||
if(data[i].name.indexOf("钱圩泵站")>=0){
|
||
if(data[i].elementCode.indexOf("status")>=0){
|
||
qwnumShow=qwnumShow+"<div style=\"float: left;height:14px;width:14px;background-color:"+color+";border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;margin-top:10px;margin-left:10px;\"></div>";
|
||
}
|
||
}
|
||
if(data[i].name.indexOf("金卫泵站")>=0){
|
||
if(data[i].elementCode.indexOf("status")>=0){
|
||
jwnumShow=jwnumShow+"<div style=\"float: left;height:14px;width:14px;background-color:"+color+";border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;margin-top:10px;margin-left:10px;\"></div>";
|
||
}
|
||
}
|
||
if(data[i].name.indexOf("林慧路泵站")>=0){
|
||
if(data[i].elementCode.indexOf("status")>=0){
|
||
lhlnumShow=lhlnumShow+"<div style=\"float: left;height:14px;width:14px;background-color:"+color+";border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;margin-top:10px;margin-left:10px;\"></div>";
|
||
}
|
||
}
|
||
if(data[i].name.indexOf("天工路泵站")>=0){
|
||
if(data[i].elementCode.indexOf("status")>=0){
|
||
tglnumShow=tglnumShow+"<div style=\"float: left;height:14px;width:14px;background-color:"+color+";border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;margin-top:10px;margin-left:10px;\"></div>";
|
||
}
|
||
}
|
||
if(data[i].name.indexOf("月工路泵站")>=0){
|
||
if(data[i].elementCode.indexOf("status")>=0){
|
||
yglnumShow=yglnumShow+"<div style=\"float: left;height:14px;width:14px;background-color:"+color+";border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;margin-top:10px;margin-left:10px;\"></div>";
|
||
}
|
||
}
|
||
if(data[i].name.indexOf("新城区泵站")>=0){
|
||
if(data[i].elementCode.indexOf("status")>=0){
|
||
xcqnumShow=xcqnumShow+"<div style=\"float: left;height:14px;width:14px;background-color:"+color+";border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;margin-top:10px;margin-left:10px;\"></div>";
|
||
}
|
||
}
|
||
|
||
if(data[i].name.indexOf("物流园泵站")>=0){
|
||
if(data[i].elementCode.indexOf("status")>=0){
|
||
wlynumShow=wlynumShow+"<div style=\"float: left;height:14px;width:14px;background-color:"+color+";border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;margin-top:10px;margin-left:10px;\"></div>";
|
||
}
|
||
}
|
||
if(data[i].name.indexOf("张堰4#泵站")>=0){
|
||
if(data[i].elementCode.indexOf("status")>=0){
|
||
zy4hnumShow=zy4hnumShow+"<div style=\"float: left;height:14px;width:14px;background-color:"+color+";border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;margin-top:10px;margin-left:10px;\"></div>";
|
||
}
|
||
}
|
||
if(data[i].name.indexOf("张堰3#泵站")>=0){
|
||
if(data[i].elementCode.indexOf("status")>=0){
|
||
zy3hnumShow=zy3hnumShow+"<div style=\"float: left;height:14px;width:14px;background-color:"+color+";border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;margin-top:10px;margin-left:10px;\"></div>";
|
||
}
|
||
}
|
||
if(data[i].name.indexOf("龙航路泵站")>=0){
|
||
if(data[i].elementCode.indexOf("status")>=0){
|
||
lhlunumShow=lhlunumShow+"<div style=\"float: left;height:14px;width:14px;background-color:"+color+";border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;margin-top:10px;margin-left:10px;\"></div>";
|
||
}
|
||
}
|
||
if(data[i].name.indexOf("石化6#防汛泵站")>=0){
|
||
if(data[i].elementCode.indexOf("status")>=0){
|
||
sh6hfynumShow=sh6hfynumShow+"<div style=\"float: left;height:14px;width:14px;background-color:"+color+";border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;margin-top:10px;margin-left:10px;\"></div>";
|
||
}
|
||
}
|
||
if(data[i].name.indexOf("石化3#泵站")>=0){
|
||
if(data[i].elementCode.indexOf("status")>=0){
|
||
sh3hnumShow=sh3hnumShow+"<div style=\"float: left;height:14px;width:14px;background-color:"+color+";border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;margin-top:10px;margin-left:10px;\"></div>";
|
||
}
|
||
}
|
||
if(data[i].name.indexOf("石化1#泵站")>=0){
|
||
if(data[i].elementCode.indexOf("status")>=0){
|
||
sh1hnumShow=sh1hnumShow+"<div style=\"float: left;height:14px;width:14px;background-color:"+color+";border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;margin-top:10px;margin-left:10px;\"></div>";
|
||
}
|
||
}
|
||
if(data[i].name.indexOf("朱行泵站")>=0){
|
||
if(data[i].elementCode.indexOf("status")>=0){
|
||
zhnumShow=zhnumShow+"<div style=\"float: left;height:14px;width:14px;background-color:"+color+";border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;margin-top:10px;margin-left:10px;\"></div>";
|
||
}
|
||
}
|
||
if(data[i].name.indexOf("浦卫路泵站")>=0){
|
||
if(data[i].elementCode.indexOf("status")>=0){
|
||
pwlnumShow=pwlnumShow+"<div style=\"float: left;height:14px;width:14px;background-color:"+color+";border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;margin-top:10px;margin-left:10px;\"></div>";
|
||
}
|
||
}
|
||
if(data[i].name.indexOf("石化9#防汛泵站")>=0){
|
||
if(data[i].elementCode.indexOf("status")>=0){
|
||
sh9hfynumShow=sh9hfynumShow+"<div style=\"float: left;height:14px;width:14px;background-color:"+color+";border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;margin-top:10px;margin-left:10px;\"></div>";
|
||
}
|
||
}
|
||
if(data[i].name.indexOf("石化6#泵站")>=0){
|
||
if(data[i].elementCode.indexOf("status")>=0){
|
||
sh6hnumShow=sh6hnumShow+"<div style=\"float: left;height:14px;width:14px;background-color:"+color+";border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;margin-top:10px;margin-left:10px;\"></div>";
|
||
}
|
||
}
|
||
if(data[i].name.indexOf("石化5#泵站")>=0){
|
||
if(data[i].elementCode.indexOf("status")>=0){
|
||
sh5hnumShow=sh5hnumShow+"<div style=\"float: left;height:14px;width:14px;background-color:"+color+";border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;margin-top:10px;margin-left:10px;\"></div>";
|
||
}
|
||
}
|
||
|
||
if(data[i].name.indexOf("亭林泵站")>=0){
|
||
if(data[i].elementCode.indexOf("status")>=0){
|
||
tlnumShow=tlnumShow+"<div style=\"float: left;height:14px;width:14px;background-color:"+color+";border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;margin-top:10px;margin-left:10px;\"></div>";
|
||
}
|
||
}
|
||
if(data[i].name.indexOf("亭林大居泵站")>=0){
|
||
if(data[i].elementCode.indexOf("status")>=0){
|
||
tldjnumShow=tldjnumShow+"<div style=\"float: left;height:14px;width:14px;background-color:"+color+";border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;margin-top:10px;margin-left:10px;\"></div>";
|
||
}
|
||
}
|
||
if(data[i].name.indexOf("复线1#泵站")>=0){
|
||
if(data[i].elementCode.indexOf("status")>=0){
|
||
fx1hnumShow=fx1hnumShow+"<div style=\"float: left;height:14px;width:14px;background-color:"+color+";border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;margin-top:10px;margin-left:10px;\"></div>";
|
||
}
|
||
}
|
||
if(data[i].name.indexOf("华新泵站")>=0){
|
||
if(data[i].elementCode.indexOf("status")>=0){
|
||
hxnumShow=hxnumShow+"<div style=\"float: left;height:14px;width:14px;background-color:"+color+";border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;margin-top:10px;margin-left:10px;\"></div>";
|
||
}
|
||
}
|
||
if(data[i].name.indexOf("张堰1#泵站")>=0){
|
||
if(data[i].elementCode.indexOf("status")>=0){
|
||
zy1hnumShow=zy1hnumShow+"<div style=\"float: left;height:14px;width:14px;background-color:"+color+";border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;margin-top:10px;margin-left:10px;\"></div>";
|
||
}
|
||
}
|
||
if(data[i].name.indexOf("龙泉港泵站")>=0){
|
||
if(data[i].elementCode.indexOf("status")>=0){
|
||
lqgnumShow=lqgnumShow+"<div style=\"float: left;height:14px;width:14px;background-color:"+color+";border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;margin-top:10px;margin-left:10px;\"></div>";
|
||
}
|
||
}
|
||
|
||
}
|
||
|
||
$('#xjtnumShow').html(xjtnumShow);
|
||
$('#tlznumShow').html(tlznumShow);
|
||
$('#zllnumShow').html(zllnumShow);
|
||
$('#hhnumShow').html(hhnumShow);
|
||
$('#zy2hnumShow').html(zy2hnumShow);
|
||
$('#qwnumShow').html(qwnumShow);
|
||
$('#jwnumShow').html(jwnumShow);
|
||
$('#lhlnumShow').html(lhlnumShow);
|
||
$('#tglnumShow').html(tglnumShow);
|
||
$('#yglnumShow').html(yglnumShow);
|
||
$('#xcqnumShow').html(xcqnumShow);
|
||
|
||
$('#wlynumShow').html(wlynumShow);
|
||
$('#zy4hnumShow').html(zy4hnumShow);
|
||
$('#zy3hnumShow').html(zy3hnumShow);
|
||
$('#lhlunumShow').html(lhlunumShow);
|
||
$('#sh6hfynumShow').html(sh6hfynumShow);
|
||
$('#sh3hnumShow').html(sh3hnumShow);
|
||
$('#sh1hnumShow').html(sh1hnumShow);
|
||
$('#zhnumShow').html(zhnumShow);
|
||
$('#pwlnumShow').html(pwlnumShow);
|
||
$('#sh9hfynumShow').html(sh9hfynumShow);
|
||
$('#sh6hnumShow').html(sh6hnumShow);
|
||
$('#sh5hnumShow').html(sh5hnumShow);
|
||
|
||
$('#tlnumShow').html(tlnumShow);
|
||
$('#tldjnumShow').html(tldjnumShow);
|
||
$('#fx1hnumShow').html(fx1hnumShow);
|
||
$('#hxnumShow').html(hxnumShow);
|
||
$('#zy1hnumShow').html(zy1hnumShow);
|
||
$('#lqgnumShow').html(lqgnumShow);
|
||
|
||
var legenddata=[];
|
||
var seriesdata1=[];
|
||
var seriesdata2=[];
|
||
var xAxisdata=[];
|
||
for(var i=0;i<barData.length;i++){
|
||
legenddata.push(barData[i].name);
|
||
for(var j=0;j<barData[i].mPointHistory.length;j++){
|
||
if(i==0){
|
||
xAxisdata.push(barData[i].mPointHistory[j].measuredt);
|
||
seriesdata1.push(barData[i].mPointHistory[j].parmvalue);
|
||
}else{
|
||
seriesdata2.push(barData[i].mPointHistory[j].parmvalue);
|
||
}
|
||
|
||
}
|
||
}
|
||
var machart=echarts.init(document.getElementById('chart'));
|
||
var option = {
|
||
color: ['#7CF8FD','#709399'],
|
||
title: {
|
||
text: '削减量变化趋势',
|
||
left:15,
|
||
textStyle:{
|
||
color:'#ffffff',
|
||
fontSize:'14pt'
|
||
}
|
||
},
|
||
tooltip: {
|
||
trigger: 'axis',
|
||
axisPointer: {
|
||
type: 'cross',
|
||
crossStyle: {
|
||
color: '#999'
|
||
}
|
||
}
|
||
},
|
||
grid:{
|
||
left: '4%', // 与容器左侧的距离
|
||
right: '4%', // 与容器右侧的距离
|
||
top: '25%', // 与容器顶部的距离
|
||
bottom: '15%', // 与容器底部的距离
|
||
containLabel:true
|
||
},
|
||
legend: {
|
||
data: legenddata,
|
||
bottom:10,
|
||
textStyle:{
|
||
color:'#ffffff'
|
||
}
|
||
},
|
||
xAxis: [
|
||
{
|
||
type: 'category',
|
||
data: xAxisdata,
|
||
nameTextStyle:{
|
||
color:'#ffffff'
|
||
},
|
||
axisLabel:{
|
||
color:'#ffffff'
|
||
},
|
||
axisTick:{
|
||
show:false
|
||
},
|
||
axisLine:{
|
||
show:true,
|
||
lineStyle:{
|
||
color:'#6E6E6E',
|
||
type:'dashed'
|
||
}
|
||
}
|
||
}
|
||
],
|
||
yAxis: [
|
||
{
|
||
type: 'value',
|
||
name: 'COD(t)',
|
||
position:'left',
|
||
splitNumber:2,
|
||
nameTextStyle:{
|
||
color:'#ffffff'
|
||
},
|
||
axisLine:{
|
||
show:false
|
||
},
|
||
axisTick:{
|
||
show:false
|
||
},
|
||
splitLine:{
|
||
show:true,
|
||
lineStyle:{
|
||
color:'#6E6E6E',
|
||
type:'dashed'
|
||
}
|
||
},
|
||
axisLabel:{
|
||
color:'#ffffff'
|
||
}
|
||
},
|
||
{
|
||
type: 'value',
|
||
name: 'NH4-N(t)',
|
||
position:'right',
|
||
splitNumber:2,
|
||
nameTextStyle:{
|
||
color:'#ffffff'
|
||
},
|
||
axisLine:{
|
||
show:false
|
||
},
|
||
axisTick:{
|
||
show:false
|
||
},
|
||
splitLine:{
|
||
show:false
|
||
},
|
||
axisLabel:{
|
||
color:'#ffffff'
|
||
}
|
||
}
|
||
],
|
||
series: [
|
||
{
|
||
name: 'COD',
|
||
type: 'bar',
|
||
yAxisIndex: 0,
|
||
data: seriesdata1,
|
||
itemStyle:{
|
||
emphasis: {//柱形图圆角，鼠标移上去效果
|
||
// color:'#36BAFD',
|
||
barBorderRadius: [10, 10,10,10]
|
||
},
|
||
normal: {//柱形图圆角，初始化效果
|
||
// color:'#36BAFD',
|
||
barBorderRadius:[10, 10,10,10],
|
||
}
|
||
}
|
||
},
|
||
{
|
||
name: 'NH4-N',
|
||
type: 'bar',
|
||
yAxisIndex: 1,
|
||
data: seriesdata2,
|
||
itemStyle:{
|
||
emphasis: {//柱形图圆角，鼠标移上去效果
|
||
// color:'#36BAFD',
|
||
barBorderRadius: [10, 10,10,10]
|
||
},
|
||
normal: {//柱形图圆角，初始化效果
|
||
// color:'#36BAFD',
|
||
barBorderRadius:[10, 10,10,10]
|
||
}
|
||
}
|
||
}
|
||
]
|
||
};
|
||
machart.setOption(option,true);
|
||
|
||
}
|
||
}, 'json');
|
||
}
|
||
|
||
/* 定时器 */
|
||
setInterval(getValue, 300000); //每5分钟切换
|
||
// setInterval(getValue, 3600000); //每一小时切换
|
||
|
||
/* 初始化 */
|
||
$(function () {
|
||
if('${param.backgroundColor}'=='transparent'){
|
||
document.body.style.backgroundColor = '${param.backgroundColor}';
|
||
}else{
|
||
document.body.style.backgroundColor = "#" + '${param.backgroundColor}';
|
||
}
|
||
document.getElementById("main").style.width = document.documentElement.clientWidth + "px";
|
||
document.getElementById("main").style.height = (document.documentElement.clientHeight) + "px";
|
||
|
||
getValue();
|
||
//console.log("height",document.body.scrollHeight);
|
||
});
|
||
|
||
</script>
|
||
|
||
</head>
|
||
|
||
<body style="width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:hidden;font-family: Microsoft YaHei Regular, Microsoft YaHei Regular-Regular;">
|
||
<div style="height:100%;width:100%;">
|
||
<div id="main" style="height:100%;width:100%;padding:0px;">
|
||
<div style='position: absolute;width: 500px;height: 35px;left: 780px;
|
||
top: 41px;font-size: 36px;font-family: Microsoft YaHei Bold, Microsoft YaHei Bold-Bold;font-weight: 700;text-align: center;color: #ffffff;line-height: 60px;letter-spacing:10px;'>
|
||
金山排海源厂网一体化
|
||
</div>
|
||
<div style='position: absolute;width: 440px;height: 207px;left: 21px;
|
||
top: 49px;border-radius: 24px;'>
|
||
<div style="float: left;width: 100%;height: 60px;">
|
||
<img src="/images/大屏/企业简介.png" style="height:60px;width:420px;"/>
|
||
</div>
|
||
<div style="float: left;width: 100%;height: 137px;padding-top: 10px;padding-left: 20px;color: #ffffff;line-height: 30px;font-size: 20px;font-weight: 400;letter-spacing:2px;">
|
||
上海金山排海工程有限公司成立于1993年，主要承担金山东部地区生活污水和工业废水的收集处理任务，服务范围包括金山东部亭林、张堰、山阳、漕泾四镇及金山工业区、金山新城区、金山卫钱圩地区，服务区域约155平方公里。
|
||
</div>
|
||
</div>
|
||
<div style='position: absolute;width: 440px;height: 470px;left: 21px;
|
||
top: 597px;border-radius: 24px;'>
|
||
<div style="float: left;width: 100%;height: 60px;">
|
||
<img src="/images/大屏/削减量.png" style="height:60px;width:420px;"/>
|
||
</div>
|
||
<div style="float: left;width: 100%;height: 180px;">
|
||
<div style="float: left;width: 100%;height: 45px;">
|
||
<div style="float: left;width: 40%;height: 45px;line-height: 45px;text-align: right;font-size: 18px;color:#ffffff;">
|
||
COD削减量
|
||
</div>
|
||
<div id="codxjl" style="float: left;width: 60%;height: 45px;line-height: 45px;text-align: right;padding-right: 50px;font-size: 18px;color:#AAF7FB;">61284t</div>
|
||
</div>
|
||
<div style="float: left;width: 100%;height: 45px;">
|
||
<div style="float: left;width: 40%;height: 45px;line-height: 45px;text-align: right;font-size: 18px;color:#ffffff;">
|
||
氨氮削减量
|
||
</div>
|
||
<div id="adxjl" style="float: left;width: 60%;height: 45px;line-height: 45px;text-align: right;padding-right: 50px;font-size: 18px;color:#AAF7FB;">4528t</div>
|
||
</div>
|
||
<div style="float: left;width: 100%;height: 45px;">
|
||
<div style="float: left;width: 40%;height: 45px;line-height: 45px;text-align: right;font-size: 18px;color:#ffffff;">
|
||
TP削减量
|
||
</div>
|
||
<div id="codxjl" style="float: left;width: 60%;height: 45px;line-height: 45px;text-align: right;padding-right: 50px;font-size: 18px;color:#AAF7FB;">1310t</div>
|
||
</div>
|
||
<div style="float: left;width: 100%;height: 45px;">
|
||
<div style="float: left;width: 40%;height: 45px;line-height: 45px;text-align: right;font-size: 18px;color:#ffffff;">
|
||
TN削减量
|
||
</div>
|
||
<div id="adxjl" style="float: left;width: 60%;height: 45px;line-height: 45px;text-align: right;padding-right: 50px;font-size: 18px;color:#AAF7FB;">5118t</div>
|
||
</div>
|
||
</div>
|
||
<div style="float: left;width: 100%;height: 230px;">
|
||
<div id="chart" style="height: 100%;"></div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 新泾唐泵站 1-->
|
||
<div style='position: absolute;width: 234px;height:64px;left: 802px;
|
||
top: 151px;background:rgba(255,255,255,0.15);border-radius: 5px;border: #ffffff 1px solid;'>
|
||
<div style="float:left;height:32px;width:100%;">
|
||
<div style="float: left;line-height:32px;color: #ffffff;margin-left: 10px;">新泾唐泵站</div>
|
||
<div id="xjtnumShow" style="float:left;"></div>
|
||
</div>
|
||
<div style="float:left;height:32px;width:100%;">
|
||
<div style="float: left;height:100%;width:13px;line-height:32px;margin-left: 10px;">
|
||
<img src="/images/大屏/泵站液位.png" style="z-index:-1;position:relative;height:14px;width:13px;"/>
|
||
</div>
|
||
<div id="xjtlevel" style="float:left;height:100%;width:50px;line-height:32px;margin-left:10px;color: #ffffff;"></div>
|
||
<div style="float:left;height:100%;width:13px;line-height:32px;margin-left: 10px;">
|
||
<img src="/images/大屏/泵站流量.png" style="z-index:-1;position:relative;height:14px;width:13px;"/>
|
||
</div>
|
||
<div id="xjtflow" style="float:left;height:100%;width:60px;line-height:32px;margin-left:10px;color: #ffffff;"></div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 亭林镇泵站 1-->
|
||
<div style='position: absolute;width: 234px;height:64px;left: 802px;
|
||
top: 256px;background:rgba(255,255,255,0.15);border-radius: 5px;border: #ffffff 1px solid;'>
|
||
<div style="float:left;height:32px;width:100%;">
|
||
<div style="float: left;line-height:32px;color: #ffffff;margin-left: 10px;">亭林镇泵站</div>
|
||
<div id="tlznumShow" style="float:left;"></div>
|
||
</div>
|
||
<div style="float:left;height:32px;width:100%;">
|
||
<div style="float: left;height:100%;width:13px;line-height:32px;margin-left: 10px;">
|
||
<img src="/images/大屏/泵站液位.png" style="z-index:-1;position:relative;height:14px;width:13px;"/>
|
||
</div>
|
||
<div id="tlzlevel" style="float:left;height:100%;width:50px;line-height:32px;margin-left:10px;color: #ffffff;"></div>
|
||
<div style="float:left;height:100%;width:13px;line-height:32px;margin-left: 10px;">
|
||
<img src="/images/大屏/泵站流量.png" style="z-index:-1;position:relative;height:14px;width:13px;"/>
|
||
</div>
|
||
<div id="tlzflow" style="float:left;height:100%;width:60px;line-height:32px;margin-left:10px;color: #ffffff;"></div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 朱吕路泵站 1-->
|
||
<div style='position: absolute;width: 234px;height:64px;left: 802px;
|
||
top: 340px;background:rgba(255,255,255,0.15);border-radius: 5px;border: #ffffff 1px solid;'>
|
||
<div style="float:left;height:32px;width:100%;">
|
||
<div style="float: left;line-height:32px;color: #ffffff;margin-left: 10px;">朱吕路泵站</div>
|
||
<div id="zllnumShow" style="float:left;"></div>
|
||
</div>
|
||
<div style="float:left;height:32px;width:100%;">
|
||
<div style="float: left;height:100%;width:13px;line-height:32px;margin-left: 10px;">
|
||
<img src="/images/大屏/泵站液位.png" style="z-index:-1;position:relative;height:14px;width:13px;"/>
|
||
</div>
|
||
<div id="zlllevel" style="float:left;height:100%;width:50px;line-height:32px;margin-left:10px;color: #ffffff;"></div>
|
||
<div style="float:left;height:100%;width:13px;line-height:32px;margin-left: 10px;">
|
||
<img src="/images/大屏/泵站流量.png" style="z-index:-1;position:relative;height:14px;width:13px;"/>
|
||
</div>
|
||
<div id="zllflow" style="float:left;height:100%;width:60px;line-height:32px;margin-left:10px;color: #ffffff;"></div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 和辉泵站 1-->
|
||
<div style='position: absolute;width: 234px;height:64px;left: 539px;
|
||
top: 408px;background:rgba(255,255,255,0.15);border-radius: 5px;border: #ffffff 1px solid;'>
|
||
<div style="float:left;height:32px;width:100%;">
|
||
<div style="float: left;line-height:32px;color: #ffffff;margin-left: 10px;">和辉泵站</div>
|
||
<div id="hhnumShow" style="float:left;"></div>
|
||
</div>
|
||
<div style="float:left;height:32px;width:100%;">
|
||
<div style="float: left;height:100%;width:13px;line-height:32px;margin-left: 10px;">
|
||
<img src="/images/大屏/泵站液位.png" style="z-index:-1;position:relative;height:14px;width:13px;"/>
|
||
</div>
|
||
<div id="hhlevel" style="float:left;height:100%;width:50px;line-height:32px;margin-left:10px;color: #ffffff;"></div>
|
||
<div style="float:left;height:100%;width:13px;line-height:32px;margin-left: 10px;">
|
||
<img src="/images/大屏/泵站流量.png" style="z-index:-1;position:relative;height:14px;width:13px;"/>
|
||
</div>
|
||
<div id="hhflow" style="float:left;height:100%;width:60px;line-height:32px;margin-left:10px;color: #ffffff;"></div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 张堰2#泵站 1-->
|
||
<div style='position: absolute;width: 234px;height:64px;left: 276px;
|
||
top: 515px;background:rgba(255,255,255,0.15);border-radius: 5px;border: #ffffff 1px solid;'>
|
||
<div style="float:left;height:32px;width:100%;">
|
||
<div style="float: left;line-height:32px;color: #ffffff;margin-left: 10px;">张堰2#泵站</div>
|
||
<div id="zy2hnumShow" style="float:left;"></div>
|
||
</div>
|
||
<div style="float:left;height:32px;width:100%;">
|
||
<div style="float: left;height:100%;width:13px;line-height:32px;margin-left: 10px;">
|
||
<img src="/images/大屏/泵站液位.png" style="z-index:-1;position:relative;height:14px;width:13px;"/>
|
||
</div>
|
||
<div id="zy2hlevel" style="float:left;height:100%;width:50px;line-height:32px;margin-left:10px;color: #ffffff;"></div>
|
||
<div style="float:left;height:100%;width:13px;line-height:32px;margin-left: 10px;">
|
||
<img src="/images/大屏/泵站流量.png" style="z-index:-1;position:relative;height:14px;width:13px;"/>
|
||
</div>
|
||
<div id="zy2hflow" style="float:left;height:100%;width:60px;line-height:32px;margin-left:10px;color: #ffffff;"></div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 钱圩泵站 1-->
|
||
<div style='position: absolute;width: 234px;height:64px;left: 539px;
|
||
top: 640px;background:rgba(255,255,255,0.15);border-radius: 5px;border: #ffffff 1px solid;'>
|
||
<div style="float:left;height:32px;width:100%;">
|
||
<div style="float: left;line-height:32px;color: #ffffff;margin-left: 10px;">钱圩泵站</div>
|
||
<div id="qwnumShow" style="float:left;"></div>
|
||
</div>
|
||
<div style="float:left;height:32px;width:100%;">
|
||
<div style="float: left;height:100%;width:13px;line-height:32px;margin-left: 10px;">
|
||
<img src="/images/大屏/泵站液位.png" style="z-index:-1;position:relative;height:14px;width:13px;"/>
|
||
</div>
|
||
<div id="qwlevel" style="float:left;height:100%;width:50px;line-height:32px;margin-left:10px;color: #ffffff;"></div>
|
||
<div style="float:left;height:100%;width:13px;line-height:32px;margin-left: 10px;">
|
||
<img src="/images/大屏/泵站流量.png" style="z-index:-1;position:relative;height:14px;width:13px;"/>
|
||
</div>
|
||
<div id="qwflow" style="float:left;height:100%;width:60px;line-height:32px;margin-left:10px;color: #ffffff;"></div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 金卫泵站 1-->
|
||
<div style='position: absolute;width: 234px;height:64px;left: 539px;
|
||
top: 747px;background:rgba(255,255,255,0.15);border-radius: 5px;border: #ffffff 1px solid;'>
|
||
<div style="float:left;height:32px;width:100%;">
|
||
<div style="float: left;line-height:32px;color: #ffffff;margin-left: 10px;">金卫泵站</div>
|
||
<div id="jwnumShow" style="float:left;"></div>
|
||
</div>
|
||
<div style="float:left;height:32px;width:100%;">
|
||
<div style="float: left;height:100%;width:13px;line-height:32px;margin-left: 10px;">
|
||
<img src="/images/大屏/泵站液位.png" style="z-index:-1;position:relative;height:14px;width:13px;"/>
|
||
</div>
|
||
<div id="jwlevel" style="float:left;height:100%;width:50px;line-height:32px;margin-left:10px;color: #ffffff;"></div>
|
||
<div style="float:left;height:100%;width:13px;line-height:32px;margin-left: 10px;">
|
||
<img src="/images/大屏/泵站流量.png" style="z-index:-1;position:relative;height:14px;width:13px;"/>
|
||
</div>
|
||
<div id="jwflow" style="float:left;height:100%;width:60px;line-height:32px;margin-left:10px;color: #ffffff;"></div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 林慧路泵站 1-->
|
||
<div style='position: absolute;width: 234px;height:64px;left: 1347px;
|
||
top: 193px;background:rgba(255,255,255,0.15);border-radius: 5px;border: #ffffff 1px solid;'>
|
||
<div style="float:left;height:32px;width:100%;">
|
||
<div style="float: left;line-height:32px;color: #ffffff;margin-left: 10px;">林慧路泵站</div>
|
||
<div id="lhlnumShow" style="float:left;"></div>
|
||
</div>
|
||
<div style="float:left;height:32px;width:100%;">
|
||
<div style="float: left;height:100%;width:13px;line-height:32px;margin-left: 10px;">
|
||
<img src="/images/大屏/泵站液位.png" style="z-index:-1;position:relative;height:14px;width:13px;"/>
|
||
</div>
|
||
<div id="lhllevel" style="float:left;height:100%;width:50px;line-height:32px;margin-left:10px;color: #ffffff;"></div>
|
||
<div style="float:left;height:100%;width:13px;line-height:32px;margin-left: 10px;">
|
||
<img src="/images/大屏/泵站流量.png" style="z-index:-1;position:relative;height:14px;width:13px;"/>
|
||
</div>
|
||
<div id="lhlflow" style="float:left;height:100%;width:60px;line-height:32px;margin-left:10px;color: #ffffff;"></div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 天工路泵站 1-->
|
||
<div style='position: absolute;width: 234px;height:64px;left: 1347px;
|
||
top: 386px;background:rgba(255,255,255,0.15);border-radius: 5px;border: #ffffff 1px solid;'>
|
||
<div style="float:left;height:32px;width:100%;">
|
||
<div style="float: left;line-height:32px;color: #ffffff;margin-left: 10px;">天工路泵站</div>
|
||
<div id="tglnumShow" style="float:left;"></div>
|
||
</div>
|
||
<div style="float:left;height:32px;width:100%;">
|
||
<div style="float: left;height:100%;width:13px;line-height:32px;margin-left: 10px;">
|
||
<img src="/images/大屏/泵站液位.png" style="z-index:-1;position:relative;height:14px;width:13px;"/>
|
||
</div>
|
||
<div id="tgllevel" style="float:left;height:100%;width:50px;line-height:32px;margin-left:10px;color: #ffffff;"></div>
|
||
<div style="float:left;height:100%;width:13px;line-height:32px;margin-left: 10px;">
|
||
<img src="/images/大屏/泵站流量.png" style="z-index:-1;position:relative;height:14px;width:13px;"/>
|
||
</div>
|
||
<div id="tglflow" style="float:left;height:100%;width:60px;line-height:32px;margin-left:10px;color: #ffffff;"></div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 月工路泵站 1-->
|
||
<div style='position: absolute;width: 234px;height:64px;left: 1347px;
|
||
top: 493px;background:rgba(255,255,255,0.15);border-radius: 5px;border: #ffffff 1px solid;'>
|
||
<div style="float:left;height:32px;width:100%;">
|
||
<div style="float: left;line-height:32px;color: #ffffff;margin-left: 10px;">月工路泵站</div>
|
||
<div id="yglnumShow" style="float:left;"></div>
|
||
</div>
|
||
<div style="float:left;height:32px;width:100%;">
|
||
<div style="float: left;height:100%;width:13px;line-height:32px;margin-left: 10px;">
|
||
<img src="/images/大屏/泵站液位.png" style="z-index:-1;position:relative;height:14px;width:13px;"/>
|
||
</div>
|
||
<div id="ygllevel" style="float:left;height:100%;width:50px;line-height:32px;margin-left:10px;color: #ffffff;"></div>
|
||
<div style="float:left;height:100%;width:13px;line-height:32px;margin-left: 10px;">
|
||
<img src="/images/大屏/泵站流量.png" style="z-index:-1;position:relative;height:14px;width:13px;"/>
|
||
</div>
|
||
<div id="yglflow" style="float:left;height:100%;width:60px;line-height:32px;margin-left:10px;color: #ffffff;"></div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 新城区泵站 1-->
|
||
<div style='position: absolute;width: 234px;height:64px;left: 1347px;
|
||
top: 697px;background:rgba(255,255,255,0.15);border-radius: 5px;border: #ffffff 1px solid;'>
|
||
<div style="float:left;height:32px;width:100%;">
|
||
<div style="float: left;line-height:32px;color: #ffffff;margin-left: 10px;">新城区泵站</div>
|
||
<div id="xcqnumShow" style="float:left;"></div>
|
||
</div>
|
||
<div style="float:left;height:32px;width:100%;">
|
||
<div style="float: left;height:100%;width:13px;line-height:32px;margin-left: 10px;">
|
||
<img src="/images/大屏/泵站液位.png" style="z-index:-1;position:relative;height:14px;width:13px;"/>
|
||
</div>
|
||
<div id="xcqlevel" style="float:left;height:100%;width:50px;line-height:32px;margin-left:10px;color: #ffffff;"></div>
|
||
<div style="float:left;height:100%;width:13px;line-height:32px;margin-left: 10px;">
|
||
<img src="/images/大屏/泵站流量.png" style="z-index:-1;position:relative;height:14px;width:13px;"/>
|
||
</div>
|
||
<div id="xcqflow" style="float:left;height:100%;width:60px;line-height:32px;margin-left:10px;color: #ffffff;"></div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 物流园泵站 2-->
|
||
<div style='position: absolute;width: 234px;height:64px;left: 1347px;
|
||
top: 107px;background:rgba(255,255,255,0.15);border-radius: 5px;border: #3EF4FC 1px solid;'>
|
||
<div style="float:left;height:32px;width:100%;">
|
||
<div style="float: left;line-height:32px;color: #3EF4FC;margin-left: 10px;">物流园泵站</div>
|
||
<div id="wlynumShow" style="float:left;"></div>
|
||
</div>
|
||
<div style="float:left;height:32px;width:100%;">
|
||
<div style="float: left;height:100%;width:13px;line-height:32px;margin-left: 10px;">
|
||
<img src="/images/大屏/泵站液位.png" style="z-index:-1;position:relative;height:14px;width:13px;"/>
|
||
</div>
|
||
<div id="wlylevel" style="float:left;height:100%;width:50px;line-height:32px;margin-left:10px;color: #ffffff;"></div>
|
||
<div style="float:left;height:100%;width:13px;line-height:32px;margin-left: 10px;">
|
||
<img src="/images/大屏/泵站流量.png" style="z-index:-1;position:relative;height:14px;width:13px;"/>
|
||
</div>
|
||
<div id="wlyflow" style="float:left;height:100%;width:60px;line-height:32px;margin-left:10px;color: #ffffff;"></div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 张堰4#泵站 2-->
|
||
<div style='position: absolute;width: 234px;height:64px;left: 802px;
|
||
top: 447px;background:rgba(255,255,255,0.15);border-radius: 5px;border: #3EF4FC 1px solid;'>
|
||
<div style="float:left;height:32px;width:100%;">
|
||
<div style="float: left;line-height:32px;color: #3EF4FC;margin-left: 10px;">张堰4#泵站</div>
|
||
<div id="zy4hnumShow" style="float:left;"></div>
|
||
</div>
|
||
<div style="float:left;height:32px;width:100%;">
|
||
<div style="float: left;height:100%;width:13px;line-height:32px;margin-left: 10px;">
|
||
<img src="/images/大屏/泵站液位.png" style="z-index:-1;position:relative;height:14px;width:13px;"/>
|
||
</div>
|
||
<div id="zy4hlevel" style="float:left;height:100%;width:50px;line-height:32px;margin-left:10px;color: #ffffff;"></div>
|
||
<div style="float:left;height:100%;width:13px;line-height:32px;margin-left: 10px;">
|
||
<img src="/images/大屏/泵站流量.png" style="z-index:-1;position:relative;height:14px;width:13px;"/>
|
||
</div>
|
||
<div id="zy4hflow" style="float:left;height:100%;width:60px;line-height:32px;margin-left:10px;color: #ffffff;"></div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 张堰3#泵站 2-->
|
||
<div style='position: absolute;width: 234px;height:64px;left: 539px;
|
||
top: 554px;background:rgba(255,255,255,0.15);border-radius: 5px;border: #3EF4FC 1px solid;'>
|
||
<div style="float:left;height:32px;width:100%;">
|
||
<div style="float: left;line-height:32px;color: #3EF4FC;margin-left: 10px;">张堰3#泵站</div>
|
||
<div id="zy3hnumShow" style="float:left;"></div>
|
||
</div>
|
||
<div style="float:left;height:32px;width:100%;">
|
||
<div style="float: left;height:100%;width:13px;line-height:32px;margin-left: 10px;">
|
||
<img src="/images/大屏/泵站液位.png" style="z-index:-1;position:relative;height:14px;width:13px;"/>
|
||
</div>
|
||
<div id="zy3hlevel" style="float:left;height:100%;width:50px;line-height:32px;margin-left:10px;color: #ffffff;"></div>
|
||
<div style="float:left;height:100%;width:13px;line-height:32px;margin-left: 10px;">
|
||
<img src="/images/大屏/泵站流量.png" style="z-index:-1;position:relative;height:14px;width:13px;"/>
|
||
</div>
|
||
<div id="zy3hflow" style="float:left;height:100%;width:60px;line-height:32px;margin-left:10px;color: #ffffff;"></div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 龙航路泵站 2-->
|
||
<div style='position: absolute;width: 234px;height:64px;left: 802px;
|
||
top: 679px;background:rgba(255,255,255,0.15);border-radius: 5px;border: #3EF4FC 1px solid;'>
|
||
<div style="float:left;height:32px;width:100%;">
|
||
<div style="float: left;line-height:32px;color: #3EF4FC;margin-left: 10px;">龙航路泵站</div>
|
||
<div id="lhlunumShow" style="float:left;"></div>
|
||
</div>
|
||
<div style="float:left;height:32px;width:100%;">
|
||
<div style="float: left;height:100%;width:13px;line-height:32px;margin-left: 10px;">
|
||
<img src="/images/大屏/泵站液位.png" style="z-index:-1;position:relative;height:14px;width:13px;"/>
|
||
</div>
|
||
<div id="lhlulevel" style="float:left;height:100%;width:50px;line-height:32px;margin-left:10px;color: #ffffff;"></div>
|
||
<div style="float:left;height:100%;width:13px;line-height:32px;margin-left: 10px;">
|
||
<img src="/images/大屏/泵站流量.png" style="z-index:-1;position:relative;height:14px;width:13px;"/>
|
||
</div>
|
||
<div id="lhluflow" style="float:left;height:100%;width:60px;line-height:32px;margin-left:10px;color: #ffffff;"></div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 石化6#防汛泵站 2-->
|
||
<div style='position: absolute;width: 234px;height:64px;left: 802px;
|
||
top: 786px;background:rgba(255,255,255,0.15);border-radius: 5px;border: #3EF4FC 1px solid;'>
|
||
<div style="float:left;height:32px;width:100%;">
|
||
<div style="float: left;line-height:32px;color: #3EF4FC;margin-left: 10px;">石化6#防汛泵站</div>
|
||
<div id="sh6hfynumShow" style="float:left;"></div>
|
||
</div>
|
||
<div style="float:left;height:32px;width:100%;">
|
||
<div style="float: left;height:100%;width:13px;line-height:32px;margin-left: 10px;">
|
||
<img src="/images/大屏/泵站液位.png" style="z-index:-1;position:relative;height:14px;width:13px;"/>
|
||
</div>
|
||
<div id="sh6hfylevel" style="float:left;height:100%;width:50px;line-height:32px;margin-left:10px;color: #ffffff;"></div>
|
||
<div style="float:left;height:100%;width:13px;line-height:32px;margin-left: 10px;">
|
||
<img src="/images/大屏/泵站流量.png" style="z-index:-1;position:relative;height:14px;width:13px;"/>
|
||
</div>
|
||
<div id="sh6hfyflow" style="float:left;height:100%;width:60px;line-height:32px;margin-left:10px;color: #ffffff;"></div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 石化3#泵站 2-->
|
||
<div style='position: absolute;width: 234px;height:64px;left: 802px;
|
||
top: 872px;background:rgba(255,255,255,0.15);border-radius: 5px;border: #3EF4FC 1px solid;'>
|
||
<div style="float:left;height:32px;width:100%;">
|
||
<div style="float: left;line-height:32px;color: #3EF4FC;margin-left: 10px;">石化3#泵站</div>
|
||
<div id="sh3hnumShow" style="float:left;"></div>
|
||
</div>
|
||
<div style="float:left;height:32px;width:100%;">
|
||
<div style="float: left;height:100%;width:13px;line-height:32px;margin-left: 10px;">
|
||
<img src="/images/大屏/泵站液位.png" style="z-index:-1;position:relative;height:14px;width:13px;"/>
|
||
</div>
|
||
<div id="sh3hlevel" style="float:left;height:100%;width:50px;line-height:32px;margin-left:10px;color: #ffffff;"></div>
|
||
<div style="float:left;height:100%;width:13px;line-height:32px;margin-left: 10px;">
|
||
<img src="/images/大屏/泵站流量.png" style="z-index:-1;position:relative;height:14px;width:13px;"/>
|
||
</div>
|
||
<div id="sh3hflow" style="float:left;height:100%;width:60px;line-height:32px;margin-left:10px;color: #ffffff;"></div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 石化1#泵站 2-->
|
||
<div style='position: absolute;width: 234px;height:64px;left: 802px;
|
||
top: 958px;background:rgba(255,255,255,0.15);border-radius: 5px;border: #3EF4FC 1px solid;'>
|
||
<div style="float:left;height:32px;width:100%;">
|
||
<div style="float: left;line-height:32px;color: #3EF4FC;margin-left: 10px;">石化1#泵站</div>
|
||
<div id="sh1hnumShow" style="float:left;"></div>
|
||
</div>
|
||
<div style="float:left;height:32px;width:100%;">
|
||
<div style="float: left;height:100%;width:13px;line-height:32px;margin-left: 10px;">
|
||
<img src="/images/大屏/泵站液位.png" style="z-index:-1;position:relative;height:14px;width:13px;"/>
|
||
</div>
|
||
<div id="sh1hlevel" style="float:left;height:100%;width:50px;line-height:32px;margin-left:10px;color: #ffffff;"></div>
|
||
<div style="float:left;height:100%;width:13px;line-height:32px;margin-left: 10px;">
|
||
<img src="/images/大屏/泵站流量.png" style="z-index:-1;position:relative;height:14px;width:13px;"/>
|
||
</div>
|
||
<div id="sh1hflow" style="float:left;height:100%;width:60px;line-height:32px;margin-left:10px;color: #ffffff;"></div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 朱行泵站 2-->
|
||
<div style='position: absolute;width: 234px;height:64px;left: 1347px;
|
||
top: 300px;background:rgba(255,255,255,0.15);border-radius: 5px;border: #3EF4FC 1px solid;'>
|
||
<div style="float:left;height:32px;width:100%;">
|
||
<div style="float: left;line-height:32px;color: #3EF4FC;margin-left: 10px;">朱行泵站</div>
|
||
<div id="zhnumShow" style="float:left;"></div>
|
||
</div>
|
||
<div style="float:left;height:32px;width:100%;">
|
||
<div style="float: left;height:100%;width:13px;line-height:32px;margin-left: 10px;">
|
||
<img src="/images/大屏/泵站液位.png" style="z-index:-1;position:relative;height:14px;width:13px;"/>
|
||
</div>
|
||
<div id="zhlevel" style="float:left;height:100%;width:50px;line-height:32px;margin-left:10px;color: #ffffff;"></div>
|
||
<div style="float:left;height:100%;width:13px;line-height:32px;margin-left: 10px;">
|
||
<img src="/images/大屏/泵站流量.png" style="z-index:-1;position:relative;height:14px;width:13px;"/>
|
||
</div>
|
||
<div id="zhflow" style="float:left;height:100%;width:60px;line-height:32px;margin-left:10px;color: #ffffff;"></div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 浦卫路泵站 2-->
|
||
<div style='position: absolute;width: 234px;height:64px;left: 1277px;
|
||
top: 600px;background:rgba(255,255,255,0.15);border-radius: 5px;border: #3EF4FC 1px solid;'>
|
||
<div style="float:left;height:32px;width:100%;">
|
||
<div style="float: left;line-height:32px;color: #3EF4FC;margin-left: 10px;">浦卫路泵站</div>
|
||
<div id="pwlnumShow" style="float:left;"></div>
|
||
</div>
|
||
<div style="float:left;height:32px;width:100%;">
|
||
<div style="float: left;height:100%;width:13px;line-height:32px;margin-left: 10px;">
|
||
<img src="/images/大屏/泵站液位.png" style="z-index:-1;position:relative;height:14px;width:13px;"/>
|
||
</div>
|
||
<div id="pwllevel" style="float:left;height:100%;width:50px;line-height:32px;margin-left:10px;color: #ffffff;"></div>
|
||
<div style="float:left;height:100%;width:13px;line-height:32px;margin-left: 10px;">
|
||
<img src="/images/大屏/泵站流量.png" style="z-index:-1;position:relative;height:14px;width:13px;"/>
|
||
</div>
|
||
<div id="pwlflow" style="float:left;height:100%;width:60px;line-height:32px;margin-left:10px;color: #ffffff;"></div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 石化9#防汛泵站 2-->
|
||
<div style='position: absolute;width: 234px;height:64px;left: 1347px;
|
||
top: 783px;background:rgba(255,255,255,0.15);border-radius: 5px;border: #3EF4FC 1px solid;'>
|
||
<div style="float:left;height:32px;width:100%;">
|
||
<div style="float: left;line-height:32px;color: #3EF4FC;margin-left: 10px;">石化9#防汛泵站</div>
|
||
<div id="sh9hfynumShow" style="float:left;"></div>
|
||
</div>
|
||
<div style="float:left;height:32px;width:100%;">
|
||
<div style="float: left;height:100%;width:13px;line-height:32px;margin-left: 10px;">
|
||
<img src="/images/大屏/泵站液位.png" style="z-index:-1;position:relative;height:14px;width:13px;"/>
|
||
</div>
|
||
<div id="sh9hfylevel" style="float:left;height:100%;width:50px;line-height:32px;margin-left:10px;color: #ffffff;"></div>
|
||
<div style="float:left;height:100%;width:13px;line-height:32px;margin-left: 10px;">
|
||
<img src="/images/大屏/泵站流量.png" style="z-index:-1;position:relative;height:14px;width:13px;"/>
|
||
</div>
|
||
<div id="sh9hfyflow" style="float:left;height:100%;width:60px;line-height:32px;margin-left:10px;color: #ffffff;"></div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 石化6#泵站 2-->
|
||
<div style='position: absolute;width: 234px;height:64px;left: 1347px;
|
||
top: 890px;background:rgba(255,255,255,0.15);border-radius: 5px;border: #3EF4FC 1px solid;'>
|
||
<div style="float:left;height:32px;width:100%;">
|
||
<div style="float: left;line-height:32px;color: #3EF4FC;margin-left: 10px;">石化6#泵站</div>
|
||
<div id="sh6hnumShow" style="float:left;"></div>
|
||
</div>
|
||
<div style="float:left;height:32px;width:100%;">
|
||
<div style="float: left;height:100%;width:13px;line-height:32px;margin-left: 10px;">
|
||
<img src="/images/大屏/泵站液位.png" style="z-index:-1;position:relative;height:14px;width:13px;"/>
|
||
</div>
|
||
<div id="sh6hlevel" style="float:left;height:100%;width:50px;line-height:32px;margin-left:10px;color: #ffffff;"></div>
|
||
<div style="float:left;height:100%;width:13px;line-height:32px;margin-left: 10px;">
|
||
<img src="/images/大屏/泵站流量.png" style="z-index:-1;position:relative;height:14px;width:13px;"/>
|
||
</div>
|
||
<div id="sh6hflow" style="float:left;height:100%;width:60px;line-height:32px;margin-left:10px;color: #ffffff;"></div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 石化5#泵站 2-->
|
||
<div style='position: absolute;width: 234px;height:64px;left: 1347px;
|
||
top: 976px;background:rgba(255,255,255,0.15);border-radius: 5px;border: #3EF4FC 1px solid;'>
|
||
<div style="float:left;height:32px;width:100%;">
|
||
<div style="float: left;line-height:32px;color: #3EF4FC;margin-left: 10px;">石化5#泵站</div>
|
||
<div id="sh5hnumShow" style="float:left;"></div>
|
||
</div>
|
||
<div style="float:left;height:32px;width:100%;">
|
||
<div style="float: left;height:100%;width:13px;line-height:32px;margin-left: 10px;">
|
||
<img src="/images/大屏/泵站液位.png" style="z-index:-1;position:relative;height:14px;width:13px;"/>
|
||
</div>
|
||
<div id="sh5hlevel" style="float:left;height:100%;width:50px;line-height:32px;margin-left:10px;color: #ffffff;"></div>
|
||
<div style="float:left;height:100%;width:13px;line-height:32px;margin-left: 10px;">
|
||
<img src="/images/大屏/泵站流量.png" style="z-index:-1;position:relative;height:14px;width:13px;"/>
|
||
</div>
|
||
<div id="sh5hflow" style="float:left;height:100%;width:60px;line-height:32px;margin-left:10px;color: #ffffff;"></div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 亭林泵站 3-->
|
||
<div style='position: absolute;width: 234px;height:152px;left: 539px;
|
||
top: 218px;background:rgba(255,255,255,0.15);border-radius: 5px;border: #FFF100 1px solid;'>
|
||
<div style="float: left;width: 100%;height:64px;">
|
||
<div style="float:left;height:32px;width:100%;">
|
||
<div style="float: left;line-height:32px;color: #FFF100;margin-left: 10px;">亭林泵站</div>
|
||
<div id="tlnumShow" style="float:left;"></div>
|
||
</div>
|
||
<div style="float:left;height:32px;width:100%;">
|
||
<div style="float: left;height:100%;width:13px;line-height:32px;margin-left: 10px;">
|
||
<img src="/images/大屏/泵站液位2.png" style="z-index:-1;position:relative;height:14px;width:13px;"/>
|
||
</div>
|
||
<div id="tllevel" style="float:left;height:100%;width:40px;line-height:32px;margin-left:5px;color: #ffffff;"></div>
|
||
<div style="float:left;height:100%;width:13px;line-height:32px;margin-left: 10px;">
|
||
<img src="/images/大屏/泵站流量2.png" style="z-index:-1;position:relative;height:14px;width:13px;"/>
|
||
</div>
|
||
<div id="tlflow" style="float:left;height:100%;width:65px;line-height:32px;margin-left:5px;color: #ffffff;"></div>
|
||
<div style="float:left;height:100%;width:13px;line-height:32px;margin-left: 10px;">
|
||
<img src="/images/大屏/泵站数量.png" style="z-index:-1;position:relative;height:14px;width:13px;"/>
|
||
</div>
|
||
<div style="float:left;height:100%;width:31px;">
|
||
<div id="tlMainCompanyNum" style="float:left;height:100%;width:13px;line-height:32px;color:#FF1E1E;text-align: right;margin-left:2px;"></div>
|
||
<div id="tlTotalCompanyNum" style="float:left;height:100%;width:13px;line-height:32px;color:#ffffff;text-align: right;margin-left:3px;"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div style="float: left;width: 5%;height:1px;"></div>
|
||
<div style="float: left;width: 90%;height:1px;background-color: #ffffff;"></div>
|
||
<div style="float: left;width: 5%;height:1px;"></div>
|
||
<div style="float: left;width: 100%;height:87px;">
|
||
<div style="float:left;width:100%;height:29px;">
|
||
<div style="float:left;width:50%;height:100%;line-height:29px;">
|
||
<div style="float:left;width:30%;height:100%;line-height:29px;color:#FFF100;text-align: center;padding-left: 5px;">
|
||
COD
|
||
</div>
|
||
<div id="tlcodWaterData" style="float:left;width:70%;height:100%;line-height:29px;color:#ffffff;text-align: center;padding-left: 2px;"></div>
|
||
</div>
|
||
<div style="float:left;width:50%;height:100%;line-height:29px;">
|
||
<div style="float:left;width:30%;height:100%;line-height:29px;color:#FFF100;text-align: center;padding-left: 5px;">
|
||
ph
|
||
</div>
|
||
<div id="tlphWaterData" style="float:left;width:70%;height:100%;line-height:29px;color:#ffffff;text-align: left;padding-left: 2px;"></div>
|
||
</div>
|
||
</div>
|
||
<div style="float:left;width:100%;height:29px;">
|
||
<div style="float:left;width:50%;height:100%;line-height:29px;">
|
||
<div style="float:left;width:30%;height:100%;line-height:29px;color:#FFF100;text-align: center;padding-left: 5px;">
|
||
总磷
|
||
</div>
|
||
<div id="tlzdWaterData" style="float:left;width:70%;height:100%;line-height:29px;color:#ffffff;text-align: center;padding-left: 2px;"></div>
|
||
</div>
|
||
<div style="float:left;width:50%;height:100%;line-height:29px;">
|
||
<div style="float:left;width:30%;height:100%;line-height:29px;color:#FFF100;text-align: center;padding-left: 5px;">
|
||
总氮
|
||
</div>
|
||
<div id="tlzlWaterData" style="float:left;width:70%;height:100%;line-height:29px;color:#ffffff;text-align: left;padding-left: 2px;"></div>
|
||
</div>
|
||
</div>
|
||
<div style="float:left;width:100%;height:29px;">
|
||
<div style="float:left;width:50%;height:100%;line-height:29px;">
|
||
<div style="float:left;width:30%;height:100%;line-height:29px;color:#FFF100;text-align: center;padding-left: 5px;">
|
||
总铬
|
||
</div>
|
||
<div id="tlzgWaterData" style="float:left;width:70%;height:100%;line-height:29px;color:#ffffff;text-align: center;padding-left: 2px;"></div>
|
||
</div>
|
||
<div style="float:left;width:50%;height:100%;line-height:29px;">
|
||
<div style="float:left;width:30%;height:100%;line-height:29px;color:#FFF100;text-align: center;padding-left: 5px;">
|
||
总镍
|
||
</div>
|
||
<div id="tlznWaterData" style="float:left;width:70%;height:100%;line-height:29px;color:#ffffff;text-align: left;padding-left: 2px;"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 亭林大居泵站 3-->
|
||
<div style='position: absolute;width: 234px;height:152px;left: 1616px;
|
||
top: 145px;background:rgba(255,255,255,0.15);border-radius: 5px;border: #FFF100 1px solid;'>
|
||
<div style="float: left;width: 100%;height:64px;">
|
||
<div style="float:left;height:32px;width:100%;">
|
||
<div style="float: left;line-height:32px;color: #FFF100;margin-left: 10px;">亭林大居泵站</div>
|
||
<div id="tldjnumShow" style="float:left;"></div>
|
||
</div>
|
||
<div style="float:left;height:32px;width:100%;">
|
||
<div style="float: left;height:100%;width:13px;line-height:32px;margin-left: 10px;">
|
||
<img src="/images/大屏/泵站液位2.png" style="z-index:-1;position:relative;height:14px;width:13px;"/>
|
||
</div>
|
||
<div id="tldjlevel" style="float:left;height:100%;width:40px;line-height:32px;margin-left:5px;color: #ffffff;"></div>
|
||
<div style="float:left;height:100%;width:13px;line-height:32px;margin-left: 10px;">
|
||
<img src="/images/大屏/泵站流量2.png" style="z-index:-1;position:relative;height:14px;width:13px;"/>
|
||
</div>
|
||
<div id="tldjflow" style="float:left;height:100%;width:65px;line-height:32px;margin-left:5px;color: #ffffff;"></div>
|
||
<div style="float:left;height:100%;width:13px;line-height:32px;margin-left: 10px;">
|
||
<img src="/images/大屏/泵站数量.png" style="z-index:-1;position:relative;height:14px;width:13px;"/>
|
||
</div>
|
||
<div style="float:left;height:100%;width:31px;">
|
||
<div id="tldjMainCompanyNum" style="float:left;height:100%;width:13px;line-height:32px;color:#FF1E1E;text-align: right;margin-left:2px;"></div>
|
||
<div id="tldjTotalCompanyNum" style="float:left;height:100%;width:13px;line-height:32px;color:#ffffff;text-align: right;margin-left:3px;"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div style="float: left;width: 5%;height:1px;"></div>
|
||
<div style="float: left;width: 90%;height:1px;background-color: #ffffff;"></div>
|
||
<div style="float: left;width: 5%;height:1px;"></div>
|
||
<div style="float: left;width: 100%;height:87px;">
|
||
<div style="float:left;width:100%;height:29px;">
|
||
<div style="float:left;width:50%;height:100%;line-height:29px;">
|
||
<div style="float:left;width:30%;height:100%;line-height:29px;color:#FFF100;text-align: center;padding-left: 5px;">
|
||
COD
|
||
</div>
|
||
<div id="tldjcodWaterData" style="float:left;width:70%;height:100%;line-height:29px;color:#ffffff;text-align: center;padding-left: 2px;"></div>
|
||
</div>
|
||
<div style="float:left;width:50%;height:100%;line-height:29px;">
|
||
<div style="float:left;width:30%;height:100%;line-height:29px;color:#FFF100;text-align: center;padding-left: 5px;">
|
||
ph
|
||
</div>
|
||
<div id="tldjphWaterData" style="float:left;width:70%;height:100%;line-height:29px;color:#ffffff;text-align: left;padding-left: 2px;"></div>
|
||
</div>
|
||
</div>
|
||
<div style="float:left;width:100%;height:29px;">
|
||
<div style="float:left;width:50%;height:100%;line-height:29px;">
|
||
<div style="float:left;width:30%;height:100%;line-height:29px;color:#FFF100;text-align: center;padding-left: 5px;">
|
||
总磷
|
||
</div>
|
||
<div id="tldjzdWaterData" style="float:left;width:70%;height:100%;line-height:29px;color:#ffffff;text-align: center;padding-left: 2px;"></div>
|
||
</div>
|
||
<div style="float:left;width:50%;height:100%;line-height:29px;">
|
||
<div style="float:left;width:30%;height:100%;line-height:29px;color:#FFF100;text-align: center;padding-left: 5px;">
|
||
总氮
|
||
</div>
|
||
<div id="tldjzlWaterData" style="float:left;width:70%;height:100%;line-height:29px;color:#ffffff;text-align: left;padding-left: 2px;"></div>
|
||
</div>
|
||
</div>
|
||
<div style="float:left;width:100%;height:29px;">
|
||
<div style="float:left;width:50%;height:100%;line-height:29px;">
|
||
<div style="float:left;width:30%;height:100%;line-height:29px;color:#FFF100;text-align: center;padding-left: 5px;">
|
||
总铬
|
||
</div>
|
||
<div id="tldjzgWaterData" style="float:left;width:70%;height:100%;line-height:29px;color:#ffffff;text-align: center;padding-left: 2px;"></div>
|
||
</div>
|
||
<div style="float:left;width:50%;height:100%;line-height:29px;">
|
||
<div style="float:left;width:30%;height:100%;line-height:29px;color:#FFF100;text-align: center;padding-left: 5px;">
|
||
总镍
|
||
</div>
|
||
<div id="tldjznWaterData" style="float:left;width:70%;height:100%;line-height:29px;color:#ffffff;text-align: left;padding-left: 2px;"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 复线1#泵站 3-->
|
||
<div style='position: absolute;width: 234px;height:152px;left: 1616px;
|
||
top: 329px;background:rgba(255,255,255,0.15);border-radius: 5px;border: #FFF100 1px solid;'>
|
||
<div style="float: left;width: 100%;height:64px;">
|
||
<div style="float:left;height:32px;width:100%;">
|
||
<div style="float: left;line-height:32px;color: #FFF100;margin-left: 10px;">复线1#泵站</div>
|
||
<div id="fx1hnumShow" style="float:left;"></div>
|
||
</div>
|
||
<div style="float:left;height:32px;width:100%;">
|
||
<div style="float: left;height:100%;width:13px;line-height:32px;margin-left: 10px;">
|
||
<img src="/images/大屏/泵站液位2.png" style="z-index:-1;position:relative;height:14px;width:13px;"/>
|
||
</div>
|
||
<div id="fx1hlevel" style="float:left;height:100%;width:40px;line-height:32px;margin-left:5px;color: #ffffff;"></div>
|
||
<div style="float:left;height:100%;width:13px;line-height:32px;margin-left: 10px;">
|
||
<img src="/images/大屏/泵站流量2.png" style="z-index:-1;position:relative;height:14px;width:13px;"/>
|
||
</div>
|
||
<div id="fx1hflow" style="float:left;height:100%;width:65px;line-height:32px;margin-left:5px;color: #ffffff;"></div>
|
||
<div style="float:left;height:100%;width:13px;line-height:32px;margin-left: 10px;">
|
||
<img src="/images/大屏/泵站数量.png" style="z-index:-1;position:relative;height:14px;width:13px;"/>
|
||
</div>
|
||
<div style="float:left;height:100%;width:31px;">
|
||
<div id="fx1hMainCompanyNum" style="float:left;height:100%;width:13px;line-height:32px;color:#FF1E1E;text-align: right;margin-left:2px;"></div>
|
||
<div id="fx1hTotalCompanyNum" style="float:left;height:100%;width:13px;line-height:32px;color:#ffffff;text-align: right;margin-left:3px;"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div style="float: left;width: 5%;height:1px;"></div>
|
||
<div style="float: left;width: 90%;height:1px;background-color: #ffffff;"></div>
|
||
<div style="float: left;width: 5%;height:1px;"></div>
|
||
<div style="float: left;width: 100%;height:87px;">
|
||
<div style="float:left;width:100%;height:29px;">
|
||
<div style="float:left;width:50%;height:100%;line-height:29px;">
|
||
<div style="float:left;width:30%;height:100%;line-height:29px;color:#FFF100;text-align: center;padding-left: 5px;">
|
||
COD
|
||
</div>
|
||
<div id="fx1hcodWaterData" style="float:left;width:70%;height:100%;line-height:29px;color:#ffffff;text-align: center;padding-left: 2px;"></div>
|
||
</div>
|
||
<div style="float:left;width:50%;height:100%;line-height:29px;">
|
||
<div style="float:left;width:30%;height:100%;line-height:29px;color:#FFF100;text-align: center;padding-left: 5px;">
|
||
ph
|
||
</div>
|
||
<div id="fx1hphWaterData" style="float:left;width:70%;height:100%;line-height:29px;color:#ffffff;text-align: left;padding-left: 2px;"></div>
|
||
</div>
|
||
</div>
|
||
<div style="float:left;width:100%;height:29px;">
|
||
<div style="float:left;width:50%;height:100%;line-height:29px;">
|
||
<div style="float:left;width:30%;height:100%;line-height:29px;color:#FFF100;text-align: center;padding-left: 5px;">
|
||
总磷
|
||
</div>
|
||
<div id="fx1hzdWaterData" style="float:left;width:70%;height:100%;line-height:29px;color:#ffffff;text-align: center;padding-left: 2px;"></div>
|
||
</div>
|
||
<div style="float:left;width:50%;height:100%;line-height:29px;">
|
||
<div style="float:left;width:30%;height:100%;line-height:29px;color:#FFF100;text-align: center;padding-left: 5px;">
|
||
总氮
|
||
</div>
|
||
<div id="fx1hzlWaterData" style="float:left;width:70%;height:100%;line-height:29px;color:#ffffff;text-align: left;padding-left: 2px;"></div>
|
||
</div>
|
||
</div>
|
||
<div style="float:left;width:100%;height:29px;">
|
||
<div style="float:left;width:50%;height:100%;line-height:29px;">
|
||
<div style="float:left;width:30%;height:100%;line-height:29px;color:#FFF100;text-align: center;padding-left: 5px;">
|
||
总铬
|
||
</div>
|
||
<div id="fx1hzgWaterData" style="float:left;width:70%;height:100%;line-height:29px;color:#ffffff;text-align: center;padding-left: 2px;"></div>
|
||
</div>
|
||
<div style="float:left;width:50%;height:100%;line-height:29px;">
|
||
<div style="float:left;width:30%;height:100%;line-height:29px;color:#FFF100;text-align: center;padding-left: 5px;">
|
||
总镍
|
||
</div>
|
||
<div id="fx1hznWaterData" style="float:left;width:70%;height:100%;line-height:29px;color:#ffffff;text-align: left;padding-left: 2px;"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 华新泵站 3-->
|
||
<div style='position: absolute;width: 234px;height:152px;left: 1616px;
|
||
top: 500px;background:rgba(255,255,255,0.15);border-radius: 5px;border: #FFF100 1px solid;'>
|
||
<div style="float: left;width: 100%;height:64px;">
|
||
<div style="float:left;height:32px;width:100%;">
|
||
<div style="float: left;line-height:32px;color: #FFF100;margin-left: 10px;">华新泵站</div>
|
||
<div id="hxnumShow" style="float:left;"></div>
|
||
</div>
|
||
<div style="float:left;height:32px;width:100%;">
|
||
<div style="float: left;height:100%;width:13px;line-height:32px;margin-left: 10px;">
|
||
<img src="/images/大屏/泵站液位2.png" style="z-index:-1;position:relative;height:14px;width:13px;"/>
|
||
</div>
|
||
<div id="hxlevel" style="float:left;height:100%;width:40px;line-height:32px;margin-left:5px;color: #ffffff;"></div>
|
||
<div style="float:left;height:100%;width:13px;line-height:32px;margin-left: 10px;">
|
||
<img src="/images/大屏/泵站流量2.png" style="z-index:-1;position:relative;height:14px;width:13px;"/>
|
||
</div>
|
||
<div id="hxflow" style="float:left;height:100%;width:65px;line-height:32px;margin-left:5px;color: #ffffff;"></div>
|
||
<div style="float:left;height:100%;width:13px;line-height:32px;margin-left: 10px;">
|
||
<img src="/images/大屏/泵站数量.png" style="z-index:-1;position:relative;height:14px;width:13px;"/>
|
||
</div>
|
||
<div style="float:left;height:100%;width:31px;">
|
||
<div id="hxMainCompanyNum" style="float:left;height:100%;width:13px;line-height:32px;color:#FF1E1E;text-align: right;margin-left:2px;"></div>
|
||
<div id="hxTotalCompanyNum" style="float:left;height:100%;width:13px;line-height:32px;color:#ffffff;text-align: right;margin-left:3px;"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div style="float: left;width: 5%;height:1px;"></div>
|
||
<div style="float: left;width: 90%;height:1px;background-color: #ffffff;"></div>
|
||
<div style="float: left;width: 5%;height:1px;"></div>
|
||
<div style="float: left;width: 100%;height:87px;">
|
||
<div style="float:left;width:100%;height:29px;">
|
||
<div style="float:left;width:50%;height:100%;line-height:29px;">
|
||
<div style="float:left;width:30%;height:100%;line-height:29px;color:#FFF100;text-align: center;padding-left: 5px;">
|
||
COD
|
||
</div>
|
||
<div id="hxcodWaterData" style="float:left;width:70%;height:100%;line-height:29px;color:#ffffff;text-align: center;padding-left: 2px;"></div>
|
||
</div>
|
||
<div style="float:left;width:50%;height:100%;line-height:29px;">
|
||
<div style="float:left;width:30%;height:100%;line-height:29px;color:#FFF100;text-align: center;padding-left: 5px;">
|
||
ph
|
||
</div>
|
||
<div id="hxphWaterData" style="float:left;width:70%;height:100%;line-height:29px;color:#ffffff;text-align: left;padding-left: 2px;"></div>
|
||
</div>
|
||
</div>
|
||
<div style="float:left;width:100%;height:29px;">
|
||
<div style="float:left;width:50%;height:100%;line-height:29px;">
|
||
<div style="float:left;width:30%;height:100%;line-height:29px;color:#FFF100;text-align: center;padding-left: 5px;">
|
||
总磷
|
||
</div>
|
||
<div id="hxzdWaterData" style="float:left;width:70%;height:100%;line-height:29px;color:#ffffff;text-align: center;padding-left: 2px;"></div>
|
||
</div>
|
||
<div style="float:left;width:50%;height:100%;line-height:29px;">
|
||
<div style="float:left;width:30%;height:100%;line-height:29px;color:#FFF100;text-align: center;padding-left: 5px;">
|
||
总氮
|
||
</div>
|
||
<div id="hxzlWaterData" style="float:left;width:70%;height:100%;line-height:29px;color:#ffffff;text-align: left;padding-left: 2px;"></div>
|
||
</div>
|
||
</div>
|
||
<div style="float:left;width:100%;height:29px;">
|
||
<div style="float:left;width:50%;height:100%;line-height:29px;">
|
||
<div style="float:left;width:30%;height:100%;line-height:29px;color:#FFF100;text-align: center;padding-left: 5px;">
|
||
总铬
|
||
</div>
|
||
<div id="hxzgWaterData" style="float:left;width:70%;height:100%;line-height:29px;color:#ffffff;text-align: center;padding-left: 2px;"></div>
|
||
</div>
|
||
<div style="float:left;width:50%;height:100%;line-height:29px;">
|
||
<div style="float:left;width:30%;height:100%;line-height:29px;color:#FFF100;text-align: center;padding-left: 5px;">
|
||
总镍
|
||
</div>
|
||
<div id="hxznWaterData" style="float:left;width:70%;height:100%;line-height:29px;color:#ffffff;text-align: left;padding-left: 2px;"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 张堰1#泵站 3-->
|
||
<div style='position: absolute;width: 234px;height:152px;left: 1616px;
|
||
top: 674px;background:rgba(255,255,255,0.15);border-radius: 5px;border: #FFF100 1px solid;'>
|
||
<div style="float: left;width: 100%;height:64px;">
|
||
<div style="float:left;height:32px;width:100%;">
|
||
<div style="float: left;line-height:32px;color: #FFF100;margin-left: 10px;">张堰1#泵站</div>
|
||
<div id="zy1hnumShow" style="float:left;"></div>
|
||
</div>
|
||
<div style="float:left;height:32px;width:100%;">
|
||
<div style="float: left;height:100%;width:13px;line-height:32px;margin-left: 10px;">
|
||
<img src="/images/大屏/泵站液位2.png" style="z-index:-1;position:relative;height:14px;width:13px;"/>
|
||
</div>
|
||
<div id="zy1hlevel" style="float:left;height:100%;width:40px;line-height:32px;margin-left:5px;color: #ffffff;"></div>
|
||
<div style="float:left;height:100%;width:13px;line-height:32px;margin-left: 10px;">
|
||
<img src="/images/大屏/泵站流量2.png" style="z-index:-1;position:relative;height:14px;width:13px;"/>
|
||
</div>
|
||
<div id="zy1hflow" style="float:left;height:100%;width:65px;line-height:32px;margin-left:5px;color: #ffffff;"></div>
|
||
<div style="float:left;height:100%;width:13px;line-height:32px;margin-left: 10px;">
|
||
<img src="/images/大屏/泵站数量.png" style="z-index:-1;position:relative;height:14px;width:13px;"/>
|
||
</div>
|
||
<div style="float:left;height:100%;width:31px;">
|
||
<div id="zy1hMainCompanyNum" style="float:left;height:100%;width:13px;line-height:32px;color:#FF1E1E;text-align: right;margin-left:2px;"></div>
|
||
<div id="zy1hTotalCompanyNum" style="float:left;height:100%;width:13px;line-height:32px;color:#ffffff;text-align: right;margin-left:3px;"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div style="float: left;width: 5%;height:1px;"></div>
|
||
<div style="float: left;width: 90%;height:1px;background-color: #ffffff;"></div>
|
||
<div style="float: left;width: 5%;height:1px;"></div>
|
||
<div style="float: left;width: 100%;height:87px;">
|
||
<div style="float:left;width:100%;height:29px;">
|
||
<div style="float:left;width:50%;height:100%;line-height:29px;">
|
||
<div style="float:left;width:30%;height:100%;line-height:29px;color:#FFF100;text-align: center;padding-left: 5px;">
|
||
COD
|
||
</div>
|
||
<div id="zy1hcodWaterData" style="float:left;width:70%;height:100%;line-height:29px;color:#ffffff;text-align: center;padding-left: 2px;"></div>
|
||
</div>
|
||
<div style="float:left;width:50%;height:100%;line-height:29px;">
|
||
<div style="float:left;width:30%;height:100%;line-height:29px;color:#FFF100;text-align: center;padding-left: 5px;">
|
||
ph
|
||
</div>
|
||
<div id="zy1hphWaterData" style="float:left;width:70%;height:100%;line-height:29px;color:#ffffff;text-align: left;padding-left: 2px;"></div>
|
||
</div>
|
||
</div>
|
||
<div style="float:left;width:100%;height:29px;">
|
||
<div style="float:left;width:50%;height:100%;line-height:29px;">
|
||
<div style="float:left;width:30%;height:100%;line-height:29px;color:#FFF100;text-align: center;padding-left: 5px;">
|
||
总磷
|
||
</div>
|
||
<div id="zy1hzdWaterData" style="float:left;width:70%;height:100%;line-height:29px;color:#ffffff;text-align: center;padding-left: 2px;"></div>
|
||
</div>
|
||
<div style="float:left;width:50%;height:100%;line-height:29px;">
|
||
<div style="float:left;width:30%;height:100%;line-height:29px;color:#FFF100;text-align: center;padding-left: 5px;">
|
||
总氮
|
||
</div>
|
||
<div id="zy1hzlWaterData" style="float:left;width:70%;height:100%;line-height:29px;color:#ffffff;text-align: left;padding-left: 2px;"></div>
|
||
</div>
|
||
</div>
|
||
<div style="float:left;width:100%;height:29px;">
|
||
<div style="float:left;width:50%;height:100%;line-height:29px;">
|
||
<div style="float:left;width:30%;height:100%;line-height:29px;color:#FFF100;text-align: center;padding-left: 5px;">
|
||
总铬
|
||
</div>
|
||
<div id="zy1hzgWaterData" style="float:left;width:70%;height:100%;line-height:29px;color:#ffffff;text-align: center;padding-left: 2px;"></div>
|
||
</div>
|
||
<div style="float:left;width:50%;height:100%;line-height:29px;">
|
||
<div style="float:left;width:30%;height:100%;line-height:29px;color:#FFF100;text-align: center;padding-left: 5px;">
|
||
总镍
|
||
</div>
|
||
<div id="zy1hznWaterData" style="float:left;width:70%;height:100%;line-height:29px;color:#ffffff;text-align: left;padding-left: 2px;"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 龙泉港泵站 3-->
|
||
<div style='position: absolute;width: 234px;height:152px;left: 1616px;
|
||
top: 851px;background:rgba(255,255,255,0.15);border-radius: 5px;border: #FFF100 1px solid;'>
|
||
<div style="float: left;width: 100%;height:64px;">
|
||
<div style="float:left;height:32px;width:100%;">
|
||
<div style="float: left;line-height:32px;color: #FFF100;margin-left: 10px;">龙泉港泵站</div>
|
||
<div id="lqgnumShow" style="float:left;"></div>
|
||
</div>
|
||
<div style="float:left;height:32px;width:100%;">
|
||
<div style="float: left;height:100%;width:13px;line-height:32px;margin-left: 10px;">
|
||
<img src="/images/大屏/泵站液位2.png" style="z-index:-1;position:relative;height:14px;width:13px;"/>
|
||
</div>
|
||
<div id="lqglevel" style="float:left;height:100%;width:40px;line-height:32px;margin-left:5px;color: #ffffff;"></div>
|
||
<div style="float:left;height:100%;width:13px;line-height:32px;margin-left: 10px;">
|
||
<img src="/images/大屏/泵站流量2.png" style="z-index:-1;position:relative;height:14px;width:13px;"/>
|
||
</div>
|
||
<div id="lqgflow" style="float:left;height:100%;width:65px;line-height:32px;margin-left:5px;color: #ffffff;"></div>
|
||
<div style="float:left;height:100%;width:13px;line-height:32px;margin-left: 10px;">
|
||
<img src="/images/大屏/泵站数量.png" style="z-index:-1;position:relative;height:14px;width:13px;"/>
|
||
</div>
|
||
<div style="float:left;height:100%;width:31px;">
|
||
<div id="lqgMainCompanyNum" style="float:left;height:100%;width:13px;line-height:32px;color:#FF1E1E;text-align: right;margin-left:2px;"></div>
|
||
<div id="lqgTotalCompanyNum" style="float:left;height:100%;width:13px;line-height:32px;color:#ffffff;text-align: right;margin-left:3px;"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div style="float: left;width: 5%;height:1px;"></div>
|
||
<div style="float: left;width: 90%;height:1px;background-color: #ffffff;"></div>
|
||
<div style="float: left;width: 5%;height:1px;"></div>
|
||
<div style="float: left;width: 100%;height:87px;">
|
||
<div style="float:left;width:100%;height:29px;">
|
||
<div style="float:left;width:50%;height:100%;line-height:29px;">
|
||
<div style="float:left;width:30%;height:100%;line-height:29px;color:#FFF100;text-align: center;padding-left: 5px;">
|
||
COD
|
||
</div>
|
||
<div id="lqgcodWaterData" style="float:left;width:70%;height:100%;line-height:29px;color:#ffffff;text-align: center;padding-left: 2px;"></div>
|
||
</div>
|
||
<div style="float:left;width:50%;height:100%;line-height:29px;">
|
||
<div style="float:left;width:30%;height:100%;line-height:29px;color:#FFF100;text-align: center;padding-left: 5px;">
|
||
ph
|
||
</div>
|
||
<div id="lqgphWaterData" style="float:left;width:70%;height:100%;line-height:29px;color:#ffffff;text-align: left;padding-left: 2px;"></div>
|
||
</div>
|
||
</div>
|
||
<div style="float:left;width:100%;height:29px;">
|
||
<div style="float:left;width:50%;height:100%;line-height:29px;">
|
||
<div style="float:left;width:30%;height:100%;line-height:29px;color:#FFF100;text-align: center;padding-left: 5px;">
|
||
总磷
|
||
</div>
|
||
<div id="lqgzdWaterData" style="float:left;width:70%;height:100%;line-height:29px;color:#ffffff;text-align: center;padding-left: 2px;"></div>
|
||
</div>
|
||
<div style="float:left;width:50%;height:100%;line-height:29px;">
|
||
<div style="float:left;width:30%;height:100%;line-height:29px;color:#FFF100;text-align: center;padding-left: 5px;">
|
||
总氮
|
||
</div>
|
||
<div id="lqgzlWaterData" style="float:left;width:70%;height:100%;line-height:29px;color:#ffffff;text-align: left;padding-left: 2px;"></div>
|
||
</div>
|
||
</div>
|
||
<div style="float:left;width:100%;height:29px;">
|
||
<div style="float:left;width:50%;height:100%;line-height:29px;">
|
||
<div style="float:left;width:30%;height:100%;line-height:29px;color:#FFF100;text-align: center;padding-left: 5px;">
|
||
总铬
|
||
</div>
|
||
<div id="lqgzgWaterData" style="float:left;width:70%;height:100%;line-height:29px;color:#ffffff;text-align: center;padding-left: 2px;"></div>
|
||
</div>
|
||
<div style="float:left;width:50%;height:100%;line-height:29px;">
|
||
<div style="float:left;width:30%;height:100%;line-height:29px;color:#FFF100;text-align: center;padding-left: 5px;">
|
||
总镍
|
||
</div>
|
||
<div id="lqgznWaterData" style="float:left;width:70%;height:100%;line-height:29px;color:#ffffff;text-align: left;padding-left: 2px;"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
</div>
|
||
</div>
|
||
</body>
|
||
|
||
</html> |