From a84e04a54fa499bcff8c9806df5c15e09ce3c504 Mon Sep 17 00:00:00 2001
From: 1 <1>
Date: 星期五, 31 十月 2025 11:34:22 +0800
Subject: [PATCH] #小车地图bug修复，小车动画
---
src/main/webapp/views/console.html | 144 ++++++++++++++++++++++++++++++++++++------------
1 files changed, 108 insertions(+), 36 deletions(-)
diff --git a/src/main/webapp/views/console.html b/src/main/webapp/views/console.html
index 521b521..c125dd0 100644
--- a/src/main/webapp/views/console.html
+++ b/src/main/webapp/views/console.html
@@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en">
<head>
- <meta charset="UTF-8">
+ <meta charset="UTF-8" >
<title>鑷姩浠撳簱wcs绯荤粺</title>
<link rel="stylesheet" href="../static/css/render.css">
<script src="../static/js/jquery/jquery-3.3.1.min.js"></script>
@@ -10,8 +10,6 @@
<script src="../static/js/console.map.js"></script>
<script src="../static/js/console.js"></script>
<script src="../static/js/common.js"></script>
-
-
</head>
<body>
<div id="main">
@@ -19,6 +17,7 @@
<div class="head-left">
<h1>鑷姩浠撳簱WCS鐩戞帶鍥�</h1>
<h6>AUTOMATIC WAREHOUSE WCS MONITORING DIAGRAM</h6>
+ <button class="zoom-btn" id="zoomBtn">缂╁皬缃戦〉姣斾緥</button>
</div>
<div class="head-right">
<img src="../static/images/zy-logo.png" alt="涓壃" height="44" width="80">
@@ -327,6 +326,7 @@
</div>
</div>
+
</body>
</html>
@@ -544,7 +544,7 @@
});
}
- // 杈撻�佽澶囧疄鏃舵暟鎹幏鍙�
+ // 杈撻�佽澶囧疄鏃舵暟鎹幏鍙朿sxit
function getSitesInfo() {
$.ajax({
url: baseUrl + "/console/latest/data/site",
@@ -562,7 +562,7 @@
siteEl.html(sites[i].siteId);
}
- if (sites[i].siteId === '1' || sites[i].siteId === '2' || sites[i].siteId === '3') {
+ if (sites[i].siteId === '1' || sites[i].siteId === '2' || sites[i].siteId === '3'|| sites[i].siteId === '4') {
carAnimate(Number(sites[i].siteId), Number(sites[i].nearbySta));
}
@@ -693,43 +693,67 @@
function carAnimate(id, target) {
// debugger
var targetTop = 0;
- if (id === 1 || id === '1' || id === '2' || id === 2 || id === '3' || id === 3) {
+ if (id === 1 || id === '1' || id === '2' || id === 2 || id === '3' || id === 3 ||id === '4' || id === 4) {
switch (target) {
- case 1:
- targetTop += 792;
+ case 1004:
+ targetTop += 84;
break;
- case 2:
- targetTop += 771;
+ case 1007:
+ targetTop += 128;
break;
- case 3:
- targetTop += 727;
- break;
- case 4:
- targetTop += 706;
- break;
- case 5:
- targetTop += 662;
- break;
- case 6:
- targetTop += 620;
- break;
- case 7:
- targetTop += 578;
- break;
- case 8:
- targetTop += 530;
- break;
- case 9:
+ case 1010:
targetTop += 190;
break;
- case 10:
- targetTop += 147;
+ case 1014:
+ targetTop += 240;
break;
- case 11:
- targetTop += 107;
+ case 1018:
+ targetTop += 300;
break;
- case 12:
- targetTop += 63;
+ case 1021:
+ targetTop += 350;
+ break;
+ case 1024:
+ targetTop += 415;
+ break;
+ case 1028:
+ targetTop += 465;
+ break;
+ case 1031:
+ targetTop += 530;
+ break;
+ case 1035:
+ targetTop += 580;
+ break;
+ case 2003:
+ targetTop += 84;
+ break;
+ case 2006:
+ targetTop += 128;
+ break;
+ case 2009:
+ targetTop += 19.;
+ break;
+ case 2012:
+ targetTop += 240;
+ break;
+ case 2015:
+ targetTop += 300;
+ break;
+ case 2018:
+ targetTop += 350;
+ break;
+ case 2021:
+ targetTop += 415;
+ break;
+ case 2024:
+ targetTop += 465;
+ break;
+ case 2027:
+ targetTop += 530;
+ break;
+ case 2030:
+ targetTop += 580;
break;
default:
return;
@@ -738,8 +762,56 @@
return;
}
- $("#site-" + id).animate({top: targetTop + 'px'}, 1000);
+ $("#site-" + id).animate({top: targetTop + 'px'}, 0);
}
+ // 妫�鏌� URL 涓槸鍚﹀寘鍚� fullscreen=true 鍙傛暟
+ function checkFullscreen() {
+ const urlParams = new URLSearchParams(window.location.search);
+ const fullscreen = urlParams.get('fullscreen');
+ if (fullscreen === 'true') {
+ enterFullscreen();
+ }
+ }
+
+ // 杩涘叆鍏ㄥ睆妯″紡
+ function enterFullscreen() {
+ if (!document.fullscreenElement) {
+ if (document.documentElement.requestFullscreen) {
+ document.documentElement.requestFullscreen();
+ } else if (document.documentElement.mozRequestFullScreen) { // Firefox
+ document.documentElement.mozRequestFullScreen();
+ } else if (document.documentElement.webkitRequestFullscreen) { // Chrome, Safari, Opera
+ document.documentElement.webkitRequestFullscreen();
+ } else if (document.documentElement.msRequestFullscreen) { // IE/Edge
+ document.documentElement.msRequestFullscreen();
+ }
+ }
+ }
+
+ // 鎸夐挳鐐瑰嚮浜嬩欢锛岃Е鍙戠缉鏀�
+ document.getElementById('zoomBtn').addEventListener('click', function() {
+ simulateCtrlWheelZoomOut();
+ });
+
+ // 妯℃嫙 Ctrl + 婊氳疆涓嬫粦鏉ョ缉灏忕綉椤�
+ function simulateCtrlWheelZoomOut() {
+ let scale = 1; // 榛樿缂╂斁姣斾緥
+
+ // 鑾峰彇褰撳墠椤甸潰鐨勭缉鏀炬瘮渚�
+ let currentScale = window.getComputedStyle(document.body).transform;
+ if (currentScale !== 'none') {
+ scale = parseFloat(currentScale.match(/matrix\((.*)\)/)[1].split(',')[0]);
+ }
+
+ // 璁＄畻鏂扮殑缂╂斁姣斾緥锛屾ā鎷熺缉灏�
+ let newScale = scale * 0.9; // 姣忔鐐瑰嚮缂╁皬10%
+
+ // 搴旂敤鏂扮殑缂╂斁姣斾緥
+ document.body.style.transform = 'scale(' + newScale + ')';
+ document.body.style.transformOrigin = 'top left'; // 璁剧疆缂╂斁鍘熺偣
+ }
+
+
</script>
\ No newline at end of file
--
Gitblit v1.9.1