1802 lines
92 KiB
Plaintext
1802 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"%>
|
||
|
||
|
||
<!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" />
|
||
<!-- <meta http-equiv="X-UA-Compatible" content="IE=edge"/> -->
|
||
<title>
|
||
<%= ServerObject.atttable.get("TOPTITLE")%>
|
||
</title>
|
||
<!-- 引用页头及CSS页-->
|
||
<jsp:include page="/jsp/inc.jsp"></jsp:include>
|
||
<!-- bootstrap switch -->
|
||
<link rel="stylesheet" href="<%=request.getContextPath()%>/node_modules/bootstrap-switch/dist/css/bootstrap3/bootstrap-switch.min.css" />
|
||
<script type="text/javascript" src="<%=request.getContextPath()%>/node_modules/bootstrap-switch/dist/js/bootstrap-switch.min.js"
|
||
charset="utf-8"></script>
|
||
<script type="text/javascript" src="<%=request.getContextPath()%>/plugins/echarts/echarts5.0.2.js" charset="utf-8"></script>
|
||
<link rel="stylesheet" href="<%=request.getContextPath()%>/node_modules/iconfont-pump/iconfont.css" />
|
||
<!-- 表格行内编辑插件 begin -->
|
||
<link href="<%=request.getContextPath()%>/plugins/bootstrap-editable/css/bootstrap-editable.css" rel="stylesheet" type="text/css" />
|
||
<script src="<%=request.getContextPath()%>/plugins/bootstrap-editable/js/bootstrap-editable.js" type="text/javascript"></script>
|
||
<style type="text/css">
|
||
.bgimg-map{
|
||
/* width: 925px; */
|
||
/* height: 755px; */
|
||
background-image: url(<%=request.getContextPath()%>/IMG/pump/dosageSK.png) ;
|
||
background-repeat: no-repeat;
|
||
background-position:center center;
|
||
position: relative;
|
||
border-right: 3px solid #e1e1e1;
|
||
}
|
||
.bg_color{
|
||
background: #2d2d2d;
|
||
border:0;
|
||
}
|
||
.thumbnail, .nav>li>a {
|
||
padding: 0px;
|
||
}
|
||
.nav-tabs-custom>.nav-tabs {
|
||
border: 0;
|
||
border-bottom-color: #2d2d2d;
|
||
}
|
||
.nav-tabs-custom > .nav-tabs > li {
|
||
width: 170px;
|
||
height: 35px;
|
||
margin-bottom: 0;
|
||
margin-right: 20px;
|
||
border: 0;
|
||
}
|
||
.nav-tabs-custom>.nav-tabs>li.active {
|
||
opacity: 1;
|
||
background: linear-gradient(180deg,rgba(0,238,255,0.00), rgba(0,246,251,0.15) 46%, #00fff6);
|
||
}
|
||
.nav-tabs-custom>.nav-tabs>li>a {
|
||
border-radius: 0;
|
||
width: 100%;
|
||
height: 100%;
|
||
opacity: 1;
|
||
font-size: 20px;
|
||
font-family: Source Han Sans CN, Source Han Sans CN-Bold;
|
||
font-weight: 700;
|
||
text-align: center;
|
||
color: #bfbfbf;
|
||
border: 0;
|
||
}
|
||
.nav-tabs-custom>.nav-tabs>li.active>a, .nav-tabs-custom>.nav-tabs>li.active:hover>a {
|
||
color: #ffffff;
|
||
background-color: inherit;
|
||
}
|
||
.pump-text{
|
||
font-size: 18px;
|
||
font-family: Source Han Sans CN, Source Han Sans CN-Regular;
|
||
text-align: left;
|
||
}
|
||
.pump-text-initial{
|
||
font-weight: 400;
|
||
}
|
||
.pump-text-bold{
|
||
font-weight: 700;
|
||
}
|
||
.pump-text-small{
|
||
font-size: 14px;
|
||
}
|
||
.pump-text-white{
|
||
font-size: 14px;
|
||
color: #ffffff;
|
||
padding: 0 11%;
|
||
}
|
||
.pump-text-blue{
|
||
color: #30d4ff;
|
||
}
|
||
.pump-text-red{
|
||
color: #d19bff;
|
||
}
|
||
label {
|
||
margin-bottom: 8px;
|
||
}
|
||
|
||
.table-text-white{
|
||
color: #ffffff;
|
||
}
|
||
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
|
||
padding: 6px;
|
||
border: 0px;
|
||
}
|
||
.thumbnail {
|
||
margin-bottom: 0px;
|
||
}
|
||
|
||
.processSelect{
|
||
position: absolute;
|
||
left: 20px;
|
||
z-index: 11;
|
||
width: 100px;
|
||
height: 38px;
|
||
background: #000000;
|
||
border: 1px solid #707070;
|
||
border-radius: 5px;text-align: left;
|
||
color: #ffffff;
|
||
}
|
||
.typeSelect{
|
||
position: absolute;
|
||
left: 25px;
|
||
z-index: 11;
|
||
width: 190px;
|
||
height: 38px;
|
||
background: #000000;
|
||
border: 1px solid #707070;
|
||
border-radius: 5px;text-align: left;
|
||
color: #ffffff;
|
||
}
|
||
|
||
.bar_title{
|
||
font-size: 12px;
|
||
background: #000000;
|
||
border-radius: 5px;
|
||
margin:5px;
|
||
}
|
||
.bar_title>div{
|
||
padding:3px;
|
||
}
|
||
|
||
.control-label-overflow{
|
||
overflow: hidden;
|
||
white-space: nowrap;
|
||
text-overflow: ellipsis;
|
||
}
|
||
.right-middle{
|
||
background: #3a4760;
|
||
border-radius: 10px;
|
||
border: 2px solid rgba(255,255,255,0.3);
|
||
}
|
||
</style>
|
||
|
||
<script type="text/javascript">
|
||
var heightIMG =1;
|
||
var heightV =1;
|
||
var widthIMG =1;
|
||
var widthV =1;
|
||
$(function () {
|
||
getInitialization();
|
||
var tab1_ul_children = $("#tab1_ul").children(".active");
|
||
$("#jsp_id").val(tab1_ul_children.find("a").attr("id"));
|
||
if(unitId==null || unitId=='' || unitId==undefined){
|
||
unitId = '${unitId}';
|
||
}
|
||
//沙口临时写死
|
||
var search_pid = unitId;
|
||
search_pid = 'FS_SK11_C';
|
||
$("#tab1_ul li a").click(function(){
|
||
var href = $(this).attr('href');
|
||
if(!$(href+"_1").hasClass("active")){
|
||
$(href+"_1").addClass("active");
|
||
}
|
||
$(href+"_1").siblings().removeClass("active");
|
||
$("#jsp_id").val($(this).attr("id"));
|
||
getData(search_pid);
|
||
});
|
||
getData(search_pid);
|
||
$(window).resize(function() {
|
||
getInitialization();
|
||
getData(search_pid);
|
||
});
|
||
});
|
||
var height = 1080;
|
||
var width = 1920;
|
||
function getInitialization(){
|
||
height = $(window).height();
|
||
width = $(window).width();
|
||
if(height<(global_height*0.1)){
|
||
height = global_height;
|
||
}
|
||
if(width<(global_width*0.1)){
|
||
width = global_width;
|
||
}
|
||
heightV = height/1030;
|
||
widthV = width/1690;
|
||
widthIMG = width/1920;
|
||
heightIMG = height/1080;
|
||
|
||
$(".bgimg-map").css("height",1000*heightV);
|
||
$(".bgimg-map").css("background-size",""+(936*widthIMG)+"px "+(979*heightV)+"px");
|
||
$(".chart_line").css("height",210*heightV);
|
||
$(".chart_line_bottom").css("height",250*heightV);
|
||
var imgs_0 =[
|
||
{"id":"pump_dosage_1","left":"135","top":"550","value":"2","text":"1#"},
|
||
{"id":"pump_dosage_2","left":"263","top":"550","value":"2","text":"2#"},
|
||
{"id":"pump_dosage_3","left":"390","top":"550","value":"2","text":"3#"},
|
||
{"id":"pump_dosage_4","left":"518","top":"550","value":"2","text":"4#"},
|
||
{"id":"pump_dosage_5","left":"643","top":"550","value":"2","text":"5#"},
|
||
{"id":"pump_dosage_6","left":"771","top":"550","value":"2","text":"6#"},
|
||
{"id":"pump_blender_1","left":"220","top":"250","value":"2","text":"1#"},
|
||
{"id":"pump_blender_2","left":"405","top":"250","value":"2","text":"2#"},
|
||
{"id":"pump_blender_3","left":"580","top":"250","value":"2","text":"3#"},
|
||
{"id":"pump_blender_4","left":"770","top":"250","value":"2","text":"4#"},
|
||
];
|
||
pumpsShow(imgs_0)
|
||
}
|
||
|
||
var turbiditys=[];
|
||
var dosages=[];
|
||
var low_WaterQuality_mpcode=[];
|
||
var low_dosage_mpcode=[];
|
||
function getData(bizid){
|
||
var jsp_id = $('#jsp_id').val();
|
||
var time_input = $('#time_input').val();
|
||
$.post(ext.contextPath + '/equipment/pump/getDosageData.do', {bizid:bizid,time:time_input,jsp_id:jsp_id} , function(data) {
|
||
var arr= JSON.parse(data);
|
||
console.log(arr);
|
||
var low_dosage_dataseries_1=[];
|
||
var low_dosage_dataseries_2=[];
|
||
var low_dosage_dataseries_3=[];
|
||
var low_dosage_mpcode_1="";
|
||
var low_dosage_mpcode_2="";
|
||
var low_dosage_mpcode_3="";
|
||
var low_dosage_dataseries=[];
|
||
var low_dosage_legenddata=[];
|
||
var low_dosage_dataxAxis=[];
|
||
var low_WaterQuality_dataseries_1=[];
|
||
var low_WaterQuality_dataseries_2=[];
|
||
var low_WaterQuality_dataseries_3=[];
|
||
var low_WaterQuality_dataseries_4=[];
|
||
var low_WaterQuality_dataseries_5=[];
|
||
var low_WaterQuality_dataseries_6=[];
|
||
var low_WaterQuality_dataxAxis=[];
|
||
var low_WaterQuality_legenddata=[];
|
||
var low_RawWaterTurbidity_input = null;
|
||
var imgs_0 =[];
|
||
//var low_dosage_mpcode = "";
|
||
var low_WaterQuality_mpcode_1="";
|
||
var low_WaterQuality_mpcode_2="";
|
||
var low_WaterQuality_mpcode_3="";
|
||
var low_WaterQuality_mpcode_4="";
|
||
var low_WaterQuality_mpcode_5="";
|
||
var low_WaterQuality_mpcode_6="";
|
||
var statusStr = ['停止状态','药液耗尽','等待投加','投加准备','投加中','结束投加','加矾等待','加原液中','加矾结束','',
|
||
'软水等待','加软水中','加水结束','搅拌等待','搅拌准备','搅拌计时','搅拌结束','水解计时','水解结束','']
|
||
if(arr.rows!=null && arr.rows!=undefined && arr.rows!=''){
|
||
for(var i=0;i<arr.rows.length;i++){
|
||
var value =0;
|
||
var numtail=0;
|
||
var dataMax=0;
|
||
var rate = 1;
|
||
var nowdate = getNowTime();
|
||
var mpcode = "";
|
||
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!=''){
|
||
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;
|
||
}
|
||
if(visualCacheData.mpcode!=null && visualCacheData.mpcode!=undefined && visualCacheData.mpcode!=''){
|
||
mpcode = visualCacheData.mpcode;
|
||
}
|
||
}else{
|
||
var mPoint = arr.rows[i].mPoint;
|
||
if(mPoint!=null && mPoint!=undefined && mPoint!=''){
|
||
if(mPoint.parmvalue!=null && mPoint.parmvalue!=undefined && mPoint.parmvalue!=''){
|
||
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;
|
||
}
|
||
}
|
||
}
|
||
value = parseFloat(value)*rate;
|
||
value = value.toFixed(numtail);
|
||
if($("."+arr.rows[i].elementCode).length > 0){
|
||
$("."+arr.rows[i].elementCode).html(toThousands(value));
|
||
$("."+arr.rows[i].elementCode).attr("data-mpcode", mpcode);
|
||
}
|
||
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.indexOf("_status") >= 0 && arr.rows[i].elementCode.indexOf("blender") >= 0 ){
|
||
/* var colorStr = "text-yellow";
|
||
if(value<1){
|
||
colorStr = "text-red";
|
||
}
|
||
if(value==1){
|
||
colorStr = "text-green";
|
||
}
|
||
var htmlStr = '<i class="fa fa-circle '+colorStr+'"></i>'; */
|
||
var htmlStr = statusStr[parseInt(value)];
|
||
|
||
console.log($("."+arr.rows[i].elementCode));
|
||
if($("."+arr.rows[i].elementCode).length > 0){
|
||
$("."+arr.rows[i].elementCode).html(htmlStr);
|
||
}
|
||
}
|
||
/*
|
||
if(arr.rows[i].elementCode=='alum_dosage'
|
||
|| arr.rows[i].elementCode=='alum_dosage_forecast'){
|
||
low_dosage_legenddata.push(arr.rows[i].name);
|
||
if(arr.rows[i].visualCacheData.mpcode!=null){
|
||
low_dosage_mpcode += arr.rows[i].visualCacheData.mpcode+",";
|
||
}
|
||
var dataseries =[];
|
||
if(arr.rows[i].mPointHistory!=null
|
||
&& arr.rows[i].mPointHistory!=undefined
|
||
&& arr.rows[i].mPointHistory!=''){
|
||
var mPointHistory = arr.rows[i].mPointHistory;
|
||
for(var m=0;m<mPointHistory.length;m++){
|
||
var dataserie =[];
|
||
if(mPointHistory[m].parmvalue!=null
|
||
&& mPointHistory[m].parmvalue!=undefined
|
||
&& mPointHistory[m].parmvalue!=''){
|
||
dataserie.push(mPointHistory[m].measuredt);
|
||
dataserie.push(mPointHistory[m].parmvalue.toFixed(numtail));
|
||
dataseries.push(dataserie);
|
||
}
|
||
}
|
||
}else{
|
||
if(arr.rows[i].visualCacheDataList!=null
|
||
&& arr.rows[i].visualCacheDataList!=undefined
|
||
&& arr.rows[i].visualCacheDataList!=''){
|
||
var visualCacheDataList = arr.rows[i].visualCacheDataList;
|
||
for(var m=0;m<visualCacheDataList.length;m++){
|
||
var dataserie =[];
|
||
if(visualCacheDataList[m].value!=null
|
||
&& visualCacheDataList[m].value!=undefined
|
||
&& visualCacheDataList[m].value!=''){
|
||
dataserie.push(visualCacheDataList[m].insdt);
|
||
dataserie.push(visualCacheDataList[m].value.toFixed(numtail));
|
||
dataseries.push(dataserie);
|
||
}
|
||
}
|
||
}
|
||
}
|
||
low_dosage_dataseries.push({
|
||
name: arr.rows[i].name,
|
||
type: 'line',
|
||
smooth: true,
|
||
symbol: 'none',
|
||
data: dataseries
|
||
});
|
||
} */
|
||
|
||
if(arr.rows[i].elementCode=='process_1_alum_dosage'
|
||
|| arr.rows[i].elementCode=='process_1_alum_dosage_forecast'){
|
||
low_dosage_legenddata.push(arr.rows[i].name);
|
||
if(arr.rows[i].visualCacheData.mpcode!=null){
|
||
low_dosage_mpcode_1 += arr.rows[i].visualCacheData.mpcode+",";
|
||
}
|
||
var dataseries =[];
|
||
if(arr.rows[i].mPointHistory!=null
|
||
&& arr.rows[i].mPointHistory!=undefined
|
||
&& arr.rows[i].mPointHistory!=''){
|
||
var mPointHistory = arr.rows[i].mPointHistory;
|
||
for(var m=0;m<mPointHistory.length;m++){
|
||
var dataserie =[];
|
||
if(mPointHistory[m].parmvalue!=null
|
||
&& mPointHistory[m].parmvalue!=undefined
|
||
&& mPointHistory[m].parmvalue!=''){
|
||
dataserie.push(mPointHistory[m].measuredt);
|
||
dataserie.push(mPointHistory[m].parmvalue.toFixed(numtail));
|
||
dataseries.push(dataserie);
|
||
}
|
||
}
|
||
}else{
|
||
if(arr.rows[i].visualCacheDataList!=null
|
||
&& arr.rows[i].visualCacheDataList!=undefined
|
||
&& arr.rows[i].visualCacheDataList!=''){
|
||
var visualCacheDataList = arr.rows[i].visualCacheDataList;
|
||
for(var m=0;m<visualCacheDataList.length;m++){
|
||
var dataserie =[];
|
||
if(visualCacheDataList[m].value!=null
|
||
&& visualCacheDataList[m].value!=undefined
|
||
&& visualCacheDataList[m].value!=''){
|
||
dataserie.push(visualCacheDataList[m].insdt);
|
||
dataserie.push(visualCacheDataList[m].value.toFixed(numtail));
|
||
dataseries.push(dataserie);
|
||
}
|
||
}
|
||
}
|
||
}
|
||
low_dosage_dataseries_1.push({
|
||
name: arr.rows[i].name,
|
||
type: 'line',
|
||
smooth: true,
|
||
symbol: 'none',
|
||
data: dataseries
|
||
});
|
||
}
|
||
if(arr.rows[i].elementCode=='process_2_alum_dosage'
|
||
|| arr.rows[i].elementCode=='process_2_alum_dosage_forecast'){
|
||
low_dosage_legenddata.push(arr.rows[i].name);
|
||
if(arr.rows[i].visualCacheData.mpcode!=null){
|
||
low_dosage_mpcode_2 += arr.rows[i].visualCacheData.mpcode+",";
|
||
}
|
||
var dataseries =[];
|
||
if(arr.rows[i].mPointHistory!=null
|
||
&& arr.rows[i].mPointHistory!=undefined
|
||
&& arr.rows[i].mPointHistory!=''){
|
||
var mPointHistory = arr.rows[i].mPointHistory;
|
||
for(var m=0;m<mPointHistory.length;m++){
|
||
var dataserie =[];
|
||
if(mPointHistory[m].parmvalue!=null
|
||
&& mPointHistory[m].parmvalue!=undefined
|
||
&& mPointHistory[m].parmvalue!=''){
|
||
dataserie.push(mPointHistory[m].measuredt);
|
||
dataserie.push(mPointHistory[m].parmvalue.toFixed(numtail));
|
||
dataseries.push(dataserie);
|
||
}
|
||
}
|
||
}else{
|
||
if(arr.rows[i].visualCacheDataList!=null
|
||
&& arr.rows[i].visualCacheDataList!=undefined
|
||
&& arr.rows[i].visualCacheDataList!=''){
|
||
var visualCacheDataList = arr.rows[i].visualCacheDataList;
|
||
for(var m=0;m<visualCacheDataList.length;m++){
|
||
var dataserie =[];
|
||
if(visualCacheDataList[m].value!=null
|
||
&& visualCacheDataList[m].value!=undefined
|
||
&& visualCacheDataList[m].value!=''){
|
||
dataserie.push(visualCacheDataList[m].insdt);
|
||
dataserie.push(visualCacheDataList[m].value.toFixed(numtail));
|
||
dataseries.push(dataserie);
|
||
}
|
||
}
|
||
}
|
||
}
|
||
low_dosage_dataseries_2.push({
|
||
name: arr.rows[i].name,
|
||
type: 'line',
|
||
smooth: true,
|
||
symbol: 'none',
|
||
data: dataseries
|
||
});
|
||
}
|
||
if(arr.rows[i].elementCode=='process_3_alum_dosage'
|
||
|| arr.rows[i].elementCode=='process_3_alum_dosage_forecast'){
|
||
low_dosage_legenddata.push(arr.rows[i].name);
|
||
if(arr.rows[i].visualCacheData.mpcode!=null){
|
||
low_dosage_mpcode_3 += arr.rows[i].visualCacheData.mpcode+",";
|
||
}
|
||
var dataseries =[];
|
||
if(arr.rows[i].mPointHistory!=null
|
||
&& arr.rows[i].mPointHistory!=undefined
|
||
&& arr.rows[i].mPointHistory!=''){
|
||
var mPointHistory = arr.rows[i].mPointHistory;
|
||
for(var m=0;m<mPointHistory.length;m++){
|
||
var dataserie =[];
|
||
if(mPointHistory[m].parmvalue!=null
|
||
&& mPointHistory[m].parmvalue!=undefined
|
||
&& mPointHistory[m].parmvalue!=''){
|
||
dataserie.push(mPointHistory[m].measuredt);
|
||
dataserie.push(mPointHistory[m].parmvalue.toFixed(numtail));
|
||
dataseries.push(dataserie);
|
||
}
|
||
}
|
||
}else{
|
||
if(arr.rows[i].visualCacheDataList!=null
|
||
&& arr.rows[i].visualCacheDataList!=undefined
|
||
&& arr.rows[i].visualCacheDataList!=''){
|
||
var visualCacheDataList = arr.rows[i].visualCacheDataList;
|
||
for(var m=0;m<visualCacheDataList.length;m++){
|
||
var dataserie =[];
|
||
if(visualCacheDataList[m].value!=null
|
||
&& visualCacheDataList[m].value!=undefined
|
||
&& visualCacheDataList[m].value!=''){
|
||
dataserie.push(visualCacheDataList[m].insdt);
|
||
dataserie.push(visualCacheDataList[m].value.toFixed(numtail));
|
||
dataseries.push(dataserie);
|
||
}
|
||
}
|
||
}
|
||
}
|
||
low_dosage_dataseries_3.push({
|
||
name: arr.rows[i].name,
|
||
type: 'line',
|
||
smooth: true,
|
||
symbol: 'none',
|
||
data: dataseries
|
||
});
|
||
}
|
||
/* if(arr.rows[i].elementCode=='middle_turbidity_1'){
|
||
low_WaterQuality_legenddata.push(arr.rows[i].name);
|
||
var dataseries =[];
|
||
if(arr.rows[i].mPointHistory!=null
|
||
&& arr.rows[i].mPointHistory!=undefined
|
||
&& arr.rows[i].mPointHistory!=''){
|
||
var mPointHistory = arr.rows[i].mPointHistory;
|
||
for(var m=0;m<mPointHistory.length;m++){
|
||
var dataserie =[];
|
||
if(mPointHistory[m].parmvalue!=null
|
||
&& mPointHistory[m].parmvalue!=undefined
|
||
&& mPointHistory[m].parmvalue!=''){
|
||
dataserie.push(mPointHistory[m].measuredt);
|
||
dataserie.push(mPointHistory[m].parmvalue.toFixed(numtail));
|
||
dataseries.push(dataserie);
|
||
}
|
||
}
|
||
}else{
|
||
if(arr.rows[i].visualCacheDataList!=null
|
||
&& arr.rows[i].visualCacheDataList!=undefined
|
||
&& arr.rows[i].visualCacheDataList!=''){
|
||
var visualCacheDataList = arr.rows[i].visualCacheDataList;
|
||
for(var m=0;m<visualCacheDataList.length;m++){
|
||
var dataserie =[];
|
||
if(visualCacheDataList[m].value!=null
|
||
&& visualCacheDataList[m].value!=undefined
|
||
&& visualCacheDataList[m].value!=''){
|
||
dataserie.push(visualCacheDataList[m].insdt);
|
||
dataserie.push(visualCacheDataList[m].value.toFixed(numtail));
|
||
dataseries.push(dataserie);
|
||
}
|
||
}
|
||
}
|
||
}
|
||
low_WaterQuality_dataseries.push({
|
||
name: arr.rows[i].name,
|
||
type: 'line',
|
||
yAxisIndex: 1,
|
||
data: dataseries
|
||
});
|
||
}*/
|
||
if(arr.rows[i].elementCode=='low_RawWaterTurbidity_input'){
|
||
low_WaterQuality_legenddata.push(arr.rows[i].name);
|
||
var dataseries =[];
|
||
if(arr.rows[i].mPointHistory!=null
|
||
&& arr.rows[i].mPointHistory!=undefined
|
||
&& arr.rows[i].mPointHistory!=''){
|
||
var mPointHistory = arr.rows[i].mPointHistory;
|
||
for(var m=0;m<mPointHistory.length;m++){
|
||
var dataserie =[];
|
||
if(mPointHistory[m].parmvalue!=null
|
||
&& mPointHistory[m].parmvalue!=undefined
|
||
&& mPointHistory[m].parmvalue!=''){
|
||
dataserie.push(mPointHistory[m].measuredt);
|
||
dataserie.push(mPointHistory[m].parmvalue.toFixed(numtail));
|
||
dataseries.push(dataserie);
|
||
}
|
||
}
|
||
}else{
|
||
if(arr.rows[i].visualCacheDataList!=null
|
||
&& arr.rows[i].visualCacheDataList!=undefined
|
||
&& arr.rows[i].visualCacheDataList!=''){
|
||
var visualCacheDataList = arr.rows[i].visualCacheDataList;
|
||
for(var m=0;m<visualCacheDataList.length;m++){
|
||
var dataserie =[];
|
||
if(visualCacheDataList[m].value!=null
|
||
&& visualCacheDataList[m].value!=undefined
|
||
&& visualCacheDataList[m].value!=''){
|
||
dataserie.push(visualCacheDataList[m].insdt);
|
||
dataserie.push(visualCacheDataList[m].value.toFixed(numtail));
|
||
dataseries.push(dataserie);
|
||
}
|
||
}
|
||
}
|
||
}
|
||
/* low_WaterQuality_dataseries.push({
|
||
name: arr.rows[i].name,
|
||
type: 'line',
|
||
data: dataseries
|
||
}); */
|
||
low_RawWaterTurbidity_input = {
|
||
name: arr.rows[i].name,
|
||
type: 'line',
|
||
yAxisIndex: 1,
|
||
smooth: true,symbol: 'none',
|
||
data: dataseries
|
||
}
|
||
if(arr.rows[i].visualCacheData.mpcode!=null){
|
||
low_WaterQuality_mpcode_1 += arr.rows[i].visualCacheData.mpcode+",";
|
||
low_WaterQuality_mpcode_2 += arr.rows[i].visualCacheData.mpcode+",";
|
||
low_WaterQuality_mpcode_3 += arr.rows[i].visualCacheData.mpcode+",";
|
||
low_WaterQuality_mpcode_4 += arr.rows[i].visualCacheData.mpcode+",";
|
||
low_WaterQuality_mpcode_5 += arr.rows[i].visualCacheData.mpcode+",";
|
||
low_WaterQuality_mpcode_6 += arr.rows[i].visualCacheData.mpcode+",";
|
||
}
|
||
low_WaterQuality_dataseries_1[0] =low_RawWaterTurbidity_input;
|
||
low_WaterQuality_dataseries_2[0] =low_RawWaterTurbidity_input;
|
||
low_WaterQuality_dataseries_3[0] =low_RawWaterTurbidity_input;
|
||
low_WaterQuality_dataseries_4[0] =low_RawWaterTurbidity_input;
|
||
low_WaterQuality_dataseries_5[0] =low_RawWaterTurbidity_input;
|
||
low_WaterQuality_dataseries_6[0] =low_RawWaterTurbidity_input;
|
||
}
|
||
|
||
if(arr.rows[i].elementCode=='middle_turbidity_1'){
|
||
low_WaterQuality_legenddata.push(arr.rows[i].name);
|
||
var dataseries =[];
|
||
if(arr.rows[i].mPointHistory!=null
|
||
&& arr.rows[i].mPointHistory!=undefined
|
||
&& arr.rows[i].mPointHistory!=''){
|
||
var mPointHistory = arr.rows[i].mPointHistory;
|
||
for(var m=0;m<mPointHistory.length;m++){
|
||
var dataserie =[];
|
||
if(mPointHistory[m].parmvalue!=null
|
||
&& mPointHistory[m].parmvalue!=undefined
|
||
&& mPointHistory[m].parmvalue!=''){
|
||
dataserie.push(mPointHistory[m].measuredt);
|
||
dataserie.push(mPointHistory[m].parmvalue.toFixed(numtail));
|
||
dataseries.push(dataserie);
|
||
}
|
||
}
|
||
}else{
|
||
if(arr.rows[i].visualCacheDataList!=null
|
||
&& arr.rows[i].visualCacheDataList!=undefined
|
||
&& arr.rows[i].visualCacheDataList!=''){
|
||
var visualCacheDataList = arr.rows[i].visualCacheDataList;
|
||
for(var m=0;m<visualCacheDataList.length;m++){
|
||
var dataserie =[];
|
||
if(visualCacheDataList[m].value!=null
|
||
&& visualCacheDataList[m].value!=undefined
|
||
&& visualCacheDataList[m].value!=''){
|
||
dataserie.push(visualCacheDataList[m].insdt);
|
||
dataserie.push(visualCacheDataList[m].value.toFixed(numtail));
|
||
dataseries.push(dataserie);
|
||
}
|
||
}
|
||
}
|
||
}
|
||
low_WaterQuality_dataseries_1[1]={
|
||
name: '中段水浊度',
|
||
type: 'line',
|
||
smooth: true,
|
||
symbol: 'none',
|
||
data: dataseries
|
||
};
|
||
if(arr.rows[i].visualCacheData.mpcode!=null){
|
||
low_WaterQuality_mpcode_1 += arr.rows[i].visualCacheData.mpcode+",";
|
||
}
|
||
}
|
||
if(arr.rows[i].elementCode=='after_sedimentation_turbidity_1'){
|
||
low_WaterQuality_legenddata.push(arr.rows[i].name);
|
||
var dataseries =[];
|
||
if(arr.rows[i].mPointHistory!=null
|
||
&& arr.rows[i].mPointHistory!=undefined
|
||
&& arr.rows[i].mPointHistory!=''){
|
||
var mPointHistory = arr.rows[i].mPointHistory;
|
||
for(var m=0;m<mPointHistory.length;m++){
|
||
var dataserie =[];
|
||
if(mPointHistory[m].parmvalue!=null
|
||
&& mPointHistory[m].parmvalue!=undefined
|
||
&& mPointHistory[m].parmvalue!=''){
|
||
dataserie.push(mPointHistory[m].measuredt);
|
||
dataserie.push(mPointHistory[m].parmvalue.toFixed(numtail));
|
||
dataseries.push(dataserie);
|
||
}
|
||
}
|
||
}else{
|
||
if(arr.rows[i].visualCacheDataList!=null
|
||
&& arr.rows[i].visualCacheDataList!=undefined
|
||
&& arr.rows[i].visualCacheDataList!=''){
|
||
var visualCacheDataList = arr.rows[i].visualCacheDataList;
|
||
for(var m=0;m<visualCacheDataList.length;m++){
|
||
var dataserie =[];
|
||
if(visualCacheDataList[m].value!=null
|
||
&& visualCacheDataList[m].value!=undefined
|
||
&& visualCacheDataList[m].value!=''){
|
||
dataserie.push(visualCacheDataList[m].insdt);
|
||
dataserie.push(visualCacheDataList[m].value.toFixed(numtail));
|
||
dataseries.push(dataserie);
|
||
}
|
||
}
|
||
}
|
||
}
|
||
low_WaterQuality_dataseries_1[2]={
|
||
name: '沉后水浊度',
|
||
type: 'line',
|
||
smooth: true,
|
||
symbol: 'none',
|
||
data: dataseries
|
||
};
|
||
if(arr.rows[i].visualCacheData.mpcode!=null){
|
||
low_WaterQuality_mpcode_1 += arr.rows[i].visualCacheData.mpcode+",";
|
||
}
|
||
}
|
||
if(arr.rows[i].elementCode=='middle_turbidity_2'){
|
||
low_WaterQuality_legenddata.push(arr.rows[i].name);
|
||
var dataseries =[];
|
||
if(arr.rows[i].mPointHistory!=null
|
||
&& arr.rows[i].mPointHistory!=undefined
|
||
&& arr.rows[i].mPointHistory!=''){
|
||
var mPointHistory = arr.rows[i].mPointHistory;
|
||
for(var m=0;m<mPointHistory.length;m++){
|
||
var dataserie =[];
|
||
if(mPointHistory[m].parmvalue!=null
|
||
&& mPointHistory[m].parmvalue!=undefined
|
||
&& mPointHistory[m].parmvalue!=''){
|
||
dataserie.push(mPointHistory[m].measuredt);
|
||
dataserie.push(mPointHistory[m].parmvalue.toFixed(numtail));
|
||
dataseries.push(dataserie);
|
||
}
|
||
}
|
||
}else{
|
||
if(arr.rows[i].visualCacheDataList!=null
|
||
&& arr.rows[i].visualCacheDataList!=undefined
|
||
&& arr.rows[i].visualCacheDataList!=''){
|
||
var visualCacheDataList = arr.rows[i].visualCacheDataList;
|
||
for(var m=0;m<visualCacheDataList.length;m++){
|
||
var dataserie =[];
|
||
if(visualCacheDataList[m].value!=null
|
||
&& visualCacheDataList[m].value!=undefined
|
||
&& visualCacheDataList[m].value!=''){
|
||
dataserie.push(visualCacheDataList[m].insdt);
|
||
dataserie.push(visualCacheDataList[m].value.toFixed(numtail));
|
||
dataseries.push(dataserie);
|
||
}
|
||
}
|
||
}
|
||
}
|
||
low_WaterQuality_dataseries_2[1]={
|
||
name: '中段水浊度',
|
||
type: 'line',
|
||
smooth: true,symbol: 'none',
|
||
data: dataseries
|
||
};
|
||
if(arr.rows[i].visualCacheData.mpcode!=null){
|
||
low_WaterQuality_mpcode_2 += arr.rows[i].visualCacheData.mpcode+",";
|
||
}
|
||
}
|
||
if(arr.rows[i].elementCode=='after_sedimentation_turbidity_2'){
|
||
low_WaterQuality_legenddata.push(arr.rows[i].name);
|
||
var dataseries =[];
|
||
if(arr.rows[i].mPointHistory!=null
|
||
&& arr.rows[i].mPointHistory!=undefined
|
||
&& arr.rows[i].mPointHistory!=''){
|
||
var mPointHistory = arr.rows[i].mPointHistory;
|
||
for(var m=0;m<mPointHistory.length;m++){
|
||
var dataserie =[];
|
||
if(mPointHistory[m].parmvalue!=null
|
||
&& mPointHistory[m].parmvalue!=undefined
|
||
&& mPointHistory[m].parmvalue!=''){
|
||
dataserie.push(mPointHistory[m].measuredt);
|
||
dataserie.push(mPointHistory[m].parmvalue.toFixed(numtail));
|
||
dataseries.push(dataserie);
|
||
}
|
||
}
|
||
}else{
|
||
if(arr.rows[i].visualCacheDataList!=null
|
||
&& arr.rows[i].visualCacheDataList!=undefined
|
||
&& arr.rows[i].visualCacheDataList!=''){
|
||
var visualCacheDataList = arr.rows[i].visualCacheDataList;
|
||
for(var m=0;m<visualCacheDataList.length;m++){
|
||
var dataserie =[];
|
||
if(visualCacheDataList[m].value!=null
|
||
&& visualCacheDataList[m].value!=undefined
|
||
&& visualCacheDataList[m].value!=''){
|
||
dataserie.push(visualCacheDataList[m].insdt);
|
||
dataserie.push(visualCacheDataList[m].value.toFixed(numtail));
|
||
dataseries.push(dataserie);
|
||
}
|
||
}
|
||
}
|
||
}
|
||
low_WaterQuality_dataseries_2[2]={
|
||
name: '沉后水浊度',
|
||
type: 'line',
|
||
smooth: true,symbol: 'none',
|
||
data: dataseries
|
||
};
|
||
if(arr.rows[i].visualCacheData.mpcode!=null){
|
||
low_WaterQuality_mpcode_2 += arr.rows[i].visualCacheData.mpcode+",";
|
||
}
|
||
}
|
||
if(arr.rows[i].elementCode=='middle_turbidity_3'){
|
||
low_WaterQuality_legenddata.push(arr.rows[i].name);
|
||
var dataseries =[];
|
||
if(arr.rows[i].mPointHistory!=null
|
||
&& arr.rows[i].mPointHistory!=undefined
|
||
&& arr.rows[i].mPointHistory!=''){
|
||
var mPointHistory = arr.rows[i].mPointHistory;
|
||
for(var m=0;m<mPointHistory.length;m++){
|
||
var dataserie =[];
|
||
if(mPointHistory[m].parmvalue!=null
|
||
&& mPointHistory[m].parmvalue!=undefined
|
||
&& mPointHistory[m].parmvalue!=''){
|
||
dataserie.push(mPointHistory[m].measuredt);
|
||
dataserie.push(mPointHistory[m].parmvalue.toFixed(numtail));
|
||
dataseries.push(dataserie);
|
||
}
|
||
}
|
||
}else{
|
||
if(arr.rows[i].visualCacheDataList!=null
|
||
&& arr.rows[i].visualCacheDataList!=undefined
|
||
&& arr.rows[i].visualCacheDataList!=''){
|
||
var visualCacheDataList = arr.rows[i].visualCacheDataList;
|
||
for(var m=0;m<visualCacheDataList.length;m++){
|
||
var dataserie =[];
|
||
if(visualCacheDataList[m].value!=null
|
||
&& visualCacheDataList[m].value!=undefined
|
||
&& visualCacheDataList[m].value!=''){
|
||
dataserie.push(visualCacheDataList[m].insdt);
|
||
dataserie.push(visualCacheDataList[m].value.toFixed(numtail));
|
||
dataseries.push(dataserie);
|
||
}
|
||
}
|
||
}
|
||
}
|
||
low_WaterQuality_dataseries_3[1]={
|
||
name: '中段水浊度',
|
||
type: 'line',
|
||
smooth: true,symbol: 'none',
|
||
data: dataseries
|
||
};
|
||
if(arr.rows[i].visualCacheData.mpcode!=null){
|
||
low_WaterQuality_mpcode_3 += arr.rows[i].visualCacheData.mpcode+",";
|
||
}
|
||
}
|
||
if(arr.rows[i].elementCode=='after_sedimentation_turbidity_3'){
|
||
low_WaterQuality_legenddata.push(arr.rows[i].name);
|
||
var dataseries =[];
|
||
if(arr.rows[i].mPointHistory!=null
|
||
&& arr.rows[i].mPointHistory!=undefined
|
||
&& arr.rows[i].mPointHistory!=''){
|
||
var mPointHistory = arr.rows[i].mPointHistory;
|
||
for(var m=0;m<mPointHistory.length;m++){
|
||
var dataserie =[];
|
||
if(mPointHistory[m].parmvalue!=null
|
||
&& mPointHistory[m].parmvalue!=undefined
|
||
&& mPointHistory[m].parmvalue!=''){
|
||
dataserie.push(mPointHistory[m].measuredt);
|
||
dataserie.push(mPointHistory[m].parmvalue.toFixed(numtail));
|
||
dataseries.push(dataserie);
|
||
}
|
||
}
|
||
}else{
|
||
if(arr.rows[i].visualCacheDataList!=null
|
||
&& arr.rows[i].visualCacheDataList!=undefined
|
||
&& arr.rows[i].visualCacheDataList!=''){
|
||
var visualCacheDataList = arr.rows[i].visualCacheDataList;
|
||
for(var m=0;m<visualCacheDataList.length;m++){
|
||
var dataserie =[];
|
||
if(visualCacheDataList[m].value!=null
|
||
&& visualCacheDataList[m].value!=undefined
|
||
&& visualCacheDataList[m].value!=''){
|
||
dataserie.push(visualCacheDataList[m].insdt);
|
||
dataserie.push(visualCacheDataList[m].value.toFixed(numtail));
|
||
dataseries.push(dataserie);
|
||
}
|
||
}
|
||
}
|
||
}
|
||
low_WaterQuality_dataseries_3[2]={
|
||
name: '沉后水浊度',
|
||
type: 'line',
|
||
smooth: true,symbol: 'none',
|
||
data: dataseries
|
||
};
|
||
if(arr.rows[i].visualCacheData.mpcode!=null){
|
||
low_WaterQuality_mpcode_3 += arr.rows[i].visualCacheData.mpcode+",";
|
||
}
|
||
}
|
||
if(arr.rows[i].elementCode=='middle_turbidity_4'){
|
||
low_WaterQuality_legenddata.push(arr.rows[i].name);
|
||
var dataseries =[];
|
||
if(arr.rows[i].mPointHistory!=null
|
||
&& arr.rows[i].mPointHistory!=undefined
|
||
&& arr.rows[i].mPointHistory!=''){
|
||
var mPointHistory = arr.rows[i].mPointHistory;
|
||
for(var m=0;m<mPointHistory.length;m++){
|
||
var dataserie =[];
|
||
if(mPointHistory[m].parmvalue!=null
|
||
&& mPointHistory[m].parmvalue!=undefined
|
||
&& mPointHistory[m].parmvalue!=''){
|
||
dataserie.push(mPointHistory[m].measuredt);
|
||
dataserie.push(mPointHistory[m].parmvalue.toFixed(numtail));
|
||
dataseries.push(dataserie);
|
||
}
|
||
}
|
||
}else{
|
||
if(arr.rows[i].visualCacheDataList!=null
|
||
&& arr.rows[i].visualCacheDataList!=undefined
|
||
&& arr.rows[i].visualCacheDataList!=''){
|
||
var visualCacheDataList = arr.rows[i].visualCacheDataList;
|
||
for(var m=0;m<visualCacheDataList.length;m++){
|
||
var dataserie =[];
|
||
if(visualCacheDataList[m].value!=null
|
||
&& visualCacheDataList[m].value!=undefined
|
||
&& visualCacheDataList[m].value!=''){
|
||
dataserie.push(visualCacheDataList[m].insdt);
|
||
dataserie.push(visualCacheDataList[m].value.toFixed(numtail));
|
||
dataseries.push(dataserie);
|
||
}
|
||
}
|
||
}
|
||
}
|
||
low_WaterQuality_dataseries_4[1]={
|
||
name: '中段水浊度',
|
||
type: 'line',
|
||
smooth: true,symbol: 'none',
|
||
data: dataseries
|
||
};
|
||
if(arr.rows[i].visualCacheData.mpcode!=null){
|
||
low_WaterQuality_mpcode_4 += arr.rows[i].visualCacheData.mpcode+",";
|
||
}
|
||
}
|
||
if(arr.rows[i].elementCode=='after_sedimentation_turbidity_4'){
|
||
low_WaterQuality_legenddata.push(arr.rows[i].name);
|
||
var dataseries =[];
|
||
if(arr.rows[i].mPointHistory!=null
|
||
&& arr.rows[i].mPointHistory!=undefined
|
||
&& arr.rows[i].mPointHistory!=''){
|
||
var mPointHistory = arr.rows[i].mPointHistory;
|
||
for(var m=0;m<mPointHistory.length;m++){
|
||
var dataserie =[];
|
||
if(mPointHistory[m].parmvalue!=null
|
||
&& mPointHistory[m].parmvalue!=undefined
|
||
&& mPointHistory[m].parmvalue!=''){
|
||
dataserie.push(mPointHistory[m].measuredt);
|
||
dataserie.push(mPointHistory[m].parmvalue.toFixed(numtail));
|
||
dataseries.push(dataserie);
|
||
}
|
||
}
|
||
}else{
|
||
if(arr.rows[i].visualCacheDataList!=null
|
||
&& arr.rows[i].visualCacheDataList!=undefined
|
||
&& arr.rows[i].visualCacheDataList!=''){
|
||
var visualCacheDataList = arr.rows[i].visualCacheDataList;
|
||
for(var m=0;m<visualCacheDataList.length;m++){
|
||
var dataserie =[];
|
||
if(visualCacheDataList[m].value!=null
|
||
&& visualCacheDataList[m].value!=undefined
|
||
&& visualCacheDataList[m].value!=''){
|
||
dataserie.push(visualCacheDataList[m].insdt);
|
||
dataserie.push(visualCacheDataList[m].value.toFixed(numtail));
|
||
dataseries.push(dataserie);
|
||
}
|
||
}
|
||
}
|
||
}
|
||
low_WaterQuality_dataseries_4[2]={
|
||
name: '沉后水浊度',
|
||
type: 'line',
|
||
smooth: true,symbol: 'none',
|
||
data: dataseries
|
||
};
|
||
if(arr.rows[i].visualCacheData.mpcode!=null){
|
||
low_WaterQuality_mpcode_4 += arr.rows[i].visualCacheData.mpcode+",";
|
||
}
|
||
}
|
||
if(arr.rows[i].elementCode=='middle_turbidity_5'){
|
||
low_WaterQuality_legenddata.push(arr.rows[i].name);
|
||
var dataseries =[];
|
||
if(arr.rows[i].mPointHistory!=null
|
||
&& arr.rows[i].mPointHistory!=undefined
|
||
&& arr.rows[i].mPointHistory!=''){
|
||
var mPointHistory = arr.rows[i].mPointHistory;
|
||
for(var m=0;m<mPointHistory.length;m++){
|
||
var dataserie =[];
|
||
if(mPointHistory[m].parmvalue!=null
|
||
&& mPointHistory[m].parmvalue!=undefined
|
||
&& mPointHistory[m].parmvalue!=''){
|
||
dataserie.push(mPointHistory[m].measuredt);
|
||
dataserie.push(mPointHistory[m].parmvalue.toFixed(numtail));
|
||
dataseries.push(dataserie);
|
||
}
|
||
}
|
||
}else{
|
||
if(arr.rows[i].visualCacheDataList!=null
|
||
&& arr.rows[i].visualCacheDataList!=undefined
|
||
&& arr.rows[i].visualCacheDataList!=''){
|
||
var visualCacheDataList = arr.rows[i].visualCacheDataList;
|
||
for(var m=0;m<visualCacheDataList.length;m++){
|
||
var dataserie =[];
|
||
if(visualCacheDataList[m].value!=null
|
||
&& visualCacheDataList[m].value!=undefined
|
||
&& visualCacheDataList[m].value!=''){
|
||
dataserie.push(visualCacheDataList[m].insdt);
|
||
dataserie.push(visualCacheDataList[m].value.toFixed(numtail));
|
||
dataseries.push(dataserie);
|
||
}
|
||
}
|
||
}
|
||
}
|
||
low_WaterQuality_dataseries_5[1]={
|
||
name: '中段水浊度',
|
||
type: 'line',
|
||
smooth: true,symbol: 'none',
|
||
data: dataseries
|
||
};
|
||
if(arr.rows[i].visualCacheData.mpcode!=null){
|
||
low_WaterQuality_mpcode_5 += arr.rows[i].visualCacheData.mpcode+",";
|
||
}
|
||
}
|
||
if(arr.rows[i].elementCode=='after_sedimentation_turbidity_5'){
|
||
low_WaterQuality_legenddata.push(arr.rows[i].name);
|
||
var dataseries =[];
|
||
if(arr.rows[i].mPointHistory!=null
|
||
&& arr.rows[i].mPointHistory!=undefined
|
||
&& arr.rows[i].mPointHistory!=''){
|
||
var mPointHistory = arr.rows[i].mPointHistory;
|
||
for(var m=0;m<mPointHistory.length;m++){
|
||
var dataserie =[];
|
||
if(mPointHistory[m].parmvalue!=null
|
||
&& mPointHistory[m].parmvalue!=undefined
|
||
&& mPointHistory[m].parmvalue!=''){
|
||
dataserie.push(mPointHistory[m].measuredt);
|
||
dataserie.push(mPointHistory[m].parmvalue.toFixed(numtail));
|
||
dataseries.push(dataserie);
|
||
}
|
||
}
|
||
}else{
|
||
if(arr.rows[i].visualCacheDataList!=null
|
||
&& arr.rows[i].visualCacheDataList!=undefined
|
||
&& arr.rows[i].visualCacheDataList!=''){
|
||
var visualCacheDataList = arr.rows[i].visualCacheDataList;
|
||
for(var m=0;m<visualCacheDataList.length;m++){
|
||
var dataserie =[];
|
||
if(visualCacheDataList[m].value!=null
|
||
&& visualCacheDataList[m].value!=undefined
|
||
&& visualCacheDataList[m].value!=''){
|
||
dataserie.push(visualCacheDataList[m].insdt);
|
||
dataserie.push(visualCacheDataList[m].value.toFixed(numtail));
|
||
dataseries.push(dataserie);
|
||
}
|
||
}
|
||
}
|
||
}
|
||
low_WaterQuality_dataseries_5[2]={
|
||
name: '沉后水浊度',
|
||
type: 'line',
|
||
smooth: true,symbol: 'none',
|
||
data: dataseries
|
||
};
|
||
if(arr.rows[i].visualCacheData.mpcode!=null){
|
||
low_WaterQuality_mpcode_5 += arr.rows[i].visualCacheData.mpcode+",";
|
||
}
|
||
}
|
||
if(arr.rows[i].elementCode=='middle_turbidity_6'){
|
||
low_WaterQuality_legenddata.push(arr.rows[i].name);
|
||
var dataseries =[];
|
||
if(arr.rows[i].mPointHistory!=null
|
||
&& arr.rows[i].mPointHistory!=undefined
|
||
&& arr.rows[i].mPointHistory!=''){
|
||
var mPointHistory = arr.rows[i].mPointHistory;
|
||
for(var m=0;m<mPointHistory.length;m++){
|
||
var dataserie =[];
|
||
if(mPointHistory[m].parmvalue!=null
|
||
&& mPointHistory[m].parmvalue!=undefined
|
||
&& mPointHistory[m].parmvalue!=''){
|
||
dataserie.push(mPointHistory[m].measuredt);
|
||
dataserie.push(mPointHistory[m].parmvalue.toFixed(numtail));
|
||
dataseries.push(dataserie);
|
||
}
|
||
}
|
||
}else{
|
||
if(arr.rows[i].visualCacheDataList!=null
|
||
&& arr.rows[i].visualCacheDataList!=undefined
|
||
&& arr.rows[i].visualCacheDataList!=''){
|
||
var visualCacheDataList = arr.rows[i].visualCacheDataList;
|
||
for(var m=0;m<visualCacheDataList.length;m++){
|
||
var dataserie =[];
|
||
if(visualCacheDataList[m].value!=null
|
||
&& visualCacheDataList[m].value!=undefined
|
||
&& visualCacheDataList[m].value!=''){
|
||
dataserie.push(visualCacheDataList[m].insdt);
|
||
dataserie.push(visualCacheDataList[m].value.toFixed(numtail));
|
||
dataseries.push(dataserie);
|
||
}
|
||
}
|
||
}
|
||
}
|
||
low_WaterQuality_dataseries_6[1]={
|
||
name: '中段水浊度',
|
||
type: 'line',
|
||
smooth: true,symbol: 'none',
|
||
data: dataseries
|
||
};
|
||
if(arr.rows[i].visualCacheData.mpcode!=null){
|
||
low_WaterQuality_mpcode_6 += arr.rows[i].visualCacheData.mpcode+",";
|
||
}
|
||
}
|
||
if(arr.rows[i].elementCode=='after_sedimentation_turbidity_6'){
|
||
low_WaterQuality_legenddata.push(arr.rows[i].name);
|
||
var dataseries =[];
|
||
if(arr.rows[i].mPointHistory!=null
|
||
&& arr.rows[i].mPointHistory!=undefined
|
||
&& arr.rows[i].mPointHistory!=''){
|
||
var mPointHistory = arr.rows[i].mPointHistory;
|
||
for(var m=0;m<mPointHistory.length;m++){
|
||
var dataserie =[];
|
||
if(mPointHistory[m].parmvalue!=null
|
||
&& mPointHistory[m].parmvalue!=undefined
|
||
&& mPointHistory[m].parmvalue!=''){
|
||
dataserie.push(mPointHistory[m].measuredt);
|
||
dataserie.push(mPointHistory[m].parmvalue.toFixed(numtail));
|
||
dataseries.push(dataserie);
|
||
}
|
||
}
|
||
}else{
|
||
if(arr.rows[i].visualCacheDataList!=null
|
||
&& arr.rows[i].visualCacheDataList!=undefined
|
||
&& arr.rows[i].visualCacheDataList!=''){
|
||
var visualCacheDataList = arr.rows[i].visualCacheDataList;
|
||
for(var m=0;m<visualCacheDataList.length;m++){
|
||
var dataserie =[];
|
||
if(visualCacheDataList[m].value!=null
|
||
&& visualCacheDataList[m].value!=undefined
|
||
&& visualCacheDataList[m].value!=''){
|
||
dataserie.push(visualCacheDataList[m].insdt);
|
||
dataserie.push(visualCacheDataList[m].value.toFixed(numtail));
|
||
dataseries.push(dataserie);
|
||
}
|
||
}
|
||
}
|
||
}
|
||
low_WaterQuality_dataseries_6[2]={
|
||
name: '沉后水浊度',
|
||
type: 'line',
|
||
smooth: true,symbol: 'none',
|
||
data: dataseries
|
||
};
|
||
if(arr.rows[i].visualCacheData.mpcode!=null){
|
||
low_WaterQuality_mpcode_6 += arr.rows[i].visualCacheData.mpcode+",";
|
||
}
|
||
}
|
||
/* if(arr.rows[i].elementCode=='low_dosage'){
|
||
var mPointHistory = arr.rows[i].mPointHistory;
|
||
var dataseries =[];
|
||
for(var m=0;m<mPointHistory.length;m++){
|
||
dataseries.push(mPointHistory[m].parmvalue.toFixed(numtail));
|
||
}
|
||
low_dosage_dataseries[0]=dataseries;
|
||
}
|
||
if(arr.rows[i].elementCode=='low_dosage_forecast'){
|
||
var mPointHistory = arr.rows[i].mPointHistory;
|
||
var dataseries =[];
|
||
for(var m=0;m<mPointHistory.length;m++){
|
||
low_dosage_dataxAxis.push(mPointHistory[m].measuredt.substr(11,16));
|
||
dataseries.push(mPointHistory[m].parmvalue.toFixed(numtail));
|
||
}
|
||
low_dosage_dataseries[1]=dataseries;
|
||
}
|
||
if(arr.rows[i].elementCode=='low_WaterQuality'){
|
||
var mPointHistory = arr.rows[i].mPointHistory;
|
||
var dataseries =[];
|
||
for(var m=0;m<mPointHistory.length;m++){
|
||
dataseries.push(mPointHistory[m].parmvalue.toFixed(numtail));
|
||
}
|
||
low_WaterQuality_dataseries[0]=dataseries;
|
||
}
|
||
if(arr.rows[i].elementCode=='low_WaterQuality_forecast'){
|
||
var mPointHistory = arr.rows[i].mPointHistory;
|
||
var dataseries =[];
|
||
for(var m=0;m<mPointHistory.length;m++){
|
||
low_WaterQuality_dataxAxis.push(mPointHistory[m].measuredt.substr(11,16));
|
||
dataseries.push(mPointHistory[m].parmvalue.toFixed(numtail));
|
||
}
|
||
low_WaterQuality_dataseries[1]=dataseries;
|
||
}*/
|
||
if(arr.rows[i].elementCode==("pump_dosage_1_status")){
|
||
var obj = {"id":"pump_dosage_1","left":"135","top":"550","value":value,"text":arr.rows[i].name};
|
||
imgs_0.push(obj);
|
||
}
|
||
if(arr.rows[i].elementCode==("pump_dosage_2_status")){
|
||
var obj = {"id":"pump_dosage_2","left":"263","top":"550","value":value,"text":arr.rows[i].name};
|
||
imgs_0.push(obj);
|
||
}
|
||
if(arr.rows[i].elementCode==("pump_dosage_3_status")){
|
||
var obj = {"id":"pump_dosage_3","left":"390","top":"550","value":value,"text":arr.rows[i].name};
|
||
imgs_0.push(obj);
|
||
}
|
||
if(arr.rows[i].elementCode==("pump_dosage_4_status")){
|
||
var obj = {"id":"pump_dosage_4","left":"518","top":"550","value":value,"text":arr.rows[i].name};
|
||
imgs_0.push(obj);
|
||
}
|
||
if(arr.rows[i].elementCode==("pump_dosage_5_status")){
|
||
var obj = {"id":"pump_dosage_5","left":"643","top":"550","value":value,"text":arr.rows[i].name};
|
||
imgs_0.push(obj);
|
||
}
|
||
if(arr.rows[i].elementCode==("pump_dosage_6_status")){
|
||
var obj = {"id":"pump_dosage_6","left":"771","top":"550","value":value,"text":arr.rows[i].name};
|
||
imgs_0.push(obj);
|
||
}
|
||
if(arr.rows[i].elementCode==("pump_blender_1_blender_status")){
|
||
var obj = {"id":"pump_blender_1","left":"220","top":"250","value":value,"text":arr.rows[i].name};
|
||
imgs_0.push(obj);
|
||
}
|
||
if(arr.rows[i].elementCode==("pump_blender_2_blender_status")){
|
||
var obj = {"id":"pump_blender_2","left":"405","top":"250","value":value,"text":arr.rows[i].name};
|
||
imgs_0.push(obj);
|
||
}
|
||
if(arr.rows[i].elementCode==("pump_blender_3_blender_status")){
|
||
var obj = {"id":"pump_blender_3","left":"580","top":"250","value":value,"text":arr.rows[i].name};
|
||
imgs_0.push(obj);
|
||
}
|
||
if(arr.rows[i].elementCode==("pump_blender_4_blender_status")){
|
||
var obj = {"id":"pump_blender_4","left":"770","top":"250","value":value,"text":arr.rows[i].name};
|
||
imgs_0.push(obj);
|
||
}
|
||
}
|
||
}
|
||
pumpsImgShow(imgs_0);
|
||
//投矾量
|
||
dosages.push(low_dosage_dataseries_1);
|
||
dosages.push(low_dosage_dataseries_2);
|
||
dosages.push(low_dosage_dataseries_3);
|
||
low_dosage_mpcode.push(low_dosage_mpcode_1);
|
||
low_dosage_mpcode.push(low_dosage_mpcode_2);
|
||
low_dosage_mpcode.push(low_dosage_mpcode_3);
|
||
//沉淀池
|
||
turbiditys.push(low_WaterQuality_dataseries_1);
|
||
turbiditys.push(low_WaterQuality_dataseries_2);
|
||
turbiditys.push(low_WaterQuality_dataseries_3);
|
||
turbiditys.push(low_WaterQuality_dataseries_4);
|
||
turbiditys.push(low_WaterQuality_dataseries_5);
|
||
turbiditys.push(low_WaterQuality_dataseries_6);
|
||
|
||
low_WaterQuality_mpcode.push(low_WaterQuality_mpcode_1);
|
||
low_WaterQuality_mpcode.push(low_WaterQuality_mpcode_2);
|
||
low_WaterQuality_mpcode.push(low_WaterQuality_mpcode_3);
|
||
low_WaterQuality_mpcode.push(low_WaterQuality_mpcode_4);
|
||
low_WaterQuality_mpcode.push(low_WaterQuality_mpcode_5);
|
||
low_WaterQuality_mpcode.push(low_WaterQuality_mpcode_6);
|
||
|
||
var processvalue = $("#processSelect").val();
|
||
changeProcessEchartsLines(processvalue);
|
||
var value = $("#typeSelect").val();
|
||
changeEchartsLines(value);
|
||
//showDoubleLine('low_WaterQuality',low_WaterQuality_legenddata,low_WaterQuality_dataseries);
|
||
//doRowEditPost('low_TotalRawWaterFlow_input');
|
||
//doRowEditPost('low_RawWaterTurbidity_input');
|
||
//doRowEditPost('low_TurbidityOfFilteredWater_input');
|
||
});
|
||
}
|
||
function pumpsShow(imgs){
|
||
var htmlStr="";
|
||
for(var i=0;i<imgs.length;i++){
|
||
var src = "<%=request.getContextPath()%>/IMG/pump/pump_dosage.png";
|
||
var imgWidth = 78;
|
||
var imgHeight = 75;
|
||
if(imgs[i].id.indexOf("blender") >= 0){
|
||
imgWidth = 44;
|
||
imgHeight = 115;
|
||
}
|
||
if(imgs[i].id.indexOf("blender") >= 0){
|
||
//搅拌机
|
||
src = "<%=request.getContextPath()%>/IMG/pump/pump_dosage_blender.png";
|
||
}else{
|
||
//泵
|
||
src = "<%=request.getContextPath()%>/IMG/pump/pump_dosage.png";
|
||
}
|
||
htmlStr += '<label class="bar_label" style="position: absolute;left: '+(imgs[i].left*widthV-25)+'px;top: '+(imgs[i].top*heightV+25)+'px;">'+imgs[i].text+'</label>';
|
||
if(imgs[i].id.indexOf("blender") >= 0){
|
||
htmlStr +=
|
||
'<div class="bar_title" style="width: '+(150*widthIMG)+'px;height: '+(30*heightV)+'px;position: absolute;left: '+(imgs[i].left*widthV-85)+'px;top: '+(imgs[i].top*heightV-65)+'px;">'+
|
||
'<div class="col-xs-6">矾池状态</div><div class="col-xs-6 '+imgs[i].id+'_status pump-text-blue text-center"> </div></div>'+
|
||
/* '<div class=" bar_title" style="width: '+(150*widthIMG)+'px;height: '+(30*heightV)+'px;position: absolute;left: '+(imgs[i].left*widthV-85)+'px;top: '+(imgs[i].top*heightV-65)+'px;">'+
|
||
'<div class="col-xs-6 control-label-overflow" title="搅拌机状态">搅拌机状态</div><div class="col-xs-4 '+imgs[i].id+'_blender_status pump-text-blue text-center"> </div><div class="col-xs-2"> </div></div>'+ */
|
||
'<div class=" bar_title" style="width: '+(150*widthIMG)+'px;height: '+(30*heightV)+'px;position: absolute;left: '+(imgs[i].left*widthV-85)+'px;top: '+(imgs[i].top*heightV-38)+'px;">'+
|
||
'<div class="col-xs-6 control-label-overflow" title="稀释后浓度">稀释后浓度</div><div class="col-xs-4 '+imgs[i].id+'_concentration pump-text-blue text-center"> </div><div class="col-xs-2">%</div></div>'+
|
||
'<div class=" bar_title" style="width: '+(150*widthIMG)+'px;height: '+(30*heightV)+'px;position: absolute;left: '+(imgs[i].left*widthV-85)+'px;top: '+(imgs[i].top*heightV-11)+'px;">'+
|
||
'<div class="col-xs-6">液位</div><div class="col-xs-4 '+imgs[i].id+'_level pump-text-blue text-center"> </div><div class="col-xs-2">m</div></div>';
|
||
}else{
|
||
htmlStr +=
|
||
/* '<div class=" bar_title" style="width: '+(125*widthIMG)+'px;height: '+(30*heightV)+'px;position: absolute;left: '+(imgs[i].left*widthV-60)+'px;top: '+(imgs[i].top*heightV+75*heightIMG+5)+'px;">'+
|
||
'<div class="col-xs-5">状态</div><div class="col-xs-4 '+imgs[i].id+'_status pump-text-blue text-center"> </div><div class="col-xs-3"> </div></div>'+ */
|
||
'<div class=" bar_title" style="width: '+(125*widthIMG)+'px;height: '+(30*heightV)+'px;position: absolute;left: '+(imgs[i].left*widthV-60)+'px;top: '+(imgs[i].top*heightV+75*heightIMG+5)+'px;">'+
|
||
'<div class="col-xs-5">频率</div><div class="col-xs-4 '+imgs[i].id+'_frequency pump-text-blue text-center"> </div><div class="col-xs-3">Hz</div></div>'+
|
||
'<div class=" bar_title" style="width: '+(125*widthIMG)+'px;height: '+(30*heightV)+'px;position: absolute;left: '+(imgs[i].left*widthV-60)+'px;top: '+(imgs[i].top*heightV+75*heightIMG+35)+'px;">'+
|
||
'<div class="col-xs-5">投加量</div><div class="col-xs-4 '+imgs[i].id+'_dosage pump-text-blue text-center"> </div><div class="col-xs-3">L/h</div></div>';
|
||
}
|
||
$(".bgimg-map .bar_title").remove();
|
||
$(".bgimg-map .bar_label").remove();
|
||
$(".bgimg-map").append(htmlStr);
|
||
}
|
||
}
|
||
function pumpsImgShow(imgs){
|
||
for(var i=0;i<imgs.length;i++){
|
||
var htmlStr="";
|
||
var src = "<%=request.getContextPath()%>/IMG/pump/pump_dosage.png";
|
||
var imgWidth = 78;
|
||
var imgHeight = 75;
|
||
if(imgs[i].id.indexOf("blender") >= 0){
|
||
imgWidth = 44;
|
||
imgHeight = 115;
|
||
}
|
||
if(imgs[i].value!=null && imgs[i].value!=undefined && imgs[i].value!='NULL' ){
|
||
if(imgs[i].value==1){
|
||
if(imgs[i].id.indexOf("blender") >= 0){
|
||
//搅拌机
|
||
src = "<%=request.getContextPath()%>/IMG/pump/pump_dosage_blender_green.png";
|
||
}else{
|
||
//泵
|
||
src = "<%=request.getContextPath()%>/IMG/pump/pump_dosage_green.png";
|
||
}
|
||
}else{
|
||
if(imgs[i].value==0){
|
||
if(imgs[i].id.indexOf("blender") >= 0){
|
||
//搅拌机
|
||
src = "<%=request.getContextPath()%>/IMG/pump/pump_dosage_blender_red.png";
|
||
}else{
|
||
//泵
|
||
src = "<%=request.getContextPath()%>/IMG/pump/pump_dosage_red.png";
|
||
}
|
||
}else{
|
||
if(imgs[i].id.indexOf("blender") >= 0){
|
||
//搅拌机
|
||
src = "<%=request.getContextPath()%>/IMG/pump/pump_dosage_blender.png";
|
||
}else{
|
||
//泵
|
||
src = "<%=request.getContextPath()%>/IMG/pump/pump_dosage.png";
|
||
}
|
||
}
|
||
}
|
||
}
|
||
htmlStr += '';
|
||
if(imgs[i].id.indexOf("blender") >= 0){
|
||
htmlStr += '<img id="'+imgs[i].id+'" src= "'+src+'" '+
|
||
' style="width: '+(imgWidth*widthIMG)+'px;height: '+(imgHeight*heightIMG)+'px;position: absolute;left: '+(imgs[i].left*widthV)+'px;top: '+(imgs[i].top*heightV+25)+'px;"/>';
|
||
}else{
|
||
htmlStr += '<img id="'+imgs[i].id+'" src= "'+src+'" '+
|
||
' style="width: '+(imgWidth*widthIMG)+'px;height: '+(imgHeight*heightIMG)+'px;position: absolute;left: '+(imgs[i].left*widthV)+'px;top: '+(imgs[i].top*heightV)+'px;"/>';
|
||
}
|
||
$("#"+imgs[i].id).remove();
|
||
$(".bgimg-map").append(htmlStr);
|
||
}
|
||
}
|
||
function changeEchartsLines(value){
|
||
var low_WaterQuality_dataseries = turbiditys[value-1];
|
||
var low_WaterQuality_legenddata = ['原水浊度','中段水浊度','沉后水浊度'];
|
||
if($("#low_WaterQuality").length > 0){
|
||
$("#low_WaterQuality").attr("data-mpcode",low_WaterQuality_mpcode[value-1]);
|
||
}
|
||
showDoubleLine('low_WaterQuality',low_WaterQuality_legenddata,low_WaterQuality_dataseries);
|
||
}
|
||
function changeProcessEchartsLines(value){
|
||
var low_dosage_dataseries = dosages[value-1];
|
||
if($("#low_dosage").length > 0){
|
||
$("#low_dosage").attr("data-mpcode",low_dosage_mpcode[value-1]);
|
||
}
|
||
showDoubleLine_nolegend('low_dosage',low_dosage_dataseries);
|
||
}
|
||
|
||
function showDoubleLine_nolegend(id,dataseries){
|
||
var option = {
|
||
color: ['#30d4ff', '#d19bff'],
|
||
tooltip: {
|
||
trigger: 'axis',
|
||
},
|
||
grid: {
|
||
top:'22%',
|
||
left: '3%',
|
||
right: '4%',
|
||
bottom: '3%',
|
||
containLabel: true
|
||
},
|
||
xAxis: {
|
||
type: 'time',
|
||
boundaryGap: false,
|
||
splitLine: {
|
||
show: true ,
|
||
lineStyle: {
|
||
color: ['#aaa'] ,
|
||
type: 'dashed' ,
|
||
}
|
||
},
|
||
},
|
||
/* xAxis: {
|
||
type: 'category',
|
||
boundaryGap: false,
|
||
data: dataxAxis,
|
||
splitLine: {
|
||
show: true ,
|
||
lineStyle: {
|
||
color: ['#aaa'] ,
|
||
type: 'dashed' ,
|
||
}
|
||
},
|
||
}, */
|
||
yAxis: {
|
||
type: 'value',
|
||
splitLine: {
|
||
show: true ,
|
||
lineStyle: {
|
||
color: ['#aaa'] ,
|
||
type: 'dashed' ,
|
||
}
|
||
},
|
||
},
|
||
series: dataseries,
|
||
/* series: [
|
||
{
|
||
name: '实时值',
|
||
type: 'line',
|
||
areaStyle: {},
|
||
data: dataseries[0]
|
||
},
|
||
{
|
||
name: '预测值',
|
||
type: 'line',
|
||
data: dataseries[1]
|
||
},
|
||
] */
|
||
};
|
||
var myChart = echarts.init(document.getElementById(id));
|
||
myChart.setOption(option, true);
|
||
}
|
||
function showDoubleLine(id,legenddata,dataseries){
|
||
var option = {
|
||
color: ['#30d4ff', '#d19bff', '#0097ff'],
|
||
tooltip: {
|
||
trigger: 'axis',
|
||
},
|
||
grid: {
|
||
top:'22%',
|
||
left: '3%',
|
||
right: '4%',
|
||
bottom: '3%',
|
||
containLabel: true
|
||
},
|
||
legend: {
|
||
data: legenddata,
|
||
x:'right',
|
||
textStyle: {
|
||
color: '#fff' ,
|
||
fontSize: 12 ,
|
||
},
|
||
icon:'roundRect'
|
||
},
|
||
xAxis: {
|
||
type: 'time',
|
||
boundaryGap: false,
|
||
splitLine: {
|
||
show: true ,
|
||
lineStyle: {
|
||
color: ['#aaa'] ,
|
||
type: 'dashed' ,
|
||
}
|
||
},
|
||
},
|
||
/* xAxis: {
|
||
type: 'category',
|
||
boundaryGap: false,
|
||
data: dataxAxis,
|
||
splitLine: {
|
||
show: true ,
|
||
lineStyle: {
|
||
color: ['#aaa'] ,
|
||
type: 'dashed' ,
|
||
}
|
||
},
|
||
}, */
|
||
yAxis: [
|
||
{
|
||
type: 'value',
|
||
splitLine: {
|
||
show: true ,
|
||
lineStyle: {
|
||
color: ['#aaa'] ,
|
||
type: 'dashed' ,
|
||
}
|
||
},
|
||
},{
|
||
type: 'value',
|
||
splitLine: {
|
||
show: false ,
|
||
},
|
||
}
|
||
],
|
||
series: dataseries,
|
||
/* series: [
|
||
{
|
||
name: '实时值',
|
||
type: 'line',
|
||
areaStyle: {},
|
||
data: dataseries[0]
|
||
},
|
||
{
|
||
name: '预测值',
|
||
type: 'line',
|
||
data: dataseries[1]
|
||
},
|
||
] */
|
||
};
|
||
var myChart = echarts.init(document.getElementById(id));
|
||
myChart.setOption(option, true);
|
||
}
|
||
function showBar(id,data,dataMax){
|
||
var option = {
|
||
grid: {
|
||
left: 0 ,
|
||
top: 0 ,
|
||
right: 0 ,
|
||
bottom: 0 ,
|
||
},
|
||
xAxis: {
|
||
type: 'category',
|
||
axisLabel: {
|
||
show: false
|
||
},
|
||
axisTick: {
|
||
show: false
|
||
},
|
||
axisLine: {
|
||
show: false
|
||
},
|
||
splitLine: {
|
||
show: false
|
||
}
|
||
},
|
||
yAxis: {
|
||
type: 'value',
|
||
axisLabel: {
|
||
show: false
|
||
},
|
||
axisTick: {
|
||
show: false
|
||
},
|
||
axisLine: {
|
||
show: false
|
||
},
|
||
splitLine: {
|
||
show: false
|
||
},
|
||
max:dataMax,
|
||
},
|
||
series: [{
|
||
data: [data],
|
||
type: 'bar',
|
||
itemStyle: {
|
||
color: new echarts.graphic.LinearGradient(
|
||
0, 0, 0, 1,
|
||
[
|
||
{offset: 0, color: '#94EBFF'},
|
||
{offset: 0.5, color: '#62D1FF'},
|
||
{offset: 1, color: '#2AB4FF'}
|
||
]
|
||
)
|
||
},
|
||
}]
|
||
};
|
||
var myChart = echarts.init(document.getElementById(id));
|
||
myChart.setOption(option, true);
|
||
}
|
||
//添加千分位符合
|
||
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 doRowEditPost(id){
|
||
var search_pid = 'FS_SK11_C';
|
||
$("#"+id).editable({
|
||
url: function (params) {
|
||
var mpointid = $(this).attr("data-mpcode");
|
||
var value = params.value;
|
||
//异步提交修改
|
||
$.ajax({
|
||
type: 'POST',
|
||
url: ext.contextPath + '/equipment/pump/doRowEditPost.do',
|
||
data: {value:value,mpointid:mpointid,bizid:search_pid},
|
||
dataType:"json",
|
||
success: function (data) {
|
||
if(data.result==1){
|
||
alert("修改成功！");
|
||
refresh();
|
||
}else{
|
||
alert("修改失败！");
|
||
}
|
||
},
|
||
error: function () { alert("出错了");}
|
||
});
|
||
},
|
||
type: 'text',
|
||
disabled: false, //是否禁用编辑
|
||
mode: "popup", //编辑框的模式：支持popup和inline两种模式，默认是popup
|
||
validate: function (value) { //字段验证
|
||
if (!$.trim(value)) {
|
||
return '不能为空';
|
||
}
|
||
}
|
||
});
|
||
}
|
||
function showLine(ele) {
|
||
var mpcode = $(ele).attr("data-mpcode");
|
||
$.post(ext.contextPath + '/data/showOnlyLine.do', {mpcode: mpcode, unitId: unitId}, function (data2) {
|
||
$("#subDiv").html(data2);
|
||
openModal('curveModal');
|
||
});
|
||
}
|
||
</script>
|
||
|
||
</head>
|
||
<body class="hold-transition ${cu.themeclass} sidebar-mini">
|
||
<div class="wrapper">
|
||
<div class="content-wrapper bg_color" style=" overflow-x: auto;padding:10px 20px 0px 20px;">
|
||
<div id="subDiv"></div>
|
||
<!-- BEGIN CONTAINER -->
|
||
<input type="hidden" name="todayAddnum" value="${todayAddnum}">
|
||
<input type="hidden" name="todonum" value="${todonum}">
|
||
<input type="hidden" name="donownum" value="${donownum}">
|
||
<input type="hidden" name="jsp_id" id="jsp_id" value="">
|
||
<input type="hidden" name="time_input" id="time_input" value="${nowDate}">
|
||
<div class="row" >
|
||
<div class="col-lg-7 col-md-7 col-sm-12 col-xs-12">
|
||
<div class="bgimg-map table-text-white">
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-5 col-md-5 col-sm-12 col-xs-12">
|
||
<div class="floattop_div_1 thumbnail bg_color" style="overflow:hidden;">
|
||
<div class="nav-tabs-custom bg_color" style="margin-bottom:0px;">
|
||
<ul class="nav nav-tabs" id="tab1_ul" >
|
||
<li id="tab_1_li" role="presentation" class="active" >
|
||
<a href="#tab_1" role="tab" data-toggle="tab" aria-expanded="true" id="shakou_Dosage">智能投矾模型</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="tab-content" style="padding: 5px;">
|
||
<div role="tabpanel" class="tab-pane active" id="tab_1">
|
||
<div class="row" >
|
||
<label class="col-lg-6 col-md-6 col-sm-12 col-xs-12 pump-text pump-text-bold pump-text-blue">实时流量数据</label>
|
||
<label class="col-lg-6 col-md-6 col-sm-12 col-xs-12 pump-text pump-text-bold pump-text-blue">实时投药数据</label>
|
||
</div>
|
||
<div class="row" >
|
||
<label class="col-lg-6 col-md-6 col-sm-12 col-xs-12 pump-text pump-text-initial pump-text-small pump-text-blue">原水总流量<a href="javascript:;"
|
||
class="pump-text-white low_TotalRawWaterFlow_input" data-mpcode="">0</a>m³/h</label>
|
||
<label class="col-lg-6 col-md-6 col-sm-12 col-xs-12 pump-text pump-text-initial pump-text-small pump-text-blue">矾原液浓度<a href="javascript:;"
|
||
class="pump-text-white alum_stock_solution_concentration" data-mpcode="">0</a>%</label>
|
||
</div>
|
||
<div class="row" >
|
||
<label class="col-lg-6 col-md-6 col-sm-12 col-xs-12 pump-text pump-text-initial pump-text-small pump-text-blue">一流程原水流量<a href="javascript:;"
|
||
class="pump-text-white raw_water_flow_one" data-mpcode="">0</a>m³/h</label>
|
||
<label class="col-lg-6 col-md-6 col-sm-12 col-xs-12 pump-text pump-text-initial pump-text-small pump-text-blue">矾稀释后浓度<a href="javascript:;"
|
||
class="pump-text-white concentration_of_alum_after_dilution">0</a>%</label>
|
||
</div>
|
||
<div class="row" >
|
||
<label class="col-lg-6 col-md-6 col-sm-12 col-xs-12 pump-text pump-text-initial pump-text-small pump-text-blue">二流程原水流量<a href="javascript:;"
|
||
class="pump-text-white raw_water_flow_two" data-mpcode="">0</a>m³/h</label>
|
||
</div>
|
||
<div class="row" >
|
||
<label class="col-lg-6 col-md-6 col-sm-12 col-xs-12 pump-text pump-text-initial pump-text-small pump-text-blue">三流程原水流量<a href="javascript:;"
|
||
class="pump-text-white raw_water_flow_three" data-mpcode="">0</a>m³/h</label>
|
||
</div>
|
||
<div class="right-middle" style="width:100%;">
|
||
<div class="row" style="padding-top: 5px;">
|
||
<label class="col-lg-6 col-md-6 col-sm-12 col-xs-12 pump-text pump-text-initial pump-text-blue"><i class="iconfont iconshishigailan pump-text-small"></i> 实时值</label>
|
||
<label class="col-lg-6 col-md-6 col-sm-12 col-xs-12 pump-text pump-text-initial pump-text-red"><i class="iconfont iconyuce pump-text-small"></i> 计算值</label>
|
||
</div>
|
||
<!-- <div class="row" >
|
||
<label class="col-lg-6 col-md-6 col-sm-12 col-xs-12 pump-text pump-text-initial pump-text-small pump-text-blue">实际投矾量<span
|
||
class="pump-text-white alum_dosage">0</span>L/h</label>
|
||
<label class="col-lg-6 col-md-6 col-sm-12 col-xs-12 pump-text pump-text-initial pump-text-small pump-text-red">建议投矾量<span
|
||
class="pump-text-white alum_dosage_forecast">0</span>L/h</label>
|
||
</div> -->
|
||
<div class="row" >
|
||
<label class="col-lg-6 col-md-6 col-sm-12 col-xs-12 pump-text pump-text-initial pump-text-small pump-text-blue">一流程实际投矾量<span
|
||
class="pump-text-white process_1_alum_dosage">0</span>L/h</label>
|
||
<label class="col-lg-6 col-md-6 col-sm-12 col-xs-12 pump-text pump-text-initial pump-text-small pump-text-red">一流程建议投矾量<span
|
||
class="pump-text-white process_1_alum_dosage_forecast">0</span>L/h</label>
|
||
</div><div class="row" >
|
||
<label class="col-lg-6 col-md-6 col-sm-12 col-xs-12 pump-text pump-text-initial pump-text-small pump-text-blue">二流程实际投矾量<span
|
||
class="pump-text-white process_2_alum_dosage">0</span>L/h</label>
|
||
<label class="col-lg-6 col-md-6 col-sm-12 col-xs-12 pump-text pump-text-initial pump-text-small pump-text-red">二流程建议投矾量<span
|
||
class="pump-text-white process_2_alum_dosage_forecast">0</span>L/h</label>
|
||
</div><div class="row" >
|
||
<label class="col-lg-6 col-md-6 col-sm-12 col-xs-12 pump-text pump-text-initial pump-text-small pump-text-blue">三流程实际投矾量<span
|
||
class="pump-text-white process_3_alum_dosage">0</span>L/h</label>
|
||
<label class="col-lg-6 col-md-6 col-sm-12 col-xs-12 pump-text pump-text-initial pump-text-small pump-text-red">三流程建议投矾量<span
|
||
class="pump-text-white process_3_alum_dosage_forecast">0</span>L/h</label>
|
||
</div>
|
||
<select id ="processSelect" class="form-control select2 input-sm processSelect" onchange="changeProcessEchartsLines(this.value)" >
|
||
<option value="1" selected>一流程</option>
|
||
<option value="2">二流程</option>
|
||
<option value="3">三流程</option>
|
||
</select>
|
||
<div class="chart_line" id="low_dosage" style="width:100%;height: 190px;" data-mpcode="" onclick="showLine(this)" ></div>
|
||
</div>
|
||
<div class="row" style="padding-top: 5px;">
|
||
<label class="col-lg-4 col-md-4 col-sm-12 col-xs-12 pump-text pump-text-bold pump-text-blue">实时水质数据</label>
|
||
<label class="col-lg-6 col-md-6 col-sm-12 col-xs-12 pump-text pump-text-initial pump-text-small pump-text-blue">原水浊度<a href="javascript:;"
|
||
class="pump-text-white low_RawWaterTurbidity_input" data-mpcode="">0</a>NTU</label>
|
||
</div>
|
||
<div class="row water-quality-data" >
|
||
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" >
|
||
<table class="table text-center" style="margin-bottom: 10px;">
|
||
<tr>
|
||
<td class="pump-text pump-text-initial pump-text-small pump-text-blue control-label-overflow" title="过程水浊度">过程水浊度</td>
|
||
<td class="pump-text pump-text-initial pump-text-small pump-text-blue control-label-overflow" title="1#沉淀池">1#沉淀池</td>
|
||
<td class="pump-text pump-text-initial pump-text-small pump-text-blue control-label-overflow" title="2#沉淀池">2#沉淀池</td>
|
||
<td class="pump-text pump-text-initial pump-text-small pump-text-blue control-label-overflow" title="3#沉淀池">3#沉淀池</td>
|
||
<td class="pump-text pump-text-initial pump-text-small pump-text-blue control-label-overflow" title="4#沉淀池">4#沉淀池</td>
|
||
<td class="pump-text pump-text-initial pump-text-small pump-text-blue control-label-overflow" title="5#沉淀池">5#沉淀池</td>
|
||
<td class="pump-text pump-text-initial pump-text-small pump-text-blue control-label-overflow" title="6#沉淀池">6#沉淀池</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="pump-text pump-text-initial pump-text-small pump-text-blue control-label-overflow" title="中段水浊度">中段水浊度</td>
|
||
<td class="pump-text pump-text-initial pump-text-small pump-text-white middle_turbidity_1">0</td>
|
||
<td class="pump-text pump-text-initial pump-text-small pump-text-white middle_turbidity_2">0</td>
|
||
<td class="pump-text pump-text-initial pump-text-small pump-text-white middle_turbidity_3">0</td>
|
||
<td class="pump-text pump-text-initial pump-text-small pump-text-white middle_turbidity_4">0</td>
|
||
<td class="pump-text pump-text-initial pump-text-small pump-text-white middle_turbidity_5">0</td>
|
||
<td class="pump-text pump-text-initial pump-text-small pump-text-white middle_turbidity_6">0</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="pump-text pump-text-initial pump-text-small pump-text-blue control-label-overflow" title="沉后水浊度">沉后水浊度</td>
|
||
<td class="pump-text pump-text-initial pump-text-small pump-text-white after_sedimentation_turbidity_1">0</td>
|
||
<td class="pump-text pump-text-initial pump-text-small pump-text-white after_sedimentation_turbidity_2">0</td>
|
||
<td class="pump-text pump-text-initial pump-text-small pump-text-white after_sedimentation_turbidity_3">0</td>
|
||
<td class="pump-text pump-text-initial pump-text-small pump-text-white after_sedimentation_turbidity_4">0</td>
|
||
<td class="pump-text pump-text-initial pump-text-small pump-text-white after_sedimentation_turbidity_5">0</td>
|
||
<td class="pump-text pump-text-initial pump-text-small pump-text-white after_sedimentation_turbidity_6">0</td>
|
||
</tr>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
|
||
<select id ="typeSelect" class="form-control select2 input-sm typeSelect" onchange="changeEchartsLines(this.value)" >
|
||
<option value="1" selected>1#沉淀池浊度实时曲线</option>
|
||
<option value="2">2#沉淀池浊度实时曲线</option>
|
||
<option value="3">3#沉淀池浊度实时曲线</option>
|
||
<option value="4">4#沉淀池浊度实时曲线</option>
|
||
<option value="5">5#沉淀池浊度实时曲线</option>
|
||
<option value="6">6#沉淀池浊度实时曲线</option>
|
||
</select>
|
||
<div class="chart_line_bottom" id="low_WaterQuality" style="width: 100%;height: 210px;" data-mpcode="" onclick="showLine(this)" ></div>
|
||
</div>
|
||
<div role="tabpanel" class="tab-pane" id="tab_2">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</body>
|
||
|
||
<div id="AbnormalView" style="display:none;height: 400px"></div>
|
||
<div id="AbnormalDetails" style="display:none;height: 600px"></div>
|
||
</html> |