1209 lines
34 KiB
Plaintext
1209 lines
34 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"%>
|
||
|
||
|
||
|
||
|
||
<html:html lang="true">
|
||
<head>
|
||
|
||
<jsp:include page="/jsp/inc.jsp"></jsp:include>
|
||
<meta http-equiv="pragma" content="no-cache">
|
||
<meta http-equiv="cache-control" content="no-cache">
|
||
<meta http-equiv="expires" content="0">
|
||
<link rel="StyleSheet" href="CSS/comm2.css" type="text/css" />
|
||
<link href="bootstrap/css/bootstrap.css" rel="stylesheet" type="text/css" />
|
||
|
||
<script type="text/javascript" src="JS/comm.js"></script>
|
||
<script type="text/javascript" src="JS/echarts3.0.js"></script>
|
||
<script type="text/javascript" src="My97DatePicker/WdatePicker.js"></script>
|
||
<script type="text/javascript" src="JS/jquery-1.4.2.js"></script>
|
||
<script src="bootstrap/js/jquery.min.js" type="text/javascript"></script>
|
||
<script src="bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
|
||
<script type="text/javascript" src="jquery-easyui-1.3.2/jquery-1.8.0.min.js"></script>
|
||
<script type="text/javascript" src="bootstrap/layer/layer.js"></script>
|
||
|
||
<!-- <script type="text/javascript" src="bootstrap/js/bootstrap.min.js"></script> -->
|
||
|
||
<style type="text/css">
|
||
|
||
.floattop_div {
|
||
width: 100%;
|
||
height: 42%;
|
||
margin-left:5px;
|
||
margin-top:5px;
|
||
/* background: red; */
|
||
border:0px solid #8B8386;
|
||
float: left;
|
||
}
|
||
.floattop_div_1 {
|
||
width: 35%;
|
||
height: 100%;
|
||
margin-left:5px;
|
||
margin-top:5px;
|
||
/* background: red; */
|
||
border:0px solid #8B8386;
|
||
float: left;
|
||
}
|
||
.floattop_div_2 {
|
||
width: 32%;
|
||
height: 100%;
|
||
margin-left:5px;
|
||
margin-top:5px;
|
||
border:1px solid #d7d8d9;
|
||
float: left;
|
||
}
|
||
.floattop_div_3 {
|
||
width: 30%;
|
||
height: 100%;
|
||
margin-left:5px;
|
||
margin-top:5px;
|
||
border:0px solid #8B8386;
|
||
float: left;
|
||
}
|
||
.floatbottom_div {
|
||
width: 100%;
|
||
height: 45%;
|
||
margin-left:5px;
|
||
margin-top:5px;
|
||
border:0px solid #8B8386;
|
||
float: left;
|
||
}
|
||
.floatbottom_div_1 {
|
||
width: 35%;
|
||
height: 100%;
|
||
margin-left:5px;
|
||
margin-top:5px;
|
||
border:0px solid #8B8386;
|
||
float: left;
|
||
}
|
||
.floatbottom_div_2 {
|
||
width: 62.7%;
|
||
height: 100%;
|
||
margin-left:5px;
|
||
margin-top:5px;
|
||
border:0px solid #8B8386;
|
||
float: left;
|
||
}
|
||
/* .floatbottom_div_3 {
|
||
width: 30%;
|
||
height: 100%;
|
||
margin-left:5px;
|
||
margin-top:5px;
|
||
border:0px solid #8B8386;
|
||
float: left;
|
||
} */
|
||
.tpt-bar {
|
||
display:flex;
|
||
border:1px solid #e2e2e2;
|
||
border-radius:2px;
|
||
background:#E3E4E6;
|
||
box-shadow:0 2px 5px 0 rgba(0,0,0,.1);
|
||
flex-wrap:wrap;
|
||
}
|
||
.tpt-bar label {
|
||
display:block;
|
||
padding:0 20px;
|
||
height:38px;
|
||
line-height:38px;
|
||
cursor:pointer;
|
||
order:1;
|
||
}
|
||
.tpt-bar .tpt-bar-con {
|
||
z-index:0;
|
||
display:none;
|
||
margin-top:-1px;
|
||
padding:10px;
|
||
width:100%;
|
||
min-height:120px;
|
||
border-top:1px solid #e2e2e2;
|
||
background:#fff;
|
||
order:99;
|
||
}
|
||
.tpt-bar input[type=radio] {
|
||
position:absolute;
|
||
opacity:0;
|
||
}
|
||
.tpt-bar input[type=radio]:checked+label {
|
||
z-index:1;
|
||
margin-right:-1px;
|
||
margin-left:-1px;
|
||
border-right:1px solid #e2e2e2;
|
||
border-left:1px solid #e2e2e2;
|
||
background:#fff;
|
||
}
|
||
.tpt-bar input[type=radio]:checked+label+.tpt-bar-con {
|
||
display:block;
|
||
}
|
||
|
||
</style>
|
||
<script type="text/javascript">
|
||
|
||
var maindfgcjson="";
|
||
var mainscjyjson="";
|
||
function dojfdfhtml(){
|
||
$("#showdata").datepicker({
|
||
format: "yyyy-mm",
|
||
todayBtn: "linked",
|
||
startView: 1,
|
||
minViewMode: 1,
|
||
language: "zh-CN",
|
||
orientation: "bottom auto",
|
||
autoclose: true,
|
||
todayHighlight: true
|
||
});
|
||
|
||
var showdata=$('#showdata').val();
|
||
$("#jfdfjson").bootstrapTable({ // 对应table标签的id
|
||
url: ext.contextPath + '/timeEfficiency/electricityPrice/getElectricityPricelist2.do', // 获取表格数据的url
|
||
cache: false, // 设置为 false 禁用 AJAX 数据缓存， 默认为true
|
||
striped: true, //表格显示条纹，默认为false
|
||
pagination: true, // 在表格底部显示分页组件，默认false
|
||
pageList: [10, 20, 50], // 设置页面可以显示的数据条数
|
||
pageSize: 15, // 页面数据条数
|
||
pageNumber: 1, // 首页页码
|
||
sidePagination: 'server', // 设置为服务器端分页
|
||
queryParams: function (params) { // 请求服务器数据时发送的参数，可以在这里添加额外的查询参数，返回false则终止请求
|
||
return {
|
||
rows: params.limit, // 每页要显示的数据条数
|
||
page: params.offset / params.limit + 1, // 每页显示数据的开始页码
|
||
sort: 'insdt', // 要排序的字段
|
||
order: params.order,
|
||
showdata:showdata,
|
||
bizId: unitId,
|
||
search_name: $('#search_name').val(),
|
||
//type: '${type}'
|
||
}
|
||
},
|
||
onClickRow: function (row) {//单击行事件,执行查看功能
|
||
viewFun(row.id);
|
||
},
|
||
sortName: 'start_time', // 要排序的字段
|
||
sortOrder: 'asc', // 排序规则
|
||
columns: [
|
||
{
|
||
field: 'peakprice', // 返回json数据中的name
|
||
title: '总电费', // 表格表头显示文字
|
||
align: 'center', // 左右居中
|
||
valign: 'middle' // 上下居中
|
||
},
|
||
{
|
||
field: 'voltagelevel', // 返回json数据中的name
|
||
title: ' 电压等级 ', // 表格表头显示文字
|
||
align: 'center', // 左右居中
|
||
valign: 'middle' // 上下居中
|
||
},
|
||
{
|
||
field: 'dianduprice', // 返回json数据中的name
|
||
title: '电度电价(元)', // 表格表头显示文字
|
||
align: 'center', // 左右居中
|
||
valign: 'middle' // 上下居中
|
||
},
|
||
{
|
||
field: 'basicprice', // 返回json数据中的name
|
||
title: '基本电费', // 表格表头显示文字
|
||
align: 'center', // 左右居中
|
||
valign: 'middle' // 上下居中
|
||
},
|
||
],
|
||
onLoadSuccess: function () { //加载成功时执行
|
||
adjustBootstrapTableView("table");
|
||
},
|
||
onLoadError: function () { //加载失败时执行
|
||
console.info("加载数据失败");
|
||
},
|
||
});
|
||
}
|
||
|
||
function dodfgchtml(){
|
||
var bizid=unitId;
|
||
var showdata=$('#showdata').val();
|
||
$.ajax({
|
||
type:'GET',
|
||
url:ext.contextPath + "/timeEfficiency/electricityPrice/doecharts2.do?&math="+Math.random()+"&bizid="+bizid+"&showdata="+showdata,
|
||
async: false,
|
||
globle:false,
|
||
error: function(){
|
||
return false;
|
||
},
|
||
success: function(data){
|
||
//全厂电费构成
|
||
var dfgcjson=eval('(' + data + ')');
|
||
maindfgcjson=dfgcjson;
|
||
var dfgchtml="";
|
||
dfgchtml=dfgchtml+"<table style='font-size: 12px;border: 1px solid #e4e4e4;table-layout: fixed;border-collapse: collapse;width:100%;height:10%' cellspacing='0'>";
|
||
dfgchtml=dfgchtml+"<thead style='background: #E3E4E6;border:1px solid #d7d8d9;'><tr><th align='left' width='30%'> 全厂电费构成</th> <th ></th> <th align='right' width='40px;'> <span class='btnright' onclick='showhiddendiv(this);' ><img src='IMG/efficiency/电费分析菜单.png' style='width:50%;height:50%;'></span></th></tr></thead>";
|
||
dfgchtml=dfgchtml+"</table>";
|
||
dfgchtml=dfgchtml+"<table style='font-size: 12px;border-left: 1px solid #e4e4e4;border-right: 1px solid #e4e4e4;table-layout: fixed;border-collapse: collapse;width:100%;height:90%;background: #FAFAFA' cellspacing='0'>";
|
||
dfgchtml=dfgchtml+"<tr style='border-bottom: 1px solid #e4e4e4;padding-bottom:5px;font-weight:bold;height:15%;'>";
|
||
dfgchtml=dfgchtml+"<td align='center' style='border-right: 1px solid #e4e4e4;'>分项名称</td>";
|
||
dfgchtml=dfgchtml+"<td align='center' style='border-right: 1px solid #e4e4e4;'>预算费用(元)</td>";
|
||
dfgchtml=dfgchtml+"<td align='center' style='border-right: 1px solid #e4e4e4;'>实际费用(元)</td>";
|
||
dfgchtml=dfgchtml+"<td align='center' >节约费用(元)</td></tr>";
|
||
for(var key in dfgcjson){
|
||
dfgchtml=dfgchtml+"<tr style='border-bottom: 1px solid #e4e4e4;padding-bottom:5px;height:15%;' >";
|
||
dfgchtml=dfgchtml+"<td align='center' style='font-weight:bold;border-right: 1px solid #e4e4e4;'>"+key+"</td>";
|
||
|
||
if(dfgcjson[key][0]=='/'){
|
||
dfgchtml=dfgchtml+"<td align='center' style='border-right: 1px solid #e4e4e4;'>/</td>";
|
||
}else if(dfgcjson[key][0]=='-'){
|
||
dfgchtml=dfgchtml+"<td align='center' style='border-right: 1px solid #e4e4e4;'>-</td>";
|
||
}else{
|
||
var num1=number_format(dfgcjson[key][0], 2, ".", ",", "round");
|
||
dfgchtml=dfgchtml+"<td align='center' style='border-right: 1px solid #e4e4e4;'>"+num1+"</td>";
|
||
}
|
||
if(dfgcjson[key][1]=='/'){
|
||
dfgchtml=dfgchtml+"<td align='center' style='border-right: 1px solid #e4e4e4;'>/</td>";
|
||
}else if(dfgcjson[key][1]=='-'){
|
||
dfgchtml=dfgchtml+"<td align='center' style='border-right: 1px solid #e4e4e4;'>-</td>";
|
||
}else{
|
||
var num2=number_format(dfgcjson[key][2], 2, ".", ",", "round");
|
||
dfgchtml=dfgchtml+"<td align='center' style='border-right: 1px solid #e4e4e4;'>"+num2+"</td>";
|
||
}
|
||
if(dfgcjson[key][2]=='/'){
|
||
dfgchtml=dfgchtml+"<td align='center' >/</td>";
|
||
}else if(dfgcjson[key][2]=='-'){
|
||
dfgchtml=dfgchtml+"<td align='center' >-</td>";
|
||
}else{
|
||
var num3=number_format(dfgcjson[key][1], 2, ".", ",", "round");
|
||
dfgchtml=dfgchtml+"<td align='center' >"+num3+"</td>";
|
||
}
|
||
|
||
dfgchtml=dfgchtml+"</tr>";
|
||
}
|
||
dfgchtml=dfgchtml+"<tr style='border-bottom: 1px solid #e4e4e4;padding-bottom:5px;height:15%;' >";
|
||
dfgchtml=dfgchtml+"<td align='center' style='font-weight:bold;border-right: 1px solid #e4e4e4;'></td>";
|
||
dfgchtml=dfgchtml+"<td align='center' style='border-right: 1px solid #e4e4e4;'></td>";
|
||
dfgchtml=dfgchtml+"<td align='center' style='border-right: 1px solid #e4e4e4;'></td>";
|
||
dfgchtml=dfgchtml+"<td align='center' ></td>";
|
||
dfgchtml=dfgchtml+"</tr>";
|
||
dfgchtml=dfgchtml+"<tr style='border-bottom: 1px solid #e4e4e4;padding-bottom:5px;height:15%;' >";
|
||
dfgchtml=dfgchtml+"<td align='center' style='font-weight:bold;border-right: 1px solid #e4e4e4;'></td>";
|
||
dfgchtml=dfgchtml+"<td align='center' style='border-right: 1px solid #e4e4e4;'></td>";
|
||
dfgchtml=dfgchtml+"<td align='center' style='border-right: 1px solid #e4e4e4;'></td>";
|
||
dfgchtml=dfgchtml+"<td align='center' ></td>";
|
||
dfgchtml=dfgchtml+"</tr>";
|
||
|
||
dfgchtml=dfgchtml+"</table>";
|
||
$('#dfgcjson').html(dfgchtml);
|
||
|
||
}
|
||
});
|
||
|
||
$('#mydiv1').attr('style','position:absolute;display:none;padding:8px;border:1px solid #a5b6c8;background:#eef3f7;');
|
||
}
|
||
|
||
function doscjyhtml(){
|
||
var bizid=unitId;
|
||
var showdata=$('#showdata').val();
|
||
$.ajax({
|
||
type:'GET',
|
||
url:"constitute.do?method=getelectricityCostAnalysisForscjy&&math="+Math.random()+"&bizid="+bizid+"&showdata="+showdata,
|
||
async: false,
|
||
globle:false,
|
||
error: function(){
|
||
return false;
|
||
},
|
||
success: function(data){
|
||
//生产节约电费
|
||
var scjyjson=eval('(' + data + ')');
|
||
mainscjyjson=scjyjson;
|
||
var scjyhtml="";
|
||
scjyhtml=scjyhtml+"<table style='font-size: 12px;border: 1px solid #e4e4e4;table-layout: fixed;border-collapse: collapse;width:100%;height:10%' cellspacing='0'>";
|
||
scjyhtml=scjyhtml+"<thead style='background: #E3E4E6;border:1px solid #d7d8d9;'><tr><th align='left' width='30%'> 生产节约电费</th> <th ></th> <th align='right' width='40px;'> <span class='btnright' onclick='showhiddendiv(this);' ><img src='IMG/efficiency/电费分析菜单.png' style='width:50%;height:50%;'></span> </th></tr></thead>";
|
||
scjyhtml=scjyhtml+"</table>";
|
||
scjyhtml=scjyhtml+"<table style='font-size: 12px;border-left: 1px solid #e4e4e4;border-right: 1px solid #e4e4e4;table-layout: fixed;border-collapse: collapse;width:100%;height:90%;background: #FAFAFA' cellspacing='0'>";
|
||
scjyhtml=scjyhtml+"<tr style='border-bottom: 1px solid #e4e4e4;padding-bottom:5px;font-weight:bold;'>";
|
||
scjyhtml=scjyhtml+"<td align='center' style='border-right: 1px solid #e4e4e4;'>分项名称</td>";
|
||
scjyhtml=scjyhtml+"<td align='center' style='border-right: 1px solid #e4e4e4;'>预算费用(元)</td>";
|
||
scjyhtml=scjyhtml+"<td align='center' style='border-right: 1px solid #e4e4e4;'>实际费用(元)</td>";
|
||
scjyhtml=scjyhtml+"<td align='center' >节约费用(元)</td></tr>";
|
||
for(var key in scjyjson){
|
||
scjyhtml=scjyhtml+"<tr style='border-bottom: 1px solid #e4e4e4;padding-bottom:5px;' >";
|
||
scjyhtml=scjyhtml+"<td align='center' style='font-weight:bold;border-right: 1px solid #e4e4e4;'>"+key+"</td>";
|
||
if(scjyjson[key][0]=='/'){
|
||
scjyhtml=scjyhtml+"<td align='center' style='border-right: 1px solid #e4e4e4;'>/</td>";
|
||
}else if(scjyjson[key][0]=='-'){
|
||
scjyhtml=scjyhtml+"<td align='center' style='border-right: 1px solid #e4e4e4;'>-</td>";
|
||
}else{
|
||
var num1=number_format(scjyjson[key][0], 2, ".", ",", "round");
|
||
scjyhtml=scjyhtml+"<td align='center' style='border-right: 1px solid #e4e4e4;'>"+num1+"</td>";
|
||
}
|
||
if(scjyjson[key][1]=='/'){
|
||
scjyhtml=scjyhtml+"<td align='center' style='border-right: 1px solid #e4e4e4;'>/</td>";
|
||
}else if(scjyjson[key][1]=='-'){
|
||
scjyhtml=scjyhtml+"<td align='center' style='border-right: 1px solid #e4e4e4;'>-</td>";
|
||
}else{
|
||
var num2=number_format(scjyjson[key][1], 2, ".", ",", "round");
|
||
scjyhtml=scjyhtml+"<td align='center' style='border-right: 1px solid #e4e4e4;'>"+num2+"</td>";
|
||
}
|
||
if(scjyjson[key][2]=='/'){
|
||
scjyhtml=scjyhtml+"<td align='center' >/</td>";
|
||
}else if(scjyjson[key][2]=='-'){
|
||
scjyhtml=scjyhtml+"<td align='center' >-</td>";
|
||
}else{
|
||
var num3=number_format(scjyjson[key][2], 2, ".", ",", "round");
|
||
scjyhtml=scjyhtml+"<td align='center' >"+num3+"</td>";
|
||
}
|
||
scjyhtml=scjyhtml+"</tr>";
|
||
}
|
||
|
||
scjyhtml=scjyhtml+"</table>";
|
||
$('#dfgcjson').html(scjyhtml);
|
||
|
||
|
||
|
||
}
|
||
});
|
||
$('#mydiv1').attr('style','position:absolute;display:none;padding:8px;border:1px solid #a5b6c8;background:#eef3f7;');
|
||
}
|
||
|
||
|
||
function dodfqx(){
|
||
var bizid=unitId;
|
||
var showdata=$('#showdata').val();
|
||
$.ajax({
|
||
type:'GET',
|
||
url:ext.contextPath + "/timeEfficiency/electricityPrice/doecharts1.do?&math="+Math.random()+"&bizid="+bizid+"&showdata="+showdata,
|
||
async: false,
|
||
globle:false,
|
||
error: function(){
|
||
return false;
|
||
},
|
||
success: function(data){
|
||
var data=eval('(' + data + ')');
|
||
var mychart=echarts.init(document.getElementById('mycharts1'));
|
||
|
||
var colors=['#FFA700','#0078E2'];
|
||
var legenddata=new Array();
|
||
var xdata=new Array();
|
||
var series=[];
|
||
|
||
var datanum=0;
|
||
for(var key in data){
|
||
legenddata[datanum]=key;
|
||
if(datanum==0){
|
||
for(var keynum=0;keynum<data[key].length;keynum++){
|
||
xdata[keynum]=keynum+1;
|
||
}
|
||
}
|
||
series.push({
|
||
name: key,
|
||
data: data[key],
|
||
type: 'line',
|
||
smooth: true
|
||
})
|
||
datanum++;
|
||
}
|
||
var option = {
|
||
color: colors,
|
||
title: {
|
||
text: '电费曲线',
|
||
subtext: showdata,
|
||
x: 'center'
|
||
},
|
||
legend: {
|
||
data:legenddata,
|
||
left:'5%',
|
||
top:'3%'
|
||
},
|
||
tooltip: {
|
||
trigger: 'axis',
|
||
axisPointer: {
|
||
type: 'cross',
|
||
crossStyle: {
|
||
color: '#999'
|
||
}
|
||
}
|
||
},
|
||
grid: {
|
||
left: '2%',
|
||
right: '2%',
|
||
bottom: '1%',
|
||
containLabel: true
|
||
|
||
},
|
||
xAxis: {
|
||
type: 'category',
|
||
data: xdata,
|
||
axisPointer: {
|
||
type: 'line'
|
||
}
|
||
},
|
||
yAxis: {
|
||
name:"(元)",
|
||
type: 'value',
|
||
splitLine: {
|
||
show: false
|
||
},
|
||
scale:true
|
||
},
|
||
series: series
|
||
};
|
||
mychart.clear();
|
||
mychart.setOption(option);
|
||
}
|
||
});
|
||
|
||
}
|
||
|
||
function dodsdh(){
|
||
var bizid=unitId;
|
||
var showdata=$('#showdata').val();
|
||
$.ajax({
|
||
type:'GET',
|
||
url:"constitute.do?method=getelectricityCostAnalysisFordsdh&&math="+Math.random()+"&bizid="+bizid+"&showdata="+showdata,
|
||
async: false,
|
||
globle:false,
|
||
error: function(){
|
||
return false;
|
||
},
|
||
success: function(data){
|
||
var data=eval('(' + data + ')');
|
||
var mychart=echarts.init(document.getElementById('mycharts1'));
|
||
|
||
var colors=['#FFA700','#0078E2'];
|
||
var legenddata=new Array();
|
||
var xdata=new Array();
|
||
var series=[];
|
||
|
||
var datanum=0;
|
||
for(var key in data){
|
||
legenddata[datanum]=key;
|
||
if(datanum==0){
|
||
for(var keynum=0;keynum<data[key].length;keynum++){
|
||
xdata[keynum]=keynum+1;
|
||
}
|
||
}
|
||
series.push({
|
||
name: key,
|
||
data: data[key],
|
||
type: 'line',
|
||
smooth: true
|
||
})
|
||
datanum++;
|
||
}
|
||
var option = {
|
||
color: colors,
|
||
title: {
|
||
text: '吨水电耗',
|
||
subtext: showdata,
|
||
x: 'center'
|
||
},
|
||
legend: {
|
||
data:legenddata,
|
||
left:'5%',
|
||
top:'3%'
|
||
},
|
||
tooltip: {
|
||
trigger: 'axis',
|
||
axisPointer: {
|
||
type: 'cross',
|
||
crossStyle: {
|
||
color: '#999'
|
||
}
|
||
}
|
||
},
|
||
grid: {
|
||
left: '2%',
|
||
right: '2%',
|
||
bottom: '1%',
|
||
containLabel: true
|
||
|
||
},
|
||
xAxis: {
|
||
type: 'category',
|
||
data: xdata,
|
||
axisPointer: {
|
||
type: 'line'
|
||
}
|
||
},
|
||
yAxis: {
|
||
name:"(kWh/t)",
|
||
type: 'value',
|
||
splitLine: {
|
||
show: false
|
||
},
|
||
scale:true
|
||
},
|
||
series: series
|
||
};
|
||
mychart.clear();
|
||
mychart.setOption(option);
|
||
}
|
||
});
|
||
|
||
}
|
||
|
||
function dopjdj(){
|
||
var bizid=unitId;
|
||
var showdata=$('#showdata').val();
|
||
$.ajax({
|
||
type:'GET',
|
||
url:"constitute.do?method=getelectricityCostAnalysisForpjdj&&math="+Math.random()+"&bizid="+bizid+"&showdata="+showdata,
|
||
async: false,
|
||
globle:false,
|
||
error: function(){
|
||
return false;
|
||
},
|
||
success: function(data){
|
||
var data=eval('(' + data + ')');
|
||
var mychart=echarts.init(document.getElementById('mycharts1'));
|
||
|
||
var colors=['#FFA700','#0078E2'];
|
||
var legenddata=new Array();
|
||
var xdata=new Array();
|
||
var series=[];
|
||
|
||
var datanum=0;
|
||
for(var key in data){
|
||
legenddata[datanum]=key;
|
||
if(datanum==0){
|
||
for(var keynum=0;keynum<data[key].length;keynum++){
|
||
xdata[keynum]=keynum+1;
|
||
}
|
||
}
|
||
series.push({
|
||
name: key,
|
||
data: data[key],
|
||
type: 'line',
|
||
smooth: true
|
||
})
|
||
datanum++;
|
||
}
|
||
var option = {
|
||
color: colors,
|
||
title: {
|
||
text: '平均电价',
|
||
subtext: showdata,
|
||
x: 'center'
|
||
},
|
||
legend: {
|
||
data:legenddata,
|
||
left:'5%',
|
||
top:'3%'
|
||
},
|
||
tooltip: {
|
||
trigger: 'axis',
|
||
axisPointer: {
|
||
type: 'cross',
|
||
crossStyle: {
|
||
color: '#999'
|
||
}
|
||
}
|
||
},
|
||
grid: {
|
||
left: '2%',
|
||
right: '2%',
|
||
bottom: '1%',
|
||
containLabel: true
|
||
|
||
},
|
||
xAxis: {
|
||
type: 'category',
|
||
data: xdata,
|
||
axisPointer: {
|
||
type: 'line'
|
||
}
|
||
},
|
||
yAxis: {
|
||
name:"(元)",
|
||
type: 'value',
|
||
splitLine: {
|
||
show: false
|
||
},
|
||
scale:true
|
||
},
|
||
series: series
|
||
};
|
||
mychart.clear();
|
||
mychart.setOption(option);
|
||
}
|
||
});
|
||
|
||
}
|
||
|
||
function doscdfqx(){
|
||
var namekist1=[];var namekist2=[];
|
||
|
||
// for(var key in maindfgcjson){
|
||
// namekist1.push({
|
||
// name:key,
|
||
// value:maindfgcjson[key][1]
|
||
// });
|
||
// }
|
||
// for(var key in mainscjyjson){
|
||
// namekist2.push({
|
||
// name:key,
|
||
// value:mainscjyjson[key][1]
|
||
// });
|
||
// }
|
||
// var data=[];
|
||
// var color1=['#ebb410','#258e9e','#9b5f40'];
|
||
// var color2=['#76c0cb','#34a3b4','#f7a129','#d45a59','#ba764d','#9db2b7','#ddaf61','#a2b029','#76c0cb'];
|
||
|
||
// for(var i=0;i<namekist1.length;i++){
|
||
// if(i==0){
|
||
// var children=[];
|
||
// for(var j=0;j<namekist2.length;j++){
|
||
// if(namekist2[j].value!='/'){
|
||
// children.push({
|
||
// name:namekist2[j].name,
|
||
// value:Number(namekist2[j].value),
|
||
// itemStyle: {
|
||
// color: color2[j]
|
||
// }
|
||
// });
|
||
// }
|
||
// }
|
||
|
||
// data.push({
|
||
// name:namekist1[i].name,
|
||
// value:Number(namekist1[i].value),
|
||
// itemStyle: {
|
||
// color: color1[i]
|
||
// },
|
||
// children:children
|
||
// })
|
||
// }else{
|
||
// data.push({
|
||
// name:namekist1[i].name,
|
||
// value:Number(namekist1[i].value),
|
||
// itemStyle: {
|
||
// color: color1[i]
|
||
// },
|
||
// children: [{
|
||
// value: Number(namekist1[i].value),
|
||
// itemStyle: {
|
||
// color: color1[i]
|
||
// }
|
||
// }]
|
||
// })
|
||
// }
|
||
// }
|
||
|
||
var mychart=echarts.init(document.getElementById('mycharts2'));
|
||
|
||
var option = {
|
||
tooltip: {
|
||
trigger: 'item',
|
||
formatter: "{a} <br/>{b}: {c} ({d}%)"
|
||
},
|
||
// legend: {
|
||
// orient: 'vertical',
|
||
// x: 'left',
|
||
// data:${showList2}
|
||
// },
|
||
series: [
|
||
{
|
||
name:'全厂能耗',
|
||
type:'pie',
|
||
center: ['50%', '55%'],
|
||
radius: [0, '40%'],
|
||
label: {
|
||
normal: {
|
||
position: 'inner'
|
||
}
|
||
},
|
||
labelLine: {
|
||
normal: {
|
||
show: false
|
||
}
|
||
},
|
||
data:function(){
|
||
var dataArr = maindfgcjson;
|
||
var data=[];
|
||
var color=['#ebb410','#258e9e','#9b5f40']
|
||
var changenum=0;
|
||
for( var k in dataArr){
|
||
var item={
|
||
name:k,
|
||
itemStyle: {
|
||
normal: {
|
||
color: color[changenum]
|
||
}
|
||
},
|
||
value:dataArr[k][1]
|
||
}
|
||
data.push(item);
|
||
changenum++;
|
||
};
|
||
return data;
|
||
}(),
|
||
},
|
||
{
|
||
name:'全厂能耗',
|
||
type:'pie',
|
||
center: ['50%', '55%'],
|
||
radius: ['41%', '70%'],
|
||
label: {
|
||
normal: {
|
||
formatter: ' {b|{b}：}\n {per|{d}%}',
|
||
backgroundColor: '#eee',
|
||
borderColor: '#aaa',
|
||
borderWidth: 1,
|
||
borderRadius: 4,
|
||
rich: {
|
||
b: {
|
||
fontSize: 12,
|
||
align: 'left',
|
||
lineHeight: 20
|
||
},
|
||
per: {
|
||
align: 'left',
|
||
color: '#eee',
|
||
backgroundColor: '#334455',
|
||
padding: [2, 4],
|
||
borderRadius: 2
|
||
}
|
||
}
|
||
}
|
||
},
|
||
data:function(){
|
||
var dataArr = mainscjyjson;
|
||
var data=[];
|
||
var color=['#76c0cb','#34a3b4','#f7a129','#d45a59','#ba764d','#9db2b7','#258e9e','#9b5f40']
|
||
var changenum=0;
|
||
for( var k in dataArr){
|
||
var item={
|
||
name:k,
|
||
itemStyle: {
|
||
normal: {
|
||
color: color[changenum]
|
||
}
|
||
},
|
||
value:dataArr[k][1]
|
||
}
|
||
data.push(item);
|
||
changenum++;
|
||
};
|
||
var dataArr2 = maindfgcjson;
|
||
var changenum2=0
|
||
for( var k in dataArr2){
|
||
if(changenum2>0){
|
||
var item={
|
||
name:k,
|
||
itemStyle: {
|
||
normal: {
|
||
color: color[changenum-1+changenum2]
|
||
}
|
||
},
|
||
value:dataArr2[k][1]
|
||
}
|
||
data.push(item);
|
||
}
|
||
changenum2++;
|
||
};
|
||
return data;
|
||
}(),
|
||
}
|
||
]
|
||
};
|
||
|
||
mychart.on('click', function (param) {
|
||
var index = param.dataIndex;
|
||
if(index==0){
|
||
doscjyhtml();
|
||
}
|
||
});
|
||
mychart.clear();
|
||
mychart.setOption(option);
|
||
}
|
||
|
||
function dodffx(){
|
||
var bizid=unitId;
|
||
var showdata=$('#showdata').val();
|
||
$.ajax({
|
||
type:'GET',
|
||
url:"constitute.do?method=getelectricityCostAnalysisFordffx&&math="+Math.random()+"&bizid="+bizid+"&showdata="+showdata,
|
||
async: false,
|
||
globle:false,
|
||
error: function(){
|
||
return false;
|
||
},
|
||
success: function(data){
|
||
var data=eval('(' + data + ')');
|
||
var mychart=echarts.init(document.getElementById('mycharts3'));
|
||
|
||
var colors=['#FFA700','#0078E2'];
|
||
var legenddata=new Array();
|
||
var xdata=new Array();
|
||
var series=[];
|
||
|
||
var datanum=0;
|
||
for(var key in data){
|
||
legenddata[datanum]=key;
|
||
if(datanum==0){
|
||
for(var keynum=0;keynum<data[key].length;keynum++){
|
||
if(showdata.length>5){
|
||
var d = new Date((showdata+"-01").replace(/-/g,"/"));
|
||
d.setMonth(d.getMonth()+(-(5-keynum)));
|
||
var str = d.getFullYear()+"-"+(d.getMonth()>=9?d.getMonth()+1:"0"+(d.getMonth()+1));
|
||
}else{
|
||
var d = new Date((showdata+"-01-01").replace(/-/g,"/"));
|
||
d.setYear(d.getFullYear()+(-(4-keynum)));
|
||
var str = d.getFullYear();
|
||
}
|
||
// var str = d.getFullYear()+"-"+(d.getMonth()>=9?d.getMonth()+1:"0"+(d.getMonth()+1))+"-"+(d.getDate()>9?d.getDate():"0"+d.getDate());
|
||
xdata[keynum]=str;
|
||
}
|
||
}
|
||
series.push({
|
||
name: key,
|
||
data: data[key],
|
||
type: 'bar',
|
||
smooth: true
|
||
})
|
||
datanum++;
|
||
}
|
||
var option = {
|
||
color: colors,
|
||
legend: {
|
||
data:legenddata,
|
||
left:'5%',
|
||
top:'3%'
|
||
},
|
||
tooltip: {
|
||
trigger: 'axis',
|
||
},
|
||
grid: {
|
||
left: '2%',
|
||
right: '2%',
|
||
bottom: '1%',
|
||
containLabel: true
|
||
|
||
},
|
||
xAxis: {
|
||
type: 'category',
|
||
data: xdata,
|
||
axisPointer: {
|
||
type: 'line'
|
||
}
|
||
},
|
||
yAxis: {
|
||
name:"(元)",
|
||
type: 'value',
|
||
splitLine: {
|
||
show: false
|
||
},
|
||
scale:true
|
||
},
|
||
series: series
|
||
};
|
||
mychart.clear();
|
||
mychart.setOption(option);
|
||
}
|
||
});
|
||
|
||
}
|
||
|
||
function dodlfx(){
|
||
var bizid=unitId;
|
||
var showdata=$('#showdata').val();
|
||
$.ajax({
|
||
type:'GET',
|
||
url:"constitute.do?method=getelectricityCostAnalysisFordlfx&&math="+Math.random()+"&bizid="+bizid+"&showdata="+showdata,
|
||
async: false,
|
||
globle:false,
|
||
error: function(){
|
||
return false;
|
||
},
|
||
success: function(data){
|
||
var data=eval('(' + data + ')');
|
||
var mychart=echarts.init(document.getElementById('mycharts4'));
|
||
|
||
var colors=['#FFA700','#0078E2'];
|
||
var legenddata=new Array();
|
||
var xdata=new Array();
|
||
var series=[];
|
||
|
||
var datanum=0;
|
||
for(var key in data){
|
||
legenddata[datanum]=key;
|
||
if(datanum==0){
|
||
for(var keynum=0;keynum<data[key].length;keynum++){
|
||
if(showdata.length>5){
|
||
var d = new Date((showdata+"-01").replace(/-/g,"/"));
|
||
d.setMonth(d.getMonth()+(-(5-keynum)));
|
||
var str = d.getFullYear()+"-"+(d.getMonth()>=9?d.getMonth()+1:"0"+(d.getMonth()+1));
|
||
}else{
|
||
var d = new Date((showdata+"-01-01").replace(/-/g,"/"));
|
||
d.setMonth(d.getMonth()+(-(4-keynum)));
|
||
var str = d.getFullYear();
|
||
}
|
||
// var str = d.getFullYear()+"-"+(d.getMonth()>=9?d.getMonth()+1:"0"+(d.getMonth()+1))+"-"+(d.getDate()>9?d.getDate():"0"+d.getDate());
|
||
xdata[keynum]=str;
|
||
}
|
||
}
|
||
series.push({
|
||
name: key,
|
||
data: data[key],
|
||
type: 'bar',
|
||
smooth: true
|
||
})
|
||
datanum++;
|
||
}
|
||
var option = {
|
||
color: colors,
|
||
legend: {
|
||
data:legenddata,
|
||
left:'5%',
|
||
top:'3%'
|
||
},
|
||
tooltip: {
|
||
trigger: 'axis',
|
||
},
|
||
grid: {
|
||
left: '2%',
|
||
right: '2%',
|
||
bottom: '1%',
|
||
containLabel: true
|
||
|
||
},
|
||
xAxis: {
|
||
type: 'category',
|
||
data: xdata,
|
||
axisPointer: {
|
||
type: 'line'
|
||
}
|
||
},
|
||
yAxis: {
|
||
name:"(元)",
|
||
type: 'value',
|
||
splitLine: {
|
||
show: false
|
||
},
|
||
scale:true
|
||
},
|
||
series: series
|
||
};
|
||
mychart.clear();
|
||
mychart.setOption(option);
|
||
}
|
||
});
|
||
|
||
}
|
||
|
||
function showdlfx(){
|
||
setTimeout('dodlfx()',300);
|
||
}
|
||
|
||
function doqxlxchange(obj){
|
||
if(obj.value=='电费曲线'){
|
||
dodfqx();
|
||
}else if(obj.value=='吨水电耗'){
|
||
dodsdh();
|
||
}else if(obj.value=='平均电价'){
|
||
dopjdj();
|
||
}
|
||
}
|
||
|
||
function showhiddendiv(obj) {
|
||
var objDiv = $("#mydiv1");
|
||
$(objDiv).css("display","block");
|
||
$(objDiv).css("left", event.clientX-70);
|
||
$(objDiv).css("top", event.clientY + 10);
|
||
}
|
||
|
||
function dosearch() {
|
||
dojfdfhtml();
|
||
doscjyhtml();
|
||
dodfgchtml();
|
||
dodfqx();
|
||
doscdfqx();
|
||
dodffx();
|
||
}
|
||
|
||
/**
|
||
* 日期加减
|
||
* @param date 被加或减的日期
|
||
* @param num 需要加或减的数字
|
||
* @returns {string}
|
||
*/
|
||
function addMonth(date, num) {
|
||
num = parseInt(num);
|
||
var sDate = dateToDate(date);
|
||
|
||
var sYear = sDate.getFullYear();
|
||
var sMonth = sDate.getMonth() + 1;
|
||
var sDay = sDate.getDate();
|
||
|
||
var eYear = sYear;
|
||
var eMonth = sMonth + num;
|
||
var eDay = sDay;
|
||
while (eMonth > 12) {
|
||
eYear++;
|
||
eMonth -= 12;
|
||
}
|
||
|
||
var eDate = new Date(eYear, eMonth - 1, eDay);
|
||
|
||
while (eDate.getMonth() != eMonth - 1) {
|
||
eDay--;
|
||
eDate = new Date(eYear, eMonth - 1, eDay);
|
||
}
|
||
return eDate;
|
||
}
|
||
|
||
function dateToDate(date) {
|
||
var sDate = new Date();
|
||
if (typeof date == 'object'
|
||
&& typeof new Date().getMonth == "function"
|
||
) {
|
||
sDate = date;
|
||
}
|
||
else if (typeof date == "string") {
|
||
var arr = date.split('-')
|
||
if (arr.length == 3) {
|
||
sDate = new Date(arr[0] + '-' + arr[1] + '-' + arr[2]);
|
||
}
|
||
}
|
||
|
||
return sDate;
|
||
}
|
||
|
||
function number_format(number, decimals, dec_point, thousands_sep,roundtag) {
|
||
/*
|
||
* 参数说明：
|
||
* number：要格式化的数字
|
||
* decimals：保留几位小数
|
||
* dec_point：小数点符号
|
||
* thousands_sep：千分位符号
|
||
* roundtag:舍入参数，默认 "ceil" 向上取,"floor"向下取,"round" 四舍五入
|
||
* */
|
||
number = (number + '').replace(/[^0-9+-Ee.]/g, '');
|
||
roundtag = roundtag || "ceil"; //"ceil","floor","round"
|
||
var n = !isFinite(+number) ? 0 : +number,
|
||
prec = !isFinite(+decimals) ? 0 : Math.abs(decimals),
|
||
sep = (typeof thousands_sep === 'undefined') ? ',' : thousands_sep,
|
||
dec = (typeof dec_point === 'undefined') ? '.' : dec_point,
|
||
s = '',
|
||
toFixedFix = function (n, prec) {
|
||
|
||
var k = Math.pow(10, prec);
|
||
|
||
return '' + parseFloat(Math[roundtag](parseFloat((n * k).toFixed(prec*2))).toFixed(prec*2)) / k;
|
||
};
|
||
s = (prec ? toFixedFix(n, prec) : '' + Math.round(n)).split('.');
|
||
var re = /(-?\d+)(\d{3})/;
|
||
while (re.test(s[0])) {
|
||
s[0] = s[0].replace(re, "$1" + sep + "$2");
|
||
}
|
||
|
||
if ((s[1] || '').length < prec) {
|
||
s[1] = s[1] || '';
|
||
s[1] += new Array(prec - s[1].length + 1).join('0');
|
||
}
|
||
return s.join(dec);
|
||
}
|
||
|
||
window.onload =function(){
|
||
dosearch();
|
||
}
|
||
|
||
function dolastview(){
|
||
ListForm.method="post";
|
||
ListForm.action="constitute.do?method=electricityCostAnalysis&flag=0";
|
||
ListForm.submit();
|
||
}
|
||
|
||
function donextview(){
|
||
ListForm.method="post";
|
||
ListForm.action="constitute.do?method=electricityCostAnalysis&flag=1";
|
||
ListForm.submit();
|
||
}
|
||
|
||
</script>
|
||
|
||
|
||
</head>
|
||
|
||
<body style="overflow:hidden;">
|
||
|
||
<form id="ListForm" action="constitute.do?method=electricityCostAnalysis"
|
||
method="post">
|
||
<input name="hlocation" id="hlocation" type="hidden" value="" />
|
||
<input name="filename" id="filename" type="hidden" value="" />
|
||
<input name="yearormonth" type="hidden" value="${yearormonth }">
|
||
<input id="totalpower" name="totalpower" type="hidden" value="${totalpower }">
|
||
<input id="ddprice" name="ddprice" type="hidden" value="${ddprice }">
|
||
|
||
<div class="input-group date" style="padding-top:10px;padding-left:10px;">
|
||
<input type="text" class="form-control" id="showdata" value="${showdata }" style="width: 230px;" placeholder="请选择"/>
|
||
<button class="btn" style="height: 34px;" onclick="dosearch('1');"><i class="fa fa-search"></i></button>
|
||
</div>
|
||
</form>
|
||
<!-- <div width="100%" height="100%" style="text-align:center;display: none;" class="Loading">
|
||
<img src="IMG/NewLoading.gif">
|
||
</div> -->
|
||
<div id="mydiv1" style="position:absolute;display:none;padding:8px;border:1px solid #a5b6c8;background:#eef3f7;">
|
||
<a onclick="dodfgchtml();" style="cursor:pointer;text-decoration:none;">全厂电费构成</a><br>
|
||
<a onclick="doscjyhtml();" style="cursor:pointer;text-decoration:none;">生产节约电费</a>
|
||
</div>
|
||
<div class="floattop_div">
|
||
<div class="floattop_div_1">
|
||
<table id="jfdfjson" style="width: 100%;height: 100%;"></table>
|
||
|
||
</div>
|
||
<div class="floattop_div_2">
|
||
<table style="font-size: 12px;table-layout: fixed;
|
||
border-collapse: collapse;width:100%;height:10%" cellspacing="0">
|
||
<thead style="background: #E3E4E6;border-bottom:1px solid #d7d8d9;">
|
||
<tr >
|
||
<th align="left"> 生产电费构成</th>
|
||
</tr>
|
||
</thead>
|
||
</table>
|
||
<div style=" height: 90%;width:95%;margin: 1 auto;">
|
||
<div id="mycharts2" style=" height: 100%;width:100% "></div>
|
||
</div>
|
||
</div>
|
||
<div class="floattop_div_3">
|
||
<div id="dfgcjson" style="width: 100%;height: 100%;"></div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="floatbottom_div">
|
||
<div class="floatbottom_div_1">
|
||
<div style=" height: 100%;width:100%;">
|
||
<div class="tpt-bar" >
|
||
<input type="radio" name="bar" id="tab-1" checked="">
|
||
<label for="tab-1">电费</label>
|
||
<div class="tpt-bar-con">
|
||
<div id="mycharts3" style=" height: 88%;width:100% "></div>
|
||
</div>
|
||
<input type="radio" name="bar" id="tab-2">
|
||
<label for="tab-2" onclick="showdlfx();">电量</label>
|
||
<div class="tpt-bar-con" >
|
||
<div id="mycharts4" style=" height: 88%;width:100% "></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="floatbottom_div_2">
|
||
<div style=" height: 8%;width:90%;margin-left:10px;">
|
||
<tr>
|
||
<td><img src='IMG/电压.png' /></td>
|
||
<td>
|
||
<select style="padding:2px;border:1px solid #96c2f1;background:#ffffff;color:#96c2f1;appearance:none;" onchange="doqxlxchange(this);">
|
||
<option value="电费曲线">电费曲线</option>
|
||
<option value="吨水电耗">吨水电耗</option>
|
||
<option value="平均电价">平均电价</option>
|
||
</select>
|
||
</td>
|
||
</tr>
|
||
</div>
|
||
<div style=" height: 88%;width:100%">
|
||
<div id="mycharts1" style=" height: 100%;width:100% "></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</body>
|
||
</html:html>
|