去除其他设备，修正数据

03906b49 · guoxuejian · ce6ae9a6 · 03906b49 · 03906b49
Commit 03906b49 authored Apr 26, 2024 by guoxuejian
Expand all Show whitespace changes
Inline Side-by-side

Showing with 47 additions and 33 deletions

index-04-26.html
+0 -0

index.html
+47 -33

No files found.
--- a/index-04-26.html
+++ b/index-04-26.html
--- a/index.html
+++ b/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="centerDevice3Num">0</td>
-        <td id="centerDevice4Num">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>${
+                  <td>${warn.level == 7 ? '一般' :
-                    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')
+                let centerWarning3Num = document.getElementById('centerDevice3Num')
-                // centerWarning3Num.innerHTML = `${record.count ? record.count : 0}`
+                centerWarning3Num.innerHTML = `${record.count ? record.count : 0}`
                break;
              case '4':
                // childContent += `<td id="centerDevice4Num">${record.deviceCount}</td>`
-                let centerWarning4Num = document.getElementById('centerDevice4Num')
+                // let centerWarning4Num = document.getElementById('centerDevice4Num')
-                centerWarning4Num.innerHTML = `${record.count ? record.count : 0}`
+                // centerWarning4Num.innerHTML = `${record.count ? record.count : 0}`
                break;
              default:
                break;
@@ -1685,10 +1703,6 @@
        ]
      });
    }, 5000);
  </script>
 </body>