Skip to content

Instantly share code, notes, and snippets.

@smallslime

smallslime/gist:6076840

Created July 25, 2013 04:08
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save smallslime/6076840 to your computer and use it in GitHub Desktop.
Save smallslime/6076840 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
gistfile1.html
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="keywords" content="管理后台">
<meta name="description" content="管理后台"/>
<title>GA管理后台</title>
<style type="text/css">
html,body {
height: 100%;
}
.sidebar-nav {
padding: 9px 0;
}
.breadcrumb a:last-child:after {
content: '';
}
.breadcrumb a:after {
content: ' > ';
}
.Wdate {
width:130px;
}
</style>
<link href="http://st01-sw-gacc01.st01.baidu.com:8080/css/bootstrap-cerulean.css" rel="stylesheet"><link href="http://st01-sw-gacc01.st01.baidu.com:8080/css/bootstrap-responsive.css" rel="stylesheet"><link href="http://st01-sw-gacc01.st01.baidu.com:8080/css/charisma-app.css" rel="stylesheet"><link href="http://st01-sw-gacc01.st01.baidu.com:8080/css/jquery-ui-1.8.21.custom.css" rel="stylesheet"><link href="http://st01-sw-gacc01.st01.baidu.com:8080/css/fullcalendar.css" rel="stylesheet"><link href="http://st01-sw-gacc01.st01.baidu.com:8080/css/fullcalendar.print.css" rel="stylesheet"><link href="http://st01-sw-gacc01.st01.baidu.com:8080/css/chosen.css" rel="stylesheet"><link href="http://st01-sw-gacc01.st01.baidu.com:8080/css/uniform.default.css" rel="stylesheet"><link href="http://st01-sw-gacc01.st01.baidu.com:8080/css/colorbox.css" rel="stylesheet"><link href="http://st01-sw-gacc01.st01.baidu.com:8080/css/jquery.cleditor.css" rel="stylesheet"><link href="http://st01-sw-gacc01.st01.baidu.com:8080/css/jquery.noty.css" rel="stylesheet"><link href="http://st01-sw-gacc01.st01.baidu.com:8080/css/noty_theme_default.css" rel="stylesheet"><link href="http://st01-sw-gacc01.st01.baidu.com:8080/css/elfinder.min.css" rel="stylesheet"><link href="http://st01-sw-gacc01.st01.baidu.com:8080/css/elfinder.theme.css" rel="stylesheet"><link href="http://st01-sw-gacc01.st01.baidu.com:8080/css/jquery.iphone.toggle.css" rel="stylesheet"><link href="http://st01-sw-gacc01.st01.baidu.com:8080/css/opa-icons.css" rel="stylesheet"><link href="http://st01-sw-gacc01.st01.baidu.com:8080/css/uploadify.css" rel="stylesheet"><link href="http://st01-sw-gacc01.st01.baidu.com:8080/css/base.css" rel="stylesheet"><link href="http://st01-sw-gacc01.st01.baidu.com:8080/css/gaadmin.css" rel="stylesheet"> <script type="text/javascript" src="http://st01-sw-gacc01.st01.baidu.com:8080/js/jquery-1.7.2.min.js"></script><script type="text/javascript" src="http://st01-sw-gacc01.st01.baidu.com:8080/js/datepicker/WdatePicker.js"></script><script type="text/javascript" src="http://st01-sw-gacc01.st01.baidu.com:8080/js/jquery-ui-1.8.21.custom.min.js"></script><script type="text/javascript" src="http://st01-sw-gacc01.st01.baidu.com:8080/js/bootstrap-dropdown.js"></script><script type="text/javascript" src="http://st01-sw-gacc01.st01.baidu.com:8080/js/common.js"></script><script type="text/javascript" src="http://st01-sw-gacc01.st01.baidu.com:8080/js/jquery.cookie.js"></script><script type="text/javascript" src="http://st01-sw-gacc01.st01.baidu.com:8080/js/highcharts.js"></script></head>
<body>
<div class="navbar">
<div class="navbar-inner">
<div class="container-fluid">
<a class="brand" href="/"><span>管理平台</span></a>
<div class="top-nav nav-collapse">
<ul class="nav">
<li><a href="/" title="首页" >首页</a></li>
<li><a href="/pref_client/" title="客户端性能" >客户端性能</a> </li>
<li><a href="/pref_server/" title="服务器性能" style="color:yellow">服务器性能</a> </li>
<li><a href="/agent_server/" title="代理服务器管理" >代理服务器管理</a> </li>
<li><a href="/user/" title="用户统计" >用户统计</a> </li>
<li><a href="/other/" title="其他" >其他</a> </li>
<li><a href="/dev/" title="开发者工具" >开发者工具</a> </li>
</ul>
</div>
<!--/.nav-collapse -->
<!-- user dropdown starts -->
<div class="btn-group pull-right">
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
<span class="hidden-phone"> admin</span>
<span class="caret"></span>
</a>
<ul class="dropdown-menu">
<li><a href="/login/dologout">退出登录</a></li>
</ul>
</div>
<!-- user dropdown ends -->
</div>
</div>
</div>
<!-- topbar ends -->
<div class="container-fluid">
<div class="row-fluid">
<!-- left menu starts -->
<div class="span2 main-menu-span">
<div class="well nav-collapse sidebar-nav" style="padding-left: 0; padding-right:0">
<ul class="nav nav-tabs nav-stacked main-menu" id="left-menu">
<li class="nav-header">服务器性能 >></li>
<li><a href="/pref_server/delay/" title="延迟&&带宽(图)"><i class="icon"></i><span
class="hidden-tablet">延迟&&带宽(图)</span></a></li>
<li><a href="/pref_server/delay/table" title="延迟&&带宽(表)"><i class="icon"></i><span
class="hidden-tablet">延迟&&带宽(表)</span></a></li>
<li><a href="/pref_server/lose_package/" title="丢包率"><i class="icon"></i><span
class="hidden-tablet">丢包率</span></a></li>
<li><a href="/pref_server/band_width/" title="机器带宽"><i class="icon"></i><span
class="hidden-tablet">机器带宽</span></a></li>
<li><a href="/pref_server/loop/" title="主程序性能"><i class="icon"></i><span
class="hidden-tablet">主程序性能</span></a></li>
<li><a href="/pref_server/stat/" title="机器各性能指标"><i class="icon"></i><span
class="hidden-tablet">机器各性能指标</span></a></li>
</ul>
</div>
<!--/.well -->
</div>
<!--/span-->
<!-- left menu ends -->
<script>
var url = '/pref_server/delay/';
var e = {"node": NaN, "length": 0};
$('#left-menu li a').each(function (k, v) {
var href = $(v).attr('href');
if (href == '/' && url != '/') {
return;
}
var hrefLen = href.length;
if (url.substr(0, hrefLen) == href) {
if (hrefLen > e.length) {
e.node = $(v).parent('li');
e.length = hrefLen;
}
}
});
if (e.node) {
e.node.addClass('active');
}
</script>
<div class="span10 box-content">
<div class="breadcrumb">
<a href="/" title="首页" >首页</a><a href="/pref_server/" title="服务器性能" >服务器性能</a><span>延迟&&带宽(图)<span> </div>
<div class="box-content">
<form action="" method="get" class="form-inline" id="form-search">
<div class="control-group">
<input
class="Wdate"
onclick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm'})"
type="text"
name="startDate"
value="2013-07-25 00:00"
/> -
<input
class="Wdate"
onClick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm'})"
type="text" name="endDate"
value=""
id="_form_search_endDate"
/>
<label><input type="checkbox" id="_form_search_tillNow" />到现在</label>
</div>
<div class="control-group">
<select name="game_id">
<option value="" selected = "selected">全部游戏</option>
<option value="30010" >dota2国服(dota 2)</option>
<option value="20050" >QQ炫舞(qqx5)</option>
<option value="20020" >地下城与勇士(DNF)</option>
<option value="20010" >穿越火线(CrossFire)</option>
<option value="20030" >英雄联盟(lol)</option>
</select>
<select name="isp">
<option value="" selected = "selected">全部ISP</option>
<option value="1" >中国电信</option>
<option value="2" >中国联通</option>
<option value="3" >教育网</option>
<option value="4" >中国移动</option>
<option value="-1" >其他</option>
</select>
<select name="proxy_svr_id">
<option value="">全部代理服务器</option>
<option value="e9a48bc21eb0fe9d728ede3f79444aa0" >YZ-215(114.111.162.215)</option>
</select>
<input type="submit" value="查询"/>
</div>
</form>
<div class="box row-fluid" id="chart-cont">
</div>
</div>
<script type="text/javascript">
$('#_form_search_tillNow').click(function(){
if ($(this).attr('checked')) {
$('#_form_search_endDate').attr('disabled', true);
} else {
$('#_form_search_endDate').attr('disabled', false);
}
});
</script>
<script type="text/javascript">
var copy_cur_search = function() {
var url = window.location.protocol + '//' + window.location.host +
window.location.pathname + '?' + e_form_search.serialize() + window.location.hash;
alert(url);
return false;
};
</script>
<script type="text/javascript">
var e_form_search = $('#form-search');
e_form_search.submit(function(){
var s = $(this).serialize();
s += '&parent_url=/pref_server/delay/';
var e = $('#chart-cont');
$.ajax({
type: 'GET',
data: s,
success: function(data){
if (data==0) {
window.location.href=window.location.href;
} else {
e.html(data);
}
}
});
return false;
});
e_form_search.submit();
</script>
<script type="text/javascript">
var eFormAutoRefresh = $('#form-search');
if (eFormAutoRefresh) {
var eFormSubmit = eFormAutoRefresh.find('input:[type="submit"]').eq(0);
eFormSubmit.after('<label><input type="checkbox" checked="checked" id="auto_refresh" style="margin-left:10px;" />自动刷新</label>' +
'<label style="margin-left:10px;">间隔/min<input id="auto_refresh_value" type="text" class="input input-mini" value="1" /></label>'
);
var eAutoRefresh = $('#auto_refresh');
var eAutoRefreshValue = $('#auto_refresh_value');
var fAutoRefresh = function(){
if (eAutoRefresh.attr('checked')) {
eFormSubmit.click();
}
};
var TI;
eAutoRefreshValue.change(function(){
if (TI) {
clearInterval(TI);
}
var iAutoRefreshValue = parseInt(eAutoRefreshValue.val());
if (!iAutoRefreshValue || iAutoRefreshValue <= 0) {
iAutoRefreshValue = 1;
}
TI = setInterval(
fAutoRefresh,
1000 * 60 * iAutoRefreshValue
);
});
eAutoRefreshValue.change();
}
</script>
</div>
</div>
</div>
<div id="footer" class="c"></div>
<div style="position: fixed; right: 0; bottom: 0; border-bottom: 0; height: 30px; line-height: 30px; display: none; padding: 0 2em; min-width: 300px;" id="_tip"></div>
<script type="text/javascript">
var e = $('._can_edit_table');
if (e.length > 0) {
e.css('background', '#e0ffe0');
e.eq(0).parents('table').before('<h4 style="text-align: right;">浅绿色表头项表示点击可编辑</h4>');
}
var tip = $.cookie('tip');
$.removeCookie('tip', {"path": "/"});
if (tip) {
tip = eval("(" + tip + ")");
$.cookie('tip', '', {expires: -1});
var css_bgcolor, css_color;
if (tip.code == 0) {
css_bgcolor = '#65a643';
css_color = '#bede9c';
} else {
css_bgcolor = '#ac3910';
css_color = '#f8d0d4';
}
$('#_tip').text(tip.message).css('background-color', css_bgcolor).css('color', css_color).fadeIn(1000);
setTimeout(function () {
$('#_tip').fadeOut();
}, 3000);
}
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment