Files
SIPAIIS_WMS_JSSW/WebRoot/jsp/valueEngineering/economicLife4pumpAnalysis.jsp

932 lines
36 KiB
Plaintext
Raw Normal View History

2026-01-16 14:13:44 +08:00
<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<script type="text/javascript">
option = {
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'cross',
label: {
backgroundColor: '#283b56'
}
}
},
grid: {
left: '10%',
right: '10%',
bottom: '10%',
top: '10%',
},
legend: {
left: 'center',
itemGap: 50,
textStyle: {
fontSize: 20
},
data: ['年等额总成本', '设备年等额运行成本', '等额资产恢复成本']
},
dataZoom: {
show: false,
start: 0,
end: 100
},
xAxis: [
{
name: '年份',
position: 'bottom',
type: 'category',
axisTick: {
show: false,
},
boundaryGap: true,
data: []
}
],
yAxis: [{
type: 'value',
//inverse: true,
name: '成本',
//namelocation: 'end',
scale: true,
axisTick: {
show: true,
},
splitLine: {
show: true
},
//max: 1200,
min: 0,
data: [],
boundaryGap: [0.2, 0.2]
}],
series: [
{
name: '年等额总成本',
type: 'line',//line
smooth: true, //平滑曲线显示
itemStyle: {
color: '#4F81BD',
borderWidth: 1,
},
lineStyle: {
width: 3,
},
markLine: {
data: [
{
type: 'min',
value: '最小值',
}
]
},
markPoint: {
data: []
},
data: []
},
{
name: '设备年等额运行成本',
type: 'line',
smooth: true, //平滑曲线显示
itemStyle: {
color: '#C0504D',
borderWidth: 1,
},
lineStyle: {
width: 3,
},
data: (function () {
var res = [];
var len = 12;
while (len--) {
res.push(Math.round(Math.random() * 10));
}
return res;
})()
}, {
name: '等额资产恢复成本',
type: 'line',
smooth: true, //平滑曲线显示
itemStyle: {
color: '#99BB58',
borderWidth: 1,
},
lineStyle: {
width: 3,
},
data: (function () {
var res = [];
var len = 12;
while (len--) {
res.push(Math.round(Math.random() * 10));
}
return res;
})()
}
]
};
//等额资产恢复成本
function getRecoverCost(data) {
var res = [];
for (var len = 0; len < data.length; len++) {
//res.push((data[len] / (len + 1)).toFixed(2));
res.push((data[len]).toFixed(2));
}
return res;
}
//设备年等额运行成本
function getRunCost(data) {
var res = [];
for (var len = 0; len < data.length; len++) {
//res.push((data[len] / (len + 1)).toFixed(2));
res.push((data[len]).toFixed(2));
}
return res;
}
//年等额总成本
function getTotalCost(runResult, recoverResult) {
var res = [];
for (var len = 0; len < runResult.length; len++) {
var run = runResult[len];
var recover = recoverResult[len];
res.push((run + recover).toFixed(2));
}
return res;
}
//经济寿命标注
function economicLifeYear(runResult, recoverResult, xAis) {
var xMark;
var yMark;
var value;
for (var len = 0; len < runResult.length; len++) {
var run = runResult[len];
var recover = recoverResult[len];
var x = xAis[len];
if (len == 0) {
xMark = len;
value = x;
yMark = (run + recover).toFixed(2);
}
if (parseFloat((run + recover).toFixed(2)) < parseFloat(yMark)) {
xMark = len;
value = x;
yMark = (run + recover).toFixed(2);
}
}
return [{ xAxis: xMark, yAxis: yMark, value: '最小值:' + value + '年' }];
}
//获取折线图数据
function getChartData() {
$.post(ext.contextPath + '/valueEngineering/equipmentEvaluate/getEconomicLifeLineChart.do', { id: equipmentid }, function (result) {
//console.log(result);
result = JSON.parse(result);
if (result != "") {
var lifeChart = echarts.init(document.getElementById('eLifeDiv'));
option.xAxis[0].data = result.xAis;
option.series[0].data = getTotalCost(result.runCost, result.recoverCost);//年等额总成本
option.series[1].data = getRunCost(result.runCost);//设备年等额运行成本
option.series[2].data = getRecoverCost(result.recoverCost);//等额资产恢复成本
option.series[0].markPoint.data = economicLifeYear(result.runCost, result.recoverCost, result.xAis);
//console.log(option);
//console.log(lifeChart);
lifeChart.setOption(option);
}
});
}
//获取>泵性能曲线-总
function getChartData_pumpAll(id,title,data_xAxis,data,legendData,selected) {
var option = {
title: {
text: title,
x:'center',
},
tooltip: {
trigger: 'axis'
},
toolbox: {
show: true,
feature: {
dataZoom: {
yAxisIndex: 'none'
},
}
},
legend: {
type: 'scroll',
data: legendData,
x:'left',
top:'25px',
selected: selected
},
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',
selected: {
// 选中
'出厂': true,
// 不选中
'实际': false
}
},
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 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);
}
$(function () {
/* $("#enddate").datepicker({
language: 'zh-CN',
autoclose: true,
todayHighlight: true,
format:'yyyy-mm-dd',
})
$("#startdate").datepicker({
language: 'zh-CN',
autoclose: true,
todayHighlight: true,
format:'yyyy-mm-dd',
})
$("#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").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").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").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 = equipmentName+"("+equipmentNumber;
if(equipmentSpecificationName!=null && equipmentSpecificationName!="" && equipmentSpecificationName!=undefined){
htmlStr += ","+equipmentSpecificationName;
}
if(equipmentmodelName!=null && equipmentmodelName!="" && equipmentmodelName!=undefined){
htmlStr += ","+equipmentmodelName;
}
if(equipmentmanuFacturer!=null && equipmentmanuFacturer!="" && equipmentmanuFacturer!=undefined){
htmlStr += ","+equipmentmanuFacturer;
}
htmlStr += ")";
$("#myModalLabel").html(htmlStr);
getData();
getChartData();
/* getConsumptionData();
getConsumptionData_DH(); */
})
function getData() {
var timeType = $("#timeType").val();
var num = $("#num").val();
var startdate = $("#startdate").val();
var enddate = $("#enddate").val();
var pumpMultiple = $("#pumpMultiple").val();
$.post(ext.contextPath + '/valueEngineering/equipmentEvaluate/getPumpAnalysisChartData.do',
{ id: equipmentid,timeType:timeType,num:num,startdate:startdate,enddate:enddate,pumpMultiple:pumpMultiple }, function (result) {
result = JSON.parse(result);
console.log(result);
if (result != "") {
var flow_xAxis = [];
var power_xAxis = [];
var lift_xAxis = [];
var efficiency_xAxis = [];
var tons_xAxis = [];
var data_flow = [];
var data_power = [];//功率_实际
var data_lift = [];//扬程_实际
var data_efficiency = [];//效率_实际
var data_level = [];//青标液位_实际
var data_tons = [];//
var legend_flow = [];
var legend_power = [];//功率_实际
var legend_lift = [];//扬程_实际
var legend_efficiency = [];//效率_实际
var legend_level = [];//青标液位_实际
var legend_tons = [];
var selected_flow = {};
var selected_power = {};//功率_实际
var selected_lift = {};//扬程_实际
var selected_efficiency = {};//效率_实际
var selected_level = {};//青标液位_实际
var selected_tons = {};
var data_flow_standard = [];//流量_出厂
var data_power_standard = [];//功率_出厂
var data_lift_standard = [];//扬程_出厂
var data_efficiency_standard = [];//效率_出厂
var data_lift_actual_item = [];
var data_lift_standard_item = [];
var data_power_actual_item = [];
var data_power_standard_item = [];
var data_efficiency_actual_item = [];
var data_efficiency_standard_item = [];
for(var i=0;i<result.length;i++){
var data = result[i];
flow_xAxis = data.flow_xAxis;
power_xAxis = data.power_xAxis;
lift_xAxis = data.lift_xAxis;
efficiency_xAxis = data.efficiency_xAxis;
tons_xAxis = data.tons_xAxis;
legend_flow[i]=data.equipmentCardName+"流量";
legend_power[i]=data.equipmentCardName+"功率";
legend_lift.push(data.equipmentCardName+"扬程",data.equipmentCardName+"青标液位",data.equipmentCardName+"压力");
legend_efficiency[i]=data.equipmentCardName+"效率";
legend_level[i]=data.equipmentCardName+"青标液位";
legend_tons[i]=data.equipmentCardName+"单耗";
selected_flow[data.equipmentCardName+"流量"]=true;
selected_power[data.equipmentCardName+"功率"]=true;
selected_lift[data.equipmentCardName+"扬程"]=true;
selected_lift[data.equipmentCardName+"青标液位"]=false;
selected_lift[data.equipmentCardName+"压力"]=false;
selected_efficiency[data.equipmentCardName+"效率"]=true;
selected_level[data.equipmentCardName+"青标液位"]=true;
selected_tons[data.equipmentCardName+"单耗"]=true;
data_flow.push({
name: data.equipmentCardName+"流量",
type: 'line',
data: data.flow_actual
});
data_power.push({
name: data.equipmentCardName+"功率",
type: 'line',
data: data.power_actual
});
data_lift.push({
name: data.equipmentCardName+"扬程",
type: 'line',
data: data.lift_actual
});
data_efficiency.push({
name: data.equipmentCardName+"效率",
type: 'line',
data: data.efficiency_actual
});
data_lift.push({
name: data.equipmentCardName+"青标液位",
type: 'line',
data: data.level_actual
});
data_lift.push({
name: data.equipmentCardName+"压力",
type: 'line',
data: data.pressure_actual
});
data_tons.push({
name: data.equipmentCardName+"功率",
type: 'line',
data: data.tons_actual
});
data_flow_standard = data.flow_standard;//流量_出厂
data_power_standard = data.power_standard;//功率_出厂
data_lift_standard = data.lift_standard;//扬程_出厂
data_efficiency_standard = data.efficiency_standard;//效率_出厂
//流量_实际
if(data.flow_actual!=null && data.flow_actual.length>0){
for(var a=0;a<data.flow_actual.length;a++){
if(a<data.lift_actual.length){
data_lift_actual_item.push([data.flow_actual[a],data.lift_actual[a]]);
}/* else{
data_lift_actual_item[a] = [data_flow[a],0];
} */
if(a<data.power_actual.length){
data_power_actual_item.push([data.flow_actual[a],data.power_actual[a]]);
}/* else{
data_power_actual_item[a] = [data_flow[a],0];
} */
if(a<data.efficiency_actual.length){
data_efficiency_actual_item.push([data.flow_actual[a],data.efficiency_actual[a]]);
}/* else{
data_efficiency_actual_item[a] = [data_flow[a],0];
} */
}
}
if(data_flow_standard!=null && data_flow_standard.length>0){
for(var a=0;a<data_flow_standard.length;a++){
if(a<data_lift_standard.length){
data_lift_standard_item[a] = [data_flow_standard[a],data_lift_standard[a]];
}/* else{
data_lift_standard_item[a] = [data_flow_standard[a],0];
} */
if(a<data_power_standard.length){
data_power_standard_item[a] = [data_flow_standard[a],data_power_standard[a]];
}/* else{
data_power_standard_item[a] = [data_flow_standard[a],0];
} */
if(a<data_efficiency_standard.length){
data_efficiency_standard_item[a] = [data_flow_standard[a],data_efficiency_standard[a]];
}/* else{
data_efficiency_standard_item[a] = [data_flow_standard[a],0];
} */
}
}
}
getChartData_pumpAll('flow','流量曲线(m³/h)',flow_xAxis,data_flow,legend_flow,selected_flow);
getChartData_pumpAll('power','单耗曲线(KWh/t/m)',tons_xAxis,data_tons,legend_tons,selected_tons);
//getChartData_pumpAll('power','功率曲线(kW)',power_xAxis,data_power,legend_power,selected_power);
getChartData_pumpAll('lift','扬程(m)、青标液位(m)、压力曲线',lift_xAxis,data_lift,legend_lift,selected_lift);
getChartData_pumpAll('efficiency','效率曲线(%)',efficiency_xAxis,data_efficiency,legend_efficiency,selected_efficiency);
getChartData_pump('pump_lift',data_lift_actual_item,data_lift_standard_item,'扬程曲线(m)');
//getChartData_pump('pump_power',data_power_actual_item,data_power_standard_item,'功率曲线');
getChartData_pump('pump_efficiency',data_efficiency_actual_item,data_efficiency_standard_item,'效率曲线(%)');
}
});
}
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/getPumpAnalysisChartData.do',
{ id: equipmentid,timeType:timeType,num:num,startdate:startdate,enddate:enddate,pumpMultiple:pumpMultiple }, function (result) {
result = JSON.parse(result);
if (result != "") {
var flow_xAxis = [];
var lift_xAxis = [];
var tons_xAxis = [];
var data_flow = [];
var data_tons = [];//功率_实际
var data_lift = [];//扬程_实际
var legend_flow = [];
var legend_tons = [];//功率_实际
var legend_lift = [];//扬程_实际
var flow_xAxis = [];
var lift_xAxis = [];
var tons_xAxis = [];
var data_flow = [];//流量_实际
var data_lift = [];//扬程_实际
var data_tons = [];//单耗_实际
for(var i=0;i<result.length;i++){
var data = result[i];
flow_xAxis = data.flow_xAxis;
lift_xAxis = data.lift_xAxis;
tons_xAxis = data.tons_xAxis;
legend_flow[i]=data.equipmentCardName+"流量";
legend_lift[i]=data.equipmentCardName+"扬程";
legend_tons[i]=data.equipmentCardName+"单耗";
data_flow[i]={
name: data.equipmentCardName+"流量",
type: 'line',
data: data.flow_actual
}
data_lift[i]={
name: data.equipmentCardName+"扬程",
type: 'line',
data: data.lift_actual
}
data_tons[i]={
name: data.equipmentCardName+"单耗",
type: 'line',
data: data.tons_actual
}
}
getChartData_pumpAll('flow_consumption','流量曲线(m³/h)',flow_xAxis,data_flow,legend_flow);
getChartData_pumpAll('lift_consumption','扬程曲线(m)',lift_xAxis,data_lift,legend_lift);
getChartData_pumpAll('tons_consumption','单耗曲线(KWh/t/m)',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/getPumpAnalysisDHChartData.do',
{ selectionModels: equipmentid,startdate:startdate,enddate:enddate,unitId:unitId,pumpMultiple:pumpMultiple },
function (result) {
result = JSON.parse(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.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);
}
});
}
</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">&times;</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_1" data-toggle="tab">泵性能曲线</a></li>
<li><a href="#tab_2" data-toggle="tab">设备经济寿命曲线</a></li>
<!-- <li><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_1">
<div class="row">
<div class="col-md-12">
<div class="col-md-2">
<select class="form-control " id="timeType" name="timeType" onchange ="getData();"
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" name="pumpMultiple" onchange ="getData();"
style="width: 150px;">
<option value="" selected>全部</option>
<option value="0" selected>单泵</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" name ="startdate" value="${fn:substring(startdate,0,16)}" >
<div class="input-group-addon">结束时间</div>
<input type="text" class="form-control" id="enddate" name ="enddate" 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="getData();" >刷新</a>
</div>
</div>
<div class="col-md-7">
<div id="flow" style="float:left;height:320px;width:325px"></div>
<div id="lift" style="float:left;height:320px;width:325px"></div>
<div id="power" style="float:left;height:320px;width:325px"></div>
<div id="efficiency" style="float:left;height:320px;width:325px"></div>
</div>
<div class="col-md-5">
<div id="pump_lift" style="height:220px;width:450px"></div>
<!-- <div id="pump_power" style="height:220px;width:450px"></div> -->
<div id="pump_efficiency" style="height:220px;width:450px"></div>
</div>
</div>
</div>
<!-- /.tab-pane -->
<div class="tab-pane" id="tab_2">
<div id="eLifeDiv" style="height:670px;width:850px"></div>
</div>
<!-- /.tab-pane -->
<div class="tab-pane" 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="">全部</option>
<option value="0" selected>单泵</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:380px"></div>
<div id="flow_consumption" style="float:left;height:640px;width:380px"></div>
<div id="lift_consumption" style="float:left;height:640px;width:380px"></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="" >全部</option>
<option value="0" selected>单泵</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>