mirror of
https://github.com/wu736139669/vczero.github.io.git
synced 2026-08-05 06:23:38 +00:00
add cat app
This commit is contained in:
lh_wang
@@ -0,0 +1,177 @@
|
||||
<!--<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>cat demo app</title>
|
||||
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black">
|
||||
<link rel="stylesheet" href="css/Jingle.css"/>
|
||||
<link rel="stylesheet" href="css/main.css" />
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<div id="section_container">
|
||||
<section id="index_section" class="active">
|
||||
<header style="background-color:#368CE9;">
|
||||
<h1 class="title">Cat Demo App</h1>
|
||||
</header>
|
||||
|
||||
<article class="active" data-scroll="true">
|
||||
<div style="padding: 10px 0 20px;">
|
||||
<ul class="list inset demo-list">
|
||||
<li data-icon="next" data-selected="selected">
|
||||
<span class="icon mobile" style="font-size:25px;margin-top:-16px;"></span>
|
||||
<a href="#appMonitor_section?a=1&b=2" data-target="section">
|
||||
<strong>App监控</strong>
|
||||
<p>mobile app</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</article>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript" src="js/zepto.js"></script>
|
||||
<script type="text/javascript" src="js/iscroll.js"></script>
|
||||
<script type="text/javascript" src="js/template.min.js"></script>
|
||||
<script type="text/javascript" src="js/Jingle.debug.js"></script>
|
||||
<script type="text/javascript" src="js/zepto.touch2mouse.js"></script>
|
||||
<script type="text/javascript" src="js/JChart.debug.js"></script>
|
||||
<script type="text/javascript" src="js/main.js"></script>
|
||||
</body>
|
||||
</html>-->
|
||||
|
||||
|
||||
|
||||
|
||||
<!DOCTYPE >
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CAT V0.0.1</title>
|
||||
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black">
|
||||
<link rel="stylesheet" href="css/Jingle.css"/>
|
||||
<link rel="stylesheet" href="css/main.css" />
|
||||
|
||||
<script type="text/javascript" src="js/zepto.js"></script>
|
||||
<script type="text/javascript" src="js/iscroll.js"></script>
|
||||
<script type="text/javascript" src="js/template.min.js"></script>
|
||||
<script type="text/javascript" src="js/Jingle.debug.js"></script>
|
||||
<script type="text/javascript" src="js/zepto.touch2mouse.js"></script>
|
||||
<script type="text/javascript" src="js/JChart.debug.js"></script>
|
||||
<script type="text/javascript" src="js/main.js"></script>
|
||||
<style>
|
||||
.header-secondary .active{
|
||||
border-bottom:4px solid #0093d5;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="aside_container"><!---侧边栏容器--->
|
||||
<aside id="filter_aside" data-position="right" data-transition="push" style="-webkit-transform: translateX(0%);">
|
||||
<div class="header">高级筛选</div>
|
||||
<div class="center">
|
||||
|
||||
</div>
|
||||
</aside>
|
||||
</div>
|
||||
<div id="section_container"><!--页面容器--->
|
||||
<section id="index_section" class="active">
|
||||
<header>
|
||||
<h1 class="title">CAT</h1>
|
||||
</header>
|
||||
<nav class="header-secondary" style="overflow: hidden;">
|
||||
<div style="width: 640px; transition-property: transform; -webkit-transition-property: transform; transition-duration: 0ms; -webkit-transition-duration: 0ms; transform-origin: 0px 0px 0px; transform: translate(-28px, 0px) scale(1) translateZ(0px);" class="grid">
|
||||
<a href="javascript:void(0);" class="one-part active" style="display: block;">App</a>
|
||||
<a href="javascript:void(0);" class="one-part" style="display: block;">Event</a>
|
||||
<a href="javascript:void(0);" class="one-part" style="display: block;">Problem</a>
|
||||
<a href="javascript:void(0);" class="one-part" style="display: block;">Heartbeat</a>
|
||||
<a href="javascript:void(0);" class="one-part" style="display: block;">Cross</a>
|
||||
<a href="javascript:void(0);" class="one-part" style="display: block;">Cache</a>
|
||||
</div>
|
||||
<i id="btn_add_module" class="icon plus" style="position: absolute;right:0;top:0;opacity:.9;z-index:9999;background-color:#282c32; margin: 0px; width: 21px;"></i>
|
||||
</nav>
|
||||
<article id="App_article" class="active">
|
||||
<ul class="control-group" id="changeDragChartType" style="margin:10px 30px;">
|
||||
<li class="active" data-type="request">请求数</li>
|
||||
<li data-type="success">成功率</li>
|
||||
<li data-type="delay">成功延时</li>
|
||||
</ul>
|
||||
<div class="chartTitle" id="chartTitle_sp">请求数（个/每分钟）</div>
|
||||
<canvas id="chart_drag_line_canvas"></canvas>
|
||||
<canvas id="chart_drag_bar_canvas" style="display: none;"></canvas>
|
||||
<canvas id="chart_drag_delay_canvas" style="display: none;"></canvas>
|
||||
<div class="legend">
|
||||
<div data-icon="stop" style="color: #368CE9;">当前值</div>
|
||||
<div data-icon="stop" style="color: #FFBB00;">对比值</div>
|
||||
</div>
|
||||
|
||||
<h1 class="chartTitle" style="text-align:left;font-size:0.85em;">当前值</h1>
|
||||
<div class="item_list">
|
||||
<div class="item_listl_left">
|
||||
<span>成功率:</span> <span id="success_value_c" class="item_list_high">95.799%</span>
|
||||
</div>
|
||||
<div class="item_list_right">
|
||||
<span>总请求数:</span> <span id="success_request_c" class="item_list_green">85,773</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="item_list">
|
||||
<div class="item_listl_left">
|
||||
<span>总请求数(%):</span> <span id="success_requestA_c" class="item_list_high">100.000%</span>
|
||||
</div>
|
||||
<div class="item_list_right">
|
||||
<span>成功平均延迟(ms):</span> <span id="success_delay_c" class="item_list_green">13,240</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h1 class="chartTitle" style="text-align:left;font-size:0.85em;">对比值</h1>
|
||||
<div class="item_list">
|
||||
<div class="item_listl_left">
|
||||
<span>成功率:</span> <span class="item_list_high" id="success_value_vs">95.799%</span>
|
||||
</div>
|
||||
<div class="item_list_right">
|
||||
<span>总请求数:</span> <span id="success_request_vs" class="item_list_green">85,773</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item_list">
|
||||
<div class="item_listl_left">
|
||||
<span>总请求数(%):</span> <span id="success_requestA_vs" class="item_list_high">100.000%</span>
|
||||
</div>
|
||||
<div class="item_list_right">
|
||||
<span>成功平均延迟(ms):</span> <span id="success_delay_vs" class="item_list_green">13,240</span>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
<article id="Event_article" class="indented">
|
||||
event_article
|
||||
</article>
|
||||
<article id="No_article" class="indented">
|
||||
No_article
|
||||
</article>
|
||||
</section>
|
||||
<section id="add_module" data-init="true" >
|
||||
<header>
|
||||
<nav class="left">
|
||||
<a href="#" data-icon="previous" data-target="back" style="color:white;"><i class="icon previous"></i>Back</a>
|
||||
</nav>
|
||||
<h1 class="title">选择模块</h1>
|
||||
</header>
|
||||
<article class="active" data-scroll="true" id="module_article">
|
||||
<ul class="list">
|
||||
<li data-icon="checkbox-unchecked"><i class="icon checkbox-unchecked"></i>Cache</li>
|
||||
<li data-icon="checkbox-unchecked"><i class="icon checkbox-unchecked"></i>Database</li>
|
||||
<li data-icon="checkbox-unchecked"><i class="icon checkbox-unchecked"></i>Matraix</li>
|
||||
<li data-icon="checkbox-unchecked"><i class="icon checkbox-unchecked"></i>State</li>
|
||||
</ul>
|
||||
</article>
|
||||
</section>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user