<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>KGCMS企业应用管理平台 - Powered by KGCMS</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="renderer" content="webkit">
<!-- <meta http-equiv="cache-control" content="no-siteapp" /> -->
<link rel="stylesheet" type="text/css" href="{{kg['tpl_url']}}style/web_statistics_trend.css">
<script src="{{kg['tpl_url']}}script/jquery.min.js"></script>
<script src="{{kg['server']['HTTP_HOST']}}/tools/amazeui/js/amazeui.min.js"></script>
<script src="{{kg['tpl_url']}}script/echarts.min.js"></script>
<script src="{{kg['tpl_url']}}script/common.js"></script> 
<script src="{{kg['tpl_url']}}script/web_statistics_trend.js"></script>
</head>
	<body style="overflow: hidden;">
		{% include 'component_header.tpl' %}
		<div class="tpl-page-container tpl-page-header-fixed">
			{% include 'component_left.tpl' %}
			<div class="tpl-content-wrapper ngco-Osz-marginT">
				<div class="tpl-content-page-title">
					流量分析
				</div>
				<ol class="am-breadcrumb">
					<li><a href="./" class="am-icon-home">首页</a></li>
					<li>流量统计</li>
					<li class="am-active">流量分析</li>
				</ol>
				<div class="tpl-portlet-components">
					<div class="portlet-title">
						<div class="caption font-green bold">
							<span class="am-icon-code"></span> 流量分析
						</div>
						<div class="tpl-portlet-input tpl-fz-ml am-no-margintop">
							<div class="portlet-input input-small input-inline input-width175">
								<div class="input-icon right am-fr top-1">
									<div class="am-btn-group am-btn-group-xs">
										<a class="am-btn am-btn-default am-btn-success" href=""><span class="am-icon-line-chart"></span> 流量记录</a>
										<a class="am-btn am-btn-default am-btn-secondary" href=""><span class="am-icon-clock-o"></span> 最近访客</a>
										<a class="am-btn am-btn-default am-btn-warning" href=""><span class="am-icon-laptop"></span> 在线访客</a>
									</div>
								</div>
								<div class="am-cf"></div>
							</div>
						</div>
					</div>
					<div class="am-g">
						<div class="am-u-sm-12">
							<form class="am-form">
								<table class="am-table am-table-striped am-table-hover table-main am-table-box">
									<tbody >
										<tr>
											<td>来源网站：</td>
											<td>
												<select data-am-selected="{btnSize: 'sm'}" style="display: none;">
													<option value="option1">全部</option>
													<option value="option2">直接访问</option>
													<option value="option3">内部导航</option>
													<option value="option3">百度</option>
													<option value="option3">谷歌</option>
													<option value="option3">搜狗</option>
													<option value="option3">雅虎</option>
													<option value="option3">必应</option>
													<option value="option3">有道</option>
												</select>
											</td>
											<td>地域：</td>
											<td>
												<div class="am-idd"></div>
												<select data-am-selected="{btnSize: 'sm'}" style="display: none;" class="am-idd">
													<option value="area1">不限</option>
													<option value="area2">直接访问</option>
													<option value="area3">内部导航</option>
													<option value="area3">百度</option>
													<option value="area3">谷歌</option>
													<option value="area3">搜狗</option>
													<option value="area3">雅虎</option>
													<option value="area3">必应</option>
													<option value="area3">有道</option>
												</select>
												<a class="am-btn am-btn-default am-btn-success am-search" href="">查询</a>
											</td>
										</tr>
										<tr>
											<td>设备：</td>
											<td>
												全部<br>
												计算机<br>
												移动设备
											</td>
											<td>时段：</td>
											<td>
												按时<br>
												按日<br>
												按周<br>
												按月<br>
											</td>
										</tr>
										<tr>
											<td>访客：</td>
											<td colspan="3">
												全部<br>
												新访客<br>
												老访客
											</td>
										</tr>
										<tr>
											<td>时间：</td>
											<td>
												今天<br>
												昨天<br>
												最近7天<br>
												最近30天<br>
												<input type="text" class="form-control form-control-solid form-control-200">
												<input type="text" class="form-control form-control-solid form-control-200">
											</td>
											<td colspan="2" style="text-align: left;">
												<input type="checkbox" />对比
												<input type="text" class="form-control form-control-solid form-control-200">
												<input type="text" class="form-control form-control-solid form-control-200">
											</td>
										</tr>
										<tr>
											<td>访问页面：</td>
											<td colspan="3">
												<select data-am-selected="{btnSize: 'sm'}" style="display: none;">
													<option value="option1">全部</option>
													<option value="option2">直接访问</option>
													<option value="option3">内部导航</option>
													<option value="option3">百度</option>
													<option value="option3">谷歌</option>
													<option value="option3">搜狗</option>
													<option value="option3">雅虎</option>
													<option value="option3">必应</option>
													<option value="option3">有道</option>
												</select>
											</td>
										</tr>
									</tbody>
								</table>
								<div class="am-g">
									<div class="tpl-form-body tpl-form-line">
										<div class="am-form-group">
											<div class="am-u-md-9 am-u-md-push-5 ngco-W50bai-width">
												<a class="am-btn am-btn-primary tpl-btn-bg-color-success distances">查询</a>
												<span class="place"></span>
												<a  class="am-btn am-btn-primary tpl-btn-bg-color-success ">重置</a>
											</div>
										</div>
									</div>
							</div>
							</form>
						</div>
					</div>
					<!-- 2 -->
					<div class="portlet-title">
						<div class="caption font-green bold">
							<span class="am-icon-code"></span> 流量记录
						</div>
					</div>
					<div class="am-g">
						<div class="am-u-sm-12">
							<div id="tpl-echarts-B" class="tpl-echarts-A" style="width: 100%;height: 420px;"></div>
						<div>
					</div>
					<!-- 3 -->
					<div class="portlet-title">
						<div class="caption font-green bold">
							<span class="am-icon-code"></span> 趋势分析
						</div>
					</div>
					<div class="am-g">
						<div class="am-u-sm-12">
							<form class="am-form">
								<table class="am-table am-table-striped am-table-hover table-main">
									<thead class="bg">
										<tr class="center">
											<td rowspan="2" style="vertical-align: middle;">时段</td>
											<td colspan="3">网络基础指标</td>
											<td colspan="2">流量质量指标</td>
										</tr>
										<tr class="center">
											<td>浏览量(PV)</td>
											<td>访客数(UV)</td>
											<td>IP数</td>
											<td>跳出率</td>
											<td>平均访问时长</td>
										</tr>
									</thead>
									<tbody class="td-center">
										<tr>
											<td>00:00 - 00:59</td>
											<td>12</td>
											<td>4</td>
											<td>4</td>
											<td>0.03%</td>
											<td></td>
										</tr>
										<tr>
											<td>00:00 - 00:59</td>
											<td>12</td>
											<td>4</td>
											<td>4</td>
											<td>0.03%</td>
											<td></td>
										</tr>
										<tr>
											<td>00:00 - 00:59</td>
											<td>12</td>
											<td>4</td>
											<td>4</td>
											<td>0.03%</td>
											<td></td>
										</tr>
										<tr>
											<td>00:00 - 00:59</td>
											<td>12</td>
											<td>4</td>
											<td>4</td>
											<td>0.03%</td>
											<td></td>
										</tr>
										<tr>
											<td>00:00 - 00:59</td>
											<td>12</td>
											<td>4</td>
											<td>4</td>
											<td>0.03%</td>
											<td></td>
										</tr>
										<tr>
											<td>00:00 - 00:59</td>
											<td>12</td>
											<td>4</td>
											<td>4</td>
											<td>0.03%</td>
											<td></td>
										</tr>
										<tr>
											<td>00:00 - 00:59</td>
											<td>12</td>
											<td>4</td>
											<td>4</td>
											<td>0.03%</td>
											<td></td>
										</tr>
									</tbody>
								</table>
							</form>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
		{% include 'component_footer.tpl' %}
	</body>
</html>
