<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/scroll.css">
<link rel="stylesheet" href="css/histor.css">
<link rel="stylesheet" href="layui/css/layui.css">
<link rel="stylesheet" href="css/date.css">
<!-- <link rel="stylesheet" href="css/info.css"> -->
<script src="js/shipei.js"></script>
<script src="js/echarts.min.js"></script>
<script type="text/javascript" src="https://developer.baidu.com/map/custom/stylelist.js"></script>
<script type="text/javascript"
src="https://api.map.baidu.com/api?v=2.0&ak=cO9TZgFofryAYu4TCTSOTuYxVBuyy11A&services=&t=20200309163354">
</script>
</head>
<body>
<div class="bg">
<!-- 顶部 -->
<div class="header">
<span class="header-title">观测站</span>
<span class="header-text">综合监控平台</span>
</div>
<!-- 内容 -->
<div class="wrap">
<!-- 左侧 -->
<div class="left fl">
<div class="left-header">
<span>农气站在线情况</span>
<div id="left-header-nong" style="width: 100%;height: 100%;" class="left-header-nong"></div>
</div>
<div class="left-mid">
<span>按观测作物分类</span>
<div id="left-mid-nong" style="width: 100%;height: 100%;" class="left-header-nong"></div>
</div>
<div class="left-bottom">
<span>农业小气候站</span>
<div id="left-bottom-nong" style="width: 100%;height: 100%;" class="left-header-nong"></div>
</div>
</div>
<!-- 中间 -->
<div class="center fl">
<!-- 地图 -->
<div class="center-map">
<div id="allmap" style="width:100%;height:100%;"></div>
</div>
<!-- 离线清单 -->
<div class="center-offline">
<div class="center-offline-header">
<p>离线站点清单</p>
</div>
<div class="center-offline-mid">
<div class="title">
<div class="sit sit-title fl">站名</div>
<div class="sit sit-title fl">站号</div>
<div class="sit sit-title fl">状态</div>
<div class="sit sit-title fl">电话</div>
</div>
<!-- 自动滚动清单列表 -->
<div class="list" id="list">
<div class="rowup" id="rowup">
<ul class="list-item">
<li class="fl sit-item">L0044</li>
<li class="fl sit-item">无锡市黄瓜</li>
<li class="fl sit-item">离线</li>
<li class="fl sit-item">12345678984</li>
</ul>
<ul class="list-item">
<li class="fl sit-item">L0044</li>
<li class="fl sit-item">东阳台村种植园</li>
<li class="fl sit-item">离线</li>
<li class="fl sit-item">12345678984</li>
</ul>
<ul class="list-item">
<li class="fl sit-item">L0044</li>
<li class="fl sit-item">山东院内</li>
<li class="fl sit-item">离线</li>
<li class="fl sit-item">12345678984</li>
</ul>
<ul class="list-item">
<li class="fl sit-item">L0044</li>
<li class="fl sit-item">山东农气站</li>
<li class="fl sit-item">离线</li>
<li class="fl sit-item">12345678984</li>
</ul>
</div>
<div class="rowupcope" id="rowupcope"></div>
</div>
</div>
<div class="center-offline-bottom">
<p>，回复“BigDataView” 获取</p>
</div>
</div>
</div>
<!-- 右侧 -->
<div class="right fr">
<span class="right-title">站点详情</span>
<div class="right-top">
<div class="right-top-content">
<span class="name">站名:</span>
<span class="text">观测站</span>
</div>
<div class="right-top-content">
<span class="name">编号:</span>
<span class="text">LOO33</span>
</div>
<div class="right-top-content">
<span class="name">地址:</span>
<span class="text">观测站</span>
</div>
<div class="right-top-content">
<span class="name">观测作物:</span>
<span class="text">西红柿</span>
</div>
</div>
<div class="right-mid">
<div class="right-mid-header">
实时数据
</div>
<div class="right-mid-scroll">
<div class="right-mid-content">
<div class="right-top-content">
<span class="name">要素数:</span>
<span class="text">7</span>
</div>
<div class="right-top-content">
<span class="name">观测时间:</span>
<span class="text">2020-03-16 10:40:00</span>
</div>
<div class="right-top-content">
<span class="name">150cm气温:</span>
<span class="text">33.4℃</span>
</div>
<div class="right-top-content">
<span class="name">150cm空气相对湿度</span>
<span class="text">48.7%</span>
</div>
<div class="right-top-content">
<span class="name">5cm低温：</span>
<span class="text">0.0℃</span>
</div>
<div class="right-top-content">
<span class="name">10cm低温：</span>
<span class="text">18.1℃</span>
</div>
<div class="right-top-content">
<span class="name">20cm低温:</span>
<span class="text">18.0℃</span>
</div>
<div class="right-top-content">
观测站综合监控平台（Html模板、大数据模板、大屏echarts模板）.zip
版权申诉
56 浏览量
2022-12-28
16:48:52
上传
评论
收藏 2.96MB ZIP 举报
观测站综合监控平台（Html模板、大数据模板、大屏echarts模板）.zip （147个子文件） 
bar.js.bak 2KB layui.css 59KB layer.css 14KB layui.mobile.css 10KB laydate.css 7KB style.css 5KB history.css 3KB histor.css 3KB base.css 1KB code.css 1KB date.css 749B scroll.css 518B info.css 120B iconfont.eot 39KB
59.gif 10KB 22.gif 10KB 24.gif 8KB 13.gif 7KB 16.gif 7KB 39.gif 6KB 64.gif 6KB 63.gif 6KB 50.gif 6KB loading-0.gif 6KB 4.gif 6KB 1.gif 5KB 42.gif 5KB 71.gif 5KB 21.gif 5KB 20.gif 5KB 29.gif 5KB 70.gif 4KB 5.gif 4KB 17.gif 4KB 27.gif 4KB 9.gif 4KB 44.gif 4KB 11.gif 4KB 8.gif 4KB 3.gif 4KB 23.gif 4KB 34.gif 4KB 41.gif 4KB 38.gif 4KB 65.gif 3KB 32.gif 3KB 45.gif 3KB 7.gif 3KB 12.gif 3KB 26.gif 3KB 60.gif 3KB 2.gif 3KB 40.gif 3KB 25.gif 3KB 19.gif 3KB 66.gif 3KB 18.gif 3KB 46.gif 3KB 10.gif 3KB 28.gif 3KB 51.gif 3KB 57.gif 3KB 67.gif 3KB 0.gif 3KB 48.gif 3KB 43.gif 3KB 30.gif 2KB 61.gif 2KB 33.gif 2KB 69.gif 2KB 14.gif 2KB 47.gif 2KB 36.gif 2KB 49.gif 2KB 58.gif 2KB 6.gif 2KB 54.gif 2KB 53.gif 2KB 56.gif 2KB 62.gif 2KB 31.gif 2KB 55.gif 2KB 35.gif 2KB 15.gif 2KB loading-2.gif 2KB 37.gif 1KB 68.gif 1KB 52.gif 777B loading-1.gif 701B
index.html 15KB
lishitupian.jpg 99KB echarts.min.js 729KB layui.all.js 226KB jquery.js 95KB jquery.js 86KB mobile.js 33KB laydate.js 27KB InfoBox.js 25KB layer.js 22KB table.js 20KB共 147 条
- 1
- 2
资源评论
JGiser
- 粉丝: 7566
- 资源: 5112
