Skip to content

B
bigScreen
Commit 03906b49 by guoxuejian
Options

去除其他设备，修正数据

parent ce6ae9a6
Showing with 47 additions and 33 deletions
index.html
......@@ -4,7 +4,7 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>MR智能运维平台</title>
<title>璞地光伏电站MR智能运维平台</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans">
<link rel="stylesheet" href="./font/Alimama_DongFangDaKai_Regular.ttf">
<script src="./js/echarts.min.js"></script>
......@@ -31,11 +31,10 @@
bottom: 0;
z-index: -2;
}
.shade{
}
.shade {}
.shadeTop{
.shadeTop {
position: fixed;
width: 100%;
height: 30%;
......@@ -43,9 +42,11 @@
background-size: 100%;
background-repeat: no-repeat;
z-index: 1;
pointer-events: none; /* 元素永远不会成为鼠标事件的target */
pointer-events: none;
/* 元素永远不会成为鼠标事件的target */
}
.shadeButtom{
.shadeButtom {
position: fixed;
width: 100%;
height: 15%;
......@@ -54,9 +55,11 @@
background-size: 100%;
background-repeat: no-repeat;
z-index: 1;
pointer-events: none; /* 元素永远不会成为鼠标事件的target */
pointer-events: none;
/* 元素永远不会成为鼠标事件的target */
}
.shadeLeft{
.shadeLeft {
position: fixed;
width: 28%;
height: 100%;
......@@ -65,9 +68,11 @@
background-size: 100%;
background-repeat: no-repeat;
z-index: 1;
pointer-events: none; /* 元素永远不会成为鼠标事件的target */
pointer-events: none;
/* 元素永远不会成为鼠标事件的target */
}
.shadeRight{
.shadeRight {
position: fixed;
width: 28%;
height: 100%;
......@@ -76,8 +81,10 @@
background-size: 100%;
background-repeat: no-repeat;
z-index: 1;
pointer-events: none; /* 元素永远不会成为鼠标事件的target */
pointer-events: none;
/* 元素永远不会成为鼠标事件的target */
}
body {
margin: auto;
background-image: url(./images/b1.png);
......@@ -126,8 +133,9 @@
font-size: 26px;
position: fixed;
top: 6%;
left: 27%;
left: 30%;
z-index: 2;
width: 40%;
}
.statistics thead tr th {
......@@ -309,7 +317,8 @@
margin-left: 20%;
z-index: 2;
}
.skip{
.skip {
position: fixed;
width: 100px;
height: 40px;
......@@ -317,7 +326,8 @@
font-size: 22px;
top: 2%;
}
.admin{
.admin {
float: left;
margin-right: 10px;
background-image: url(./images/admin.png);
......@@ -326,7 +336,8 @@
width: 23px;
height: 24px;
}
.arrows{
.arrows {
float: right;
background-image: url(./images/arrows.png);
background-size: 100%;
......@@ -335,7 +346,8 @@
height: 15px;
margin-top: 9px;
}
.skip a{
.skip a {
color: #23cefd;
text-decoration: none;
}
......@@ -407,13 +419,13 @@
// }
let stationMarker = new ol.Feature({
geometry: new ol.geom.Point(ol.proj.fromLonLat([109.989707717209782, 35.130936020636923])),
name: "项目地点",
name: "国家电投澄城璞地光伏发电站",
// population: 4000,
// rainfall: 500,
});
let offsetMarker = new ol.Feature({
geometry: new ol.geom.Point(ol.proj.fromLonLat([109.989707717209782, 35.130936020636923])),
name: "项目地点",
name: "国家电投澄城璞地光伏发电站",
});
// 该坐标点的样式
let stationStyle = new ol.style.Style({
......@@ -460,22 +472,23 @@
<div class="header">
<img src="./images/top.png" alt="">
<i id="nowSpan"></i>
<span>MR智能运维平台</span>
<span>璞地光伏电站MR智能运维平台</span>
<div class="skip">
<div class="admin"></div>
<a href="/#/wel/index">后台</a>
<div class="arrows"></div>
</div>
</div>
<div class="data-container">
<!-- 数据汇总 -->
<table class="statistics">
<thead>
<tr>
<th>告警</th>
<th>逆变器</th>
<th>汇流箱</th>
<th>箱变</th>
<!-- <th>风机</th> -->
<th>其他设备</th>
<!-- <th>其他设备</th> -->
<th>巡检工单</th>
<th>维修工单</th>
</tr>
......@@ -485,13 +498,14 @@
<td id="centerWarningNum">0</td>
<td id="centerDevice1Num">0</td>
<td id="centerDevice2Num">0</td>
<!-- <td id="centerDevice3Num">0</td> -->
<td id="centerDevice4Num">0</td>
<td id="centerDevice3Num">0</td>
<!-- <td id="centerDevice4Num">0</td> -->
<td id="inspectionOrderNum">0</td>
<td id="repairOrderNum">0</td>
</tr>
</tbody>
</table>
</div>
<!-- 左侧面板1 -->
......@@ -1286,8 +1300,7 @@
<tr id="comment1">
<td>${warn.deviceName}</td>
<td>${warn.alarmDes}</td>
<td>${
warn.level == 7 ? '一般' :
<td>${warn.level == 7 ? '一般' :
warn.level == 8 ? '重要' :
warn.level == 9 ? '危机' :
'未知'
......@@ -1333,18 +1346,23 @@
break;
case '2':
// childContent += `<td id="centerDevice2Num">${record.deviceCount}</td>`
// let centerWarning2Num = document.getElementById('centerDevice2Num')
// centerWarning2Num.innerHTML = `${record.count ? record.count : 0}`
break;
case '0':
// childContent += `<td id="centerDevice2Num">${record.deviceCount}</td>`
let centerWarning2Num = document.getElementById('centerDevice2Num')
centerWarning2Num.innerHTML = `${record.count ? record.count : 0}`
break;
case '3':
// childContent += `<td id="centerDevice3Num">${record.deviceCount}</td>`
// let centerWarning3Num = document.getElementById('centerDevice3Num')
// centerWarning3Num.innerHTML = `${record.count ? record.count : 0}`
let centerWarning3Num = document.getElementById('centerDevice3Num')
centerWarning3Num.innerHTML = `${record.count ? record.count : 0}`
break;
case '4':
// childContent += `<td id="centerDevice4Num">${record.deviceCount}</td>`
let centerWarning4Num = document.getElementById('centerDevice4Num')
centerWarning4Num.innerHTML = `${record.count ? record.count : 0}`
// let centerWarning4Num = document.getElementById('centerDevice4Num')
// centerWarning4Num.innerHTML = `${record.count ? record.count : 0}`
break;
default:
break;
......@@ -1685,10 +1703,6 @@
]
});
}, 5000);
</script>
</body>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment