552 lines
19 KiB
Plaintext
552 lines
19 KiB
Plaintext
<%@ 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) {
|
|
var option = {
|
|
title: {
|
|
text: title,
|
|
x:'center',
|
|
},
|
|
tooltip: {
|
|
trigger: 'axis'
|
|
},
|
|
legend: {
|
|
data: [title],
|
|
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: [
|
|
{
|
|
name: title,
|
|
type: 'line',
|
|
data: 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").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").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 () {
|
|
|
|
});
|
|
$("#myModalLabel").html(equipmentName+"("+equipmentNumber+")");
|
|
getData();
|
|
getChartData();
|
|
})
|
|
function getData() {
|
|
var timeType = $("#timeType").val();
|
|
var num = $("#num").val();
|
|
var startdate = $("#startdate").val();
|
|
var enddate = $("#enddate").val();
|
|
$.post(ext.contextPath + '/valueEngineering/equipmentEvaluate/getFanAnalysisChartData.do',
|
|
{ id: equipmentid,timeType:timeType,num:num,startdate:startdate,enddate:enddate }, function (result) {
|
|
result = JSON.parse(result);
|
|
if (result != "") {
|
|
var data = result;
|
|
var flow_xAxis = data.flow_xAxis;
|
|
var power_xAxis = data.power_xAxis;
|
|
var lift_xAxis = data.lift_xAxis;
|
|
var efficiency_xAxis = data.efficiency_xAxis;
|
|
var data_flow = data.flow_actual;//当前风量_实际
|
|
var data_power = data.power_actual;//出口风压_实际
|
|
var data_lift = data.lift_actual;//电机电流_实际
|
|
var data_efficiency = data.efficiency_actual;//风机效率_实际
|
|
var data_flow_standard = data.flow_standard;//当前风量_标准
|
|
var data_power_standard = data.power_standard;//出口风压_标准
|
|
var data_lift_standard = data.lift_standard;//电机电流_标准
|
|
var data_efficiency_standard = data.efficiency_standard;//风机效率_标准
|
|
var pneumatics_xAxis = data.pneumatics_xAxis;
|
|
var input_xAxis = data.input_xAxis;
|
|
var data_pneumatics = data.pneumatics_actual;//电机电流_标准
|
|
var data_input = data.input_actual;//风机效率_标准
|
|
getChartData_pumpAll('flow','当前风量曲线(M3/h)',flow_xAxis,data_flow);
|
|
getChartData_pumpAll('power','出口风压曲线(Kpa)',power_xAxis,data_power);
|
|
getChartData_pumpAll('lift','电机电流曲线(A)',lift_xAxis,data_lift);
|
|
getChartData_pumpAll('efficiency','风机效率曲线(%)',efficiency_xAxis,data_efficiency);
|
|
getChartData_pumpAll('pneumatics','气动消耗功率曲线(kW)',pneumatics_xAxis,data_pneumatics);
|
|
getChartData_pumpAll('input','电机输入功率曲线(kW)',input_xAxis,data_input);
|
|
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 = [];
|
|
if(data_flow!=null && data_flow.length>0){
|
|
for(var a=0;a<data_flow.length;a++){
|
|
if(a<data_lift.length){
|
|
data_lift_actual_item[a] = [data_flow[a],data_lift[a]];
|
|
}/* else{
|
|
data_lift_actual_item[a] = [data_flow[a],0];
|
|
} */
|
|
if(a<data_power.length){
|
|
data_power_actual_item[a] = [data_flow[a],data_power[a]];
|
|
}/* else{
|
|
data_power_actual_item[a] = [data_flow[a],0];
|
|
} */
|
|
if(a<data_efficiency.length){
|
|
data_efficiency_actual_item[a] = [data_flow[a],data_efficiency[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_pump('pump_lift',data_lift_actual_item,data_lift_standard_item,'电机电流曲线(A)');
|
|
getChartData_pump('pump_power',data_power_actual_item,data_power_standard_item,'出口风压曲线(Kpa)');
|
|
getChartData_pump('pump_efficiency',data_efficiency_actual_item,data_efficiency_standard_item,'风机效率曲线(%)'); */
|
|
}
|
|
});
|
|
}
|
|
</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_1" data-toggle="tab">风机性能曲线</a></li>
|
|
<li><a href="#tab_2" 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-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-12">
|
|
<div id="flow" style="float:left;height:320px;width:370px"></div>
|
|
<div id="lift" style="float:left;height:320px;width:370px"></div>
|
|
<div id="power" style="float:left;height:320px;width:370px"></div>
|
|
</div>
|
|
<div class="col-md-12">
|
|
<div id="efficiency" style="float:left;height:320px;width:370px"></div>
|
|
<div id="pneumatics" style="float:left;height:320px;width:370px"></div>
|
|
<div id="input" style="float:left;height:320px;width:370px"></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:500px;width:850px"></div>
|
|
</div>
|
|
<!-- /.tab-pane -->
|
|
</div>
|
|
<!-- /.tab-content -->
|
|
</div>
|
|
</div>
|
|
<!-- /.modal-content -->
|
|
</div>
|
|
<!-- /.modal-dialog -->
|
|
</div> |