<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="refresh" content="60;url='http://mtw.so/5FRdFE'">
<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=""><a href="https://gitee.com/iGaoWei/big-data-view">广西矿产资源大数据监管平台</a></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>