189 lines
7.3 KiB
HTML
189 lines
7.3 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>WebTools-Web开发者素材</title>
|
||
<meta name="keywords" content="vue,react,组件，插件,模板，echarts,数据可视化,微前端,后台管理系统,免费下载">
|
||
<meta name="description" content="提供vue/react/组件,插件,echarts数据可视化、后台管理系统模板免费下载,微前端解决方案">
|
||
<link rel="icon" href="../../img/logo.png">
|
||
<link rel="stylesheet" href="../../js/layui/css/layui.css">
|
||
<link rel="stylesheet" href="./public/css/main.css">
|
||
<style>
|
||
.main .left {
|
||
width: 360px;
|
||
padding: 0 16px 0 0;
|
||
}
|
||
|
||
.main .right {
|
||
width: 400px;
|
||
padding: 0 0 0 16px;
|
||
}
|
||
</style>
|
||
</head>
|
||
|
||
<body class="dataVision">
|
||
<div class="head">
|
||
<li class="bg"></li>
|
||
<ul class="mainName">
|
||
<li class="symbol"><img src="./public/img/logo.png" alt=""></li>
|
||
<li class="text">某生产建设兵团交通运输局</li>
|
||
</ul>
|
||
<li class="secondName">交通运输行业大数据中心</li>
|
||
<li class="date">1970-01-01 星期一 00：00：00</li>
|
||
</div>
|
||
<div class="main">
|
||
<div class="left">
|
||
<div class="block block9">
|
||
<li class="title">报警统计</li>
|
||
<div class="tableContainer">
|
||
<table class="layui-table">
|
||
<tr>
|
||
<td></td>
|
||
<td class="title">报警次数</td>
|
||
<td class="title">报警车辆</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="title">今日报警</td>
|
||
<td>999</td>
|
||
<td>999</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="title">疲劳报警</td>
|
||
<td>999</td>
|
||
<td>999</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="title">超速报警</td>
|
||
<td>999</td>
|
||
<td>999</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="title">违规经营报警</td>
|
||
<td>999</td>
|
||
<td>999</td>
|
||
</tr>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
<div class="block block10">
|
||
<li class="title">车辆类型统计</li>
|
||
<div class="numList">
|
||
<div class="item">
|
||
<ul>
|
||
<li class="value _f53f8c">999</li>
|
||
<li class="name">客运企业</li>
|
||
</ul>
|
||
<ul>
|
||
<li class="value _f53f8c">999</li>
|
||
<li class="name">危货企业</li>
|
||
</ul>
|
||
</div>
|
||
<div class="item">
|
||
<ul>
|
||
<li class="value _ffae00">999</li>
|
||
<li class="name">客运车辆</li>
|
||
</ul>
|
||
<ul>
|
||
<li class="value _ffae00">999</li>
|
||
<li class="name">危货车辆</li>
|
||
</ul>
|
||
</div>
|
||
<div class="item">
|
||
<ul>
|
||
<li class="value _00af6d">999</li>
|
||
<li class="name">城市公交</li>
|
||
</ul>
|
||
<ul>
|
||
<li class="value _00af6d">999</li>
|
||
<li class="name">出租车辆</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="block block11">
|
||
<li class="title">排名情况</li>
|
||
<div class="tableContainer">
|
||
<table class="layui-table">
|
||
<tr class="title">
|
||
<td>排名</td>
|
||
<td>运营商名称</td>
|
||
<td>综合得分</td>
|
||
</tr>
|
||
<tr>
|
||
<td>1</td>
|
||
<td>兵通科技</td>
|
||
<td class="score">99</td>
|
||
</tr>
|
||
<tr>
|
||
<td>2</td>
|
||
<td>兵通科技</td>
|
||
<td class="score">99</td>
|
||
</tr>
|
||
<tr>
|
||
<td>3</td>
|
||
<td>兵通科技</td>
|
||
<td class="score">99</td>
|
||
</tr>
|
||
<tr>
|
||
<td>4</td>
|
||
<td>兵通科技</td>
|
||
<td class="score">99</td>
|
||
</tr>
|
||
<tr>
|
||
<td>5</td>
|
||
<td>兵通科技</td>
|
||
<td class="score">99</td>
|
||
</tr>
|
||
<tr>
|
||
<td>6</td>
|
||
<td>兵通科技</td>
|
||
<td class="score">99</td>
|
||
</tr>
|
||
<tr>
|
||
<td>7</td>
|
||
<td>兵通科技</td>
|
||
<td class="score">99</td>
|
||
</tr>
|
||
<tr>
|
||
<td>8</td>
|
||
<td>兵通科技</td>
|
||
<td class="score">99</td>
|
||
</tr>
|
||
<tr>
|
||
<td>9</td>
|
||
<td>兵通科技</td>
|
||
<td class="score">99</td>
|
||
</tr>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="right">
|
||
<div class="block block12">
|
||
<li class="title">兵团车辆汇总</li>
|
||
<div class="echarts" id="test12"></div>
|
||
</div>
|
||
<div class="block block13">
|
||
<li class="title">各运营商平台车辆总数</li>
|
||
<div class="echarts" id="test13"></div>
|
||
</div>
|
||
</div>
|
||
<div class="center">
|
||
<div class="map" id="test14"></div>
|
||
<div class="block block15">
|
||
<li class="title">各运营商平台"两客一危"车辆统计</li>
|
||
<div class="echarts" id="test15"></div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
<script src="../../js/jquery.min.js"></script>
|
||
<script src="../../js/layui/layui.js"></script>
|
||
<script src="../../js/echarts/echarts.min.js"></script>
|
||
<script src="./public/js/main.js"></script>
|
||
<script src="./public/js/iconfont.js"></script>
|
||
</body>
|
||
|
||
</html> |