<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<link href="css/public.css" rel="stylesheet" type="text/css"/>
<link href="css/jianlisw.css" rel="stylesheet" type="text/css"/>
<title>大屏数据统计</title>
</head>
<body>
<!-- banner start -->
<div class="caption-title">
<i class="fl"><img src="images/title-left.png" ></i>
<span class="biaoti fl">大屏数据统计</span>
<i class="fr"><img src="images/title-right.png" ></i>
</div>
<!-- 内容正文 -->
<div class="zhenwen">
<div class="left_zs fl">
<!-- 项目概览 -->
<div class="data-box1 left_tb fl">
<i class="topL"></i>
<i class="topR"></i>
<i class="bottomL"></i>
<i class="bottomR"></i>
<div class="data-title">
<b class="data-title-left fl">[</b>
<span>项目概览</span>
<b class="data-title-right fr">]</b>
</div>
<!-- 项目概览-->
<div class="xmglan">
<ul class="xmgl_heard">
<li>当前</li>
<li class="hove">历史</li>
</ul>
<div id="xmgl_cen">
<div class="xmgl_tb">
<ul class="xm_cszs">
<li>在建项目(个):<span>100</span>个</li>
<li> 在建工地面积(平米):<span>100</span>万M</li>
<li>
<p>市政(%):<span>100</span><cite>%</cite></p>
<p>绿化(%):<span>100</span><cite>%</cite></p>
<p>房建(%)<span>100</span><cite>%</cite></p>
</li>
<li>
<p>交建(%)<span>100</span><cite>%</cite></p>
<p>其他(%)<span>100</span><cite>%</cite></p>
</li>
</ul>
</div>
<div class="xmgl_tb none">
<ul class="xm_cszs">
<li>在建项目(个):<span>140</span>个</li>
<li> 在建工地面积(平米):<span>120</span>万M</li>
<li>
<p>市政(%):<span>110</span><cite>%</cite></p>
<p>绿化(%):<span>140</span><cite>%</cite></p>
<p>房建(%)<span>180</span><cite>%</cite></p>
</li>
<li>
<p>交建(%)<span>10</span><cite>%</cite></p>
<p>其他(%)<span>140</span><cite>%</cite></p>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- 项目人员信息状态 -->
<div class="data-box1 left_tb fl mtop40">
<i class="topL"></i>
<i class="topR"></i>
<i class="bottomL"></i>
<i class="bottomR"></i>
<div class="data-title">
<b class="data-title-left fl">[</b>
<span>项目人员信息状态</span>
<b class="data-title-right fr">]</b>
</div>
<!-- 项目人员信息状态-->
<div class="xmglan">
<div id="lytj" class="lytj"></div>
<div class="wgrytj">
<span class="wgrytj_bt">务工人员工种统计</span>
<div class="wgrytj_tb">
<div id="gztj" style="height:163px"></div>
</div>
</div>
<div class="wgrytj">
<span class="wgrytj_bt">各公司现场人员统计</span>
<div class="wgrytj_tb">
<div id="xcrytj" style="height:163px"></div>
</div>
</div>
</div>
</div>
</div>
<!--仪表盘等展示-->
<div class="center_zs fl">
<div class="data-box1 box1-back">
<i class="topL"></i>
<i class="topR"></i>
<i class="bottomL"></i>
<i class="bottomR"></i>
<div class="data-title">
<b class="data-title-left">[</b>
<span>仪表盘等展示</span>
<b class="data-title-right">]</b>
</div>
</div>
</div>
<!--右侧图表展示 -->
<div class="right_zs fl">
<!-- 巡检风险状态 -->
<div class="data-box1 right_tb ">
<i class="topL"></i>
<i class="topR"></i>
<i class="bottomL"></i>
<i class="bottomR"></i>
<div class="data-title">
<b class="data-title-left">[</b>
<span>巡检风险状态</span>
<b class="data-title-right">]</b>
</div>
<!--巡检风险状态-->
<div class="ryclts">
<div id="xjfxzt" style="height:300px"></div>
</div>
</div>
<!-- 风险变化趋势 -->
<div class="data-box1 right_tb mtop40">
<i class="topL"></i>
<i class="topR"></i>
<i class="bottomL"></i>
<i class="bottomR"></i>
<div class="data-title">
<b class="data-title-left">[</b>
<span>风险变化趋势</span>
<b class="data-title-right">]</b>
</div>
<!--问题等级-->
<div class="ryclts">
<div class="clearfix"><div id="fxbhqs" style="height:300px"></div></div>
<div class="wgrytj">
<div class="wenti_dj">
<div id="wentidj" style="height:100px"></div>
</div>
<div class="wenti_bg">
<table width="200" border="1">
<tr>
<td>类别</td>
<td>发现总是</td>
<td>重大问题</td>
<td>一般问题</td>
</tr>
<tr>
<td>质量问题</td>
<td class="green">45</td>
<td class="orange">300</td>
<td class="green">40</td>
</tr>
<tr>
<td>安全问题</td>
<td class="green">36</td>
<td class="orange">100</td>
<td class="green">78</td>
</tr>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="h30 clearfix"></div>
</body>
<script src="js/jquery.min.js"></script>
<script src="js/echarts.min.js"></script>
<script src="js/monitor_sw.js"></script>
<script>
$(function(){
//分类选择
$(".xmgl_heard li").click(function(){
$(this).attr("class","");
$(this).siblings().attr("class","hove");
$("#xmgl_cen").find(".xmgl_tb").eq($(this).index()).removeClass("none").siblings().addClass("none")
});
})
</script>
</html>
没有合适的资源?快使用搜索试试~ 我知道了~
【前端素材】大数据模板-006工地风险.zip
共10个文件
js:4个
css:3个
png:2个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 181 浏览量
2024-03-26
22:03:37
上传
评论
收藏 275KB ZIP 举报
温馨提示
大数据分析展示页面是一种专门用于呈现、分析和解读大数据的可视化界面,它结合了数据可视化技术、交互设计、数据分析算法以及用户界面设计等多方面的技术。通过大数据分析展示页面,用户能够直观地理解数据的分布情况、趋势变化以及潜在价值,从而做出更明智的决策。 大数据分析展示页面通过丰富的图表类型(如柱状图、折线图、饼图、散点图、热力图等)将大数据转化为直观、易于理解的图形展示。这些图表能够清晰地展示数据的分布、趋势和关联关系,帮助用户快速识别数据中的关键信息和模式。用户可以通过不同的颜色、大小、形状等视觉元素,快速把握数据的整体情况,发现潜在的风险和机会。 大数据分析展示页面提供了丰富的交互功能,使用户能够更深入地探索和分析数据。用户可以通过点击、拖动、缩放等操作,对数据进行筛选、排序、对比等操作,以获取更详细的信息和洞察。同时,用户还可以调整图表的参数和设置,根据需求自定义展示方式和分析角度。这种交互性分析功能使得用户可以更加灵活地操作数据,发现更多有价值的信息。
资源推荐
资源详情
资源评论
收起资源包目录
【前端素材】大数据模板-006工地风险.zip (10个子文件)
006工地风险
js
echarts.min.js 701KB
monitor_sw.js 11KB
jquery.min.js 91KB
monitor.js 21KB
css
public.css 2KB
jianlixt.css 1KB
jianlisw.css 2KB
index.html 7KB
images
title-right.png 3KB
title-left.png 3KB
共 10 条
- 1
资源评论
枫蜜柚子茶
- 粉丝: 7402
- 资源: 5103
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功