<!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>
<div class="msg_cage">
<a class="localize_msg">xxx视频网站</a>
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
一个基于Vue前端框架和第三方图表库echarts构建的可视化大数据平台,通过vue项目构建、指令的灵活运用、组件封装、组件之间通信,使内部图表组件库可实现自由替换和组合。项目中部分前端库采用外部CDN引入,可以减少打包文件体积,加快页面渲染。可视化数据大屏展示对前端性能要求高,建议使用谷歌浏览器查看或开发,屏幕尺寸为1920px宽和1080px高是最佳效果。这个项目里面主要使用了大量的eachers结合vue来开发大屏展示项目,很丰富,基本满足开发需求,都是都是假数据,通过axios请求数据更新data就可以实现前后端联调。遇到需要实时展示的推荐使用websocket进行真实配合,性能不清楚,主要是两个内容的大屏展示,多的可以自己组装开发。
资源推荐
资源详情
资源评论
收起资源包目录
基于Vue前端框架和第三方图表库echarts构建的可视化大数据平台 (1734个子文件)
.babelrc 219B
.browserslistrc 30B
index.css 499KB
app.d44fbdfc.css 218KB
bootstrap.css 144KB
bootstrap(1).css 143KB
bootstrap.css 143KB
bootstrap.css 141KB
bootstrap.css 134KB
bootstrap.min.css 120KB
bootstrap.min.css 118KB
bootstrap.min.css 115KB
bootstrap.min.css 115KB
bootstrap.min.css 97KB
ueditor.css 43KB
bootstrap-theme.css 26KB
table.css 25KB
style.css 24KB
style.css 24KB
table1.css 23KB
bootstrap-theme.min.css 23KB
style.css 21KB
common.css 20KB
swiper.min.css 19KB
swiper.min.css 19KB
base.css 18KB
style-100.css 17KB
Security_operation.css 17KB
style.css 14KB
chunk-42bb53c6.17986967.css 12KB
office_efficiency_index.css 11KB
layer.css 11KB
index.css 11KB
layer.css 11KB
layer.css 11KB
layim.css 11KB
layim.css 11KB
style.css 10KB
index.css 10KB
index.css 10KB
index.css 9KB
index.css 9KB
demo.css 8KB
BigData.css 8KB
laydate.css 8KB
green.css 8KB
black.css 8KB
blue.css 8KB
index.css 8KB
tail.css 7KB
comon0.css 7KB
visual.css 7KB
comon0.css 7KB
Datacages_Homeindex.css 7KB
bootstrap-table.css 7KB
bootstrap-table.css 7KB
bootstrap-table.css 7KB
default.css 7KB
opera.css 7KB
aero.css 7KB
idialog.css 7KB
chrome.css 6KB
map.css 6KB
zTreeStyle.css 6KB
zTreeStyle.css 6KB
zTreeStyle.css 6KB
twitter.css 6KB
laydate.css 6KB
laydate.css 6KB
simple.css 6KB
laydate.css 6KB
index.css 6KB
style.css 5KB
cssFile.css 5KB
index01.css 4KB
style.css 4KB
style.css 4KB
datepicker.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
index.css 3KB
laydate.css 3KB
layer.ext.css 3KB
layer.ext.css 3KB
codemirror.css 3KB
login.css 3KB
iconfont.css 3KB
index.css 2KB
public.css 2KB
index.css 2KB
共 1734 条
- 1
- 2
- 3
- 4
- 5
- 6
- 18
资源评论
- xuyunlong4802024-04-14资源使用价值高,内容详实,给了我很多新想法,感谢大佬分享~
Java程序员-张凯
- 粉丝: 1w+
- 资源: 6651
下载权益
C知道特权
VIP文章
课程特权
开通VIP
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功