<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>贵州高投高速大数据</title>
<link rel="stylesheet" href="./node_modules/bootstrap/dist/css/bootstrap.css">
<link rel="stylesheet" href="./node_modules/font-awesome/css/font-awesome.css">
<link rel="stylesheet" href="./css/app.css">
<script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=q3OZttc8qOGDG9anCTYRIOmXpHrnT96u"></script>
<script src="./node_modules/jquery/dist/jquery.js"></script>
<script src="./node_modules/echarts/dist/echarts.js"></script>
<script src="./node_modules/echarts/dist/extension/bmap.js"></script>
<script src="./node_modules/popper.js/dist/popper.js"></script>
<script src="./node_modules/bootstrap/dist/js/bootstrap.js"></script>
</head>
<body>
<div class="container-fluid">
<div class="header">
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12">
<div class="header-title">
<h5 class="header-title-h4">
<span class="header-title-box1"></span>
<span class="header-title-box2"></span>
<span>贵州高投高速大数据</span>
</h5>
</div>
</div>
</div>
</div>
<div class="main">
<div class="row">
<div class="col-lg-3 col-md-3 col-sm-3 main-left " >
<div class="left-people">
<h6>2018-05-24 09:33:35 今日车辆流动数量</h6>
<div class="left-people-amount">
<h3>
<span>0</span>
<span>0</span>
<span>0</span>
<span>0</span>
<span>7</span>
<span>8</span>
<small style="font-size: 14px">辆</small>
</h3>
</div>
<div class="left-people-number">
<span style="margin-right: 10px">前日时间同比</span>
<i class="fa fa-long-arrow-up"></i>
<span class="text-warning">3.2%</span>
</div>
</div>
<div class="left-accumulation" id="accumulation_echart"></div>
</div>
<div class="col-lg-6 col-md-6 col-sm-6 main-center">
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12">
<div class="center-top">
<div id="center_map"></div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-6">
<div class="center-bottom-left">
<div class="right-center">
<table class="table" style="border: none">
<thead >
<tr style="border: none">
<th>产生时间</th>
<th>事件类型</th>
<th>负责人</th>
</tr>
</thead>
</table>
<div class="center-bottom-left-table">
<div class="center-bottom-left-box">
<table class="table">
<tbody>
<tr>
<td style="color: deepskyblue">07：33：45</td>
<td class="text-danger">化粪池堵塞</td>
<td style="color: #FFFF26">黄磊</td>
</tr>
<tr>
<td style="color: deepskyblue">08：45：12</td>
<td class="text-danger">广场卫生清理</td>
<td style="color: #FFFF26">李秀</td>
</tr>
<tr>
<td style="color: deepskyblue">09：45：12</td>
<td class="text-danger">办公室监控失效</td>
<td style="color: #FFFF26">王峰</td>
</tr>
<tr>
<td style="color: deepskyblue">10：47：58</td>
<td class="text-danger">厨房漏水</td>
<td style="color: #FFFF26">李宁</td>
</tr>
</tbody>
</table>
</div>
<div class="center-bottom-left-scroll">
<div class="center-bottom-left-scroll-bar"></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-6">
<div class="center-bottom-right" id="religion_echart"></div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3 main-right">
<div class="right-top" id="histogram_echarts" style="color: white">
<h6 class="text-center" style="margin-top: 2vh">高速服务区天气监控</h6>
<iframe width="100%" scrolling="no"
height="100%" frameborder="0" allowtransparency="true"
src="http://i.tianqi.com/index.php?c=code&id=2&color=%23FFFFFF&icon=4&num=2&site=12">
</iframe>
</div>
<div class="right-center">
<p style="margin-left: 5px">液态交易数据监控</p>
<table class="table" style="border: none">
<thead >
<tr style="border: none">
<th>交易时间</th>
<th>交易金额</th>
<th>交易地点</th>
</tr>
</thead>
</table>
<div class="right-center-table">
<div class="content-box">
<table class="table">
<tbody>
<tr>
<td style="color: deepskyblue">07：33：45</td>
<td style="color: mediumvioletred">1128.5元</td>
<td style="color: #FFFF26">服务区1号店</td>
</tr>
<tr>
<td style="color: deepskyblue">08：45：12</td>
<td style="color: mediumvioletred">118.5元</td>
<td style="
高投大数据监视,，基于jq+bootstrap_echarts.zip
需积分: 1 198 浏览量
2024-02-18
10:43:24
上传
评论
收藏 2.28MB ZIP 举报
高投大数据监视,，基于jq+bootstrap_echarts.zip （27个子文件） 
资料总结 js 
MyChart.js 19KB scroll1.js 3KB scroll.js 3KB appMap.js 18KB app.js 0B centerMap.js 2KB data data-1469162638978-rJDcVXku.json 1.48MB data-1469626907389-rkXXqNUd.json 588KB data-1524056463493-H1PcbpN2z.json 383KB life-expectancy-table.json 104KB test1.json 117B data-1524055280228-SkugT242f.json 2.62MB data-1461574801505-SJtcnUog.json 755KB package.json 442B css app.css 4KB package-lock.json 1KB
index.html 10KB .gitignore 544B images 
mmexport1519556208207.jpg 783KB mmexport1519279041740.jpg 153KB
查看.png 29KB local.png 33KB 增长.png 21KB 主页.png 30KB 人.png 40KB 退出.png 23KB tsconfig.json 375B资源评论
