469 lines
18 KiB
Plaintext
469 lines
18 KiB
Plaintext
|
<%@ page language="java" pageEncoding="UTF-8"%>
|
|||
|
|
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
|
|||
|
|
<script type="text/javascript">
|
|||
|
|
//获取>泵性能曲线-总
|
|||
|
|
function getChartData_pumpAll(id,title,data_xAxis,data,legendData) {
|
|||
|
|
var option = {
|
|||
|
|
title: {
|
|||
|
|
text: title,
|
|||
|
|
x:'center',
|
|||
|
|
},
|
|||
|
|
tooltip: {
|
|||
|
|
trigger: 'axis'
|
|||
|
|
},
|
|||
|
|
legend: {
|
|||
|
|
data: legendData,
|
|||
|
|
x:'left',
|
|||
|
|
top:'25px',
|
|||
|
|
},
|
|||
|
|
grid: {
|
|||
|
|
left: '3%',
|
|||
|
|
right: '4%',
|
|||
|
|
bottom: '3%',
|
|||
|
|
containLabel: true
|
|||
|
|
},
|
|||
|
|
xAxis: {
|
|||
|
|
type: 'category',
|
|||
|
|
boundaryGap: false,
|
|||
|
|
data: data_xAxis
|
|||
|
|
},
|
|||
|
|
yAxis: {
|
|||
|
|
type: 'value'
|
|||
|
|
},
|
|||
|
|
series: data
|
|||
|
|
};
|
|||
|
|
var lifeChart = echarts.init(document.getElementById(id));
|
|||
|
|
lifeChart.setOption(option,true);
|
|||
|
|
}
|
|||
|
|
//获取泵性能曲线-分项
|
|||
|
|
function getChartData_pump(id,data,data2,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 myRegression2 = ecStat.regression('polynomial', data2.reverse());
|
|||
|
|
|
|||
|
|
myRegression2.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: ['实际', '标准'],
|
|||
|
|
x:'right'
|
|||
|
|
},
|
|||
|
|
xAxis: {
|
|||
|
|
type: 'value',
|
|||
|
|
splitLine: {
|
|||
|
|
lineStyle: {
|
|||
|
|
type: 'dashed'
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
yAxis: {
|
|||
|
|
type: 'value',
|
|||
|
|
splitLine: {
|
|||
|
|
lineStyle: {
|
|||
|
|
type: 'dashed'
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
series: [{
|
|||
|
|
name: '实际scatter',
|
|||
|
|
type: 'scatter',
|
|||
|
|
emphasis: {
|
|||
|
|
label: {
|
|||
|
|
show: true,
|
|||
|
|
position: 'left',
|
|||
|
|
color: 'blue',
|
|||
|
|
fontSize: 16
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
data: data
|
|||
|
|
}, {
|
|||
|
|
name: '实际',
|
|||
|
|
type: 'line',
|
|||
|
|
showSymbol: false,
|
|||
|
|
smooth: true,
|
|||
|
|
data: myRegression.points,
|
|||
|
|
markPoint: {
|
|||
|
|
itemStyle: {
|
|||
|
|
color: 'transparent'
|
|||
|
|
},
|
|||
|
|
label: {
|
|||
|
|
show: false,
|
|||
|
|
position: 'left',
|
|||
|
|
formatter: myRegression.expression,
|
|||
|
|
color: '#333',
|
|||
|
|
fontSize: 14
|
|||
|
|
},
|
|||
|
|
data: [{
|
|||
|
|
coord: myRegression.points[myRegression.points.length - 1]
|
|||
|
|
}]
|
|||
|
|
}
|
|||
|
|
},{
|
|||
|
|
name: '标准scatter',
|
|||
|
|
type: 'scatter',
|
|||
|
|
emphasis: {
|
|||
|
|
label: {
|
|||
|
|
show: true,
|
|||
|
|
position: 'left',
|
|||
|
|
color: 'green',
|
|||
|
|
fontSize: 16
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
data: data2
|
|||
|
|
}, {
|
|||
|
|
name: '标准',
|
|||
|
|
type: 'line',
|
|||
|
|
showSymbol: false,
|
|||
|
|
smooth: true,
|
|||
|
|
data: myRegression2.points,
|
|||
|
|
markPoint: {
|
|||
|
|
itemStyle: {
|
|||
|
|
color: 'transparent'
|
|||
|
|
},
|
|||
|
|
label: {
|
|||
|
|
show: false,
|
|||
|
|
position: 'left',
|
|||
|
|
formatter: myRegression2.expression,
|
|||
|
|
color: '#333',
|
|||
|
|
fontSize: 14
|
|||
|
|
},
|
|||
|
|
data: [{
|
|||
|
|
coord: myRegression2.points[myRegression2.points.length - 1]
|
|||
|
|
}]
|
|||
|
|
}
|
|||
|
|
}]
|
|||
|
|
};
|
|||
|
|
var lifeChart = echarts.init(document.getElementById(id));
|
|||
|
|
lifeChart.setOption(option);
|
|||
|
|
}
|
|||
|
|
$(function () {
|
|||
|
|
/* $("#enddate_consumption").datepicker({
|
|||
|
|
language: 'zh-CN',
|
|||
|
|
autoclose: true,
|
|||
|
|
todayHighlight: true,
|
|||
|
|
format:'yyyy-mm-dd',
|
|||
|
|
})
|
|||
|
|
$("#startdate_consumption").datepicker({
|
|||
|
|
language: 'zh-CN',
|
|||
|
|
autoclose: true,
|
|||
|
|
todayHighlight: true,
|
|||
|
|
format:'yyyy-mm-dd',
|
|||
|
|
}) */
|
|||
|
|
$("#enddate_consumption").datetimepicker({
|
|||
|
|
language:'zh-CN',
|
|||
|
|
format: 'yyyy-mm-dd hh:ii',
|
|||
|
|
dateFormat: 'yyyy-mm-dd',//日期显示格式
|
|||
|
|
timeFormat: 'HH:mm',//时间显示格式
|
|||
|
|
startView: "day", //初始化视图是‘年’
|
|||
|
|
minView: 0,
|
|||
|
|
maxView: "year",
|
|||
|
|
minuteStep: 1,//分钟间隔1分钟
|
|||
|
|
autoclose: true
|
|||
|
|
}).on('changeDate', function () {
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
$("#startdate_consumption").datetimepicker({
|
|||
|
|
language:'zh-CN',
|
|||
|
|
format: 'yyyy-mm-dd hh:ii',
|
|||
|
|
dateFormat: 'yyyy-mm-dd',//日期显示格式
|
|||
|
|
timeFormat: 'HH:mm',//时间显示格式
|
|||
|
|
startView: "day", //初始化视图是‘年’
|
|||
|
|
minView: 0,
|
|||
|
|
maxView: "year",
|
|||
|
|
minuteStep: 1,//分钟间隔1分钟
|
|||
|
|
autoclose: true
|
|||
|
|
}).on('changeDate', function () {
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
$("#enddate_consumption_DH").datepicker({
|
|||
|
|
language: 'zh-CN',
|
|||
|
|
autoclose: true,
|
|||
|
|
todayHighlight: true,
|
|||
|
|
format:'yyyy-mm-dd',
|
|||
|
|
})
|
|||
|
|
$("#startdate_consumption_DH").datepicker({
|
|||
|
|
language: 'zh-CN',
|
|||
|
|
autoclose: true,
|
|||
|
|
todayHighlight: true,
|
|||
|
|
format:'yyyy-mm-dd',
|
|||
|
|
})
|
|||
|
|
var htmlStr = "";
|
|||
|
|
$.each(selectionModels, function(index, item){
|
|||
|
|
if(htmlStr!=""){
|
|||
|
|
htmlStr+=",";
|
|||
|
|
}
|
|||
|
|
htmlStr+=item.specificationName+"("+item.equipmentmanufacturer+")";
|
|||
|
|
});
|
|||
|
|
$("#myModalLabel").html(htmlStr);
|
|||
|
|
getConsumptionData();
|
|||
|
|
getConsumptionData_DH();
|
|||
|
|
})
|
|||
|
|
function getConsumptionData() {
|
|||
|
|
var timeType = $("#timeType_consumption").val();
|
|||
|
|
var num = $("#num_consumption").val();
|
|||
|
|
var startdate = $("#startdate_consumption").val();
|
|||
|
|
var enddate = $("#enddate_consumption").val();
|
|||
|
|
var pumpMultiple = $("#pumpMultiple_consumption").val();
|
|||
|
|
$.post(ext.contextPath + '/valueEngineering/equipmentEvaluate/getPumpAnalysisModelChartData.do',
|
|||
|
|
{ selectionModels: JSON.stringify(selectionModels),timeType:timeType,num:num,startdate:startdate,enddate:enddate,unitId:unitId,pumpMultiple:pumpMultiple }, function (result) {
|
|||
|
|
result = JSON.parse(result);
|
|||
|
|
console.log(result);
|
|||
|
|
if (result != "") {
|
|||
|
|
var tons_xAxis = [];
|
|||
|
|
var data_tons = [];//单耗_实际
|
|||
|
|
var legend_tons = [];//单耗_实际
|
|||
|
|
var tons_xAxis = [];
|
|||
|
|
var data_tons = [];//单耗_实际
|
|||
|
|
for(var i=0;i<result.length;i++){
|
|||
|
|
var data = result[i];
|
|||
|
|
if(data.tons_xAxis.length>tons_xAxis.length){
|
|||
|
|
tons_xAxis = data.tons_xAxis;
|
|||
|
|
}
|
|||
|
|
legend_tons[i]=data.equipmentCardName+"单耗";
|
|||
|
|
data_tons[i]={
|
|||
|
|
name: data.equipmentCardName+"单耗",
|
|||
|
|
type: 'line',
|
|||
|
|
data: data.tons_actual
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
getChartData_pumpAll('tons_consumption','单耗曲线(KWh/t)',tons_xAxis,data_tons,legend_tons);
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
function getConsumptionData_DH() {
|
|||
|
|
var startdate = $("#startdate_consumption_DH").val();
|
|||
|
|
var enddate = $("#enddate_consumption_DH").val();
|
|||
|
|
var pumpMultiple = $("#pumpMultiple_consumption_DH").val();
|
|||
|
|
$.post(ext.contextPath + '/valueEngineering/equipmentEvaluate/getPumpAnalysisDHModelChartData.do',
|
|||
|
|
{ selectionModels: JSON.stringify(selectionModels),startdate:startdate,enddate:enddate,unitId:unitId,pumpMultiple:pumpMultiple },
|
|||
|
|
function (result) {
|
|||
|
|
result = JSON.parse(result);
|
|||
|
|
console.log(result);
|
|||
|
|
if (result != "") {
|
|||
|
|
var datas = [];
|
|||
|
|
var legendData = [];
|
|||
|
|
for(var i=0;i<result.length;i++){
|
|||
|
|
var data = result[i];
|
|||
|
|
var equipmentCard =JSON.parse(data.equipmentCard);
|
|||
|
|
legendData[i]=equipmentCard.equipmentcardid;
|
|||
|
|
/* datas[i]={
|
|||
|
|
name: equipmentCard.equipmentcardid,
|
|||
|
|
type: 'bar',
|
|||
|
|
data: data.actual
|
|||
|
|
} */
|
|||
|
|
datas.push({
|
|||
|
|
name: equipmentCard.equipmentcardid,
|
|||
|
|
type: 'bar',
|
|||
|
|
data: [data.actual[0]]
|
|||
|
|
});
|
|||
|
|
datas.push({
|
|||
|
|
name: equipmentCard.equipmentcardid,
|
|||
|
|
type: 'bar',
|
|||
|
|
xAxisIndex: 1,
|
|||
|
|
yAxisIndex: 1,
|
|||
|
|
data: [data.actual[1],data.actual[2]]
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
/* charts_bars('tons_consumption_DH','单耗分析',datas,legendData) */
|
|||
|
|
charts_bars_new('tons_consumption_DH','单耗分析',datas,legendData);
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
function charts_bars(id,title,data,legendData) {
|
|||
|
|
var option = {
|
|||
|
|
title: {
|
|||
|
|
text: title,
|
|||
|
|
x:'center',
|
|||
|
|
},
|
|||
|
|
tooltip: {
|
|||
|
|
trigger: 'axis',
|
|||
|
|
axisPointer: {
|
|||
|
|
type: 'shadow'
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
legend: {
|
|||
|
|
data: legendData,
|
|||
|
|
x:'left',
|
|||
|
|
},
|
|||
|
|
grid: {
|
|||
|
|
left: '3%',
|
|||
|
|
right: '4%',
|
|||
|
|
bottom: '3%',
|
|||
|
|
containLabel: true
|
|||
|
|
},
|
|||
|
|
xAxis: {
|
|||
|
|
type: 'category',
|
|||
|
|
data: ['单耗（kWh/t）', '运行次数(次)', '运行时间（h）']
|
|||
|
|
},
|
|||
|
|
yAxis: {
|
|||
|
|
type: 'value',
|
|||
|
|
},
|
|||
|
|
series: data,
|
|||
|
|
};
|
|||
|
|
var lifeChart = echarts.init(document.getElementById(id));
|
|||
|
|
lifeChart.setOption(option);
|
|||
|
|
}
|
|||
|
|
function charts_bars_new(id,title,data,legendData) {
|
|||
|
|
var option = {
|
|||
|
|
title: {
|
|||
|
|
text: title,
|
|||
|
|
x:'left',
|
|||
|
|
},
|
|||
|
|
tooltip: {
|
|||
|
|
trigger: 'axis',
|
|||
|
|
axisPointer: {
|
|||
|
|
type: 'shadow'
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
grid: [{
|
|||
|
|
right: '60%'
|
|||
|
|
},{
|
|||
|
|
left: '40%'
|
|||
|
|
}],
|
|||
|
|
legend: {
|
|||
|
|
data: legendData,
|
|||
|
|
x:'right',
|
|||
|
|
},
|
|||
|
|
xAxis: [
|
|||
|
|
{
|
|||
|
|
type: 'category',
|
|||
|
|
data: ['单耗（kWh/t）']
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
type: 'category',
|
|||
|
|
data: ['运行次数(次)', '运行时间（h）'],
|
|||
|
|
gridIndex: 1,
|
|||
|
|
}
|
|||
|
|
],
|
|||
|
|
yAxis: [
|
|||
|
|
{
|
|||
|
|
type: 'value',
|
|||
|
|
axisLine: {
|
|||
|
|
show: true,
|
|||
|
|
},
|
|||
|
|
splitLine: {
|
|||
|
|
show: false,
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
type: 'value',
|
|||
|
|
position: 'right',
|
|||
|
|
axisLine: {
|
|||
|
|
show: true,
|
|||
|
|
},
|
|||
|
|
splitLine: {
|
|||
|
|
show: false,
|
|||
|
|
},
|
|||
|
|
gridIndex: 1,
|
|||
|
|
}
|
|||
|
|
],
|
|||
|
|
series: data
|
|||
|
|
};
|
|||
|
|
var lifeChart = echarts.init(document.getElementById(id));
|
|||
|
|
lifeChart.setOption(option);
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
<div class="modal fade" id="economicLifeModal">
|
|||
|
|
<div class="modal-dialog modal-xlg" id="sub">
|
|||
|
|
<div class="modal-content nav-tabs-custom" id="content">
|
|||
|
|
<div class="modal-header">
|
|||
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|||
|
|
<span aria-hidden="true">×</span></button>
|
|||
|
|
<h4 class="modal-title pull-right" id="myModalLabel" style="margin: 0 10px;"></h4>
|
|||
|
|
<ul class="nav nav-tabs">
|
|||
|
|
<li class="active"><a href="#tab_3" data-toggle="tab">吨水电耗</a></li>
|
|||
|
|
<li><a href="#tab_4" data-toggle="tab">单耗分析</a></li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
<div class="modal-body" style="overflow-x:auto;">
|
|||
|
|
<div class="tab-content">
|
|||
|
|
<div class="tab-pane active" id="tab_3">
|
|||
|
|
<div class="row">
|
|||
|
|
<div class="col-md-12">
|
|||
|
|
<div class="col-md-2">
|
|||
|
|
<select class="form-control " id="timeType_consumption" name="timeType_consumption" onchange ="getConsumptionData();"
|
|||
|
|
style="width: 150px;">
|
|||
|
|
<option value="2">月数据</option>
|
|||
|
|
<option value="1">日数据</option>
|
|||
|
|
<option value="0" selected>实时数据</option>
|
|||
|
|
</select>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-2">
|
|||
|
|
<select class="form-control " id="pumpMultiple_consumption" name="pumpMultiple_consumption" onchange ="getConsumptionData();"
|
|||
|
|
style="width: 150px;">
|
|||
|
|
<option value="" selected>全部</option>
|
|||
|
|
<option value="0">单泵</option>
|
|||
|
|
<option value="1">多泵</option>
|
|||
|
|
</select>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-5 col-sm-2">
|
|||
|
|
<div class="input-group">
|
|||
|
|
<div class="input-group-addon">开始时间</div>
|
|||
|
|
<input type="text" class="form-control" id="startdate_consumption" name ="startdate_consumption" value="${fn:substring(startdate,0,16)}" >
|
|||
|
|
<div class="input-group-addon">结束时间</div>
|
|||
|
|
<input type="text" class="form-control" id="enddate_consumption" name ="enddate_consumption" value="${fn:substring(enddate,0,16)}" >
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-1 col-sm-2">
|
|||
|
|
<a role="button" class="btn btn-primary" href="javascript:;" onclick="getConsumptionData();" >刷新</a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-12">
|
|||
|
|
<div id="tons_consumption" style="float:left;height:640px;width:1100px"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<!-- /.tab-pane -->
|
|||
|
|
<div class="tab-pane" id="tab_4">
|
|||
|
|
<div class="row">
|
|||
|
|
<div class="col-md-12">
|
|||
|
|
<div class="col-md-5 col-sm-2">
|
|||
|
|
<div class="input-group">
|
|||
|
|
<div class="input-group-addon">开始时间</div>
|
|||
|
|
<input type="text" class="form-control" id="startdate_consumption_DH" name ="startdate_consumption_DH" value="${fn:substring(startdate,0,10)}" >
|
|||
|
|
<div class="input-group-addon">结束时间</div>
|
|||
|
|
<input type="text" class="form-control" id="enddate_consumption_DH" name ="enddate_consumption_DH" value="${fn:substring(enddate,0,10)}" >
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-2">
|
|||
|
|
<select class="form-control " id="pumpMultiple_consumption_DH" name="pumpMultiple_consumption_DH" onchange ="getConsumptionData_DH();"
|
|||
|
|
style="width: 150px;">
|
|||
|
|
<option value="" selected>全部</option>
|
|||
|
|
<option value="0">单泵</option>
|
|||
|
|
<option value="1">多泵</option>
|
|||
|
|
</select>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-1 col-sm-2">
|
|||
|
|
<a role="button" class="btn btn-primary" href="javascript:;" onclick="getConsumptionData_DH();" >刷新</a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-12">
|
|||
|
|
<div id="tons_consumption_DH" style="float:left;height:640px;width:1100px"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<!-- /.tab-pane -->
|
|||
|
|
</div>
|
|||
|
|
<!-- /.tab-content -->
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<!-- /.modal-content -->
|
|||
|
|
</div>
|
|||
|
|
<!-- /.modal-dialog -->
|
|||
|
|
</div>
|