349 lines
11 KiB
HTML
349 lines
11 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<base href="<%=basePath %>">
|
|
<meta charset="utf-8">
|
|
<meta name="description" content="Bootstrap Metro Dashboard">
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
<link rel="Shortcut icon" href="/img/logo.png" />
|
|
<style>
|
|
#dialog {
|
|
height:80px;
|
|
line-height:80px;
|
|
text-align:center;
|
|
}
|
|
.no-close .ui-dialog-titlebar-close {
|
|
display:none;
|
|
}
|
|
</style>
|
|
<title>网络流处理设备</title>
|
|
<!-- header页面保存引入的css js样式 -->
|
|
#include("/common/header.html")
|
|
</head>
|
|
|
|
<body>
|
|
<input type="hidden" id="lianxiangStatus" value="2" />
|
|
|
|
<!-- start: Header -->
|
|
<div class="navbar" id="top">
|
|
<div class="navbar-inner">
|
|
<div class="container-fluid">
|
|
<a class="brand" style="margin-left:-40px!important" href="/main/showMain?_locale=#(_locale)"> <span><!-- <img
|
|
src="/img/logo.png" alt="logo" height="30px" width="100%"
|
|
style="padding-top: 7px; margin-left: -33px" /> -->#(equipmentName)</span>
|
|
</a>
|
|
<div class="nav-no-collapse header-nav">
|
|
<ul class="nav pull-right">
|
|
|
|
<li class="dropdown"><a class="btn dropdown-toggle"
|
|
data-toggle="dropdown" href="javaScript:void(0)"> <i
|
|
class="halflings-icon white off"></i>#(_res.get("power"))<span class="caret"></span>
|
|
</a>
|
|
<ul class="dropdown-menu">
|
|
<li class="dropdown-menu-title">
|
|
<a href="javascript:void(0)" onclick="reboot()">
|
|
<i class='icon-refresh'></i>
|
|
</a>
|
|
<span>#(_res.get("reboot"))</span>
|
|
</li>
|
|
<li class="dropdown-menu-title">
|
|
<a href="javascript:void(0)" onclick="shutdown()">
|
|
<i class='icon-off'></i>
|
|
</a>
|
|
<span>#(_res.get("shutdown"))</span>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
|
|
|
|
<li class="dropdown"><a class="btn dropdown-toggle"
|
|
data-toggle="dropdown" href="javaScript:void(0)"> <!-- <i
|
|
class="halflings-icon white wrench"></i> -->
|
|
#if(_locale=='zh_CN')
|
|
<span>简体中文</span>
|
|
#else if(_locale=='en_US')
|
|
<span>English</span>
|
|
#else
|
|
<span>Russia</span>
|
|
#end
|
|
<span class="caret"></span>
|
|
</a>
|
|
<ul class="dropdown-menu" style="min-width:70px;">
|
|
#if(_locale=='zh_CN')
|
|
<li class="dropdown-menu-title" style="height:35px">
|
|
<a href="/main/showMain?_locale=en_US" class="international-a">
|
|
English
|
|
</a>
|
|
</li>
|
|
<li class="dropdown-menu-title" style="height:35px">
|
|
<a href="/main/showMain?_locale=ru_RU" class="international-a">
|
|
Russia
|
|
</a>
|
|
</li>
|
|
#else if(_locale=='en_US')
|
|
<li class="dropdown-menu-title" style="height:35px">
|
|
<a href="/main/showMain?_locale=zh_CN" class="international-a">
|
|
简体中文
|
|
</a>
|
|
</li>
|
|
<li class="dropdown-menu-title" style="height:35px">
|
|
<a href="/main/showMain?_locale=ru_RU" class="international-a">
|
|
Russia
|
|
</a>
|
|
</li>
|
|
#else
|
|
<li class="dropdown-menu-title" style="height:35px">
|
|
<a href="/main/showMain?_locale=zh_CN" class="international-a">
|
|
简体中文
|
|
</a>
|
|
</li>
|
|
<li class="dropdown-menu-title" style="height:35px">
|
|
<a href="/main/showMain?_locale=en_US" class="international-a">
|
|
English
|
|
</a>
|
|
</li>
|
|
#end
|
|
</ul>
|
|
</li>
|
|
|
|
|
|
<li class="dropdown"><a class="btn dropdown-toggle"
|
|
data-toggle="dropdown" href="javaScript:void(0)"> <i
|
|
class="halflings-icon white user"></i> #(session.loginUser.login_name)<span class="caret"></span>
|
|
</a>
|
|
<ul class="dropdown-menu">
|
|
<li class="dropdown-menu-title">
|
|
<a href="/exit"><!-- ?_locale=#(_locale) -->
|
|
<i class='icon-off'></i>
|
|
</a>
|
|
<span>#(_res.get("exit.system"))</span>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- start: Header -->
|
|
|
|
<div class="container-fluid-full">
|
|
<div class="row-fluid">
|
|
|
|
<!-- start: Main Menu -->
|
|
|
|
<div id="sidebar-left" class="span2" style="width: 220px" >
|
|
<div class="nav-collapse sidebar-nav">
|
|
<ul class="nav nav-tabs nav-stacked main-menu">
|
|
#for(menu:menus)
|
|
#if(menu.parent_id=='0')
|
|
#if(menu.childSysmenus!=null&&menu.childSysmenus.size()!=0)
|
|
<li>
|
|
<a class="dropmenu" href="javaScrip:void(0)" target="rightiFrame"><i class="#(menu.icon)"></i><span class="hidden-tablet"> #(_res.get(menu.name))</span></a>
|
|
<ul>
|
|
#for(childMenu:menu.childSysmenus)
|
|
<li ><a class="submenu" href="#(childMenu.href)" target="rightiFrame" onclick="chooseMenu(this)" id="parent"><span class="hidden-tablet" style="margin-left: 25px"><font style="color: white;"> #(_res.get(childMenu.name))</font></span></a></li>
|
|
#end
|
|
</ul>
|
|
</li>
|
|
#else
|
|
<li><a href="#(menu.href)" target="rightiFrame" onclick="chooseMenu(this)" id="child"><i class="#(menu.icon)"></i><span class="hidden-tablet"> #(_res.get(menu.name))</span></a></li>
|
|
#end
|
|
#end
|
|
#end
|
|
</ul>
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
<!-- end: Main Menu -->
|
|
|
|
|
|
|
|
<!-- start: Content -->
|
|
<div id="middleRight">
|
|
<ul class="breadcrumb " style="width:100%">
|
|
<li id="navigation"><i class="icon-home"></i> <a href="/main/showMain">#(_res.get("home.page"))</a></li>
|
|
</ul>
|
|
|
|
<iframe style="width: 100%;height:990px" name="rightiFrame" frameborder="0"
|
|
scrolling="auto" id="rightiFrame" onload="setIframeHeight(this)"
|
|
src="/welcome">
|
|
浏览器不支持嵌入式框架，或被配置为不显示嵌入式框架。 </iframe>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
<div class="clearfix"></div>
|
|
|
|
<footer>
|
|
<p>
|
|
<span style="text-align: left; float: left;margin-left:240px; margin-top: 5px;">CEIEC All Rights Reserved , CEIEC © </span>
|
|
</p>
|
|
</footer>
|
|
<div class="top1" id="scrollto" style="display: none;">
|
|
<i class="glyphicons-icon circle_arrow_top"
|
|
style="background-color: #fc2"></i> <i
|
|
class="glyphicons-icon circle_arrow_top"
|
|
style="background-color: #fc2"></i>
|
|
</div>
|
|
<script>
|
|
var bWidth = window.screen.availWidth - $("#sidebar-left").width();
|
|
|
|
function setIframeHeight(iframe) {
|
|
var rHeight = $(iframe).contents().find("body").outerHeight(true);
|
|
var lHeight = $("#lMenu").height() + $("#top").height();
|
|
/* if (rHeight<lHeight+300 && lHeight+300>$(window).height()) {
|
|
$(iframe).css("height", lHeight + 300);
|
|
} else if (rHeight < lHeight + 300
|
|
&& lHeight + 300 <= $(window).height()) {
|
|
$(iframe).css("height", $(window).height());
|
|
} else {
|
|
$(iframe).css("height", rHeight);
|
|
} */
|
|
$(iframe).css("height", $(window).height()-150);
|
|
//if (loading)
|
|
// layer.close(loading);
|
|
}
|
|
|
|
$(function() {
|
|
setIframeHeight(document.getElementById('rightiFrame'));
|
|
});
|
|
//滑到顶部效果
|
|
$(function() {
|
|
$(".top1").click(function() {
|
|
$("html,body").animate({
|
|
"scrollTop" : 0
|
|
}, 500)
|
|
});
|
|
//var bWidth = window.screen.availWidth - $("#sidebar-left").width();
|
|
$(".breadcrumb").css("width", "100%");
|
|
$(".breadcrumb").css("top", $(".navbar").height());
|
|
//$("#sidebar-left").css("top",$(".navbar").height());
|
|
//alert($("#sidebar-left").css("top"));
|
|
})
|
|
window.onscroll = function() {
|
|
//顶部bar随动
|
|
$(".breadcrumb").css("width", bWidth);
|
|
if ($(document).scrollTop() >= $(".navbar").height()) {
|
|
$(".breadcrumb").css("top", "0");
|
|
$(".breadcrumb").addClass("positionFixed");
|
|
//$(".breadcrumb").css("position","fixed");
|
|
if ($(".usePos").length <= 0) {
|
|
$("#rightiFrame").before(
|
|
$(".breadcrumb").clone().addClass("usePos")
|
|
.removeClass("positionFixed").removeClass(
|
|
"breadcrumb").css("visibility",
|
|
"hidden").height(
|
|
$(".breadcrumb").height()));
|
|
}
|
|
$("#sidebar-left").css("top", "0px");
|
|
$("#sidebar-left").addClass("positionFixed");
|
|
} else {
|
|
$(".usePos").remove();
|
|
$(".breadcrumb").removeClass("positionFixed");
|
|
$("#sidebar-left").removeClass("positionFixed");
|
|
}
|
|
if (document.documentElement.scrollTop + document.body.scrollTop > 100) {
|
|
document.getElementById("scrollto").style.display = "block";
|
|
} else {
|
|
document.getElementById("scrollto").style.display = "none";
|
|
}
|
|
|
|
}
|
|
|
|
function chooseMenu(val){
|
|
//点击菜单后修改对应导航的文字展示
|
|
$("#navigation").text($(val).find("span").text());
|
|
|
|
/* setTimeout(function(){
|
|
if (document.ready)
|
|
loading = layer.msg("<font color='black'> loading...</font>", {shade:0.1,icon:16,time:999000})
|
|
}, 1000); */
|
|
//loading = layer.msg("<font color='black'> loading...</font>", {shade:0.1,icon:16,time:999000})
|
|
}
|
|
|
|
function myAlert(msg) {
|
|
$("#dialog").text(msg);
|
|
$("#dialog").dialog({
|
|
dialogClass: "no-close",
|
|
modal:true,
|
|
buttons: {
|
|
Ok: function() {
|
|
$(this).dialog("close");
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
function reboot() {
|
|
layer.msg("<font color='black'> loading...</font>", {shade:0.1,icon:16,time:999000})
|
|
$.ajax({
|
|
type:'POST',
|
|
url:'/config/rebootConfig'
|
|
})
|
|
}
|
|
|
|
function shutdown() {
|
|
layer.msg("<font color='black'> loading...</font>", {shade:0.1,icon:16,time:999000})
|
|
$.ajax({
|
|
type:'POST',
|
|
url:'/config/shutdownConfig'
|
|
})
|
|
}
|
|
|
|
</script>
|
|
<div id="dialog" style="display:none;"></div>
|
|
<div id="routeDialog" style="display:none;">
|
|
<form id="routeConfigForm" class="form-horizontal">
|
|
<input type='hidden' id='request_ip' name='ip'/>
|
|
|
|
<div class="control-group" style="margin-top:15px;">
|
|
<label class="control-label" for="focusedInput">#(_res.get("destination.ip"))</label>
|
|
<div class="controls">
|
|
<input class="input-xlarge focused" id="ip_address_old" type="hidden" name="destination_ip_old" >
|
|
<input class="input-xlarge focused" id="ip_address" type="text" value="" name="destination_ip" onblur='checkIp(this)'>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="control-group">
|
|
<label class="control-label" for="focusedInput">#(_res.get("mask"))</label>
|
|
<div class="controls">
|
|
<input class="input-xlarge focused" id="mask_old" type="hidden" value="" name="ip_mask_old">
|
|
<input class="input-xlarge focused" id="mask" type="text" value="" name="ip_mask" onblur='checkMask(this)'>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="control-group">
|
|
<label class="control-label" for="focusedInput">#(_res.get("gateway"))</label>
|
|
<div class="controls">
|
|
<input class="input-xlarge focused" id="gateway_old" type="hidden" value="" name="gateway_old">
|
|
<input class="input-xlarge focused" id="gateway" type="text" value="" name="gateway" onblur='checkGateway(this)'>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="control-group">
|
|
<label class="control-label" for="focusedInput">#(_res.get("interface"))</label>
|
|
<div class="controls" id='updateDiv'>
|
|
<input class="input-xlarge focused" id="inputIf" type="text" value="" name="r_interface" onblur=''>
|
|
</div>
|
|
<div class="control-group" id='addDiv'>
|
|
<div class="controls">
|
|
<select id="selectIf" name="r_interface">
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</body>
|
|
</html>
|