<!DOCTYPE html>
|
<html class="no-js css-menubar" lang="zh-cn">
|
|
<head>
|
<title>上海市道路交通环境监测平台</title>
|
<meta charset="utf-8" />
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
<!-- 移动设备 viewport -->
|
<meta name="viewport"
|
content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no,minimal-ui" />
|
<meta name="author" content="上海市道路交通环境监测平台" />
|
<!-- 360浏览器默认使用Webkit内核 -->
|
<meta name="renderer" content="webkit" />
|
<!-- Chrome浏览器添加桌面快捷方式（安卓） -->
|
<link rel="icon" type="image/png" href="img/favicon/favicon.png" />
|
<meta name="mobile-web-app-capable" content="yes" />
|
<!-- Safari浏览器添加到主屏幕（IOS） -->
|
<link rel="icon" sizes="192x192" href="img/favicon/apple-touch-icon.png" />
|
<meta name="apple-mobile-web-app-capable" content="yes" />
|
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
|
<meta name="apple-mobile-web-app-title" content="MarsGIS" />
|
|
<script type="text/javascript" src="../js/changable_params.js"></script>
|
<script type="text/javascript" src="js/datapage.js"></script>
|
<!--第三方lib-->
|
<script type="text/javascript" src="../lib/include-lib.js?time=20210803" libpath="../lib/"
|
include="jquery"></script>
|
<link href="css/style.css" rel="stylesheet" />
|
|
</head>
|
|
<body>
|
<div class="page">
|
<div class="header">
|
<div class="title">数据总览</div>
|
</div>
|
|
<div class="main">
|
<div class="data">
|
<div class="data-top">
|
<p class="data-title" id="month_">2023年7月 数据总览</p>
|
<p class="data-number" id="per_odometer">1,700,820.34</p>
|
<p class="data-name">行驶总里程(公里)</p>
|
</div>
|
<div class="data-main">
|
<ul>
|
<li>
|
<p class="data-number" id="road_coverage">700,820 / 82%</p>
|
<p class="data-name">覆盖道路数/覆盖百分比</p>
|
</li>
|
<li>
|
<p class="data-number" id="section_coverage">820 / 25%</p>
|
<p class="data-name">路段数/覆盖百分比</p>
|
</li>
|
<li>
|
<p class="data-number" id="device_counts">120</p>
|
<p class="data-name">设备总数</p>
|
</li>
|
<li>
|
<p class="data-number" id="alarm_counts">2,820</p>
|
<p class="data-name">告警（网格数据）</p>
|
</li>
|
</ul>
|
</div>
|
</div>
|
</div>
|
|
<div class="footbar">
|
<ul>
|
<li>
|
<a href="cars.html"><img src="img/cars.png"><span>车辆显示</span></a>
|
</li>
|
<li>
|
<a href="road.html"><img src="img/monitor.png"><span>监控总览</span></a>
|
</li>
|
<li>
|
<a href="data.html" class="active"><img src="img/data_active.png"><span>数据总览</span></a>
|
</li>
|
</ul>
|
</div>
|
</div>
|
</body>
|
|
</html>
|
