1709 lines
69 KiB
Plaintext
1709 lines
69 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>
|
||
<!-- echarts-->
|
||
<script type="text/javascript" src="<%=request.getContextPath()%>/plugins/echarts/echarts.js"
|
||
charset="utf-8"></script>
|
||
<script type="text/javascript" src="<%=request.getContextPath()%>/plugins/echarts/macarons.js"
|
||
charset="utf-8"></script>
|
||
<script type="text/javascript" src="<%=request.getContextPath()%>/plugins/echarts/ecStat.min.js"
|
||
charset="utf-8"></script>
|
||
<!-- JavaScript常用函数库-->
|
||
<script type="text/javascript" src="<%=request.getContextPath()%>/node_modules/jutils-master/jutils.min.js"
|
||
charset="utf-8"></script>
|
||
<style type="text/css">
|
||
|
||
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9,
|
||
.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9,
|
||
.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9,
|
||
.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
|
||
padding-right: 10px;
|
||
padding-left: 10px;
|
||
}
|
||
.row-10{
|
||
height:10%;
|
||
}
|
||
.row-15{
|
||
height:15%;
|
||
}
|
||
.row-25{
|
||
height:25%;
|
||
}
|
||
.row-30{
|
||
height:30%;
|
||
}
|
||
.row-35{
|
||
height:35%;
|
||
}
|
||
.row-40{
|
||
height:40%;
|
||
}
|
||
.row-50{
|
||
height:50%;
|
||
}
|
||
.row-70{
|
||
height:70%;
|
||
}
|
||
.row-75{
|
||
height:75%;
|
||
}
|
||
.row-100{
|
||
height:100%;
|
||
}
|
||
.content-wrapper-bg-darkblue{
|
||
background: #0d2336;
|
||
}
|
||
.content-wrapper-bg-grey{
|
||
background: #ECF0F5;
|
||
padding: 20px;
|
||
}
|
||
|
||
.bgcolor-blue{
|
||
background: #052941;
|
||
}
|
||
.padding-top-5{
|
||
padding-top:5px;
|
||
}
|
||
.padding-top-10{
|
||
padding-top: 10px;
|
||
}
|
||
.padding-top-15{
|
||
padding-top: 15px;
|
||
}
|
||
.padding-bottom-10{
|
||
padding-bottom: 10px;
|
||
}
|
||
.padding-left-10{
|
||
padding-left: 10px;
|
||
}
|
||
.line-height-08{
|
||
line-height: 0.8;
|
||
}
|
||
.line-height-1{
|
||
line-height: 1;
|
||
}
|
||
.line-height-2{
|
||
line-height: 2;
|
||
}
|
||
.line-height-3{
|
||
line-height: 3;
|
||
}
|
||
.line-height-5{
|
||
line-height: 5;
|
||
}
|
||
.line-height-6{
|
||
line-height: 6;
|
||
}
|
||
.font-size-12{
|
||
font-size: 12px;
|
||
font-weight: 400;
|
||
line-height: 24px;
|
||
}
|
||
.font-size-14{
|
||
font-size: 14px;
|
||
line-height: inherit;
|
||
}
|
||
.font-size-16{
|
||
font-size: 16px;
|
||
}
|
||
.font-size-18{
|
||
font-size: 18px;
|
||
}
|
||
.font-size-20{
|
||
font-size: 20px;
|
||
}
|
||
.font-size-22{
|
||
font-size: 22px;
|
||
}
|
||
.font-size-30{
|
||
font-size: 30px;
|
||
}
|
||
.font-size-35{
|
||
font-size: 35px;
|
||
}
|
||
.font-size-40{
|
||
font-size: 40px;
|
||
line-height: normal;
|
||
}
|
||
.font-size-50{
|
||
font-size: 50px;
|
||
line-height: 1.5;
|
||
}
|
||
.font-size-65{
|
||
font-size: 65px;
|
||
}
|
||
.font-color-white,.font-color-dark-white{
|
||
color: #dbeeff;
|
||
}
|
||
.font-color-black{
|
||
color: #0d2336;
|
||
font-weight: 600;
|
||
}
|
||
.font-color-grey{
|
||
color: #B0B0B0;
|
||
}
|
||
.font-color-red{
|
||
color: #E7A2FF;
|
||
}
|
||
.font-color-redlight{
|
||
color: #CE00FF;
|
||
}
|
||
.font-color-blue,.font-color-dark-blue{
|
||
color: #899BFF;
|
||
}
|
||
.font-color-lightBlue,.font-color-light-blue{
|
||
color: #71D3FF;
|
||
}
|
||
.font-color-smalt{
|
||
color: #2b9dd8;
|
||
}
|
||
.font-color-lightBlack{
|
||
color: #000;
|
||
}
|
||
.font-color-lightWhite{
|
||
color: #FFFFFF;
|
||
}
|
||
.font-color-1{
|
||
color: #fff12d;
|
||
}
|
||
.font-color-2{
|
||
color: #d62dff;
|
||
}
|
||
.font-color-3{
|
||
color: #9cef2e;
|
||
}
|
||
.font-color-4{
|
||
color: #2dabff;
|
||
}
|
||
.font-color-5{
|
||
color: #ffb536;
|
||
}
|
||
.font-color-green{
|
||
color: #00B903;
|
||
}
|
||
.font-color-yellow{
|
||
color: #FFE81D;
|
||
}
|
||
.color-blue{
|
||
color: #1472FF;
|
||
}
|
||
.margin-bottom-15{
|
||
margin-bottom: 15px;
|
||
}
|
||
.margin-bottom-22{
|
||
margin-bottom: 22px;
|
||
}
|
||
.text-bar{
|
||
margin-top: 5px;
|
||
max-width: 10px;
|
||
min-height:50px;
|
||
height:95%;
|
||
border-radius: 5px;
|
||
}
|
||
.text-bar-1{
|
||
background: #fff12d;
|
||
}
|
||
.text-bar-2{
|
||
background: #d62dff;
|
||
}
|
||
.text-bar-3{
|
||
background: #9cef2e;
|
||
}
|
||
.text-bar-4{
|
||
background: #2dabff;
|
||
}
|
||
.text-bar-5{
|
||
background: #ffb536;
|
||
}
|
||
.border-left{
|
||
border-left: 1px solid #c1c1c1;
|
||
}
|
||
.border-right{
|
||
border-right: 1px solid #F0F0F0;
|
||
}
|
||
.border-bottom{
|
||
border-bottom: 1px solid #c1c1c1;
|
||
}
|
||
.border-leftAndRight{
|
||
border-left: 1px solid #c1c1c1;border-right: 1px solid #c1c1c1;
|
||
}
|
||
.bgcolor-blue-light{
|
||
background: #192B73;
|
||
}
|
||
.bgcolor-transparent{
|
||
background: transparent;
|
||
border-radius: 5px;
|
||
}
|
||
.nowTime{
|
||
position: absolute;
|
||
font-size: 35px;
|
||
width: 100%;
|
||
}
|
||
.echarts_lines{
|
||
height:356px;
|
||
width: 640px;
|
||
}
|
||
.echarts_scatter{
|
||
height:550px;
|
||
width: 950px;
|
||
}
|
||
.progress_bar{
|
||
background-color: #FFE81D;
|
||
padding: 5px 0;
|
||
width: 350px;
|
||
border-radius: 0 20px 20px 0;
|
||
}
|
||
.table-no-border {
|
||
width: 100%;
|
||
max-width: 100%;
|
||
margin-bottom: 20px;
|
||
}
|
||
.table-no-border>tbody>tr>td,
|
||
.table-no-border>tbody>tr>th,
|
||
.table-no-border>tfoot>tr>td,
|
||
.table-no-border>tfoot>tr>th,
|
||
.table-no-border>thead>tr>td,
|
||
.table-no-border>thead>tr>th {
|
||
border: none;
|
||
padding: 8px;
|
||
line-height: 1.42857143;
|
||
text-align: center;
|
||
vertical-align: middle;
|
||
}
|
||
</style>
|
||
|
||
<script type="text/javascript">
|
||
var fontcolor_grey = '#aeaeae';
|
||
var fontcolor_black = '#0d2336';
|
||
var color_blue = '#36FFF9';
|
||
var color_blue_other = '#1D4F6D';
|
||
var img_name = '';
|
||
|
||
let websocket = null;
|
||
let modelIp = "${modelIp}";
|
||
|
||
var color = ['#71D3FF','#899BFF','#4ACE4B','#2e97ff','#ffb536'];
|
||
var lift50 = [[0,12.0930168669878],
|
||
[0.02,12.07128712564],
|
||
[0.04,12.0398326053268],
|
||
[0.06,11.9986533060481],
|
||
[0.08,11.9477492278039],
|
||
[0.1,11.8871203705943],
|
||
[0.12,11.8167667344193],
|
||
[0.14,11.7366883192788],
|
||
[0.16,11.6468851251728],
|
||
[0.18,11.5473571521014],
|
||
[0.2,11.4381044000645],
|
||
[0.22,11.3191268690622],
|
||
[0.24,11.1904245590944],
|
||
[0.26,11.0519974701612],
|
||
[0.28,10.9038456022625],
|
||
[0.3,10.7459689553984],
|
||
[0.32,10.5783675295688],
|
||
[0.34,10.4010413247738],
|
||
[0.36,10.2139903410133],
|
||
[0.38,10.0172145782873],
|
||
[0.4,9.81071403659592],
|
||
[0.42,9.59448871593907],
|
||
[0.44,9.36853861631676],
|
||
[0.46,9.132863737729],
|
||
[0.48,8.88746408017579],
|
||
[0.5,8.63233964365712],
|
||
[0.52,8.367490428173],
|
||
[0.54,8.09291643372342],
|
||
[0.56,7.8086176603084],
|
||
[0.58,7.51459410792792],
|
||
[0.6,7.21084577658198],
|
||
[0.62,6.89737266627059],
|
||
[0.64,6.57417477699375],
|
||
[0.66,6.24125210875146],
|
||
[0.68,5.89860466154371],
|
||
[0.7,5.54623243537051],
|
||
[0.72,5.18413543023185],
|
||
[0.74,4.81231364612775],
|
||
[0.76,4.43076708305819],
|
||
[0.78,4.03949574102317],
|
||
[0.8,3.6384996200227],
|
||
[0.82,3.22777872005678],
|
||
[0.84,2.80733304112541],
|
||
[0.86,2.37716258322858],
|
||
[0.88,1.9372673463663],
|
||
[0.9,1.48764733053856],
|
||
[0.92,1.02830253574537],
|
||
[0.94,0.559232961986734],
|
||
[0.96,0.0804386092626377],
|
||
[0.98,-0.408080522426911],
|
||
[1,-0.906324433081913],
|
||
];
|
||
var lift45 = [[0,9.79534366226012],
|
||
[0.02,9.77530065609884],
|
||
[0.04,9.7455328709721],
|
||
[0.06,9.70604030687992],
|
||
[0.08,9.65682296382227],
|
||
[0.1,9.59788084179918],
|
||
[0.12,9.52921394081063],
|
||
[0.14,9.45082226085663],
|
||
[0.16,9.36270580193718],
|
||
[0.18,9.26486456405227],
|
||
[0.2,9.15729854720191],
|
||
[0.22,9.04000775138609],
|
||
[0.24,8.91299217660483],
|
||
[0.26,8.7762518228581],
|
||
[0.28,8.62978669014593],
|
||
[0.3,8.4735967784683],
|
||
[0.32,8.30768208782522],
|
||
[0.34,8.13204261821669],
|
||
[0.36,7.9466783696427],
|
||
[0.38,7.75158934210326],
|
||
[0.4,7.54677553559836],
|
||
[0.42,7.33223695012801],
|
||
[0.44,7.10797358569221],
|
||
[0.46,6.87398544229096],
|
||
[0.48,6.63027251992425],
|
||
[0.5,6.37683481859209],
|
||
[0.52,6.11367233829447],
|
||
[0.54,5.8407850790314],
|
||
[0.56,5.55817304080288],
|
||
[0.58,5.26583622360891],
|
||
[0.6,4.96377462744948],
|
||
[0.62,4.6519882523246],
|
||
[0.64,4.33047709823426],
|
||
[0.66,3.99924116517847],
|
||
[0.68,3.65828045315723],
|
||
[0.7,3.30759496217054],
|
||
[0.72,2.94718469221839],
|
||
[0.74,2.57704964330079],
|
||
[0.76,2.19718981541773],
|
||
[0.78,1.80760520856922],
|
||
[0.8,1.40829582275526],
|
||
[0.82,0.999261657975845],
|
||
[0.84,0.580502714230978],
|
||
[0.86,0.152018991520656],
|
||
[0.88,-0.28618951015512],
|
||
[0.9,-0.734122790796349],
|
||
[0.92,-1.19178085040303],
|
||
[0.94,-1.65916368897517],
|
||
[0.96,-2.13627130651276],
|
||
[0.98,-2.6231037030158],
|
||
[1,-3.11966087848429],
|
||
];
|
||
var lift40 = [[0,7.73953079487219],
|
||
[0.02,7.72117452389742],
|
||
[0.04,7.69309347395719],
|
||
[0.06,7.65528764505151],
|
||
[0.08,7.60775703718037],
|
||
[0.1,7.55050165034378],
|
||
[0.12,7.48352148454174],
|
||
[0.14,7.40681653977425],
|
||
[0.16,7.3203868160413],
|
||
[0.18,7.2242323133429],
|
||
[0.2,7.11835303167904],
|
||
[0.22,7.00274897104973],
|
||
[0.24,6.87742013145497],
|
||
[0.26,6.74236651289476],
|
||
[0.28,6.59758811536909],
|
||
[0.3,6.44308493887797],
|
||
[0.32,6.27885698342139],
|
||
[0.34,6.10490424899936],
|
||
[0.36,5.92122673561188],
|
||
[0.38,5.72782444325895],
|
||
[0.4,5.52469737194056],
|
||
[0.42,5.31184552165671],
|
||
[0.44,5.08926889240742],
|
||
[0.46,4.85696748419267],
|
||
[0.48,4.61494129701247],
|
||
[0.5,4.36319033086681],
|
||
[0.52,4.1017145857557],
|
||
[0.54,3.83051406167914],
|
||
[0.56,3.54958875863713],
|
||
[0.58,3.25893867662966],
|
||
[0.6,2.95856381565673],
|
||
[0.62,2.64846417571836],
|
||
[0.64,2.32863975681453],
|
||
[0.66,1.99909055894525],
|
||
[0.68,1.65981658211051],
|
||
[0.7,1.31081782631032],
|
||
[0.72,0.95209429154468],
|
||
[0.74,0.583645977813585],
|
||
[0.76,0.205472885117036],
|
||
[0.78,-0.182424986544968],
|
||
[0.8,-0.580047637172423],
|
||
[0.82,-0.987395066765333],
|
||
[0.84,-1.4044672753237],
|
||
[0.86,-1.83126426284751],
|
||
[0.88,-2.26778602933678],
|
||
[0.9,-2.7140325747915],
|
||
[0.92,-3.17000389921168],
|
||
[0.94,-3.63570000259731],
|
||
[0.96,-4.11112088494839],
|
||
[0.98,-4.59626654626493],
|
||
[1,-5.09113698654692],
|
||
];
|
||
var oa = [[0,0],
|
||
[0.02,0.0381584412665291],
|
||
[0.04,0.152633765066116],
|
||
[0.06,0.343425971398762],
|
||
[0.08,0.610535060264465],
|
||
[0.1,0.953961031663227],
|
||
[0.12,1.37370388559505],
|
||
[0.14,1.86976362205993],
|
||
[0.16,2.44214024105786],
|
||
[0.18,3.09083374258886],
|
||
[0.2,3.81584412665291],
|
||
[0.22,4.61717139325002],
|
||
[0.24,5.49481554238019],
|
||
[0.26,6.44877657404342],
|
||
[0.28,7.4790544882397],
|
||
[0.3,8.58564928496904],
|
||
[0.32,9.76856096423145],
|
||
[0.34,11.0277895260269],
|
||
[0.36,12.3633349703554],
|
||
[0.38,13.775197297217],
|
||
[0.4,15.2633765066116],
|
||
[0.42,16.8278725985393],
|
||
[0.44,18.4686855730001],
|
||
[0.46,20.1858154299939],
|
||
[0.48,21.9792621695208],
|
||
[0.5,23.8490257915807],
|
||
[0.52,25.7951062961737],
|
||
[0.54,27.8175036832997],
|
||
[0.56,29.9162179529588],
|
||
[0.58,32.091249105151],
|
||
[0.6,34.3425971398762],
|
||
[0.62,36.6702620571344],
|
||
[0.64,39.0742438569258],
|
||
[0.66,41.5545425392502],
|
||
[0.68,44.1111581041076],
|
||
[0.7,46.7440905514981],
|
||
[0.72,49.4533398814217],
|
||
[0.74,52.2389060938783],
|
||
[0.76,55.100789188868],
|
||
[0.78,58.0389891663907],
|
||
[0.8,61.0535060264465],
|
||
[0.82,64.1443397690354],
|
||
[0.84,67.3114903941573],
|
||
[0.86,70.5549579018123],
|
||
[0.88,73.8747422920003],
|
||
[0.9,77.2708435647214],
|
||
[0.92,80.7432617199755],
|
||
[0.94,84.2919967577627],
|
||
[0.96,87.917048678083],
|
||
[0.98,91.6184174809363],
|
||
[1,95.3961031663227]];
|
||
var ob = [[0,0],
|
||
[0.02,0.00328729312850753],
|
||
[0.04,0.0131491725140301],
|
||
[0.06,0.0295856381565677],
|
||
[0.08,0.0525966900561205],
|
||
[0.1,0.0821823282126882],
|
||
[0.12,0.118342552626271],
|
||
[0.14,0.161077363296869],
|
||
[0.16,0.210386760224482],
|
||
[0.18,0.26627074340911],
|
||
[0.2,0.328729312850753],
|
||
[0.22,0.397762468549411],
|
||
[0.24,0.473370210505084],
|
||
[0.26,0.555552538717772],
|
||
[0.28,0.644309453187476],
|
||
[0.3,0.739640953914194],
|
||
[0.32,0.841547040897927],
|
||
[0.34,0.950027714138676],
|
||
[0.36,1.06508297363644],
|
||
[0.38,1.18671281939122],
|
||
[0.4,1.31491725140301],
|
||
[0.42,1.44969626967182],
|
||
[0.44,1.59104987419764],
|
||
[0.46,1.73897806498048],
|
||
[0.48,1.89348084202034],
|
||
[0.5,2.05455820531721],
|
||
[0.52,2.22221015487109],
|
||
[0.54,2.39643669068199],
|
||
[0.56,2.5772378127499],
|
||
[0.58,2.76461352107483],
|
||
[0.6,2.95856381565678],
|
||
[0.62,3.15908869649573],
|
||
[0.64,3.36618816359171],
|
||
[0.66,3.5798622169447],
|
||
[0.68,3.8001108565547],
|
||
[0.7,4.02693408242172],
|
||
[0.72,4.26033189454576],
|
||
[0.74,4.50030429292681],
|
||
[0.76,4.74685127756487],
|
||
[0.78,4.99997284845995],
|
||
[0.8,5.25966900561205],
|
||
[0.82,5.52593974902115],
|
||
[0.84,5.79878507868728],
|
||
[0.86,6.07820499461042],
|
||
[0.88,6.36419949679058],
|
||
[0.9,6.65676858522774],
|
||
[0.92,6.95591225992193],
|
||
[0.94,7.26163052087313],
|
||
[0.96,7.57392336808134],
|
||
[0.98,7.89279080154657],
|
||
[1,8.21823282126882]];
|
||
var efficiency40=[[0,0],
|
||
[0.02,6.1858271144594],
|
||
[0.04,12.1614732162326],
|
||
[0.06,17.9317659153445],
|
||
[0.08,23.499981035485],
|
||
[0.1,28.8679695052999],
|
||
[0.12,34.0362533632905],
|
||
[0.14,39.00409527316],
|
||
[0.16,43.7695448284071],
|
||
[0.18,48.3294640235845],
|
||
[0.2,52.6795335241572],
|
||
[0.22,56.8142407308864],
|
||
[0.24,60.7268500715906],
|
||
[0.26,64.4093554330898],
|
||
[0.28,67.852414143359],
|
||
[0.3,71.0452614048625],
|
||
[0.32,73.9756035416701],
|
||
[0.34,76.62948783121],
|
||
[0.36,78.9911460196703],
|
||
[0.38,81.0428078370092],
|
||
[0.4,82.7644798955969],
|
||
[0.42,84.1336842288019],
|
||
[0.44,85.1251493427579],
|
||
[0.46,85.7104449391293],
|
||
[0.48,85.8575493182348],
|
||
[0.5,85.5303357572321],
|
||
[0.52,84.687960699291],
|
||
[0.54,83.2841321469306],
|
||
[0.56,81.2662308993941],
|
||
[0.58,78.5742497613407],
|
||
[0.6,75.1395059553386],
|
||
[0.62,70.8830688200712],
|
||
[0.64,65.7138272310958],
|
||
[0.66,59.5260972644021],
|
||
[0.68,52.1966378537296],
|
||
[0.7,43.5808967711999],
|
||
[0.72,33.5082455141686],
|
||
[0.74,21.7758710069888],
|
||
[0.76,8.14086116194852],
|
||
[0.78,-7.69017053113178],
|
||
[0.8,-26.0748624344628],
|
||
[0.82,-47.4536603399474],
|
||
[0.84,-72.3752025746777],
|
||
[0.86,-101.531658368392],
|
||
[0.88,-135.808890294257],
|
||
[0.9,-176.359240556296],
|
||
[0.92,-224.709812320897],
|
||
[0.94,-282.928226505963],
|
||
[0.96,-353.884900152066],
|
||
[0.98,-441.684466488286],
|
||
[1,-552.408919218634],
|
||
];
|
||
var efficiency45=[[0,0],
|
||
[0.02,5.50899648131622],
|
||
[0.04,10.8514431293038],
|
||
[0.06,16.0309194539284],
|
||
[0.08,21.0500164550856],
|
||
[0.1,25.9104121823497],
|
||
[0.12,30.6129312293088],
|
||
[0.14,35.1575903049964],
|
||
[0.16,39.5436315445641],
|
||
[0.18,43.7695448284071],
|
||
[0.2,47.8330800517033],
|
||
[0.22,51.7312500078468],
|
||
[0.24,55.4603243061414],
|
||
[0.26,59.0158145254727],
|
||
[0.28,62.3924506023496],
|
||
[0.3,65.5841482557166],
|
||
[0.32,68.5839670549655],
|
||
[0.34,71.3840585345819],
|
||
[0.36,73.9756035416701],
|
||
[0.38,76.3487377635443],
|
||
[0.4,78.4924641130992],
|
||
[0.42,80.3945503398508],
|
||
[0.44,82.0414098725938],
|
||
[0.46,83.4179634711834],
|
||
[0.48,84.5074787523038],
|
||
[0.5,85.2913840350079],
|
||
[0.52,85.7490521982051],
|
||
[0.54,85.8575493182348],
|
||
[0.56,85.5913417139901],
|
||
[0.58,84.9219536097935],
|
||
[0.6,83.8175658540418],
|
||
[0.62,82.2425439013721],
|
||
[0.64,80.1568804409389],
|
||
[0.66,77.5155344503843],
|
||
[0.68,74.2676438276831],
|
||
[0.7,70.355582766079],
|
||
[0.72,65.7138272310958],
|
||
[0.74,60.2675816365996],
|
||
[0.76,53.9311062088557],
|
||
[0.78,46.6056663149997],
|
||
[0.8,38.1770004159823],
|
||
[0.82,28.512169679642],
|
||
[0.84,17.4556058387339],
|
||
[0.86,4.82410892390186],
|
||
[0.88,-9.59954552723075],
|
||
[0.9,-26.0748624344628],
|
||
[0.92,-44.914411965258],
|
||
[0.94,-66.498095234535],
|
||
[0.96,-91.2922759666828],
|
||
[0.98,-119.875830997946],
|
||
[1,-152.976225806702],
|
||
];
|
||
var efficiency50=[[0,0],
|
||
[0.02,4.96565967222404],
|
||
[0.04,9.79609119724077],
|
||
[0.06,14.4940160186005],
|
||
[0.08,19.0614960903476],
|
||
[0.1,23.499981035485],
|
||
[0.12,27.8103463824963],
|
||
[0.14,31.9929239940187],
|
||
[0.16,36.0475255775495],
|
||
[0.18,39.9734599821013],
|
||
[0.2,43.7695448284071],
|
||
[0.22,47.4341128868169],
|
||
[0.24,50.9650135009611],
|
||
[0.26,54.3596092521443],
|
||
[0.28,57.6147679655571],
|
||
[0.3,60.7268500715906],
|
||
[0.32,63.6916912509964],
|
||
[0.34,66.5045802087866],
|
||
[0.36,69.1602313361495],
|
||
[0.38,71.6527519298143],
|
||
[0.4,73.9756035416701],
|
||
[0.42,76.1215569252581],
|
||
[0.44,78.0826399269276],
|
||
[0.46,79.8500775344003],
|
||
[0.48,81.4142231400715],
|
||
[0.5,82.764479895597],
|
||
[0.52,83.8892108221529],
|
||
[0.54,84.7756360898612],
|
||
[0.56,85.4097155811522],
|
||
[0.58,85.7760144950353],
|
||
[0.6,85.8575493182348],
|
||
[0.62,85.6356109671916],
|
||
[0.64,85.0895612695074],
|
||
[0.66,84.1965981758931],
|
||
[0.68,82.9314841373075],
|
||
[0.7,81.2662308993941],
|
||
[0.72,79.1697324960461],
|
||
[0.74,76.6073363856524],
|
||
[0.76,73.5403403616907],
|
||
[0.78,69.9253999439488],
|
||
[0.8,65.7138272310958],
|
||
[0.82,60.8507574185311],
|
||
[0.84,55.2741530169013],
|
||
[0.86,48.9136077805687],
|
||
[0.88,41.6889018283686],
|
||
[0.9,33.5082455141686],
|
||
[0.92,24.2661310178744],
|
||
[0.94,13.8406855771953],
|
||
[0.96,2.09038616874303],
|
||
[0.98,-11.1500515206865],
|
||
[1,-26.0748624344629],
|
||
];
|
||
$(function () {
|
||
let windowHeight = $(window).height();
|
||
$('#left').css("height", (windowHeight - 60) + "px");
|
||
$('#right').css("height", (windowHeight - 60) + "px");
|
||
|
||
var height = $(window).height();
|
||
var width = $(window).width();
|
||
if(height<10){
|
||
height = window.screen.height-150;
|
||
}
|
||
if(width<10){
|
||
width = window.screen.width-150;
|
||
}
|
||
var proportion_height = height/1080;
|
||
var proportion_width = width/1650;
|
||
$('.echarts_lines').height($('.echarts_lines').height()*proportion_height);
|
||
$('.echarts_lines').width($('.echarts_lines').width()*proportion_width);
|
||
$('.echarts_scatter').height($('.echarts_scatter').height()*proportion_height);
|
||
$('.echarts_scatter').width($('.echarts_scatter').width()*proportion_width);
|
||
|
||
|
||
var bizid = unitId;
|
||
|
||
var legenddata = ['高液位','低液位','水量'];
|
||
var seriesdata = [
|
||
// {
|
||
// name: legenddata[0],
|
||
// type: 'line',
|
||
// smooth: true,
|
||
// symbol: 'none',
|
||
// data: [['2021-10-20 00:00',20],['2021-10-20 01:00',21],['2021-10-20 02:00',22],['2021-10-20 03:00',23],['2021-10-20 04:00',24],['2021-10-20 05:00',21],['2021-10-20 06:00',23]
|
||
// ,['2021-10-20 07:00',24],['2021-10-20 08:00',22],['2021-10-20 09:00',25],['2021-10-20 10:00',25],['2021-10-20 11:00',21],['2021-10-20 12:00',22],['2021-10-20 13:00',23]
|
||
// ,['2021-10-20 14:00',22],['2021-10-20 15:00',21]]
|
||
// },
|
||
// {
|
||
// name: legenddata[1],
|
||
// type: 'line',
|
||
// smooth: true,
|
||
// symbol: 'none',
|
||
// data: [['2021-10-20 00:00',30],['2021-10-20 01:00',31],['2021-10-20 02:00',32],['2021-10-20 03:00',33],['2021-10-20 04:00',34],['2021-10-20 05:00',31],['2021-10-20 06:00',33]
|
||
// ,['2021-10-20 07:00',34],['2021-10-20 08:00',32],['2021-10-20 09:00',35],['2021-10-20 10:00',35],['2021-10-20 11:00',31],['2021-10-20 12:00',32],['2021-10-20 13:00',33]
|
||
// ,['2021-10-20 14:00',32],['2021-10-20 15:00',31]]
|
||
// },
|
||
// {
|
||
// name: legenddata[2],
|
||
// type: 'line',
|
||
// smooth: true,
|
||
// symbol: 'none',
|
||
// data: [['2021-10-20 00:00',10],['2021-10-20 01:00',11],['2021-10-20 02:00',12],['2021-10-20 03:00',13],['2021-10-20 04:00',14],['2021-10-20 05:00',11],['2021-10-20 06:00',13]
|
||
// ,['2021-10-20 07:00',14],['2021-10-20 08:00',12],['2021-10-20 09:00',15],['2021-10-20 10:00',15],['2021-10-20 11:00',11],['2021-10-20 12:00',12],['2021-10-20 13:00',13]
|
||
// ,['2021-10-20 14:00',12],['2021-10-20 15:00',11]]
|
||
// }
|
||
]
|
||
echarts_line('operational_forecast_line',legenddata,seriesdata);
|
||
|
||
var pumpFlow_east = 0;
|
||
var pumpFlow_west = 0;
|
||
var pumpLift_east = 0;
|
||
var pumpLift_west = 0;
|
||
// getChartData_pump_lift('lift_line', [[pumpFlow_east,pumpLift_east]],[[pumpFlow_west,pumpLift_west]],lift40,lift45,lift50,oa,ob,'扬程曲线(m)');
|
||
|
||
var pumpEfficiency_east = 0;
|
||
var pumpEfficiency_west = 0;
|
||
//getChartData_pump_efficiency('efficiency_line',[[pumpFlow_east,pumpEfficiency_east]],[[pumpFlow_west,pumpEfficiency_west]],efficiency40,efficiency45,efficiency50,'效率曲线(m)');
|
||
|
||
if ('WebSocket' in window) {
|
||
// 创建websocket对象
|
||
websocket = new WebSocket("ws://"+modelIp+"/modelComputerWebSocketEnd/");
|
||
// console.log("ws://"+modelIp+"/modelComputerWebSocketEnd/")
|
||
registerEvent(bizid);
|
||
} else {
|
||
alert('当前浏览器不支持websocket')
|
||
}
|
||
$(window).unload(function () {
|
||
console.log("websocket关闭");
|
||
websocket.close();
|
||
});
|
||
|
||
getData(bizid);
|
||
// setInterval("getData('"+bizid+"')",600000);
|
||
|
||
});
|
||
|
||
function registerEvent(bizid) {
|
||
websocket.onopen = function (event) {
|
||
console.log("已连接");
|
||
}
|
||
|
||
websocket.onmessage = function (event) {
|
||
if(event!=null){
|
||
// console.log(event.data)
|
||
let modelType = event.data;
|
||
if(modelType!='model_status'){
|
||
getData(modelType);
|
||
}
|
||
}
|
||
};
|
||
websocket.onclose = function (event) {
|
||
console.log("已断开");
|
||
reconnect();
|
||
};
|
||
//连接发生错误的回调方法
|
||
websocket.onerror = function () {
|
||
reconnect();
|
||
};
|
||
}
|
||
|
||
function reconnect() {
|
||
websocket = new WebSocket("ws://"+modelIp+"/modelComputerWebSocketEnd/");
|
||
websocket.onopen = function (event) {
|
||
console.log("已连接");
|
||
}
|
||
|
||
websocket.onmessage = function (event) {
|
||
};
|
||
|
||
websocket.onclose = function (event) {
|
||
setTimeout("reconnect();", 8000);
|
||
};
|
||
//连接发生错误的回调方法 `1
|
||
websocket.onerror = function () {
|
||
websocket.close();
|
||
};
|
||
}
|
||
|
||
function addProgressBar(id,value,barColor){
|
||
var width = $('#'+id).width()*value;
|
||
$('#'+id).html('<div style="background: '+barColor+';width: '+width+'px;height: 10px;border-radius: 0 20px 20px 0;"></div>');
|
||
}
|
||
function addAndRemove4Class(one,two){
|
||
$('.'+one).addClass(two);
|
||
$('.'+one).removeClass(one);
|
||
}
|
||
function getData(unitId,modelType){
|
||
var jsp_id = $('#jsp_id').val();
|
||
var time_input = $('#time_input').val();
|
||
$.ajax({
|
||
type: 'GET',
|
||
url: ext.contextPath + "/digitalProcess/digitalTechnologist/getJspData.do",
|
||
dataType: 'json',
|
||
data: {
|
||
unitId:unitId,time:time_input,jspId:jsp_id,modelType:modelType
|
||
},
|
||
async: true,
|
||
error: function () {
|
||
return false;
|
||
},
|
||
success: function (data) {
|
||
var arr= data;
|
||
console.log(arr);
|
||
|
||
var pumpFlow_east = 0;
|
||
var pumpFlow_west = 0;
|
||
var pumpLift_east = 0;
|
||
var pumpLift_west = 0;
|
||
var pumpEfficiency_east = 0;
|
||
var pumpEfficiency_west = 0;
|
||
var level_east_dataseries = [];
|
||
var level_west_dataseries = [];
|
||
var pumpEfficiency_east_dataseries = [];
|
||
var pumpEfficiency_west_dataseries = [];
|
||
var recommendLevel_east_dataseries = [];
|
||
var recommendLevel_west_dataseries = [];
|
||
var modelHighLevel_dataseries = [];
|
||
var modelLowLevel_dataseries = [];
|
||
var modelWaterVolume_dataseries = [];
|
||
|
||
if(arr!=null && arr!=undefined && arr!=''&& arr.length > 0){
|
||
for(var i=0;i<arr.length;i++){
|
||
var value =0;
|
||
var numtail=0;
|
||
var dataMax=0;
|
||
var rate = 1;
|
||
var nowdate = getNowTime();
|
||
if(arr[i].visualCacheConfig!=null
|
||
&& arr[i].visualCacheConfig!=undefined
|
||
&& arr[i].visualCacheConfig!=''){
|
||
var visualCacheConfig = arr[i].visualCacheConfig;
|
||
if(visualCacheConfig.numtail!=null && visualCacheConfig.numtail!=undefined && visualCacheConfig.numtail!=''){
|
||
numtail = visualCacheConfig.numtail;
|
||
}
|
||
}
|
||
if(arr[i].visualCacheData!=null
|
||
&& arr[i].visualCacheData!=undefined
|
||
&& arr[i].visualCacheData!=''){
|
||
var visualCacheData = arr[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[i].mPoint!=null && arr[i].mPoint!=undefined && arr[i].mPoint!=''){
|
||
var mPoint = arr[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;
|
||
}
|
||
}else{
|
||
var mPoint = arr[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;
|
||
}
|
||
}
|
||
}
|
||
if (arr[i].getValueType == 'getRedisData' || arr[i].getValueType == 'getTHMonthHistoryAndRedisData') {
|
||
if (arr[i].value != null) {
|
||
let redisValue = eval("(" + arr[i].value + ")");
|
||
// console.log(redisValue)
|
||
value = redisValue.mpvalue;
|
||
if (isNumber(value)) {
|
||
if (arr[i].visualCacheData != null) {
|
||
if (arr[i].visualCacheData.numtail != null) {
|
||
value=Number(value).toFixed(Number(arr[i].visualCacheData.numtail));
|
||
}
|
||
}
|
||
value = toThousands(value);
|
||
}
|
||
if (arr[i].visualCacheData != null) {
|
||
if (arr[i].visualCacheData.unit != null) {
|
||
value += arr[i].visualCacheData.unit;
|
||
}
|
||
}
|
||
if($("."+arr[i].elementCode).length > 0){
|
||
$("."+arr[i].elementCode).html(value);
|
||
}
|
||
if($("."+arr[i].elementCode+"_high").length > 0){
|
||
if (arr[i].visualCacheData != null) {
|
||
if (arr[i].visualCacheData.numtail != null) {
|
||
numtail=arr[i].visualCacheData.numtail;
|
||
}
|
||
}
|
||
$("."+arr[i].elementCode+"_high").html((value-5.6).toFixed(numtail));
|
||
}
|
||
} else {
|
||
$('.' + arr[i].elementCode).text('-');
|
||
}
|
||
}else{
|
||
value = parseFloat(value)*rate;
|
||
value = value.toFixed(numtail);
|
||
if($("."+arr[i].elementCode).length > 0){
|
||
if (isNumber(value)) {
|
||
$("."+arr[i].elementCode).html(toThousands(value));
|
||
}else{
|
||
$("."+arr[i].elementCode).html(value);
|
||
}
|
||
}
|
||
if($("."+arr[i].elementCode+"_high").length > 0){
|
||
if (isNumber(value)) {
|
||
$("."+arr[i].elementCode+"_high").html(toThousands((value-5.6).toFixed(numtail)));
|
||
}else{
|
||
$("."+arr[i].elementCode+"_high").html(value);
|
||
}
|
||
}
|
||
if($("."+arr[i].elementCode).parent().find('.nowdate').length > 0){
|
||
$("."+arr[i].elementCode).parent().find('.nowdate').html(nowdate.substring(11,16));
|
||
}
|
||
}
|
||
if(arr[i].elementCode=='pumpFlow_west'){
|
||
pumpFlow_west = value;
|
||
}
|
||
if(arr[i].elementCode=='level_east'){
|
||
pumpLift_east = value;
|
||
level_east_dataseries = arr[i].jsonArray;
|
||
}
|
||
if(arr[i].elementCode=='level_west'){
|
||
pumpLift_west = value;
|
||
level_west_dataseries = arr[i].jsonArray;
|
||
}
|
||
if(arr[i].elementCode=='recommendLevel_east'){
|
||
recommendLevel_east_dataseries = arr[i].jsonArray;
|
||
}
|
||
if(arr[i].elementCode=='recommendLevel_west'){
|
||
recommendLevel_west_dataseries = arr[i].jsonArray;
|
||
}
|
||
if(arr[i].elementCode=='pumpLift_east'){
|
||
pumpLift_east = value;
|
||
}
|
||
if(arr[i].elementCode=='pumpLift_west'){
|
||
pumpLift_west = value;
|
||
}
|
||
if(arr[i].elementCode=='pumpFlow_east'){
|
||
pumpFlow_east = value;
|
||
}
|
||
if(arr[i].elementCode=='pumpEfficiency_east'){
|
||
pumpEfficiency_east = value;
|
||
pumpEfficiency_east_dataseries = arr[i].jsonArray;
|
||
}
|
||
if(arr[i].elementCode=='pumpEfficiency_west'){
|
||
pumpEfficiency_west = value;
|
||
pumpEfficiency_west_dataseries = arr[i].jsonArray;
|
||
}
|
||
// if(arr[i].elementCode=='modelHighLevel'){
|
||
// // modelHighLevel_dataseries = getdataseries(arr[i].mPointHistory,arr[i].visualCacheDataList,numtail);
|
||
// modelHighLevel_dataseries = arr[i].jsonArray;
|
||
// }
|
||
// if(arr[i].elementCode=='modelLowLevel'){
|
||
// // modelLowLevel_dataseries = getdataseries(arr[i].mPointHistory,arr[i].visualCacheDataList,numtail);
|
||
// modelLowLevel_dataseries = arr[i].jsonArray;
|
||
// }
|
||
// if(arr[i].elementCode=='modelWaterVolume'){
|
||
// // modelWaterVolume_dataseries = getdataseries(arr[i].mPointHistory,arr[i].visualCacheDataList,numtail);
|
||
// modelWaterVolume_dataseries = arr[i].jsonArray;
|
||
// }
|
||
|
||
}
|
||
}
|
||
var legenddata = ['东池推荐液位','东池实际液位','西池推荐液位','西池实际液位'];
|
||
var seriesdata = [
|
||
{
|
||
name: legenddata[0],
|
||
type: 'line',
|
||
smooth: true,
|
||
symbol: 'none',
|
||
data: recommendLevel_east_dataseries
|
||
},
|
||
{
|
||
name: legenddata[1],
|
||
type: 'line',
|
||
smooth: true,
|
||
symbol: 'none',
|
||
data: level_east_dataseries
|
||
},
|
||
{
|
||
name: legenddata[2],
|
||
type: 'line',
|
||
smooth: true,
|
||
symbol: 'none',
|
||
data: recommendLevel_west_dataseries
|
||
},
|
||
{
|
||
name: legenddata[3],
|
||
type: 'line',
|
||
smooth: true,
|
||
symbol: 'none',
|
||
data: level_west_dataseries
|
||
}
|
||
]
|
||
|
||
if ((recommendLevel_east_dataseries != null && recommendLevel_east_dataseries != undefined) && (level_east_dataseries != null && level_east_dataseries != undefined)
|
||
&&(recommendLevel_west_dataseries != null && recommendLevel_west_dataseries != undefined) && (level_west_dataseries != null && level_west_dataseries != undefined)) {
|
||
if (recommendLevel_east_dataseries.length > 0
|
||
|| level_east_dataseries.length > 0
|
||
|| recommendLevel_west_dataseries.length > 0
|
||
|| level_west_dataseries.length > 0) {
|
||
echarts_line('operational_forecast_line', legenddata, seriesdata);
|
||
}
|
||
}
|
||
/*if(pumpFlow_east>0
|
||
|| pumpLift_east>0
|
||
|| pumpFlow_west>0
|
||
|| pumpLift_west>0) {
|
||
getChartData_pump_lift('lift_line', [[pumpFlow_east,pumpLift_east]],[[pumpFlow_west,pumpLift_west]],lift40,lift45,lift50,oa,ob,'扬程曲线(m)');
|
||
}
|
||
if(pumpFlow_east>0
|
||
|| pumpEfficiency_east>0
|
||
|| pumpFlow_west>0
|
||
|| pumpEfficiency_west>0) {
|
||
getChartData_pump_efficiency('efficiency_line',[[pumpFlow_east,pumpEfficiency_east]],[[pumpFlow_west,pumpEfficiency_west]],efficiency40,efficiency45,efficiency50,'效率曲线(m)');
|
||
}*/
|
||
|
||
var legenddata = ['东池','西池'];
|
||
var seriesdata = [
|
||
{
|
||
name: legenddata[0],
|
||
type: 'line',
|
||
//smooth: true,
|
||
//symbol: 'none',
|
||
data: pumpEfficiency_east_dataseries
|
||
},
|
||
{
|
||
name: legenddata[1],
|
||
type: 'line',
|
||
//smooth: true,
|
||
//symbol: 'none',
|
||
data: pumpEfficiency_west_dataseries
|
||
}
|
||
]
|
||
if (pumpEfficiency_east_dataseries != null || pumpEfficiency_west_dataseries != null) {
|
||
if (pumpEfficiency_east_dataseries.length > 0
|
||
|| pumpEfficiency_west_dataseries.length > 0) {
|
||
echarts_line_1('efficiency_line', legenddata, seriesdata);
|
||
}
|
||
}
|
||
/*seriesdata = [
|
||
{
|
||
name: legenddata[0],
|
||
type: 'line',
|
||
//smooth: true,
|
||
//symbol: 'none',
|
||
data: level_east_dataseries
|
||
},
|
||
{
|
||
name: legenddata[1],
|
||
type: 'line',
|
||
//smooth: true,
|
||
//symbol: 'none',
|
||
data:level_west_dataseries
|
||
}
|
||
]
|
||
if (level_east_dataseries != null || level_west_dataseries != null ) {
|
||
if (level_east_dataseries.length > 0
|
||
|| level_west_dataseries.length > 0) {
|
||
echarts_line_1('lift_line', legenddata, seriesdata);
|
||
}
|
||
}*/
|
||
}
|
||
});
|
||
}
|
||
function getdataseries(mPointHistory,visualCacheDataList,numtail){
|
||
var dataseries =[];
|
||
if(mPointHistory!=null
|
||
&& mPointHistory!=undefined
|
||
&& mPointHistory!=''){
|
||
var mPointHistory = mPointHistory;
|
||
for(var m=0;m<mPointHistory.length;m++){
|
||
var dataserie =[];
|
||
dataserie.push(mPointHistory[m].measuredt.substr(0,16));
|
||
dataserie.push(mPointHistory[m].parmvalue.toFixed(numtail));
|
||
dataseries.push(dataserie);
|
||
}
|
||
}else{
|
||
if(visualCacheDataList!=null
|
||
&& visualCacheDataList!=undefined
|
||
&& visualCacheDataList!=''){
|
||
var visualCacheDataList = visualCacheDataList;
|
||
for(var m=0;m<visualCacheDataList.length;m++){
|
||
var dataserie =[];
|
||
dataserie.push(visualCacheDataList[m].insdt.substr(0,16));
|
||
dataserie.push(visualCacheDataList[m].value.toFixed(numtail));
|
||
dataseries.push(dataserie);
|
||
}
|
||
}
|
||
}
|
||
return dataseries;
|
||
}
|
||
function echarts_line(id,legenddata,seriesdata){
|
||
var lifeChart = echarts.getInstanceByDom(document.getElementById(id));
|
||
//有的话就获取已有echarts实例的DOM节点。
|
||
if (lifeChart != null) { // 如果存在，就进行销毁。
|
||
lifeChart.dispose();
|
||
}
|
||
var option = {
|
||
color:color,
|
||
tooltip: {
|
||
trigger: 'axis'
|
||
},
|
||
legend: {
|
||
data: legenddata,
|
||
x:'left',
|
||
textStyle: {
|
||
color: fontcolor_grey ,
|
||
fontSize: 12 ,
|
||
},
|
||
},
|
||
grid: {
|
||
left: '3%',
|
||
right: '4%',
|
||
bottom: '3%',
|
||
top: '15%',
|
||
containLabel: true
|
||
},
|
||
xAxis: {
|
||
type: 'time',
|
||
},
|
||
yAxis: {
|
||
type: 'value',
|
||
axisLine: {
|
||
show: true,
|
||
},
|
||
splitLine: {
|
||
show: true,
|
||
lineStyle: {
|
||
type: 'dashed' ,
|
||
}
|
||
}
|
||
},
|
||
series: seriesdata,
|
||
};
|
||
lifeChart = echarts.init(document.getElementById(id));
|
||
lifeChart.setOption(option,true);
|
||
}
|
||
|
||
function echarts_line_1(id, legenddata, seriesdata) {
|
||
var lifeChart = echarts.getInstanceByDom(document.getElementById(id));
|
||
//有的话就获取已有echarts实例的DOM节点。
|
||
if (lifeChart != null) { // 如果存在，就进行销毁。
|
||
lifeChart.dispose();
|
||
}
|
||
var option = {
|
||
color: color,
|
||
tooltip: {
|
||
trigger: 'axis'
|
||
},
|
||
legend: {
|
||
data: legenddata,
|
||
x: 'left',
|
||
textStyle: {
|
||
color: fontcolor_grey,
|
||
fontSize: 12,
|
||
},
|
||
},
|
||
grid: {
|
||
left: '3%',
|
||
right: '4%',
|
||
bottom: '3%',
|
||
top: '15%',
|
||
containLabel: true
|
||
},
|
||
xAxis: {
|
||
type: 'time',
|
||
},
|
||
yAxis: {
|
||
type: 'value',
|
||
axisLine: {
|
||
show: true,
|
||
},
|
||
splitLine: {
|
||
show: true,
|
||
lineStyle: {
|
||
type: 'dashed',
|
||
}
|
||
}
|
||
},
|
||
series: seriesdata,
|
||
};
|
||
lifeChart = echarts.init(document.getElementById(id));
|
||
lifeChart.setOption(option, true);
|
||
}
|
||
function getChartData_pump_lift(id,data,data2,data40,data45,data50,oa,ob,title) {
|
||
|
||
// See https://github.com/ecomfe/echarts-stat
|
||
var myRegression = ecStat.regression('polynomial', data);
|
||
myRegression.points.sort(function(a, b) {
|
||
return a[0] - b[0];
|
||
});
|
||
var myRegression40 = ecStat.regression('polynomial', data40.reverse());
|
||
myRegression40.points.sort(function(a, b) {
|
||
return a[0] - b[0];
|
||
});
|
||
var myRegression45 = ecStat.regression('polynomial', data45.reverse());
|
||
myRegression45.points.sort(function(a, b) {
|
||
return a[0] - b[0];
|
||
});
|
||
var myRegression50 = ecStat.regression('polynomial', data50.reverse());
|
||
myRegression50.points.sort(function(a, b) {
|
||
return a[0] - b[0];
|
||
});
|
||
var myRegressionOA = ecStat.regression('polynomial', oa.reverse());
|
||
myRegressionOA.points.sort(function(a, b) {
|
||
return a[0] - b[0];
|
||
});
|
||
var myRegressionOB = ecStat.regression('polynomial', ob.reverse());
|
||
myRegressionOB.points.sort(function(a, b) {
|
||
return a[0] - b[0];
|
||
});
|
||
|
||
var option = {
|
||
/*title: {
|
||
text: title,
|
||
left: 'center'
|
||
},*/
|
||
tooltip: {
|
||
trigger: 'axis',
|
||
axisPointer: {
|
||
type: 'cross'
|
||
}
|
||
},
|
||
legend: {
|
||
data: ['东池', '西池', '40Hz', '45Hz', '50Hz'],
|
||
x:'left',
|
||
/*selected: {
|
||
// 选中
|
||
'东池': true,
|
||
// 不选中
|
||
'西池': false
|
||
}*/
|
||
},
|
||
xAxis: {
|
||
type: 'value',
|
||
min: 0,
|
||
max: 1,
|
||
splitLine: {
|
||
lineStyle: {
|
||
type: 'dashed'
|
||
}
|
||
},
|
||
},
|
||
yAxis: {
|
||
type: 'value',
|
||
min: 0,
|
||
max: 14,
|
||
splitLine: {
|
||
lineStyle: {
|
||
type: 'dashed'
|
||
}
|
||
}
|
||
},
|
||
series: [{
|
||
name: '东池',
|
||
type: 'scatter',
|
||
emphasis: {
|
||
label: {
|
||
show: true,
|
||
position: 'left',
|
||
color: 'blue',
|
||
fontSize: 16
|
||
}
|
||
},
|
||
data: data
|
||
}, {
|
||
name: '西池',
|
||
type: 'scatter',
|
||
emphasis: {
|
||
label: {
|
||
show: true,
|
||
position: 'left',
|
||
color: 'blue',
|
||
fontSize: 16
|
||
}
|
||
},
|
||
data: data2
|
||
}, {
|
||
name: '40Hz',
|
||
type: 'line',
|
||
showSymbol: false,
|
||
smooth: true,
|
||
data: myRegression40.points,
|
||
markPoint: {
|
||
itemStyle: {
|
||
color: 'transparent'
|
||
},
|
||
label: {
|
||
show: false,
|
||
position: 'left',
|
||
formatter: myRegression40.expression,
|
||
color: '#333',
|
||
fontSize: 14
|
||
},
|
||
data: [{
|
||
coord: myRegression40.points[myRegression40.points.length - 1]
|
||
}]
|
||
}
|
||
},{
|
||
name: '45Hz',
|
||
type: 'line',
|
||
showSymbol: false,
|
||
smooth: true,
|
||
data: myRegression45.points,
|
||
markPoint: {
|
||
itemStyle: {
|
||
color: 'transparent'
|
||
},
|
||
label: {
|
||
show: false,
|
||
position: 'left',
|
||
formatter: myRegression45.expression,
|
||
color: '#333',
|
||
fontSize: 14
|
||
},
|
||
data: [{
|
||
coord: myRegression45.points[myRegression45.points.length - 1]
|
||
}]
|
||
}
|
||
},{
|
||
name: '50Hz',
|
||
type: 'line',
|
||
showSymbol: false,
|
||
smooth: true,
|
||
data: myRegression50.points,
|
||
markPoint: {
|
||
itemStyle: {
|
||
color: 'transparent'
|
||
},
|
||
label: {
|
||
show: false,
|
||
position: 'left',
|
||
formatter: myRegression50.expression,
|
||
color: '#333',
|
||
fontSize: 14
|
||
},
|
||
data: [{
|
||
coord: myRegression50.points[myRegression50.points.length - 1]
|
||
}]
|
||
}
|
||
/*},{
|
||
name: 'OA',
|
||
type: 'line',
|
||
showSymbol: false,
|
||
smooth: true,
|
||
data: myRegressionOA.points,
|
||
markPoint: {
|
||
itemStyle: {
|
||
color: 'transparent'
|
||
},
|
||
label: {
|
||
show: false,
|
||
position: 'left',
|
||
formatter: myRegressionOA.expression,
|
||
color: '#333',
|
||
fontSize: 14
|
||
},
|
||
data: [{
|
||
coord: myRegressionOA.points[myRegressionOA.points.length - 1]
|
||
}]
|
||
}
|
||
},{
|
||
name: 'OB',
|
||
type: 'line',
|
||
showSymbol: false,
|
||
smooth: true,
|
||
data: myRegressionOB.points,
|
||
markPoint: {
|
||
itemStyle: {
|
||
color: 'transparent'
|
||
},
|
||
label: {
|
||
show: false,
|
||
position: 'left',
|
||
formatter: myRegressionOB.expression,
|
||
color: '#333',
|
||
fontSize: 14
|
||
},
|
||
data: [{
|
||
coord: myRegressionOB.points[myRegressionOB.points.length - 1]
|
||
}]
|
||
}*/
|
||
}]
|
||
};
|
||
var lifeChart = echarts.init(document.getElementById(id));
|
||
lifeChart.setOption(option);
|
||
}
|
||
function getChartData_pump_efficiency(id,data,data2,data40,data45,data50,title) {
|
||
var option = {
|
||
/*title: {
|
||
text: title,
|
||
left: 'center'
|
||
},*/
|
||
tooltip: {
|
||
trigger: 'axis',
|
||
axisPointer: {
|
||
type: 'cross'
|
||
}
|
||
},
|
||
legend: {
|
||
data: ['东池', '西池', '40Hz', '45Hz', '50Hz'],
|
||
x:'left',
|
||
},
|
||
xAxis: {
|
||
type: 'value',
|
||
min: 0,
|
||
max: 1,
|
||
splitLine: {
|
||
lineStyle: {
|
||
type: 'dashed'
|
||
}
|
||
},
|
||
},
|
||
yAxis: {
|
||
type: 'value',
|
||
min: 0,
|
||
max: 100,
|
||
splitLine: {
|
||
lineStyle: {
|
||
type: 'dashed'
|
||
}
|
||
}
|
||
},
|
||
series: [{
|
||
name: '东池',
|
||
type: 'scatter',
|
||
emphasis: {
|
||
label: {
|
||
show: true,
|
||
position: 'left',
|
||
color: 'blue',
|
||
fontSize: 16
|
||
}
|
||
},
|
||
data: data
|
||
}, {
|
||
name: '西池',
|
||
type: 'scatter',
|
||
emphasis: {
|
||
label: {
|
||
show: true,
|
||
position: 'left',
|
||
color: 'blue',
|
||
fontSize: 16
|
||
}
|
||
},
|
||
data: data2
|
||
}, {
|
||
name: '40Hz',
|
||
type: 'line',
|
||
showSymbol: false,
|
||
smooth: true,
|
||
data: data40,
|
||
},{
|
||
name: '45Hz',
|
||
type: 'line',
|
||
showSymbol: false,
|
||
smooth: true,
|
||
data: data45,
|
||
},{
|
||
name: '50Hz',
|
||
type: 'line',
|
||
showSymbol: false,
|
||
smooth: true,
|
||
data: data50,
|
||
}]
|
||
};
|
||
var lifeChart = echarts.init(document.getElementById(id));
|
||
lifeChart.setOption(option);
|
||
}
|
||
//添加千分位符合
|
||
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;
|
||
}
|
||
</script>
|
||
|
||
</head>
|
||
<body class="hold-transition ${cu.themeclass} sidebar-mini">
|
||
<div class="wrapper">
|
||
<div class="content-wrapper content-wrapper-bg-grey overall-content font-color-grey">
|
||
<!-- BEGIN CONTAINER -->
|
||
<input type="hidden" name="jsp_id" id="jsp_id" value="intakeLiftPump">
|
||
<div class="row">
|
||
<div class="col-lg-7">
|
||
<div id="left" class="box box-widget">
|
||
<div class="box-header" style="border-bottom: 1px solid #C4E2E6;padding: 0; margin-left: 15px;">
|
||
<h3 class="box-title" style="border-bottom: 2px solid #C4E2E6;height: 42px;line-height: 2.5;"><strong>提升系统能效评估</strong></h3>
|
||
</div>
|
||
<!-- /.box-header -->
|
||
<div class="box-body">
|
||
<table class="table-no-border">
|
||
<thead>
|
||
<tr>
|
||
<th>工艺单体</th>
|
||
<th>瞬时进水量(m³/s)</th>
|
||
<th>液位(m)</th>
|
||
<th>开泵台数</th>
|
||
<th class=" border-right">泵组频率(Hz)</th>
|
||
<th>泵组效率(%)</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td class="font-size-30 font-color-lightBlack">东池</td>
|
||
<td class="font-size-30 font-color-lightBlack waterInflow_east">0</td>
|
||
<td class="font-size-30 font-color-lightBlack level_east">0</td>
|
||
<td class="font-size-30 font-color-lightBlack pumpsNumber_east">0</td>
|
||
<td class="font-size-30 font-color-lightBlack border-right pumpFrequency_east">0</td>
|
||
<td class="font-size-30 font-color-lightBlue pumpEfficiency_east">0</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="font-size-30 font-color-lightBlack">西池</td>
|
||
<td class="font-size-30 font-color-lightBlack waterInflow_west">0</td>
|
||
<td class="font-size-30 font-color-lightBlack level_west">0</td>
|
||
<td class="font-size-30 font-color-lightBlack pumpsNumber_west">0</td>
|
||
<td class="font-size-30 font-color-lightBlack border-right pumpFrequency_west">0</td>
|
||
<td class="font-size-30 font-color-lightBlue pumpEfficiency_west">0</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
<div class="row">
|
||
<div class="col-lg-12">
|
||
<div class="font-size-18 font-color-lightBlack padding-bottom-10 padding-left-10"><strong>泵组效率曲线</strong></div>
|
||
<div class="echarts_scatter" id="efficiency_line"></div>
|
||
</div>
|
||
<%--<div class="col-lg-6">
|
||
<div class="font-size-18 font-color-lightBlack padding-bottom-10 padding-left-10"><strong>泵组液位曲线</strong></div>
|
||
<div class="echarts_scatter" id="lift_line"></div>
|
||
</div>--%>
|
||
</div>
|
||
</div>
|
||
<!-- /.box-body -->
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-5">
|
||
<div id="right" class="box box-widget">
|
||
<div class="box-header" style="border-bottom: 1px solid #C4E2E6;padding: 0; margin-left: 15px;">
|
||
<h3 class="box-title" style="border-bottom: 2px solid #C4E2E6;height: 42px;line-height: 2.5;"><strong>提升系统运行优化</strong></h3>
|
||
</div>
|
||
<!-- /.box-header -->
|
||
<div class="box-body">
|
||
<table class="table-no-border">
|
||
<tbody>
|
||
<tr>
|
||
<td class="font-size-18 font-color-lightBlack"><strong>预测进水数据</strong></td>
|
||
<td></td>
|
||
<td class="font-size-18 font-color-lightBlack"><%--<strong>参数设置</strong>--%></td>
|
||
</tr>
|
||
<tr>
|
||
<td>当日预测处理量(万m³)</td>
|
||
<td>当前小时预测进水量(m³/s)</td>
|
||
<td></td>
|
||
</tr>
|
||
<tr>
|
||
<td class="font-size-30 font-color-lightBlue forecastProcessingCapacityDay">0</td>
|
||
<td class="font-size-30 font-color-lightBlue predictedWaterInflowHour">0</td>
|
||
<td></td>
|
||
</tr>
|
||
<tr>
|
||
<td class="font-size-18 font-color-lightBlack"><strong>模型计算结果</strong></td>
|
||
<td></td>
|
||
<td></td>
|
||
</tr>
|
||
<tr>
|
||
<td>东池泵组流量(m³/s)</td>
|
||
<td>东池液位区间(m)</td>
|
||
<td>效率区间（%）</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="font-size-30 font-color-lightBlue modelPumpFlow_east">0</td>
|
||
<td class="font-size-30 font-color-lightBlue">
|
||
<span class="modelLevelRange_east_min">0</span>~<span class="modelLevelRange_east_max">0</span>
|
||
(<span class="modelLevelRange_east_min_high">0</span>~<span class="modelLevelRange_east_max_high">0</span>)
|
||
</td>
|
||
<td class="font-size-30 font-color-grey">
|
||
<span class="efficiencyRange_east_min">0</span>~<span class="efficiencyRange_east_max">0</span>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td>西池泵组流量(m³/s)<%--单泵流量(m³/s)--%></td>
|
||
<td>西池液位区间(m)</td>
|
||
<td></td>
|
||
</tr>
|
||
<tr>
|
||
<td class="font-size-30 font-color-lightBlue modelPumpFlow_west">0</td>
|
||
<td class="font-size-30 font-color-lightBlue">
|
||
<span class="modelLevelRange_west_min">0</span>~<span class="modelLevelRange_west_max">0</span>
|
||
(<span class="modelLevelRange_west_min_high">0</span>~<span class="modelLevelRange_west_max_high">0</span>)
|
||
</td>
|
||
<td class="font-size-30 font-color-grey">
|
||
<span class="efficiencyRange_west_min">0</span>~<span class="efficiencyRange_west_max">0</span>
|
||
</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
|
||
<div class="row">
|
||
<div class="col-lg-12">
|
||
<div class="font-size-18 font-color-lightBlack padding-bottom-10 padding-left-10"><strong>泵组运行预测曲线</strong></div>
|
||
<div class="echarts_lines" id="operational_forecast_line"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- /.box-body -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</body>
|
||
</html> |