<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>index</title>
<script type="text/javascript" src="js/jquery.js"></script>
<link rel="stylesheet" href="css/comon0.css">
</head>
<body>
<div class="loading">
<div class="loadbox"> <img src="images/loading.gif"> 页面加载中... </div>
</div>
<div class="head">
<h1>大数据可视化通用素材</h1>
</div>
<div class="mainbox">
<ul class="clearfix">
<li>
<div class="boxall" style="height:calc(33.3333% - .25rem)">
<div class="tit01">模块标题</div>
<div class="boxnav nav01" id="echart1"></div>
<div class="boxfoot"></div>
</div>
<div style="height:calc(33.3333% - .25rem); margin-bottom: .25rem;">
<div class="boxall" style="height: 100%; width:calc(50% - .08rem); float: left;">
<div class="tit01">模块标题</div>
<div class="boxnav nav01" id="echart2"></div>
<div class="boxfoot"></div>
</div>
<div class="boxall" style="height: 100%; width:calc(50% - .08rem); float: right;">
<div class="tit01">模块标题</div>
<div class="boxnav nav01" style="display: flex; align-items: center;">
<p class="p2"><span class="counter">19</span>/<span class="counter">25</span></p>
</div>
<div class="boxfoot"></div>
</div>
</div>
<div class="boxall" style="height:calc(33.3333% - .25rem)">
<div class="tit01">模块标题</div>
<div class="boxnav nav01" id="echart3"></div>
<div class="boxfoot"></div>
</div>
</li>
<li>
<div class="boxall" style="height:calc(33.33333% - .25rem)">
<div class="tit02">本月计划</div>
<div class="boxnav nav02">
<div>
<p class="p1">完成/计划</p>
<p class="p2"><span class="counter">15633</span>/<span class="counter">68000</span></p>
<p class="p3">
<span><i class="dot dot1"></i>未完成:52367</span>
<span><i class="dot dot2"></i>完成率:22.9%</span>
</p></div>
</div>
<div class="boxfoot"></div>
</div>
<div class="boxall" style="height:calc(66.666666% - .25rem)">
<div class="tit03">模块标题</div>
<div class="boxnav nav03">
<div class="listhead listhead1">
<span>字段1</span>
<span>字段名称</span>
<span>字段名称</span>
<span>字段名称</span>
<span>字段名称</span>
<span>字段名称</span>
</div>
<div class="listnav listnav1 scrollDiv">
<ul>
<li> <span>201910-01</span> <span>2658/2658</span> <span>2658/2658</span> <span>2658/2658</span> <span>2658/2658</span> <span class="text-green">100%</span></li>
<li><span>201910-02</span> <span>2334/2334</span> <span>2334/2334</span> <span>2334/2334</span> <span>2334/2334</span> <span class="text-green">100%</span></li>
<li> <span>201910-02</span> <span>2334/2334</span> <span>2334/2334</span> <span>2334/2334</span> <span>2334/2334</span> <span class="text-green">100%</span></li>
<li> <span>201910-02</span> <span>2334/2334</span> <span>2334/2334</span> <span>2334/2334</span> <span>2334/2334</span> <span class="text-green">100%</span></li>
<li> <span>201910-02</span> <span>2334/2334</span> <span>2334/2334</span> <span>2334/2334</span> <span>2334/2334</span> <span class="text-green">100%</span></li>
<li> <span>201910-02</span> <span>2334/2334</span> <span>2334/2334</span> <span>2334/2334</span> <span>2334/2334</span> <span class="text-green">100%</span></li>
<li> <span>201910-02</span> <span>2334/2334</span> <span>2334/2334</span> <span>2334/2334</span> <span>2334/2334</span> <span class="text-green">100%</span></li>
<li> <span>201910-02</span> <span>2334/2334</span> <span>2334/2334</span> <span>2334/2334</span> <span>2334/2334</span> <span class="text-green">100%</span></li>
<li> <span>201910-02</span> <span>2334/2334</span> <span>2334/2334</span> <span>2334/2334</span> <span>2334/2334</span> <span class="text-green">100%</span></li>
<li> <span>201910-02</span> <span>2334/2334</span> <span>2334/2334</span> <span>2334/2334</span> <span>2334/2334</span> <span>70%</span></li>
</ul>
</div>
</div>
<div class="boxfoot"></div>
</div>
</li>
<li>
<div class="boxall" style="height:calc(100% - .25rem); padding: 0;">
<div class="tit04">模块标题</div>
<div class="boxnav nav04">
<div class="listhead listhead2">
<span>字段名称</span>
<span>字段名称</span>
<span>字段名称</span>
</div>
<div class="listnav listnav2 scrollDiv">
<ul class="smjl">
<li>
<span>设备名称</span>
<span class="text-green">正常</span>
<span> <input type="hidden" name="countDown" value="2019/09/10 13:29:12"> <span></span></span>
</li>
<li>
<span>设备名称</span>
<span class="text-red">异常</span>
<span><span> <input type="hidden" name="countDown" value="2019/10/30 3:23:00"> <span></span></span></span>
</li>
<li>
<span>设备名称</span>
<span class="text-green">正常</span>
<span> <input type="hidden" name="countDown" value="2019/09/10 13:29:12"> <span></span></span>
</li>
<li>
<span>设备名称</span>
<span class="text-green">正常</span>
<span> <input type="hidden" name="countDown" value="2019/09/10 13:29:12"> <span></span></span>
</li>
<li>
<span>设备名称</span>
<span class="text-green">正常</span>
<span> <input type="hidden" name="countDown" value="2019/09/10 13:29:12"> <span></span></span>
</li>
<li>
<span>设备名称</span>
<span class="text-green">正常</span>
<span> <input type="hidden" name="countDown" value="2019/09/10 13:29:9"> <span></span></span>
</li>
<li>
<span>设备名称</span>
<span class="text-green">正常</span>
<span> <input type="hidden" name="countDown" value="2019/09/10 13:29:12"> <span></span></span>
</li>
<li>
<span>设备名称</span>
<span class="text-green">正常</span>
<span> <input type="hidden" name="countDown" value="2019/09/10 13:29:11"> <span></span></span>
</li>
<li>
<span>设备名称</span>
<span class="text-green">正常</span>
<span> <input type="hidden" name="countDown" value="2019/09/10 13:29:12"> <span></span></span>
</li>
<li>
<span>设备名称</span>
<span class="text-green">正常</span>
<span> <input type="hidden" name="countDown" value="2019/09/10 13:29:13"> <span></span></span>
</li>
<li>
<span>设备名称</span>
<span class="text-green">正常</span>
<span> <input type="hidden" name="countDown" value="2019/09/10 13:29:14"> <span></span></span>
</li>
<li>
<span>设备名称</span>
<span class="text-green">正常</span>
<span> <input type="hidden" name="countDown" value="2019/09/10 13:29:15"> <span></span></span>
</li>
<li>
<span>设备名称</span>
<span class="text-green">正常</span>
<span> <input type="hidden" name="countDown" value="2019/09/10 13:29:12"> <span></span></span>
</li>
<li>
<span>设备名称</span>
<span class="text-green">正常</span>
<span> <input type="hidden" name="countDown" value="2019/09/10 13:29:12"> <span></span></span>
</li>
<li>
<span>设备名称</span>
<span class="text-green">正常</span>
<span> <input type="hidden" name="countDown" value="2019/09/
没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论
收起资源包目录
数据监控可视化大屏.zip (16个子文件)
数据监控可视化大屏
js
jquery.countup.min.js 1KB
.DS_Store 6KB
jquery.waypoints.min.js 9KB
js.js 6KB
echarts.min.js 2.37MB
jquery.js 82KB
jquery.liMarquee.js 37KB
countDown.js 6KB
更多大数据素材.url 131B
css
.DS_Store 6KB
loading-1.gif 701B
comon0.css 6KB
index.html 10KB
images
.DS_Store 6KB
loading.gif 701B
head_bg.png 43KB
共 16 条
- 1
资源评论
大虾写代码
- 粉丝: 136
- 资源: 33
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功