<!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>
没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论
收起资源包目录
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
共 22 条
- 1
资源评论
- weixin_399013822021-06-24用户下载后在一定时间内未进行评价,系统默认好评。
- sakeila992021-12-30用户下载后在一定时间内未进行评价,系统默认好评。
isSamle
- 粉丝: 4457
- 资源: 30
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功