以上就是本篇文章【12个大屏可视化系统源码】的全部内容了，欢迎阅览 ！ 文章地址：http://www78564.xrbh.cn/quote/28518.html
动态
相关文章
文章
同类文章
热门文章
栏目首页
网站地图
返回首页 迅博思语移动站 http://www78564.xrbh.cn/mobile/ , 查看更多
12个大屏可视化系统源码
2025-01-01 07:20
<!DOCTYPE html>
<html lang="en">
<head>
<link href=https://download.csdn.net/download/cui137610/"css/BigData.css" rel="stylesheet" type="text/css" />
<link href=https://download.csdn.net/download/cui137610/"css/index.css" rel="stylesheet" type="text/css" />
<link href=https://download.csdn.net/download/cui137610/"css/index01.css" rel="stylesheet" type="text/css" />
<script src=https://download.csdn.net/download/cui137610/"js/jquery-1.10.2.js"></script>
<link href=https://download.csdn.net/download/cui137610/"js/bstable/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href=https://download.csdn.net/download/cui137610/"js/bstable/css/bootstrap-table.css" rel="stylesheet" type="text/css" />
<link href=https://download.csdn.net/download/cui137610/"css/Security_operation.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href=https://download.csdn.net/download/cui137610/"js/artDialog/skins/default.css" type="text/css" />
<script src=https://download.csdn.net/download/cui137610/"js/laydate.js"></script>
<script src=https://download.csdn.net/download/cui137610/"js/Home_page.js"></script>
<meta charset="UTF-8">
<title>河长制监督系统</title>
<style>
.aui_title {
background-color: #407fff !important;
height: 32px;
line-height: 32px;
font-weight: 700;
font-size: 14px
}
</style>
</head>
<body>
<div class="data_bodey">
<div class="index_nav">
<ul style="height: 30px; margin-bottom: 0px;">
<li class="l_left total_chose_fr" onclick="analysis()">实时监测</li>
<li class="l_left total_chose_pl" onclick="department()">生产分析</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="!important; height: 24%;">
<img src=https://download.csdn.net/download/cui137610/"video/1.jpg" class="dataAllBorder02 video_cage">
</div>
<div class="dataAllBorder01 cage_cl" style="margin-top: 1.5% !important; height: 38%;">
<div class="dataAllBorder02 video_cage">
<img src=https://download.csdn.net/download/cui137610/"video/radi01.jpg" class="video_around video_around_chose">
<img src=https://download.csdn.net/download/cui137610/"video/radi02.jpg" class="video_around video_around_chose">
<img src=https://download.csdn.net/download/cui137610/"video/radi03.jpg" class="video_around video_around_chose">
<img src=https://download.csdn.net/download/cui137610/"video/radi04.jpg" class="video_around video_around_chose">
</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"><span><label>编号</label>：GH32101</span><span class="right"><label>监测值</label>：1.1(mg/Ls)</span></a>
</div>
<div class="msg_cage">
<a class="localize_msg">xx阳市沱江一段21号排污口处</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"><span><label>编号</label>：GH32101</span><span class="right"><label>监测值</label>：1.1(mg/Ls)</span></a>
</div>
<div class="msg_cage">
<a class="localize_msg">xx阳市沱江一段21号排污口处</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"><span><label>编号</label>：GH32101</span><span class="right"><label>监测值</label>：1.1(mg/Ls)</span></a>
</div>
<div class="msg_cage">
<a class="localize_msg">xx阳市沱江一段21号排污口处。</a>
</div>
</div>