【前端素材】大数据模板-016机房环境.zip_web数据分析页面资源-CSDN文库

共21个文件

png：14个

js：5个

html：1个

版权申诉

HTML

138 浏览量 2024-03-26 22:03:42 上传评论收藏 520KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

【前端素材】大数据模板-016机房环境.zip （21个子文件）

016机房环境

jquery-2.2.1.min.js 84KB

rem.js 786B

echarts.min.js 691KB

guangxi.js 46KB

index.js 24KB

img

sper.png 1KB

consumption.png 2KB

end.png 2KB

vip.png 2KB

s.png 1KB

true.png 175KB

linx.png 23KB

left_line.png 1KB

g.png 1KB

right_line.png 1KB

indent.png 2KB

t.png 1KB

j.png 1KB

map.png 21KB

css

index.css 6KB

index.html 7KB

<!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>

评论收藏

内容反馈

版权申诉