<%@ page language="java" contentType="text/html;charset=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/js/highcharts/highcharts.js"
type="text/javascript">
</script>
<script
src="<%=request.getContextPath()%>/resource/js/highcharts/themes/grid.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/js/system/jqdatagrid.js">
</script>
<script type="text/ecmascript"
src="<%=request.getContextPath()%>/resource/js/system/jqdatatreegrid.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>
<style type="text/css">
.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;
}
</style>
<script type="text/javascript">
function displaybuttons(cellvalue, options, rawObject) {
var detail = "<input type='button' value='详情' onclick=showJqGrid1('"
+ rawObject.id + "')>";
return " \t" + detail;
};
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 showWindturbine() {
if (wpids == "") {
alert("请选择风场！");
return;
}
var setting2 = {
check : {
enable : true,
chkStyle : "radio"
},
view : {
dblClickExpand : false
},
data : {
simpleData : {
enable : true
}
},
callback : {
beforeClick : beforeClickWindfarm,
onCheck : selectFj
},
async : {
enable : true,
url : "/power/fjAjax.action?wpIds=" + wpids,
dataType : "json"
}
};
$.fn.zTree.init($("#treeFj"), setting2);
var cityObj = $("#windturbine");
var cityOffset = $("#windturbine").offset();
$("#menuFj").css( {
left : cityOffset.left + "px",
top : cityOffset.top + cityObj.outerHeight() + "px"
}).slideDown("fast");
$("body").bind("mousedown", onBodyDown);
//$("#menuWindfarm").fadeOut("fas
}
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("");
//$("#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);
//$("#menuXl").fadeOut("fast");
}
function hideMenuPj() {
$("#menuPj").fadeOut("fast");
}
$(document).ready(function() {
$.fn.zTree.init($("#treeWindfarm"), setting);
});
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 windpowerstationid = $("#windpowerstationid").val();
var project = $("#project").val();
var emid = $("#emid").val();
var timetype = $("#timetype").val();
// var begintime = $("#begintime").val();
// var endtime = $("#endtime").val();
var id = 'gridTable';
var url = "<%=request.getContextPath()%>/analysistask/analysistaskpjlist.action?windpowerstationid="
+ wpids
+ "&projectid="
+ pjIds
+ "&emid="
+ emid
+ "&timetype="
+ timetype ;
// + "&begintime=" + begintime+ "&endtime=" + endtime
var datatype = 'json';
var colNames = [ '风机', '型号', '评分', '操作' ];
var colModel = [
{
name : 'windturbineid',
index : 'windturbineid',
width : 300,
align : 'center'
}, {
name : 'modelid',
index : 'modelid',
width : 300,
align : 'center'
}, {
name : 'score',
index : 'score',
width : 300,
align : 'center'
}, {
name : 'score',
index : 'score',
width : 300,
align : 'center',
formatter : displaybuttons
} ];
var caption = '单机故障诊断信息';
var sortname = 'score';
var gridPagerID = 'gridPager';
var sortorder = 'desc';
var height = 'auto';
var width = 'auto';
var rownumbers = true;
var multiselect = false;
myJqGrid(id, url, datatype, colNames, colModel, caption, sortname,
gridPagerID, sortorder, height, width, multiselect, rownumbers);
}
function showJqGrid1(acid) {
$("#task").css("display", "none");
$("#taskdetail").css("display", "");
$("#backbutton").css("display", "");
var id = 'gridTable1';
var url = "<%=request.getContextPath() %>/analysistask/analysistaskDetailpjlist.action?acid="+acid;
var datatype = 'json';
var colNames = [ '部件名称','评分'];
var colModel = [
{ name: 'unitnmae', index: 'unitnmae', width: 600, align: 'left'},
{ name: 'factvalue', index: 'factvalue', width: 600, align: 'center'}
];
var caption = '单机部件诊断明细';
var sortname = 'unitnmae';
var gridPagerID ='gridPager1';
var sortorder='desc';
var height='auto';
var width='auto';
var rownumbers=true;
var multiselect=false;
myJqTreeGrid(id, url, datatype, colNames, colModel, caption, sortname, gridPagerID,sortorder,height,width,
multiselect,rownumbers);
}
function getDateDiv() {
var timetype = $("#timetype").val()
if (timetype == "ss") {
$("#begindatediv").css("display", "none");
$("#enddatediv").css("display", "none");
} else {
$("#begindatediv").css("display", "");
$("#enddatediv").css("display", "");
}
}
function goTask() {
$("#task").css("display", "");
$("#taskdetail").css("display", "none");
$("#backbutton").css("display", "none");
}
function queryApData() {
$("#gridTable").jqGrid('GridUnload');
$("#gridTable1").jqGrid('GridUnload');
$("#task").css("display", "");
$("#taskdetail").css("display", "none");
var project=$("#project").val();
var windpowerstationid=$("#windpowerstationid").val();
if(windpowerstationid=="" || wpids=="")
{
alert("请选择场站！");
return false;
}
if(project=="" || pjIds=="")
{
alert("请选择工程！");
return false;
}
showJqGrid();
}
function saveApData() {
//显示遮罩
//$("#onloadgif").css("display","");
$("body").showLoading();
var url="../analysistask/saveAnalysistaskpjindex.action";
$.ajax({
type:"post",
url:url,
dataType:"text",
success: function(data){
//alert(data);
// $("#onloadgif").css("display","none");
//去除遮罩
$("body").hideLoading();
},
error: function(xhr) {
//显示失败信息
//......
//去除遮罩
$("body").hideLoading();
}
});
}
function initial() {
$("#windpowerstationid").val("麻黄山风电场");
wpids="MHS_FDC";
$("#project").val("麻黄山一期工程");
pjIds="MHS01_GC";
//showJqGrid();
}
$(document).ready(function() {
initial();
});
</script>
</head>
<body>
<form action="" method="post" id="f1" style="width: 1620px;">
<div class="panelcontainer" style="width: 1620px;">
<div class="panelquery">
<span class="panelquerytext">批量诊断</span>
</div>
<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="modelpanel" class="querycondcontainer">
模型：
<s:select list="emls" cssStyle="width:130px" listKey="id"
listValue="name" id="emid" name="emid"></s:select>
</div>
<div id="timepanel" class="querycondcontainer">
时间类型：
<s:select list="#{'ss':'顺时','qs':'趋势'}" cssStyle="width:100px"
id="timetype" name="timetype" ></s:select>
</div>
<!--
<div class="querycondcontainer" id="begindatediv" style="display: none;">
开始时间:
<input type="text" style="width: 150px;" class="Wdate"
onFocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss',isShowWeek:true,readOnly:true})"
id="begintime" name="begintime" />
</div>
<div class="querycondcontainer" id="enddatediv" style="display: none;">
结束时间:
<input type="text" style="width: 150px;" class="Wdate"
onFocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss',isShowWeek:true,readOnly:true})"
id="endtime" name="endtime" />
</div>
-->
<div
style="float: left; line-height: 39px; margin-left: 20px; width: 200px;">
<input type="button" value="查询" onClick="queryApData()" />
<input type="button" value="保存记录" onClick="saveApData()" class="add_test_img"/>
<input id="backbutton" type="button" value="返回上级" onClick="goTask()" style="display: none;"/>
</div>
</div>
<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="task">
<table id='gridTable'>
</table>
<div id='gridPager'></div>
</div>
<div id="taskdetail" style="display: none">
<table id='gridTable1'>
</table>
</div>
<div id='gridPager1'></div>
</form>
</body>