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.

203 lines
8.7 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">
var curMenu = null, zTree_Menu = null;
var setting = {
view: {
showLine: true,
selectedMulti: false,
dblClickExpand: false
},
data: {
simpleData: {
enable: true
}
},
callback: {
onNodeCreated: this.onNodeCreated,
beforeClick: this.beforeClick,
onClick: this.onClick
}
};
var zNodes;
$.ajax({
url:"{:url('SITE_URL./admin/paramindexset/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
//alert(sub_name);
//alert(sub_id);
$.ajax({
type: "POST",
url: "{:url('SITE_URL./admin/paramindexset/ajax')}",
dataType:"json",
data: 'id='+sub_id,
success: function(data){
if(data==4) {
$('#iframe1').attr('src', '__ROOTURL__/admin/paramindexinfo/index?id=' + sub_id );
}else if(data==1){
$('#iframe1').attr('src', '__ROOTURL__/admin/paramindexinfo/epa_h?id=' + sub_id );
}else if(data==2 || data==3){
$('#iframe1').attr('src', '__ROOTURL__/admin/paramindexinfo/eia_h?id=' + sub_id);
}else if(data==5){
$('#iframe1').attr('src', '__ROOTURL__/admin/paramindexinfo/etp_h?id=' + sub_id );
}else if(data==8){
$('#iframe1').attr('src', '__ROOTURL__/admin/paramindexinfo/sf6_h?id=' + sub_id );
}else if(data==10||data==25||data==26){
$('#iframe1').attr('src', '__ROOTURL__/admin/paramindexinfo/pd_h?id=' + sub_id );
}else if(data==16){
$('#iframe1').attr('src', '__ROOTURL__/admin/paramindexinfo/microclimate_h?id=' + sub_id );
}else if(data==13||data==14||data==15){
$('#iframe1').attr('src', '__ROOTURL__/admin/paramindexinfo/eia?id=' + sub_id);
}else if(data==20||data==27||data==28||data==29||data==30||data==31||data==32||data==33||data==34){
$('#iframe1').attr('src', '__ROOTURL__/admin/paramindexinfo/scur_h?id=' + sub_id);
}else if(data==21){
$('#iframe1').attr('src', '__ROOTURL__/admin/paramindexinfo/dlg_h?id=' + sub_id);
}else if(data==38){
$('#iframe1').attr('src', '__ROOTURL__/admin/paramindexinfo/epa_h_1?id=' + sub_id);
}else if(data==39){
$('#iframe1').attr('src', '__ROOTURL__/admin/paramindexinfo/epa_h_2?id=' + sub_id);
}else if(data==40){
$('#iframe1').attr('src', '__ROOTURL__/admin/paramindexinfo/jdw_h?id=' + sub_id);
}else if(data==59){
$('#iframe1').attr('src', '__ROOTURL__/admin/paramindexinfo/etp_h_gxcw?id=' + sub_id );
}else if(data==60){
$('#iframe1').attr('src', '__ROOTURL__/admin/paramindexinfo/etp_h_rzcw?id=' + sub_id );
} else if(data==61){
$('#iframe1').attr('src', '__ROOTURL__/admin/paramindexinfo/sf6env_h?id=' + sub_id ); // add by ramon 2023-04-11
}
}
});
}
$(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>
a.aption{
text-decoration: none;
color: #fff;
}
a.aption:hover{
color: #c0c0c0;
background-color:#00796a !important ;
}
.widget-header{
background-color: transparent !important;
display: flex;
align-items: center;
justify-content: left;
}
.ztree > .level0{
position: absolute;
left: 0;
top: 0;
}
</style>
</HEAD>
<BODY>
<div class="bodyClass">
{include file="public/top" /}
<!-- /头部 -->
<div class="main-container container-fluid">
<div class="page-container" style="height: 798px">
<div class="widget" style=" width: 244px;float: left;height: 100%;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: 798px;position: relative;" >
<ul id="treeDemo" class="ztree" style="height: 735px;position: relative;overflow-y: scroll;overflow-x: scroll;" ></ul>
</div>
</div>
<div class="page-content" style="margin-left:255px;height: 100%">
<div class="widget" style="height: 100%">
<div class="widget-header bg-blueberry ">
<span class="widget-caption"> <a class="aption" href="{:url('index/index')}">系统管理</a> &nbsp / &nbsp </span>
<span class="widget-caption">参引配置</span>
</div>
<div class="widget-body" style="height: 100%">
<iframe id="iframe1" scrolling="no" frameborder=”no” border=”0″ marginwidth=”0″ marginheight=”0″ height="738px"
width="100%" src="{:url('index.php/admin/paramindexinfo/index?id=1')}"></iframe>
</div>
</div>
</div>
</div>
<!--</div>-->
</BODY>
</HTML>