<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>数据概览</title>
<link href="css/bootstrap.css" rel="stylesheet">
<link rel="stylesheet" href="css/common.css">
<link rel="stylesheet" href="css/data_text.css">
<link rel="stylesheet" href="css/foundation-datepicker.css">
<!--[if lt IE 9]>
<script src="js/html5shiv.min.js"></script>
<script src="js/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!--header开始-->
<div class="header">
<div class="header_logo fl">
<a href=""><img src="img/header_logo.png" alt="更多资源:"></a>
</div>
<div class="header_nav fl">
<ul>
<li>
<img src="img/nav_1.png" alt="更多资源:">
<a href="" class="nav_current">数据概览</a>
</li>
<li>
<img src="img/nav_2.png" alt="更多资源:">
<a href="">车辆监控</a>
</li>
<li>
<img src="img/nav_3.png" alt="更多资源:">
<a href="">政府监管</a>
</li>
<li>
<img src="img/nav_4.png" alt="更多资源:">
<a href="">参数设置</a>
</li>
<li>
<img src="img/nav_5.png" alt="更多资源:">
<a href="">车载视频</a>
</li>
<li>
<img src="img/nav_6.png" alt="更多资源:">
<a href="">视频监控</a>
</li>
<li>
<img src="img/nav_7.png" alt="更多资源:">
<a href="">查询统计</a>
</li>
<!--<li>-->
<!--<img src="img/nav_8.png" alt="更多资源:">-->
<!--<a href="">行业应用</a>-->
<!--</li>-->
<li>
<img src="img/nav_9.png" alt="更多资源:">
<a href="">系统设置</a>
<ul>
<li>
<a href="">平台管理</a>
<ul>
<li><a href="">平台管理1</a></li>
<li><a href="">平台管理2</a></li>
<li><a href="">平台管理3</a></li>
<li><a href="">平台管理3</a></li>
<li><a href="">平台管理3</a></li>
<li><a href="">平台管理3</a></li>
</ul>
</li>
<li>
<a href="">设备管理</a>
<ul>
<li><a href="">设备管理1</a></li>
<li><a href="">设备管理2</a></li>
<li><a href="">设备管理3</a></li>
<li><a href="">设备管理4</a></li>
<li><a href="">设备管理5</a></li>
<li><a href="">设备管理6</a></li>
</ul>
</li>
<li><a href="">系统设置</a></li>
</ul>
</li>
</ul>
</div>
<div class="header_myself fr">
<p>用户:管理员</p>
<a href="" data-toggle="modal" data-target=".bs-example-modal-sm">注销 <span class="caret"></span></a>
</div>
</div>
<!--header结束-->
<!--content开始-->
<div class="data_content">
<div class="data_time">
<img src="img/data_time.png" alt="更多资源:" class="fl">
<input type="text" value="" id="demo-1" style="background: #04425f;width: 80px;" placeholder="选择日期">
</div>
<div class="data_info">
<div class="info_1 fl">
<div class="text_1">
<div class="fl">
<img src="img/info_1.png" alt="更多资源:" class="fl">
<div class="fl">
<p>车辆总数(辆)</p>
<p>15802</p>
</div>
</div>
<div class="fl">
<img src="img/info_2.png" alt="更多资源:" class="fl">
<div class="fl">
<p>车辆使用数(辆)</p>
<p>15802</p>
</div>
</div>
<div class="fl">
<img src="img/info_3.png" alt="更多资源:" class="fl">
<div class="fl">
<p>车辆行驶数(辆)</p>
<p>15802</p>
</div>
</div>
</div>
</div>
<div class="info_2 fl">
<div class="text_2">
<div class="fl">
<img src="img/info_4.png" alt="更多资源:" class="fl">
<div class="fl">
<p>行驶里程总数(km)</p>
<p>15802</p>
</div>
</div>
<div class="fl">
<img src="img/info_5.png" alt="更多资源:" class="fl">
<div class="fl">
<p>行驶里程平均数(km)</p>
<p>15802</p>
</div>
</div>
</div>
</div>
<div class="info_3 fr">
<div class="text_3">
<div class="fl">
<img src="img/info_6.png" alt="更多资源:" class="fl">
<div class="fl">
<p>行驶时长总数(h)</p>
<p>15802</p>
</div>
</div>
<div class="fl">
<img src="img/info_7.png" alt="更多资源:" class="fl">
<div class="fl">
<p>行驶时长平均数(h)</p>
<p>15802</p>
</div>
</div>
</div>
</div>
</div>
<div class="data_main">
<div class="main_left fl">
<div class="left_1">
<div class="main_title">
<img src="img/title_1.png" alt="更多资源:">
车辆类型统计
</div>
<div id="chart_1" class="chart" style="width:100%;height: 280px;"></div>
</div>
<div class="left_2">
<div class="main_title">
<img src="img/title_2.png" alt="更多资源:">
车辆状态统计
</div>
<div id="chart_2" class="chart" style="width:100%;height: 280px;"></div>
</div>
</div>
<div class="main_center fl">
<div class="center_text">
<div class="main_title">
<img src="img/title_3.png" alt="更多资源:">
车辆分布地图
</div>
<div id="chart_map" style="width:100%;height:610px;"></div>
</div>
</div>
<div class="main_right fr">
<div class="right_1">
<div class="main_title">
<img src="img/title_4.png" alt="更多资源:">
车辆行驶数量
</div>
<div class="choice">
<label for="">类型:</label>
<select name="" id="">
<option value="">客车</option>
<option value=