<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="renderer" content="webkit">
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
<script type="text/javascript" src="js/rem.js"></script>
<link rel="stylesheet" href="css/style.css">
<title>天津市博安信通智慧社区内网数据比对信息系统</title>
</head>
<body style="visibility: hidden;">
<div class="container-flex" tabindex="0" hidefocus="true">
<div class="box-left">
<div class="left-top">
<div class="current-num">
<div>当前比对数据</div>
<p>3,456,789</p>
</div>
</div>
<div class="left-center">
<div class="title-box">
<h6>人员分析</h6>
</div>
<div class="chart-box pie-chart" style="">
<div id="pie_fanzui" style="width:100%;"></div>
</div>
</div>
<div class="left-bottom" class="select">
<div class="title-box">
<h6>人口出入记录</h6>
</div>
<div class="chart-box">
<table class="table3">
<thead>
<tr>
<th>姓名</th>
<th>角色</th>
<th>开门方式</th>
<th>时间</th>
</tr>
</thead>
<tbody id="tList">
<!--<tr><td colspan="4"><p style="width:9.6rem;">暂无数据</p></td></tr>-->
<tr>
<td>张梦</td>
<td>访客</td>
<td>人脸</td>
<td>2018-11-01 13:51:23</td>
</tr>
<tr>
<td>李阳荣</td>
<td>业主</td>
<td>APP</td>
<td>2018-11-01 13:51:23</td>
</tr>
<tr>
<td>张无双</td>
<td>访客</td>
<td>人脸</td>
<td>2018-11-01 13:51:23</td>
</tr>
<tr>
<td>李阳</td>
<td>业主</td>
<td>APP</td>
<td>2018-11-01 13:51:23</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="box-center">
<div class="center-top">
<h1>智慧社区内网比对平台</h1>
</div>
<div class="center-center">
<div class="weather-box">
<div class="data">
<p class="time" id="time">00:00:00</p>
<p id="date"></p>
</div>
<div class="weather">
<img id="weatherImg" src="images/weather/weather_img01.png" alt="">
<div id="weather">
<p class="active">多云</p>
<p>16-22℃</p>
<p>天津市和平区</p>
</div>
</div>
</div>
<img src="images/line_bg.png" alt="">
<div class="select-box" style="height: 0.3rem;">
<div data-type="2">
<div class="select" tabindex="0" hidefocus="true" >
<p style="color:#FFFF00;font-weight:bold;">NO.1北京：2543289人</p>
<p style="color:#7FFF00;font-weight:bold;">NO.1天津： 5690人</p>
<p style="color:#7FFFD4;font-weight:bold;">NO.1河北： 456人</p>
</div>
</div>
</div>
</div>
<div class="center-bottom">
<div class="chart-box">
<div id="china_map" style="width:100%;height:95%;"></div>
</div>
</div>
</div>
<div class="box-right">
<div class="right-top">
<div class="title-box">
<h6 id="barTitle">人员年龄分布</h6>
</div>
<p class="unit">单位：岁</p>
<div class="chart-box">
<div id="pie_age" style="width:100%;height:100%;"></div>
</div>
</div>
<div class="right-center">
<div class="title-box">
<h6>人员地区分布</h6>
</div>
<div class="chart-box pie-chart">
<div id="qufenbu_data"style="width:90%;height:120px;margin-left:10px;"></div>
</div>
</div>
<div class="right-bottom">
<div class="title-box">
<p id="switchBtn"><span class="active" data-dataType="income">人口出入时间段统计</span></p>
</div>
<div id="line_time" style="width:90%;height:160px;margin-left:10px;"></div>
</div>
</div>
</div>
</body>
<script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script type="text/javascript" src="js/layer/layer.min.js"></script>
<script type="text/javascript" src="js/layer/laydate/laydate.js"></script>
<script type="text/javascript" src="https://cdn.bootcss.com/echarts/4.4.0-rc.1/echarts.min.js"></script>
<script type="text/javascript" src="js/china.js"></script>
<script type="text/javascript" src="js/infographic.js"></script>
<script type="text/javascript" src="js/macarons.js"></script>
<script type="text/javascript" src="js/shine.js"></script>
<script type="text/javascript" src="js/base.js"></script>
<script type="text/javascript">
$('document').ready(function () {
$("body").css('visibility', 'visible');
var localData = [$('#teacher').val(), $('#start').val() + '/' + $('#end').val(), $('#leader').val()]
localStorage.setItem("data", localData);
})
</script>
</html>
智慧社区大屏模板.zip
77 浏览量
2024-06-07
22:02:35
上传
评论
收藏 285KB ZIP 举报
智慧社区大屏模板.zip （109个子文件） 
style.css 26KB layer.css 11KB layim.css 11KB laydate.css 6KB style.css 4KB laydate.css 3KB laydate.css 3KB layer.ext.css 3KB
loading-0.gif 6KB xubox_loading0.gif 6KB xubox_loading3.gif 2KB loading-2.gif 2KB xubox_loading2.gif 2KB xubox_loading1.gif 701B loading-1.gif 701B loading.gif 166B
index.html 7KB jquery-3.3.1.min.js 85KB guangdong.js 71KB china.js 59KB layim.js 23KB layer.min.js 15KB laydate.js 14KB base.js 12KB infographic.js 5KB macarons.js 5KB layer.ext.js 5KB shine.js 4KB rem.js 674B pop_base.js 1B friend.json 3KB group.json 2KB groups.json 1KB chatlog.json 647B
xubox_ico0.png 32KB icon.png 11KB icon_ext.png 7KB default.png 7KB icon-ext.png 6KB bg_img04.png 3KB popUP_bg.png 3KB border_bg01.png 2KB bg_img03.png 1KB 中雨转大雨.png 806B 小雨转中雨.png 788B 阵雪.png 785B 大雨转暴雨.png 775B 暴雨转大暴雨.png 775B weather_img01.png 765B 强沙尘暴.png 763B 小雪转中雪.png 740B 雷阵雨.png 726B 大雪转暴雪.png 723B 特大暴雨.png 721B 中雪转大雪.png 718B 大暴雨.png 713B 阵雨.png 709B 暴雨.png 708B line_img.png 703B 沙尘暴.png 698B 雷阵雨加冰雹.png 694B 大雨.png 682B 多云.png 680B 中雨.png 675B 雨加雪.png 666B 冻雨.png 662B 大暴雪.png 649B 暴雪.png 631B 中雪.png 629B 大雪.png 628B Сѩ.png 622B 小雨.png 620B 晴.png 619B 扬沙.png 600B 阴.png 548B box_title.png 544B 雾.png 474B 霾.png 473B title_bg01.png 464B 浮尘.png 447B title_border.png 415B teacher_icon.png 411B settings_icon.png 397B people_iocn.png 392B settings_icon_on.png 388B selsct_time.png 365B fangda.png 354B arrow.png 329B icon.png 328B select_icon_on.png 314B select_icon.png 314B close.png 312B icon.png 309B next.png 286B prev.png 280B close_icon.png 227B xubox_title0.png 221B textbg.png 210B data_icon.png 188B data_icon_on.png 188B共 109 条
- 1
- 2
资源评论
wwwarewow
- 粉丝: 4521
- 资源: 2487
最新资源
- 基于SSM开发的旅游信息管理系统程序.zip
- 医学图像分割数据：covid-19肺部感染区域分割【包含3个切面的切片数据、标签文件、可视化代码】
- 基于jsp+servlet实现的图书管理系统（源码+数据库 ）
- 大河网servlet+jsp+jdbc的java原生小项目，包含了servlet过滤器和监听器的简单应用
- 链表-基于Java的单链表基本操作之链表相交.zip
- 链表-基于Java的单链表基本操作之删除操作.zip
- 链表-基于Java的单链表基本操作之逆向输出.zip
- 链表-基于Java的单链表基本操作之链表排序.zip
- 链表-基于Java的单链表基本操作之回文链表判断.zip
- 链表-基于Java的单链表基本操作之查找操作.zip
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
