diff --git a/src/main/webapp/IMG/screen1.png b/src/main/webapp/IMG/screen1.png index fafd0ac4..e0e31185 100644 Binary files a/src/main/webapp/IMG/screen1.png and b/src/main/webapp/IMG/screen1.png differ diff --git a/src/main/webapp/jsp/bigScreen.jsp b/src/main/webapp/jsp/bigScreen.jsp index abf1e637..dbac5c89 100644 --- a/src/main/webapp/jsp/bigScreen.jsp +++ b/src/main/webapp/jsp/bigScreen.jsp @@ -191,10 +191,109 @@ } .Middle3 { - width: 2100px; + width: 2800px; + height: 1600px; position: absolute; - top: 300px; - left: 2700px; + top: 206px; + left: 2376px; + } + .Middle3 img, + .Middle3 .monitor-img { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 1; + pointer-events: none; + } + /* 绿色圆点样式 */ + .green-dot { + position: absolute; + width: 40px; + height: 40px; + background: #00ff00; + border-radius: 50%; + cursor: pointer; + box-shadow: 0 0 20px #00ff00, 0 0 40px #00ff00; + z-index: 10000; + transition: all 0.3s ease; + pointer-events: auto; + } + .green-dot:hover { + transform: scale(1.3); + box-shadow: 0 0 15px #00ff00, 0 0 30px #00ff00; + } + /* 数据弹窗样式 */ + .dot-popup { + position: absolute; + background: rgba(0, 30, 60, 0.98); + border: 3px solid #00ff00; + border-radius: 15px; + padding: 30px 40px; + z-index: 99999; + min-width: 400px; + max-width: 600px; + display: none; + box-shadow: 0 0 30px rgba(0, 255, 0, 0.5); + } + .dot-popup.show { + display: block; + } + .dot-popup-title { + color: #00ff00; + font-size: 32px; + font-weight: bold; + margin-bottom: 20px; + text-align: center; + border-bottom: 2px solid rgba(0, 255, 0, 0.5); + padding-bottom: 15px; + } + .dot-popup-content { + color: #fff; + font-size: 24px; + } + .dot-popup-item { + display: flex; + justify-content: space-between; + padding: 12px 0; + border-bottom: 1px solid rgba(255, 255, 255, 0.2); + } + .dot-popup-item:last-child { + border-bottom: none; + } + .dot-popup-label { + color: #7ef3ff; + font-size: 24px; + } + .dot-popup-value { + color: #fff; + font-weight: bold; + font-size: 24px; + } + .dot-popup-close { + position: absolute; + top: 15px; + right: 20px; + color: #fff; + font-size: 36px; + cursor: pointer; + } + .dot-popup-close:hover { + color: #00ff00; + } + .popup-overlay { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + /*background: rgba(0, 0, 0, 0.5);*/ + z-index: 99998; + display: none; + } + .popup-overlay.show { + display: block; } /* 全屏提示遮罩 */ .fullscreen-overlay { @@ -422,6 +521,7 @@
-
+
+
+
+
+
+
+
+
+
+
+
+
+