<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="css/index.css">
<title>设备环境监测平台大数据</title>
<script src="js/jquery-2.2.1.min.js"></script>
<script src="js/rem.js"></script>
<script src="js/echarts.min.js"></script>
<script src="js/guangxi.js"></script>
<script src="js/index.js"></script>
</head>
<body>
<div class="t_container">
<header class="t_header">
<span>设备环境监测平台</span>
</header>
<main class="t_main">
<div class="t_left_box">
<img class="t_l_line" src="img/left_line.png" alt="">
<div class="t_mbox t_rbox">
<i></i>
<span>本月订单数</span>
<h2>18000</h2>
</div>
<div class="t_mbox t_gbox">
<i></i>
<span>本月新增会员</span>
<h2>1000</h2>
</div>
<div class="t_mbox t_ybox">
<i></i>
<span>一次消费会员</span>
<h2>600</h2>
</div>
<img class="t_r_line" src="img/right_line.png" alt="">
</div>
<div class="t_center_box">
<div class="t_top_box">
<img class="t_l_line" src="img/left_line.png" alt="">
<ul class="t_nav">
<li>
<span>设备数</span>
<h1>500</h1>
<i></i>
</li>
<li>
<span>上月设备增加数</span>
<h1>30</h1>
<i></i>
</li>
<li>
<span>增值率</span>
<h1>75%</h1>
</li>
</ul>
<img class="t_r_line" src="img/right_line.png" alt="">
</div>
<div class="t_bottom_box">
<img class="t_l_line" src="img/left_line.png" alt="">
<div id="chart_3" class="echart" style="width: 100%; height: 3.6rem;"></div>
<img class="t_r_line" src="img/right_line.png" alt="">
</div>
</div>
<div class="t_right_box">
<img class="t_l_line" src="img/left_line.png" alt="">
<div id="chart_4" class="echart" style="width: 50%; height: 4.6rem; position: absolute;"></div>
<header class="t_b_h">
<span>开关次数</span>
<img src="img/end.png"></img>
<h3>15<span>次</span></h3>
</header>
<main class="t_b_m">
<img src="img/map.png" alt="">
<div class="t_b_box">
<span>溫度</span>
<i></i>
<h2>23℃</h2>
</div>
<div class="t_b_box1">
<span>湿度</span>
<i></i>
<h2>56RH</h2>
</div>
<div class="t_b_box2">
<span>信号</span>
<i></i>
<h2>-90dBm</h2>
</div>
<div class="t_b_box3">
<span>光线</span>
<i></i>
<h2>250LX</h2>
</div>
</main>
<img class="t_r_line" src="img/right_line.png" alt="">
</div>
<div class="b_left_box">
<img class="t_l_line" src="img/left_line.png" alt="">
<div id="chart_2" class="echart" style="width: 100%; height: 3.6rem;"></div>
<img class="t_r_line" src="img/right_line.png" alt="">
</div>
<div class="b_center_box">
<img class="t_l_line" src="img/left_line.png" alt="">
<div id="chart_1" class="echart" style="width: 100%; height: 3.6rem;"></div>
<img class="t_r_line" src="img/right_line.png" alt="">
</div>
<div class="b_right_box">
<img class="t_l_line" src="img/left_line.png" alt="">
<h1 class="t_title">设备维保数据查看</h1>
<table class="t_table">
<thead>
<tr>
<th>维护时间</th>
<th>维保人</th>
<th>维保电话</th>
<th>更换水量</th>
</tr>
</thead>
<tbody>
<tr>
<td>2018-02-06</td>
<td>张伟</td>
<td>13111345462</td>
<td>1000ml</td>
</tr>
<tr>
<td>2018-02-06</td>
<td>张伟</td>
<td>13111345462</td>
<td>1000ml</td>
</tr>
<tr>
<td>2018-02-06</td>
<td>张伟</td>
<td>13111345462</td>
<td>1000ml</td>
</tr>
<tr>
<td>2018-02-06</td>
<td>张伟</td>
<td>13111345462</td>
<td>1000ml</td>
</tr>
<tr>
<td>2018-02-06</td>
<td>张伟</td>
<td>13111345462</td>
<td>1000ml</td>
</tr>
</tbody>
</table>
<img class="t_r_line" src="img/right_line.png" alt="">
</div>
</main>
</div>
</body>
</html>
数据大屏可视化模板（设备环境监测平台）
版权申诉
5星 · 超过95%的资源 94 浏览量
2020-12-18
08:15:50
上传
评论 3
收藏 529KB ZIP 举报 
016.zip （22个子文件） 
016 css 
index.css 6KB img 
indent.png 2KB vip.png 2KB sper.png 1KB map.png 21KB end.png 2KB consumption.png 2KB t.png 1KB true.png 175KB g.png 1KB linx.png 23KB left_line.png 1KB j.png 1KB s.png 1KB right_line.png 1KB
index.html 7KB js rem.js 773B index.js 23KB guangxi.js 46KB jquery-2.2.1.min.js 84KB echarts.min.js 691KB .DS_Store 6KB资源评论
weixin_399013822021-06-24用户下载后在一定时间内未进行评价，系统默认好评。- sakeila992021-12-30用户下载后在一定时间内未进行评价，系统默认好评。
