250 lines
8.0 KiB
HTML
250 lines
8.0 KiB
HTML
<!doctype html>
|
||
<html>
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
|
||
<title>index</title>
|
||
<script type="text/javascript" src="js/jquery.js"></script>
|
||
<script type="text/javascript" src="js/echarts.min.js"></script>
|
||
|
||
|
||
<link rel="stylesheet" href="css/style.css">
|
||
</head>
|
||
<body>
|
||
<script>
|
||
$(document).ready(function(){forw()})
|
||
$(window).resize(function(){forw()})
|
||
|
||
function forw(){
|
||
var w=$(window).width()
|
||
var mw=$(".mainbox2").width()
|
||
var iw=w/mw
|
||
$(".mainbox2").css("transform","scale("+iw+")");
|
||
var mw2=$(".mainbox2").height()*iw
|
||
var h=$(window).height()
|
||
var ih=h-mw2-20
|
||
$(".boxall").css({height:mw2, marginTop:ih/2});
|
||
}
|
||
</script>
|
||
<script>
|
||
alert("地图模块本地需要在iis环境下运行，先搭建iis服务否则看不到地图，\n该模版为大屏下使用，在小屏上做了内容适配，如不需要请删除js")
|
||
</script>
|
||
<style>
|
||
body{overflow: hidden;}
|
||
.mainbox2{-webkit-transform-origin:top left; width: 4608px; height: 1344px;}
|
||
|
||
</style>
|
||
<div class="boxall">
|
||
<div class="mainbox2">
|
||
|
||
|
||
<div class="head clearfix">
|
||
<h1 class="">
|
||
广西矿产资源大数据监管平台</h1>
|
||
</div>
|
||
<div class="mainbox">
|
||
|
||
<ul class="clearfix nav1">
|
||
<li>
|
||
<div class="box" style="height:14%">
|
||
<ul class="ylfw">
|
||
<li><div class="ylfwbox fora">
|
||
<p>监管市县数量</p>
|
||
<ol><span class="text-d">10</span><em>个</em></ol>
|
||
<div class="forb"></div>
|
||
</div></li>
|
||
<li><div class="ylfwbox fora">
|
||
<p>监管矿山数量</p>
|
||
<ol><span class="text-w">1234</span><em>家</em></ol>
|
||
<div class="forb"></div></div></li>
|
||
|
||
<li><div class="ylfwbox fora">
|
||
<p>监管企业数量</p>
|
||
<ol><span class="text-b">2.3</span><em>家</em></ol>
|
||
<div class="forb"></div>
|
||
</div></li>
|
||
|
||
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="box" style="height:calc(43% - 30px); margin: 15px 0;">
|
||
|
||
<div class="h100">
|
||
<ul class="nav3 h100">
|
||
<li class="h100 ">
|
||
<div class="tit">监管分布表</div>
|
||
<div class="boxnav " id="echart1"></div>
|
||
</li>
|
||
<li class="h100 ">
|
||
<div class="tit">监管分布表</div>
|
||
<div class="boxnav " id="echart2"></div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="box bg1" style="height:43%">
|
||
<div class="tit">实时数</div>
|
||
<div class="listhead listhead1">
|
||
<span>名称</span>
|
||
<span>车牌</span>
|
||
<span>矿种</span>
|
||
<span>重量</span>
|
||
<span>税费</span>
|
||
|
||
</div>
|
||
<div class="listnav listnav1 scrollDiv">
|
||
<ul>
|
||
<li> <span>广西郁兴石场</span> <span>98739</span> <span>1-4渣</span> <span>-</span> <span>-</span></li>
|
||
<li> <span>广西郁兴石场</span> <span>98739</span> <span>1-4渣</span> <span>-</span> <span>-</span></li>
|
||
<li> <span>广西郁兴石场</span> <span>98739</span> <span>1-4渣</span> <span>-</span> <span>-</span></li>
|
||
<li> <span>广西郁兴石场</span> <span>98739</span> <span>1-4渣</span> <span>-</span> <span>-</span></li>
|
||
<li> <span>广西郁兴石场</span> <span>98739</span> <span>1-4渣</span> <span>-</span> <span>-</span></li>
|
||
<li> <span>广西郁兴石场</span> <span>98739</span> <span>1-4渣</span> <span>-</span> <span>-</span></li>
|
||
<li> <span>广西郁兴石场</span> <span>98739</span> <span>1-4渣</span> <span>-</span> <span>-</span></li>
|
||
<li> <span>广西郁兴石场</span> <span>98739</span> <span>1-4渣</span> <span>-</span> <span>-</span></li>
|
||
<li> <span>广西郁兴石场</span> <span>98739</span> <span>1-4渣</span> <span>-</span> <span>-</span></li>
|
||
<li> <span>广西郁兴石场</span> <span>98739</span> <span>1-4渣</span> <span>-</span> <span>-</span></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
</li>
|
||
<li>
|
||
<div class="box h100">
|
||
<div class=" bar01">
|
||
<div class="barnav">
|
||
<ol>累计税收</ol>
|
||
<p><span class="text-d">2325345.00</span><em>元</em></p>
|
||
</div>
|
||
<div class="barnav">
|
||
<ol>累计车次</ol>
|
||
<p><span class="text-w">814617</span><em>车</em></p>
|
||
</div>
|
||
<div class="barnav">
|
||
<ol>累计重量</ol>
|
||
<p><span class="text-b">917421.00</span><em>吨</em></p>
|
||
</div>
|
||
|
||
</div>
|
||
<div class="boxnav" id="guangxi" style="height:calc(100% - 160px)"></div>
|
||
</div>
|
||
|
||
</li>
|
||
|
||
<li>
|
||
<div class="h100">
|
||
<div class="box bar02">
|
||
<div class=" bar01">
|
||
<select><option>岑溪市</option><option>岑溪市</option></select>
|
||
<div class="barnav">
|
||
<ol>累计税收</ol>
|
||
<p><span class="text-d">2325345.00</span><em>元</em></p>
|
||
</div>
|
||
<div class="barnav">
|
||
<ol>累计车次</ol>
|
||
<p><span class="text-w">814617</span><em>车</em></p>
|
||
</div>
|
||
<div class="barnav">
|
||
<ol>累计重量</ol>
|
||
<p><span class="text-b">917421.00</span><em>吨</em></p>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
<ul class="nav2">
|
||
<li>
|
||
<div class="h100 ">
|
||
<div class="" style="height: 55%">
|
||
<ul class="nav3 h100">
|
||
<li class="h100 box">
|
||
|
||
<div class="tit">税种明细</div>
|
||
<div class="boxnav " id="echart3"></div>
|
||
|
||
</li>
|
||
<li class="h100 box">
|
||
<div class="tit">近六个月税收</div>
|
||
<div class="boxnav " id="echart4"></div>
|
||
</li>
|
||
</ul>
|
||
|
||
</div>
|
||
<div class="box" style="height: calc(45% - 15px); margin-top: 15px;">
|
||
<div class="tit">现场视频</div>
|
||
<ul class="nav3 boxnav">
|
||
<li class="h100 ">
|
||
<video style=" height: 100%; width: 100%" src="https://www.17sucai.com/preview/1528155/2019-02-18/video/source/0.mp4" poster="images/0.jpg" preload="metadata" controls>
|
||
</video>
|
||
</li>
|
||
<li class="h100 ">
|
||
<video style=" height: 100%; width: 100%" src="https://www.17sucai.com/preview/1528155/2019-02-18/video/source/0.mp4" poster="images/0.jpg" preload="metadata" controls>
|
||
</video>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</li>
|
||
<li><div class="box h100" id="map"></div></li>
|
||
<li><div class="" style="height:100%">
|
||
<div class="box" style="height: 60%">
|
||
<div class="tit">各站点/企业明细</div>
|
||
<div class="listhead listhead1">
|
||
<span>名称</span>
|
||
<span>车次</span>
|
||
<span>重量</span>
|
||
<span>税费</span>
|
||
|
||
</div>
|
||
<div class="listnav listnav1 scrollDiv">
|
||
<ul>
|
||
<li><span>富祥石场</span> <span>98739</span> <span>1-4渣</span> <span>1</span> </li>
|
||
<li><span>富祥石场</span> <span>98739</span> <span>1-4渣</span> <span>1</span> </li>
|
||
<li><span>富祥石场</span> <span>98739</span> <span>1-4渣</span> <span>1</span> </li>
|
||
<li><span>富祥石场</span> <span>98739</span> <span>1-4渣</span> <span>1</span> </li>
|
||
<li><span>富祥石场</span> <span>98739</span> <span>1-4渣</span> <span>1</span> </li>
|
||
<li><span>富祥石场</span> <span>98739</span> <span>1-4渣</span> <span>1</span> </li>
|
||
<li><span>富祥石场</span> <span>98739</span> <span>1-4渣</span> <span>1</span> </li>
|
||
<li><span>富祥石场</span> <span>98739</span> <span>1-4渣</span> <span>1</span> </li>
|
||
<li><span>富祥石场</span> <span>98739</span> <span>1-4渣</span> <span>1</span> </li>
|
||
<li><span>富祥石场</span> <span>98739</span> <span>1-4渣</span> <span>1</span> </li>
|
||
<li><span>富祥石场</span> <span>98739</span> <span>1-4渣</span> <span>1</span> </li>
|
||
<li><span>富祥石场</span> <span>98739</span> <span>1-4渣</span> <span>1</span> </li>
|
||
<li><span>富祥石场</span> <span>98739</span> <span>1-4渣</span> <span>1</span> </li>
|
||
</ul>
|
||
</div>
|
||
|
||
</div>
|
||
<div class="box" style="height:calc(40% - 15px); margin-top: 15px;">
|
||
<div class="tit">矿种明细</div>
|
||
<div class="boxnav " id="echart5"></div>
|
||
</div>
|
||
</div></li>
|
||
</ul>
|
||
</div>
|
||
|
||
</li>
|
||
|
||
</ul>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
<script src="js/jquery.liMarquee.js"></script>
|
||
<script>
|
||
$(function(){
|
||
$('.scrollDiv').liMarquee({
|
||
direction: 'up',
|
||
scrollamount: 30,
|
||
runshort: false
|
||
});
|
||
});
|
||
</script>
|
||
<script type="text/javascript" src="js/js.js"></script>
|
||
</body>
|
||
</html>
|