<!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_position.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_position.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>
								</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>
											今天<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">
											<a class="am-btn am-btn-default am-btn-success am-search" href="">查询</a>
										</td>
									</tr>
									<tr>
										<td>区域筛选：</td>
										<td>
											按省份<br>
											按市区<br>
											按国家
										</td>
									</tr>
								</tbody>
							</table>
						</form>
					</div>
				</div>
				<!-- 2-->
				<div class="portlet-title">
					<div class="caption font-green bold">
						<span class="am-icon-code"></span> 省份统计
					</div>
				</div>
				<div class="row">
					<div class="am-u-md-6 am-u-sm-12 row-mb">
						<div class="tpl-portlet">
							<div class="tpl-portlet-title">
								<div class="tpl-caption font-green ">
									<i class="am-icon-cloud-download"></i>
									<span> Cloud 数据统计</span>
								</div>
								<div class="actions">
									<ul class="actions-btn">
										<li class="red-on">昨天</li>
										<li class="green">前天</li>
										<li class="blue">本周</li>
									</ul>
								</div>
							</div>
							<!--此部分数据请在 js文件夹下中的 app.js 中的 “百度图表A” 处修改数据 插件使用的是 百度echarts-->
							<div class="tpl-echarts" id="tpl-echarts-A">
							</div>
						</div>
					</div>
					<div class="am-u-md-6 am-u-sm-12 row-mb">
						<div class="tpl-portlet">
							<div class="tpl-portlet-title">
								<div class="tpl-caption font-green ">
									<span>来源网站</span>
								</div>
							</div>
							<div class="tpl-scrollable">
								<div class="am-tabs tpl-index-tabs" data-am-tabs="">
									<table class="am-table tpl-table">
										<thead>
											<tr class="tpl-table-uppercase">
												<th>区域名</th>
												<th>访问量</th>
												<th>访问比率</th>
											</tr>
										</thead>
										<tbody>
											<tr>
												<td>
													<a class="user-name" href="">直接访问</a>
												</td>
												<td>144</td>
												<td>84.21%</td>
											</tr>
											<tr>
												<td>
													<a class="user-name" href="">直接访问</a>
												</td>
												<td>144</td>
												<td>84.21%</td>
											</tr>
											<tr>
												<td>
													<a class="user-name" href="">直接访问</a>
												</td>
												<td>144</td>
												<td>84.21%</td>
											</tr>
											<tr>
												<td>
													<a class="user-name" href="">直接访问</a>
												</td>
												<td>144</td>
												<td>84.21%</td>
											</tr>
											<tr>
												<td>
													<a class="user-name" href="">直接访问</a>
												</td>
												<td>144</td>
												<td>84.21%</td>
											</tr>
											<tr>
												<td>
													<a class="user-name" href="">直接访问</a>
												</td>
												<td>144</td>
												<td>84.21%</td>
											</tr>
											<tr>
												<td>
													<a class="user-name" href="">直接访问</a>
												</td>
												<td>144</td>
												<td>84.21%</td>
											</tr>
											<tr>
												<td>
													<a class="user-name" href="">直接访问</a>
												</td>
												<td>144</td>
												<td>84.21%</td>
											</tr>
											<tr>
												<td>
													<a class="user-name" href="">直接访问</a>
												</td>
												<td>144</td>
												<td>84.21%</td>
											</tr>
											<tr>
												<td>
													<a class="user-name" href="">直接访问</a>
												</td>
												<td>144</td>
												<td>84.21%</td>
											</tr>
										</tbody>
									</table>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			{% include 'component_footer.tpl' %}
		</div>
	</div>
</body>
</html>