<!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_compare.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_compare.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>
										<a class="am-btn am-btn-default am-btn-secondary" href=""><span class="am-icon-laptop"></span> 分别率</a>
										<a class="am-btn am-btn-default am-btn-danger" 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>
												按时<br>
												按日<br>
												按周<br>
												按月<br>
											</td>
										</tr>
										<tr>
											<td>时间：</td>
											<td>
												<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>
									</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">浏览量(PV)</td>
											<td colspan="3">浏览量(PV)</td>
										</tr>
										<tr class="center">
											<td>2019-09-26 11:00</td>
											<td>2019-09-27 11:00</td>
											<td>升降结果</td>
											<td>2019-09-26 11:00</td>
											<td>2019-09-27 11:00</td>
											<td>升降结果</td>
										</tr>
									</thead>
									<tbody class="td-center">
										<tr>
											<td>0-5</td>
											<td>1</td>
											<td>2</td>
											<td>↑1(100.00%)</td>
											<td>1</td>
											<td>2</td>
											<td>↑1(100.00%)</td>
										</tr>
										<tr>
											<td>0-5</td>
											<td>1</td>
											<td>2</td>
											<td>↑1(100.00%)</td>
											<td>1</td>
											<td>2</td>
											<td>↑1(100.00%)</td>
										</tr>
										<tr>
											<td>0-5</td>
											<td>1</td>
											<td>2</td>
											<td>↑1(100.00%)</td>
											<td>1</td>
											<td>2</td>
											<td>↑1(100.00%)</td>
										</tr>
										<tr>
											<td>0-5</td>
											<td>1</td>
											<td>2</td>
											<td>↑1(100.00%)</td>
											<td>1</td>
											<td>2</td>
											<td>↑1(100.00%)</td>
										</tr>
										<tr>
											<td>0-5</td>
											<td>1</td>
											<td>2</td>
											<td>↑1(100.00%)</td>
											<td>1</td>
											<td>2</td>
											<td>↑1(100.00%)</td>
										</tr>
									    <tr>
											<td>0-5</td>
											<td>1</td>
											<td>2</td>
											<td>↑1(100.00%)</td>
											<td>1</td>
											<td>2</td>
											<td>↑1(100.00%)</td>
										</tr>
										<tr>
											<td>0-5</td>
											<td>1</td>
											<td>2</td>
											<td>↑1(100.00%)</td>
											<td>1</td>
											<td>2</td>
											<td>↑1(100.00%)</td>
										</tr>
									</tbody>
								</table>
							</form>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
		{% include 'component_footer.tpl' %}
	</body>
</html>
