89 lines
3.2 KiB
HTML
89 lines
3.2 KiB
HTML
<style>
|
|
.top-panel {border:1px solid #eceff9;border-radius:5px;text-align:center;}
|
|
.top-panel > .layui-card-body {height:60px;}
|
|
.top-panel-number {line-height:60px;font-size:30px;border-right:1px solid #eceff9;}
|
|
.top-panel-tips {line-height:30px;font-size:12px}
|
|
</style>
|
|
|
|
<div class="layuimini-container layuimini-page-anim">
|
|
<div class="layuimini-main welcome">
|
|
<div class="layui-row layui-col-space15">
|
|
<div class="layui-col-xs12 layui-col-md4">
|
|
|
|
<div class="layui-card top-panel">
|
|
<div class="layui-card-header">北斗GNSS接收机</div>
|
|
<div class="layui-card-body">
|
|
<div class="layui-row layui-col-space5">
|
|
<div class="layui-col-xs9 layui-col-md8 top-panel-number">
|
|
<a style="color: #1aa094">2,020</a><br>
|
|
</div>
|
|
<div class="layui-col-xs3 layui-col-md4">
|
|
装机量 <a style="color: #bd3004">2040</a><br>
|
|
在线数 <a style="color: #C0C0C0">2020</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="layui-col-xs12 layui-col-md4">
|
|
|
|
<div class="layui-card top-panel">
|
|
<div class="layui-card-header">测斜仪统计</div>
|
|
<div class="layui-card-body">
|
|
<div class="layui-row layui-col-space5">
|
|
<div class="layui-col-xs9 layui-col-md8 top-panel-number">
|
|
<a style="color: #1aa094">520</a><br>
|
|
</div>
|
|
<div class="layui-col-xs3 layui-col-md4">
|
|
装机量 <a style="color: #bd3004">2040</a><br>
|
|
在线数 <a style="color: #C0C0C0">2020</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="layui-col-xs12 layui-col-md4">
|
|
|
|
<div class="layui-card top-panel">
|
|
<div class="layui-card-header">光伏DTU统计</div>
|
|
<div class="layui-card-body">
|
|
<div class="layui-row layui-col-space5">
|
|
<div class="layui-col-xs9 layui-col-md8 top-panel-number">
|
|
<a style="color: #1aa094">5,020</a><br>
|
|
</div>
|
|
<div class="layui-col-xs3 layui-col-md4">
|
|
装机量 <a style="color: #bd3004">2040</a><br>
|
|
在线数 <a style="color: #C0C0C0">2020</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<div id="map-container" style="height: 85vh;weight :100vw" ></div>
|
|
</div>
|
|
|
|
|
|
<script type="text/javascript">
|
|
function initialize() {
|
|
var map = new BMapGL.Map("map-container"); // 创建Map实例
|
|
var point = new BMapGL.Point(116.404, 39.915); // 创建点坐标
|
|
map.centerAndZoom(point,15);
|
|
map.enableScrollWheelZoom();
|
|
}
|
|
|
|
function loadScript() {
|
|
var script = document.createElement("script");
|
|
script.src = "https://api.map.baidu.com/api?v=1.0&type=webgl&ak=4ef46ba62e8fba67b53a0becca4d05da&callback=initialize";
|
|
document.body.appendChild(script);
|
|
}
|
|
|
|
loadScript();
|
|
</script>
|
|
|