You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

403 lines
24 KiB
HTML

<!DOCTYPE html>
<HTML>
<HEAD>
<TITLE>抽水蓄能电站智能化状态监测系统</TITLE>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link href="__PUBLIC__/style/bootstrap.css" rel="stylesheet">
<link href="__PUBLIC__/style/font-awesome.css" rel="stylesheet">
<link href="__PUBLIC__/style/weather-icons.css" rel="stylesheet">
<!--Beyond styles-->
<link id="beyond-link" href="__PUBLIC__/style/beyond.css" rel="stylesheet" type="text/css">
<link href="__PUBLIC__/style/demo.css" rel="stylesheet">
<link href="__PUBLIC__/style/typicons.css" rel="stylesheet">
<link href="__PUBLIC__/style/animate.css" rel="stylesheet">
<link rel="stylesheet" href="__IMG__/cssjs/ztree/css/demo.css" type="text/css">
<link rel="stylesheet" href="__IMG__/cssjs/ztree/css/zTreeStyle/zTreeStyle.css" type="text/css">
<script src="__PUBLIC__/style/jquery_002.js"></script>
<script src="__PUBLIC__/style/bootstrap.js"></script>
<script src="__PUBLIC__/style/jquery.js"></script>
<!--Beyond Scripts-->
<script src="__PUBLIC__/style/beyond.js"></script>
<script type="text/javascript" src="__IMG__/cssjs/ztree/js/jquery.ztree.core.js"></script>
<script type="text/javascript" src="__IMG__/cssjs/js/Calendar.js"></script>
<SCRIPT type="text/javascript">
var subid;
var curMenu = null, zTree_Menu = null;
var stime = $('#sdate').val();
var etime = $('#edate').val();
var setting = {
view: {
showLine: true,
selectedMulti: false,
dblClickExpand: false
},
data: {
simpleData: {
enable: true
}
},
callback: {
onNodeCreated: this.onNodeCreated,
beforeClick: this.beforeClick,
onClick: this.onClick,
aaa: this.aaa
}
};
var zNodes;
$.ajax({
url:"{:url('index.php/index/tree/get_ajax')}",
type:'get',
dataType:'json',
async: false,
success:function(data){
zNodes=data;
console.log(data);
}
});
function beforeClick(treeId, node) {
if (node.isParent) {
if (node.level === 0) {
var pNode = curMenu;
while (pNode && pNode.level !==0) {
pNode = pNode.getParentNode();
}
if (pNode !== node) {
var a = $("#" + pNode.tId + "_a");
a.removeClass("cur");
zTree_Menu.expandNode(pNode, false);
}
a = $("#" + node.tId + "_a");
a.addClass("cur");
var isOpen = false;
for (var i=0,l=node.children.length; i<l; i++) {
if(node.children[i].open) {
isOpen = true;
break;
}
}
if (isOpen) {
zTree_Menu.expandNode(node, true);
curMenu = node;
} else {
zTree_Menu.expandNode(node.children[0].isParent?node.children[0]:node, true);
curMenu = node.children[0];
}
} else {
zTree_Menu.expandNode(node);
}
}
return !node.isParent;
}
function onClick(even, treeId, treeNode) {
var sub_id = treeNode.id.replace("m",""); //获取子节点id
var sub_name = treeNode.name; //获取子节点name
var parentId = treeNode.getParentNode().id; //获取父节点id
var parentName = treeNode.getParentNode().name; //获取父节点name
var stime = $('#sdate').val();
var etime = $('#edate').val();
//alert(stime);
$.ajax({
type: "POST",
url: "{:url('/index/tree/ajax')}",
dataType:"json",
data: 'id='+sub_id,
success: function(data){
if(data){
$('#hidden').val(data);
}
//alert(data);
if(data==4) {
$('#iframe1').attr('src', "{:url('/index/tb_moa/index?id="+sub_id+"&stime="+stime+"&etime="+etime+"')}");
$('#iframe2').attr('src', "{:url('/index/line_moa/index?id="+sub_id+"&stime="+stime+"&etime="+etime+"')}");
}else if(data==1){
$('#iframe1').attr('src', "{:url('/index/tb_epa/index?id="+sub_id+"&stime="+stime+"&etime="+etime+"')}");
$('#iframe2').attr('src', "{:url('/index/line_epa/index?id="+sub_id+"&stime="+stime+"&etime="+etime+"')}");
}else if(data==38){
$('#iframe1').attr('src', "{:url('/index/tb_epa1/index?id="+sub_id+"&stime="+stime+"&etime="+etime+"')}");
$('#iframe2').attr('src', "{:url('/index/line_epa1/index?id="+sub_id+"&stime="+stime+"&etime="+etime+"')}");
}else if(data==39){
$('#iframe1').attr('src', "{:url('/index/tb_epa2/index?id="+sub_id+"&stime="+stime+"&etime="+etime+"')}");
$('#iframe2').attr('src', "{:url('/index/line_epa2/index?id="+sub_id+"&stime="+stime+"&etime="+etime+"')}");
}else if(data==2 || data==3){
$('#iframe1').attr('src', "{:url('/index/tb_eiact?id="+sub_id+"&stime="+stime+"&etime="+etime+"')}");
$('#iframe2').attr('src', "{:url('/index/line_eiact/index?id="+sub_id+"&stime="+stime+"&etime="+etime+"')}");
}else if(data==5){
$('#iframe1').attr('src', "{:url('/index/tb_etp/index?id="+sub_id+"&stime="+stime+"&etime="+etime+"')}");
$('#iframe2').attr('src', "{:url('/index/line_etp/index?id="+sub_id+"&stime="+stime+"&etime="+etime+"')}");
}else if(data==8){
$('#iframe1').attr('src', "{:url('/index/tb_sf6/index?id="+sub_id+"&stime="+stime+"&etime="+etime+"')}");
$('#iframe2').attr('src', "{:url('/index/line_sf6/index?id="+sub_id+"&stime="+stime+"&etime="+etime+"')}");
}else if(data==10||data==25||data==26){
$('#iframe1').attr('src', "{:url('/index/tb_pd/index?id="+sub_id+"&stime="+stime+"&etime="+etime+"')}");
$('#iframe2').attr('src', "{:url('/index/line_pd/index?id="+sub_id+"&stime="+stime+"&etime="+etime+"')}");
}else if(data==16){
$('#iframe1').attr('src', "{:url('/index/tb_mic/index?id="+sub_id+"&stime="+stime+"&etime="+etime+"')}");
$('#iframe2').attr('src', "{:url('/index/line_mic/index?id="+sub_id+"&stime="+stime+"&etime="+etime+"')}");
}else if(data==9||data==35||data==36){
$('#iframe1').attr('src', "{:url('/index/tb_eif/index?id="+sub_id+"&stime="+stime+"&etime="+etime+"')}");
$('#iframe2').attr('src', "{:url('/index/line_eif/index?id="+sub_id+"&stime="+stime+"&etime="+etime+"')}");
}else if(data==11){
$('#iframe1').attr('src', "{:url('/index/tb_otp/index?id="+sub_id+"&stime="+stime+"&etime="+etime+"')}");
$('#iframe2').attr('src', "{:url('/index/line_otp/index?id="+sub_id+"&stime="+stime+"&etime="+etime+"')}");
}else if(data==13|data==14|data==15){
$('#iframe1').attr('src', "{:url('/index/tb_eia/index?id="+sub_id+"&stime="+stime+"&etime="+etime+"')}");
$('#iframe2').attr('src', "{:url('/index/line_eia/index?id="+sub_id+"&stime="+stime+"&etime="+etime+"')}");
}else if(data==20||data==27||data==28||data==29||data==30||data==31||data==32||data==33||data==34){
$('#iframe1').attr('src', "{:url('/index/tb_scur/index?id="+sub_id+"&stime="+stime+"&etime="+etime+"')}");
$('#iframe2').attr('src', "{:url('/index/line_scur/index?id="+sub_id+"&stime="+stime+"&etime="+etime+"')}");
}else if(data==21 && sub_id==417) {
$('#iframe1').attr('src', "{:url('/index/tb_dlgkg1_awater/index?id="+sub_id+"&stime="+stime+"&etime="+etime+"')}");
$('#iframe2').attr('src', "{:url('/index/line_dlgkg1_awater/index?id="+sub_id+"&stime="+stime+"&etime="+etime+"')}");
} else if(data==21 && sub_id==416) {
$('#iframe1').attr('src', "{:url('/index/tb_dlgkg1_tmp/index?id="+sub_id+"&stime="+stime+"&etime="+etime+"')}");
$('#iframe2').attr('src', "{:url('/index/line_dlgkg1_tmp/index?id="+sub_id+"&stime="+stime+"&etime="+etime+"')}");
} else if(data==21 && sub_id==420) {
$('#iframe1').attr('src', "{:url('/index/tb_dlgdong1_tmp/index?id="+sub_id+"&stime="+stime+"&etime="+etime+"')}");
$('#iframe2').attr('src', "{:url('/index/line_dlgdong1_tmp/index?id="+sub_id+"&stime="+stime+"&etime="+etime+"')}");
} else if(data==21 && sub_id==426) {
$('#iframe1').attr('src', "{:url('/index/tb_dlg_modevcomf/index?id="+sub_id+"&stime="+stime+"&etime="+etime+"')}");
$('#iframe2').attr('src', "{:url('/index/line_dlg_modevcomf/index?id="+sub_id+"&stime="+stime+"&etime="+etime+"')}");
} else if(data==21 && sub_id==430) {
$('#iframe1').attr('src', "{:url('/index/tb_dlgkg2_awater/index?id="+sub_id+"&stime="+stime+"&etime="+etime+"')}");
$('#iframe2').attr('src', "{:url('/index/line_dlgkg2_awater/index?id="+sub_id+"&stime="+stime+"&etime="+etime+"')}");
} else if(data==21 && sub_id==429) {
$('#iframe1').attr('src', "{:url('/index/tb_dlgkg2_tmp/index?id="+sub_id+"&stime="+stime+"&etime="+etime+"')}");
$('#iframe2').attr('src', "{:url('/index/line_dlgkg2_tmp/index?id="+sub_id+"&stime="+stime+"&etime="+etime+"')}");
} else if(data==21 && sub_id==421) {
$('#iframe1').attr('src', "{:url('/index/tb_dlgdong2_tmp/index?id="+sub_id+"&stime="+stime+"&etime="+etime+"')}");
$('#iframe2').attr('src', "{:url('/index/line_dlgdong2_tmp/index?id="+sub_id+"&stime="+stime+"&etime="+etime+"')}");
} else if(data==21 && sub_id==422) {
$('#iframe1').attr('src', "{:url('/index/tb_dlgdong3_tmp/index?id="+sub_id+"&stime="+stime+"&etime="+etime+"')}");
$('#iframe2').attr('src', "{:url('/index/line_dlgdong3_tmp/index?id="+sub_id+"&stime="+stime+"&etime="+etime+"')}");
} else if(data==21 && sub_id==423) {
$('#iframe1').attr('src', "{:url('/index/tb_dlgdong_awater/index?id="+sub_id+"&stime="+stime+"&etime="+etime+"')}");
$('#iframe2').attr('src', "{:url('/index/line_dlgdong_awater/index?id="+sub_id+"&stime="+stime+"&etime="+etime+"')}");
} else if(data==40) {
$('#iframe1').attr('src', "{:url('/index/tb_jdw/index?id="+sub_id+"&stime="+stime+"&etime="+etime+"')}");
$('#iframe2').attr('src', "{:url('/index/line_jdw/index?id="+sub_id+"&stime="+stime+"&etime="+etime+"')}");
} else if(data==59){
$('#iframe1').attr('src', "{:url('/index/tb_etp_gxcw/index?id="+sub_id+"&stime="+stime+"&etime="+etime+"')}");
$('#iframe2').attr('src', "{:url('/index/line_etp_gxcw/index?id="+sub_id+"&stime="+stime+"&etime="+etime+"')}");
} else if(data==60){
$('#iframe1').attr('src', "{:url('/index/tb_etp_rzcw/index?id="+sub_id+"&stime="+stime+"&etime="+etime+"')}");
$('#iframe2').attr('src', "{:url('/index/line_etp_rzcw/index?id="+sub_id+"&stime="+stime+"&etime="+etime+"')}");
} else if(data==61){ // add by ramon 2023-04-11
$('#iframe1').attr('src', "{:url('/index/tb_sf6env/index?id="+sub_id+"&stime="+stime+"&etime="+etime+"')}");
$('#iframe2').attr('src', "{:url('/index/line_sf6env/index?id="+sub_id+"&stime="+stime+"&etime="+etime+"')}");
}
}
});
subid=sub_id;
}
$(document).ready(function(){
$.fn.zTree.init($("#treeDemo"), setting, zNodes);
zTree_Menu = $.fn.zTree.getZTreeObj("treeDemo");
curMenu = zTree_Menu.getNodes()[0].children[0].children[0];
zTree_Menu.selectNode(curMenu);
var a = $("#" + zTree_Menu.getNodes()[0].tId + "_a");
a.addClass("cur");
});
</SCRIPT>
<style>
body {
padding-bottom: 0;
min-height: 100%;
font-family: 'Open Sans','Segoe UI';
font-size: 14px;
color: #444;
overflow:hidden;
}
.tab-content body:before{
background-image: url('__IMG__/index/images/bg_CAC.png');
}
.widget-header{
background-color: transparent !important;
display: flex;
align-items: center;
justify-content: space-between;
}
.widget-body{
height: 100%
}
.btn1{background-color: #00796a; color:#fff;}
.btn1:hover{background-color: #eee ;color:#000033;}
.bodyClass{
height: 100%;
background-image:url('__IMG__/index/images/bg_CAC.png')
}
.tab-content{
background-color: #eee;
}
.ztree > .level0{
position: absolute;
left: 0;
top: 0;
}
</style>
</HEAD>
<BODY>
<div class="bodyClass">
{include file="common/topmenu" /}
<div class="main-container container-fluid">
<div class="page-container" style="height: 87%">
<div class="widget" style=" width: 244px;margin: 0 0 0 10px;float: left;height: 100%;background: rgba(8, 9, 36, 0.098);backdrop-filter: blur(0.52083vw);box-shadow: rgb(16 108 222) 0px 0.20833vw 2.29167vw 0px inset">
<div class="widget-header bordered-bottom bordered-white bg-sky ">
<span class="widget-caption">设备列表</span>
</div>
<div class="widget-body" style="height: 763px" >
<ul id="treeDemo" class="ztree" style="height: 100%;position: relative;overflow-y: scroll;overflow-x: scroll;" ></ul>
</div>
</div>
<div class="page-content" style="margin:0 10px 0 265px;height: 100%;background: rgba(8, 9, 36, 0.098);backdrop-filter: blur(0.52083vw);box-shadow: rgb(16 108 222) 0px 0.20833vw 2.29167vw 0px inset">
<div class="widget" style="height: 100%">
<div class="widget-header widget-header1 bg-blueberry ">
<span class="widget-caption">数据展示</span>
<input type="hidden" name="hidden" value="" id="hidden">
<div class="widget-buttons">
<span class="widget-caption">开始时间 <input name="sdate" style="height: 26px" type="text" id="sdate" size="10" maxlength="10" onClick="new Calendar().show(this);" value="{$sdate}" readonly="readonly" /></span>
<span class="widget-caption">&nbsp;&nbsp;&nbsp;</span>
<span class="widget-caption">结束时间 <input name="edate" style="height: 26px" type="text" id="edate" size="10" maxlength="10" onClick="new Calendar().show(this);" value="{$edate}" readonly="readonly" /></span>
<span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
<button id="btn_query" class="btn btn1 btn-xs">查询</button>
<span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
</div>
</div>
<div class="widget-body">
<div class="tabbable tabs-below">
<div class="tab-content" >
<div id="home2" class="tab-pane in active">
<iframe id="iframe1" scrolling="yes" frameborder=”no” border=”0″ marginwidth=”0″ marginheight=”0″ height="690px"
width="100%" src=""></iframe>
</div>
<div id="profile2" class="tab-pane">
<iframe id="iframe2" scrolling="no" frameborder=”no” border=”0″ marginwidth=”0″ marginheight=”0″ height="690px"
width="100%" src=""></iframe>
</div>
</div>
<ul class="nav nav-tabs" id="myTab2">
<li class="active">
<a data-toggle="tab" href="#home2">数据</a>
</li>
<li>
<a data-toggle="tab" href="#profile2">图表</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</BODY>
<script type="text/javascript" >
$('#iframe1').load(function () {
var x = document.getElementById('iframe1');
var y = x.contentDocument;
y.body.style.backgroundImage="none";
});
$('#btn_query').click(function(){
var data=$('#hidden').val();
var stime = $('#sdate').val();
var etime = $('#edate').val();
if(data==4) {
$('#iframe1').attr('src', "{:url('/index/tb_moa/index?id="+subid+"&stime="+stime+"&etime="+etime+"')}");
$('#iframe2').attr('src', "{:url('/index/line_moa/index?id="+subid+"&stime="+stime+"&etime="+etime+"')}");
}else if(data==1){
$('#iframe1').attr('src', "{:url('/index/tb_epa/index?id="+subid+"&stime="+stime+"&etime="+etime+"')}");
$('#iframe2').attr('src', "{:url('/index/line_epa/index?id="+subid+"&stime="+stime+"&etime="+etime+"')}");
}else if(data==2 || data==3){
$('#iframe1').attr('src', "{:url('/index/tb_eiact?id="+subid+"&stime="+stime+"&etime="+etime+"')}");
$('#iframe2').attr('src', "{:url('/index/line_eiact/index?id="+subid+"&stime="+stime+"&etime="+etime+"')}");
}else if(data==5){
$('#iframe1').attr('src', "{:url('/index/tb_etp/index?id="+subid+"&stime="+stime+"&etime="+etime+"')}");
$('#iframe2').attr('src', "{:url('/index/line_etp/index?id="+subid+"&stime="+stime+"&etime="+etime+"')}");
}else if(data==8){
$('#iframe1').attr('src', "{:url('/index/tb_sf6/index?id="+subid+"&stime="+stime+"&etime="+etime+"')}");
$('#iframe2').attr('src', "{:url('/index/line_sf6/index?id="+subid+"&stime="+stime+"&etime="+etime+"')}");
}else if(data==10||data==25||data==26){
$('#iframe1').attr('src', "{:url('/index/tb_pd/index?id="+subid+"&stime="+stime+"&etime="+etime+"')}");
$('#iframe2').attr('src', "{:url('/index/line_pd/index?id="+subid+"&stime="+stime+"&etime="+etime+"')}");
}else if(data==16){
$('#iframe1').attr('src', "{:url('/index/tb_mic/index?id="+subid+"&stime="+stime+"&etime="+etime+"')}");
$('#iframe2').attr('src', "{:url('/index/line_mic/index?id="+subid+"&stime="+stime+"&etime="+etime+"')}");
}else if(data==9||data==35||data==36){
$('#iframe1').attr('src', "{:url('/index/tb_eif/index?id="+subid+"&stime="+stime+"&etime="+etime+"')}");
$('#iframe2').attr('src', "{:url('/index/line_eif/index?id="+subid+"&stime="+stime+"&etime="+etime+"')}");
}else if(data==11){
$('#iframe1').attr('src', "{:url('/index/tb_otp/index?id="+subid+"&stime="+stime+"&etime="+etime+"')}");
$('#iframe2').attr('src', "{:url('/index/line_otp/index?id="+subid+"&stime="+stime+"&etime="+etime+"')}");
}else if(data==13|data==14|data==15){
$('#iframe1').attr('src', "{:url('/index/tb_eia/index?id="+subid+"&stime="+stime+"&etime="+etime+"')}");
$('#iframe2').attr('src', "{:url('/index/line_eia/index?id="+subid+"&stime="+stime+"&etime="+etime+"')}");
}else if(data==20||data==27||data==28||data==29||data==30||data==31||data==32||data==33||data==34){
$('#iframe1').attr('src', "{:url('/index/tb_scur/index?id="+subid+"&stime="+stime+"&etime="+etime+"')}");
$('#iframe2').attr('src', "{:url('/index/line_scur/index?id="+subid+"&stime="+stime+"&etime="+etime+"')}");
}else if(data==21 && subid==417) {
$('#iframe1').attr('src', "{:url('/index/tb_dlgkg1_awater/index?id="+subid+"&stime="+stime+"&etime="+etime+"')}");
$('#iframe2').attr('src', "{:url('/index/line_dlgkg1_awater/index?id="+subid+"&stime="+stime+"&etime="+etime+"')}");
} else if(data==21 && subid==416) {
$('#iframe1').attr('src', "{:url('/index/tb_dlgkg1_tmp/index?id="+subid+"&stime="+stime+"&etime="+etime+"')}");
$('#iframe2').attr('src', "{:url('/index/line_dlgkg1_tmp/index?id="+subid+"&stime="+stime+"&etime="+etime+"')}");
} else if(data==21 && subid==420) {
$('#iframe1').attr('src', "{:url('/index/tb_dlgdong1_tmp/index?id="+subid+"&stime="+stime+"&etime="+etime+"')}");
$('#iframe2').attr('src', "{:url('/index/line_dlgdong1_tmp/index?id="+subid+"&stime="+stime+"&etime="+etime+"')}");
} else if(data==21 && subid==426) {
$('#iframe1').attr('src', "{:url('/index/tb_dlg_modevcomf/index?id="+subid+"&stime="+stime+"&etime="+etime+"')}");
$('#iframe2').attr('src', "{:url('/index/line_dlg_modevcomf/index?id="+subid+"&stime="+stime+"&etime="+etime+"')}");
} else if(data==21 && subid==430) {
$('#iframe1').attr('src', "{:url('/index/tb_dlgkg2_awater/index?id="+subid+"&stime="+stime+"&etime="+etime+"')}");
$('#iframe2').attr('src', "{:url('/index/line_dlgkg2_awater/index?id="+subid+"&stime="+stime+"&etime="+etime+"')}");
} else if(data==21 && subid==429) {
$('#iframe1').attr('src', "{:url('/index/tb_dlgkg2_tmp/index?id="+subid+"&stime="+stime+"&etime="+etime+"')}");
$('#iframe2').attr('src', "{:url('/index/line_dlgkg2_tmp/index?id="+subid+"&stime="+stime+"&etime="+etime+"')}");
} else if(data==21 && subid==421) {
$('#iframe1').attr('src', "{:url('/index/tb_dlgdong2_tmp/index?id="+subid+"&stime="+stime+"&etime="+etime+"')}");
$('#iframe2').attr('src', "{:url('/index/line_dlgdong2_tmp/index?id="+subid+"&stime="+stime+"&etime="+etime+"')}");
} else if(data==21 && subid==422) {
$('#iframe1').attr('src', "{:url('/index/tb_dlgdong3_tmp/index?id="+subid+"&stime="+stime+"&etime="+etime+"')}");
$('#iframe2').attr('src', "{:url('/index/line_dlgdong3_tmp/index?id="+subid+"&stime="+stime+"&etime="+etime+"')}");
} else if(data==21 && subid==423) {
$('#iframe1').attr('src', "{:url('/index/tb_dlgdong_awater/index?id="+subid+"&stime="+stime+"&etime="+etime+"')}");
$('#iframe2').attr('src', "{:url('/index/line_dlgdong_awater/index?id="+subid+"&stime="+stime+"&etime="+etime+"')}");
} else if(data==59){
$('#iframe1').attr('src', "{:url('/index/tb_etp_gxcw/index?id="+subid+"&stime="+stime+"&etime="+etime+"')}");
$('#iframe2').attr('src', "{:url('/index/line_etp_gxcw/index?id="+subid+"&stime="+stime+"&etime="+etime+"')}");
} else if(data==60){
$('#iframe1').attr('src', "{:url('/index/tb_etp_rzcw/index?id="+subid+"&stime="+stime+"&etime="+etime+"')}");
$('#iframe2').attr('src', "{:url('/index/line_etp_rzcw/index?id="+subid+"&stime="+stime+"&etime="+etime+"')}");
}else if(data==61){ // add by ramon 2023-04-11
$('#iframe1').attr('src', "{:url('/index/tb_sf6env/index?id="+subid+"&stime="+stime+"&etime="+etime+"')}");
$('#iframe2').attr('src', "{:url('/index/line_sf6env/index?id="+subid+"&stime="+stime+"&etime="+etime+"')}");
}
});
</script>
</HTML>