add layerjs

index.html

@@ -104,5 +104,6 @@
 <script src="./js/jquery.min.js"></script>
 <script src="./js/echarts.js"></script>
 <script src="./js/day.js"></script>
+<script src="./js/layerjs/layer.js"></script>
 <script src="./js/index.js"></script>
 </html>
\ No newline at end of file

js/index.js

@@ -548,6 +548,7 @@ getRight3()
 setInterval(() => {
   getRight3()
 }, 1000)
+let alarmItem = []
 function getRight3() {
   let alarm = document.getElementById('alarm')
   let alarmData = document.getElementById('alarmData')
@@ -561,8 +562,9 @@ function getRight3() {
     success :function(res) {
       alarmData.innerText = res.data.length
       let str = ``
-      res.data.forEach(item => {
-        str += `<div class="list list_red">
+      alarmItem = res.data
+      alarmItem.forEach((item, index) => {
+        str += `<div class="list list_red" onmouseover="showTips(event,${index})" id="alarm${index}" >
           <span>${item.Info}</span>
         </div>`
       })
@@ -570,3 +572,17 @@ function getRight3() {
     },
   });
 }
+
+function showTips(e, index) {
+  let tips = layer.tips(alarmItem[index].Info, '#' + e.currentTarget.id, {
+    tips: 1,
+    time: 0,
+    area: 'auto',
+    maxWidth: 500,
+    skin: 'table-tips',
+  });
+
+  e.currentTarget.onmouseleave = function () {
+    layer.closeAll(tips);
+  }
+}
\ No newline at end of file