<!DOCTYPE html>
<html lang="en">
<head>
<link href="css/BigData.css" rel="stylesheet" type="text/css" />
<link href="css/index.css" rel="stylesheet" type="text/css" />
<link href="css/index01.css" rel="stylesheet" type="text/css" />
<script src="js/jquery.js"></script>
<link href="js/bstable/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="js/bstable/css/bootstrap-table.css" rel="stylesheet" type="text/css" />
<link href="css/Security_operation.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="js/artDialog/skins/default.css" type="text/css"/>
<script src="js/laydate.js"></script>
<script src="js/Home_page.js"></script>
<meta charset="UTF-8">
<title>大数据管理平台</title>
</head>
<body >
<div class="data_bodey">
<div class="index_nav" >
<ul style="height: 30px; margin-bottom: 0px;">
<li class="l_left total_chose_fr nav_active">实时监测</li>
<li class="l_left total_chose_pl" >统计分析一</li>
<li class="l_left total_chose_pl">统计分析二</li>
<li class="r_right total_chose_pl">统计分析三</li>
<li class="r_right total_chose_pl">统计分析四</li>
<li class="r_right total_chose_pl">统计分析五</li>
</ul>
<div class="total_chose_box" style="display: none;">
<div style="height: 32px;"></div>
<span class="chose_tltle">请选择年份:</span>
<select class="year_chose">
<option>2017</option>
<option>2016</option>
<option>2015</option>
<option>2014</option>
<option>2013</option>
<option>2012</option>
</select>
<span class="chose_tltle">请输入月份:</span>
<input class="chose_text_in">
<span class="chose_tltle">请选择区域:</span>
<select class="year_chose">
<option> 北京市</option>
<option>自贡市</option>
<option>攀枝花市</option>
<option>泸州市</option>
<option>德阳市</option>
<option>绵阳市</option>
<option>广元市</option>
<option>遂宁市</option>
<option>内江市</option>
<option>乐山市</option>
<option>南充市</option>
<option>宜宾市</option>
<option>广安市</option>
<option>达州市</option>
<option>巴中市</option>
<option>雅安市</option>
<option>眉山市</option>
<option>资阳市</option>
<option>阿坝州</option>
<option>甘孜州</option>
<option>凉山州</option>
</select>
<button class="chose_enter">确定</button>
</div>
<div class="clear"></div>
</div>
<div class="index_tabs" >
<!--安防运作-->
<div class="inner" style="height: 109%;">
<div class="left_cage">
<div class="dataAllBorder01 cage_cl" style="margin-top: 9% !important; height: 24%;">
<video autoplay="autoplay" loop="loop" class="dataAllBorder02 video_cage">
<source class="video" title="主监控位" src="video/test_mv02.mov"/>
</video>
</div>
<div class="dataAllBorder01 cage_cl" style="margin-top: 1.5% !important; height: 38%;">
<div class="dataAllBorder02 video_cage">
<img class="video_around video_around_chose" src="video/video.jpg">
<img class="video_around" src="video/video.jpg">
<img class="video_around" src="video/video.jpg">
<img class="video_around" src="video/video.jpg">
<!--<video autoplay="autoplay" loop="loop" class="video_around video_around_chose" title="循环监控01" style="margin-right: 1%; margin-bottom: 1%">-->
<!--<source class="video" title="主监控位" src="video/video.jpg"/>-->
<!--</video>-->
<!--<video autoplay="autoplay" loop="loop" class="video_around" title="循环监控02" style="margin-bottom: 1%">-->
<!--<source class="video" title="主监控位" src="video/test_mv03.mov"/>-->
<!--</video>-->
<!--<video autoplay="autoplay" loop="loop" class="video_around" title="循环监控03" style="margin-right: 1%">-->
<!--<source class="video" title="主监控位" src="video/test_mv03.mov"/>-->
<!--</video>-->
<!--<video autoplay="autoplay" loop="loop" class="video_around" title="循环监控04">-->
<!--<source class="video" title="主监控位" src="video/test_mv05.mov"/>-->
<!--</video>-->
</div>
</div>
<div class="dataAllBorder01 cage_cl" style="margin-top: 1.5% !important; height: 32%; position: relative;">
<div class="dataAllBorder02" style="padding: 1.2%; overflow: hidden">
<div class="message_scroll_box">
<div class="message_scroll">
<div class="scroll_top">
<span class="scroll_title">数据流量警示</span>
<span class="scroll_level scroll_level01">一级</span>
<a class="localize"></a>
<span class="scroll_timer">17-09-13/9:52</span>
</div>
<div class="msg_cage">
<a class="localize_title">下载大量视频</a>
</div>
<div class="msg_cage">
<a class="localize_msg">xxx视频网站</a>
</div>
</div>
<div class="message_scroll">
<div class="scroll_top">
<span class="scroll_title">数据流量警示</span>
<span class="scroll_level scroll_level03">三级</span>
<a class="localize"></a>
<span class="scroll_timer">17-09-13/9:52</span>
</div>
<div class="msg_cage">
<a class="localize_title">下载大量视频</a>
</div>
<div class="msg_cage">
<a class="localize_msg">xxx视频网站</a>
</div>
</div>
<div class="message_scroll">
<div class="scroll_top">
<span class="scroll_title">数据流量警示</span>
<span class="scroll_level scroll_level02">二级</span>
<a class="localize"></a>
<span class="scroll_timer">17-09-13/9:52</span>
</div>
<div class="msg_cage">
<a class="localize_title">下载大量视频</a>
</div>
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
数据大屏可视化主要就是借助图形,利用生动、直观的形式展示出数据信息的具体数值,使得使用者短时间内更加直观的接受到大量信息。大屏可视化还可以把繁琐的数据简单化,重要的信息突出化,快速捕捉到重点信息并作出分析,快速整合信息更好的找到企业的发展点。
资源详情
资源评论
资源推荐
收起资源包目录
数据大屏、数据看板,vue、echarts集合目前主流的可视化引擎进行渲染。 (1377个子文件)
bootstrap.css 151KB
bootstrap(1).css 143KB
bootstrap.css 143KB
bootstrap.css 143KB
bootstrap.min.css 120KB
bootstrap.min.css 118KB
bootstrap.min.css 116KB
AdminLTE.css 103KB
bootstrap.min.css 98KB
bootstrap.min.css 97KB
easyui.css 71KB
animate.css 56KB
style.css 45KB
_all-skins.min.css 41KB
animate.min.css 41KB
form.css 41KB
jquery-ui.css 34KB
file-manager.css 31KB
jquery-ui.css 28KB
custom-ico-fonts.css 27KB
style.css 26KB
style.css 26KB
table.css 26KB
bootstrap-theme.css 26KB
mobile.css 24KB
table1.css 24KB
bootstrap-theme.min.css 23KB
style.css 22KB
common.css 21KB
media-player.css 20KB
style-100.css 18KB
font-awesome.min.css 17KB
Security_operation.css 17KB
bootstrap-datepicker.css 17KB
bootstrap-datepicker.min.css 15KB
jquery.hotspot.css 15KB
layer.css 11KB
layer.css 11KB
layim.css 11KB
layim.css 11KB
style.css 11KB
index.css 10KB
index.css 10KB
index.css 10KB
jquery.datetimepicker.css 10KB
icons.css 9KB
BigData.css 9KB
laydate.css 8KB
green.css 8KB
black.css 8KB
blue.css 8KB
comon0.css 7KB
bootstrap-table.css 7KB
bootstrap-table.css 7KB
default.css 7KB
opera.css 7KB
aero.css 7KB
idialog.css 7KB
calendar.css 7KB
chrome.css 6KB
map.css 6KB
zTreeStyle.css 6KB
index.css 6KB
twitter.css 6KB
laydate.css 6KB
laydate.css 6KB
simple.css 6KB
laydate.css 6KB
bootstrap-select.min.css 6KB
style.css 6KB
cssFile.css 5KB
index01.css 5KB
style.css 4KB
main_design1.css 4KB
style.css 4KB
style.css 4KB
datepicker.css 4KB
lightbox.css 4KB
room.css 4KB
map.css 4KB
laydate.css 3KB
laydate.css 3KB
laydate.css 3KB
laydate.css 3KB
laydate.css 3KB
laydate.css 3KB
laydate.css 3KB
laydate.css 3KB
laydate.css 3KB
laydate.css 3KB
base.css 3KB
base.css 3KB
laydate.css 3KB
layer.ext.css 3KB
layer.ext.css 3KB
generics.css 3KB
index.css 3KB
energy_consumption.css 3KB
default.css 2KB
public.css 2KB
共 1377 条
- 1
- 2
- 3
- 4
- 5
- 6
- 14
lichao871122
- 粉丝: 0
- 资源: 1
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功
评论5