xieshengjie
/
gdhb


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709
							<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@include file="/pages/includes/taglibs.jsp"%>
<head>
	<script type="text/javascript"
		src="<%=request.getContextPath()%>/resource/js/jquery-1.8.3.js">
</script>
	<script
		src="<%=request.getContextPath()%>/resource/plugin/jqueryui/js/jquery-ui-1.9.2.custom.js"
		type="text/javascript">
</script>

	<script type="text/ecmascript"
		src="<%=request.getContextPath()%>/resource/plugin/jqgrid/js/jquery.jqGrid.min.js">
</script>
	<script type="text/ecmascript"
		src="<%=request.getContextPath()%>/resource/plugin/jqgrid/js/i18n/grid.locale-cn.js">
</script>
	<script type="text/ecmascript"
		src="<%=request.getContextPath()%>/resource/js/system/jqdatagridpage.js">
</script>

	<script
		src="<%=request.getContextPath()%>/resource/js/datePicker/WdatePicker.js"
		type="text/javascript">
</script>
	<link rel="stylesheet" type="text/css"
		href="<%=request.getContextPath()%>/resource/plugin/jqueryui/css/custom-theme/jquery-ui-1.9.2.custom.css" />
	<link rel="stylesheet" type="text/css" media="screen"
		href="<%=request.getContextPath()%>/resource/plugin/jqgrid/css/ui.jqgrid.css" />

	<link rel="stylesheet"
		href="<%=request.getContextPath()%>/resource/css/ztree/zTreeStyle.css"
		type="text/css" />
	<script
		src="<%=request.getContextPath()%>/resource/js/ztree/jquery.ztree.all.min.js"
		type="text/javascript">
</script>


	<link rel="stylesheet"
		href="<%=request.getContextPath()%>/resource/js/showloading/showLoading.css"
		type="text/css" />
	<script
		src="<%=request.getContextPath()%>/resource/js/showloading/jquery.showLoading.js"
		type="text/javascript">
</script>

	<script type="text/javascript">

var queryType = "fc";
var setting = {
	check : {
		enable : true,
		chkStyle : "radio"
	},
	view : {
		dblClickExpand : false
	},
	data : {
		simpleData : {
			enable : true
		}
	},
	callback : {
		beforeClick : beforeClickWindfarm,
		onCheck : selectWindfarm

	},
	async : {
		enable : true,
		url : "/power/windfarmAjax.action",
		dataType : "json"
	}

};
function beforeClickWindfarm(treeId, treeNode) {
	var zTree = $.fn.zTree.getZTreeObj(treeId);
	zTree.checkNode(treeNode, !treeNode.checked, null, true);
	return false;
}
function showWindfarm() {
	var cityObj = $("#windpowerstationid");
	var cityOffset = $("#windpowerstationid").offset();
	$("#menuWindfarm").css( {
		left : cityOffset.left + "px",
		top : cityOffset.top + cityObj.outerHeight() + "px"
	}).slideDown("fast");
	$("body").bind("mousedown", onBodyDown);

}

function showProject() {
	if (wpids == "") {
		alert("请选择风场！");
		return;
	}
	var setting3 = {
		check : {
			enable : true,
			chkStyle : "checkbox"
		},
		view : {
			dblClickExpand : false
		},
		data : {
			simpleData : {
				enable : true
			}
		},
		callback : {
			beforeClick : beforeClickWindfarm,
			onCheck : selectPj
		},
		async : {
			enable : true,
			url : "/power/projectAjax.action?wpIds=" + wpids,
			dataType : "json"
		}

	};
	$.fn.zTree.init($("#treePj"), setting3);
	var cityObj = $("#project");
	var cityOffset = $("#project").offset();
	$("#menuPj").css( {
		left : cityOffset.left + "px",
		top : cityOffset.top + cityObj.outerHeight() + "px"
	}).slideDown("fast");
	$("body").bind("mousedown", onBodyDown);
	pjIds = '';
	$("#project").val("");

}
function hideMenuWindfarm() {
	$("#menuWindfarm").fadeOut("fast");

}

var wpids = "";
function selectWindfarm(e, treeId, treeNode) {
	var zTree = $.fn.zTree.getZTreeObj("treeWindfarm"), nodes = zTree
			.getCheckedNodes(true);
	v = "";
	d = "";

	for ( var i = 0, l = nodes.length; i < l; i++) {
		v += nodes[i].name + ",";
		d += nodes[i].id + ",";
	}
	if (v.length > 0)
		v = v.substring(0, v.length - 1);
	if (d.length > 0)
		d = d.substring(0, d.length - 1);
	wpids = d;
	var cityObj = $("#windpowerstationid");
	cityObj.attr("value", v);

	lineIds = '';
	pjIds = '';
	$("#project").val("");
	$("#line").val("");
	getdatalength();
	//$("#menuWindfarm").fadeOut("fast");
}

var pjIds;
function selectPj(e, treeId, treeNode) {
	var zTree = $.fn.zTree.getZTreeObj("treePj"), nodes = zTree
			.getCheckedNodes(true);
	v = "";
	d = "";

	for ( var i = 0, l = nodes.length; i < l; i++) {
		v += nodes[i].name + ",";
		d += nodes[i].id + ",";
	}
	if (v.length > 0)
		v = v.substring(0, v.length - 1);
	if (d.length > 0)
		d = d.substring(0, d.length - 1);
	pjIds = d;

	var cityObj = $("#project");
	cityObj.attr("value", v);
	getdatalength();
	//$("#menuXl").fadeOut("fast");
}
function hideMenuPj() {
	$("#menuPj").fadeOut("fast");

}
function queryData() {
	if ("" == $("#beginDate").val()) {
		alert("请选择查询开始日期!");
	} else if ("" == $("#endDate").val()) {
		alert("请选择查询结束日期!");
	} else {

		var wpId = wpids;
		var pjId = pjIds;
		var beginDate = $("#beginDate").val();
		var endDate = $("#endDate").val();
		var url = '<%=request.getContextPath()%>/downloadinfo/downLoadWtlist.action?wpId='
				+ wpId
				+ "&pjId="
				+ pjId
				+ "&beginDate="
				+ beginDate
				+ "&endDate=" + endDate;
		$("#gridTable").setGridParam( {
			url : url
		}).trigger("reloadGrid");
	}

	$('#createzip').css('display', '');
}

function toExcel() {
	if ("" == $("#beginDate").val()) {
		alert("请选择查询开始日期!");
	} else if ("" == $("#endDate").val()) {
		alert("请选择查询结束日期!");
	} else {

		var wpId = wpids;
		var pjId = pjIds;
		var beginDate = $("#beginDate").val();
		var endDate = $("#endDate").val();
		var url = '<%=request.getContextPath()%>/downloadinfo/downLoadWtExcel.action?wpId='
				+ wpId
				+ "&pjId="
				+ pjId
				+ "&beginDate="
				+ beginDate
				+ "&endDate=" + endDate;

		$('#toexcel').attr('href', url);
	}
}
var dalength;
var steps = 0;
var resultvalue = 0;
var resultview = 0;
function getdatalength() {
	var wpId = wpids;
	var pjId = pjIds;
	var beginDate = $("#beginDate").val();
	var endDate = $("#endDate").val();
	var url = '<%=request.getContextPath()%>/downloadinfo/findWtlist.action?wpId='
			+ wpId + "&pjId=" + pjId;

	$.ajax( {
		url : url,
		type : "post",
		cache : false,
		dataType : "json",
		success : function(data) {

			if (data.length != 0) {

				dalength = data.length;
				steps = 100 / dalength;
				resultvalue = 0;
				resultview = 0;

			}

		}

	});
}
function createCsv() {
	if (wpids == "") {
		alert("选择风电场!");
	}else if ("" == $("#beginDate").val()) {
		alert("请选择查询开始日期!");
	} else if ("" == $("#endDate").val()) {
		alert("请选择查询结束日期!");
	} else {
		$("#fst").showLoading();
		var wpId = wpids;
		var pjId = pjIds;
		var beginDate = $("#beginDate").val();
		var endDate = $("#endDate").val();
		var url = '<%=request.getContextPath()%>/downloadinfo/findWt.action?wpId='
				+ wpId + "&pjId=" + pjId;

		$.ajax( {
			url : url,
			type : "post",
			cache : false,
			dataType : "json",
			success : function(data) {

				if (data.length != 0) {
					$("#progressbar").progressbar( {
						value : 0
					});
					$("#progressbar").css("display", "");
					$(".progress-label").css("display", "");
					createWt(data);

				}

			}

		});

	}
}

function createCsv2() {
	var url = '<%=request.getContextPath()%>/downloadinfo/findWt.action';

	$.ajax( {
		url : url,
		type : "post",
		cache : false,
		dataType : "json",
		success : function(data) {

			if (data.length != 0) {

				createWt(data);
			}

		}

	});
}
function createWt(wtid) {

	var wpId = wpids;
	var pjId = pjIds;
	var beginDate = $("#beginDate").val();
	var endDate = $("#endDate").val();

	var url = "<%=request.getContextPath()%>/downloadinfo/crateExcel.action?wtId="
			+ wtid
			+ "&beginDate="
			+ beginDate
			+ "&endDate="
			+ endDate
			+ "&wpId=" + wpId + "&pjId=" + pjId;
	$.ajax( {
		url : url,
		type : "post",

		cache : false,
		success : function(obj) {

			resultvalue = resultvalue + steps;
			resultview = Math.round(resultvalue * 100) / 100

			if (resultvalue >= 100) {
				$("#progressbar").progressbar( {
					value : 100
				});
			} else {
				$("#progressbar").progressbar( {
					value : resultview
				});
			}

			createCsv2();
		}
	});
}
function createZip() {
	var progressLabel = $(".progress-label");
	var beginDate = $("#beginDate").val();
	var endDate = $("#endDate").val();
	var wpId = wpids;
	var pjId = pjIds;
	var url = "<%=request.getContextPath()%>/downloadinfo/createZipIndex.action?beginDate="
			+ beginDate
			+ "&endDate="
			+ endDate
			+ "&wpId="
			+ wpId
			+ "&pjId="
			+ pjId;
	$.ajax( {
		url : url,
		type : "post",
		cache : false,
		data : {},
		success : function(obj) {

			if (obj.length != 0) {
				progressLabel.text("压缩文件生成完毕，可以进行下载操作！");
				$("#fst").hideLoading();
			}

		}
	});
}

$(document).ready(function() {

	$.fn.zTree.init($("#treeWindfarm"), setting);

	var progressbar = $("#progressbar"), progressLabel = $(".progress-label");

	progressbar.css("display", "none");
	progressLabel.css("display", "none");
	progressbar.progressbar( {
		value : false,
		change : function() {
			progressLabel.text(progressbar.progressbar("value") + "%");
		},
		complete : function() {
			$("#progressbar").progressbar( {
						value : 0
					});
			getdatalength();
			progressLabel.text("文件生成完毕，正在进行文件压缩！");
			createZip();
		}
	});

});

function onBodyDown(event) {
	if ((event.target.id != "windpowerstationid"
			&& event.target.id != "menuWindfarm" && $(event.target).parents(
			"#menuWindfarm").length <= 0)) {
		hideMenuWindfarm();
	}

	if (!(event.target.id == "project" || event.target.id == "menuPj" || $(
			event.target).parents("#menuPj").length > 0)) {
		hideMenuPj();
	}
}
function showJqGrid() {

	var wpId = wpids;
	var pjId = pjIds;
	var beginDate = $("#beginDate").val();
	var endDate = $("#endDate").val();

	var id = 'gridTable';

	var url = '<%=request.getContextPath()%>/downloadinfo/downLoadWtlist.action?wpId='
			+ wpId
			+ "&pjId="
			+ pjId
			+ "&beginDate="
			+ beginDate
			+ "&endDate="
			+ endDate;

	var datatype = 'json';

	var colNames = [ '风机', '时间', '风速', '功率', '发电机转速', '叶片角度', '发电量' ];

	var colModel = [

	{
		name : 'windturbineid',
		index : 'windturbineid',
		width : 200,
		align : 'center'
	}, {
		name : 'recorddate',
		index : 'recorddate',
		width : 200,
		align : 'center'
	}, {
		name : 'speed',
		index : 'speed',
		width : 250,
		align : 'center'
	}, {
		name : 'power',
		index : 'power',
		width : 250,
		align : 'center'
	}, {
		name : 'generatorrpm',
		index : 'generatorrpm',
		width : 200,
		align : 'center'
	}, {
		name : 'ppa',
		index : 'ppa',
		width : 200,
		align : 'center'
	}, {
		name : 'generatingcapacity',
		index : 'generatingcapacity',
		width : 200,
		align : 'center'
	} ];

	var caption = '风机十分钟数据';

	var sortname = 'windturbineid';

	var gridPagerID = 'gridPager';

	var sortorder = 'desc';

	var height = '670';

	var width = '1610';

	var rownumbers = true;

	var multiselect = false;

	myJqGrid(id, url, datatype, colNames, colModel, caption, sortname,
			gridPagerID, sortorder, height, width, multiselect, rownumbers);

}
</script>
	<style type="text/css">
.ui-progressbar {
	position: relative;
}

.progress-label {
	position: absolute;
	left: 50%;
	top: 4px;
	font-weight: bold;
	text-shadow: 1px 1px 0 #fff;
}

.normal {
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-style: solid;
	border-top-color: #ffffff;
	border-left-color: #f1f1f1;
	border-right-color: #f1f1f1;
	border-bottom-color: #f1f1f1;
	border-width: 1px;
	width: 100px;
	height: 28px;
	float: left;
	margin-top: -1px;
	cursor: pointer;
	text-align: center;
	line-height: 28px;
	overflow: hidden;
	font-weight: bold;
	font-size: 12px;
	font-family: tahoma, arial, verdana, sans-serif;
}

.disable {
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-style: solid;
	border-top-color: #f1f1f1;
	border-left-color: #f1f1f1;
	border-right-color: #f1f1f1;
	border-bottom-color: #f1f1f1;
	border-width: 1px;
	width: 100px;
	height: 25px;
	float: left;
	margin-top: -1px;
	cursor: pointer;
	text-align: center;
	background-color: #e1e1e1;
	line-height: 25px;
	overflow: hidden;
	font-weight: bold;
	font-size: 12px;
	font-family: tahoma, arial, verdana, sans-serif;
}

.panelcontainer {
	width: 100%;
	height: 70px;
	border-style: solid;
	border-color: #f1f1f1;
	border-width: 1px;
}

.panelquery {
	width: 100%;
	height: 25px;
	background-color: #f1f1f1;
	line-height: 25px;
}

.panelquerytext {
	margin-left: 3px;
	font-weight: bold;
	font-size: 12px;
	font-family: tahoma, arial, verdana, sans-serif;
}

.querycondcontainer {
	line-height: 39px;
	padding: 3px;
	float: left;
	font-size: 12px;
}

a { /* 统一设置所以样式 */
	font-family: Arial;
	font-size: 12px;
	text-align: center;
	margin: 3px;
}

a:link,a:visited { /* 超链接正常状态、被访问过的样式 */
	color: #000000;
	padding: 4px 10px 4px 10px;
	background-color: #f1f1f1;
	text-decoration: none;
	border-top: 1px solid #EEEEEE; /* 边框实现阴影效果 */
	border-left: 1px solid #EEEEEE;
	border-bottom: 1px solid #717171;
	border-right: 1px solid #717171;
}

a:hover { /* 鼠标指针经过时的超链接 */
	color: #821818; /* 改变文字颜色 */
	padding: 5px 8px 3px 12px; /* 改变文字位置 */
	background-color: #e2c4c9; /* 改变背景色 */
	border-top: 1px solid #717171; /* 边框变换，实现“按下去”的效果 */
	border-left: 1px solid #717171;
	border-bottom: 1px solid #EEEEEE;
	border-right: 1px solid #EEEEEE;
}

fieldset legend {
	color: #302A2A;
	font: bold 16px/ 2 Verdana, Geneva, sans-serif;
	font-weight: bold;
	text-align: left;
	text-shadow: 2px 2px 2px rgb(88, 126, 156);
}
</style>
</head>
<body>

	<form action="fittingtopindex.action" method="post" id="f1">

		<fieldset style="height: 90px" id="fst">
			<legend>
				查询条件
			</legend>

			<div class="panelcontainer" style="width: 1620px; height: 40px;">

				<div class="querycondcontainer">
					风场：
					<input id="windpowerstationid" type="text" readonly value=""
						style="width: 150px;" onclick="showWindfarm();" />
				</div>
				<div id="pjpanel" class="querycondcontainer">
					项目：
					<input id="project" type="text" readonly value=""
						style="width: 150px;" onclick="showProject();" />
				</div>
				<div id="timepanel" class="querycondcontainer">
					开始日期：
					<s:textfield cssClass="Wdate"
						onFocus="WdatePicker({dateFmt:'yyyy-MM-dd',isShowWeek:true,readOnly:true})"
						id="beginDate" name="beginDate" title="开始日期" />

				</div>
				<div id="timepane2" class="querycondcontainer">
					结束日期：
					<s:textfield cssClass="Wdate"
						onFocus="WdatePicker({dateFmt:'yyyy-MM-dd',isShowWeek:true,readOnly:true})"
						id="endDate" name="endDate" title="结束日期" />
				</div>
				<div id="panel" class="querycondcontainer">

					<a href="#" onclick="javascript:createCsv();" id="createzip">生成文件</a>
					<a href="#" onclick="javascript:toExcel();" id="toexcel">导出</a>
				</div>
			</div>
		</fieldset>

		<br />


		<div id="menuWindfarm" class="menuContent"
			style="overflow-y: scroll; overflow-x: auto; z-index: 9999; border: 1px solid #617775; background: #f0f6e4; display: none; position: absolute;">
			<ul id="treeWindfarm" class="ztree"
				style="margin-top: 0; width: 180px; height: 300px;"></ul>
		</div>
		<div id="menuPj" class="menuContent"
			style="overflow-y: scroll; overflow-x: auto; z-index: 9999; border: 1px solid #617775; background: #f0f6e4; display: none; position: absolute;">
			<ul id="treePj" class="ztree"
				style="margin-top: 0; width: 180px; height: 300px;"></ul>

		</div>

		<div id="progressbar">
			<div class="progress-label">
				加载...
			</div>
		</div>
	</form>

</body>