first commit
This commit is contained in:
552
WebRoot/jsp/valueEngineering/economicLife4fanAnalysis.jsp
Normal file
552
WebRoot/jsp/valueEngineering/economicLife4fanAnalysis.jsp
Normal file
@ -0,0 +1,552 @@
|
||||
<%@ 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>
|
||||
Reference in New Issue
Block a user