From 7aa842ca0c3863da9024873cadd9fd64c72d26d2 Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@63.com>
Date: 星期二, 13 十二月 2022 08:48:54 +0800
Subject: [PATCH] #
---
src/main/webapp/views/console.html | 131 +++++++++++++++++++++++++++++++++++++------
1 files changed, 113 insertions(+), 18 deletions(-)
diff --git a/src/main/webapp/views/console.html b/src/main/webapp/views/console.html
index 662c1e3..9fdb519 100644
--- a/src/main/webapp/views/console.html
+++ b/src/main/webapp/views/console.html
@@ -16,15 +16,27 @@
<h6>AUTOMATIC WAREHOUSE WCS MONITORING DIAGRAM</h6>
</header>
<main class="main">
- <!--绗�1鍒楋紙瀹藉害 70px锛� -->
-<!-- <div class="site-row site-row-1">-->
-<!-- <div class="site-k" style="height:39px;width:70px;"></div>-->
-<!-- <div id="site-173" class="site" style="height: 18px;line-height: 18px;margin-bottom: 85px">173</div>-->
-<!-- </div>-->
+ <!-- 1F -->
+ <div class="site-row site-row-title site-row-title-1">
+ <span>1F</span>
+ </div>
+ <!--绗�1鍒� -->
+ <div class="site-row site-row-1">
+ <div id="site-102" class="site" style="height: 18px;line-height: 18px;width:80px;margin-top: 340px">102</div>
+
+ <div id="site-101" class="site" style="height: 18px;line-height: 18px;width:80px;margin-top: 20px">101</div>
+
+ <div id="site-100" class="site" style="height: 18px;line-height: 18px;width:80px;margin-top: 184px">100</div>
+ </div>
<!--绗�2鍒�-->
<div class="site-row site-row-2">
- <div id="site-1000" class="site" style="height: 18px;line-height: 18px;">1000</div>
- <div id="site-2000" class="site" style="height: 18px;line-height: 18px;">2000</div>
+ <!-- 鍙拌溅杞ㄩ亾 -->
+ <div id="car-track-1" class="car-track">
+ <div></div>
+ </div>
+ <!-- 鍙拌溅瀹炰緥 -->
+ <div id="site-1000" class="site car" style="top: 584px">1000</div>
+ <div id="site-2000" class="site car" style="top: 0">2000</div>
</div>
<!-- 绗�3鍒� -->
<div class="site-row site-row-3">
@@ -55,6 +67,33 @@
<div id="site-104" class="site" style="height: 18px;line-height: 18px;width:80px;margin-top: 184px">104</div>
<div id="site-105" class="site" style="height: 18px;line-height: 18px;width:80px;">105</div>
+ </div>
+
+ <!-- 2F -->
+ <div class="site-row site-row-title site-row-title-2">
+ <span>2F</span>
+ </div>
+
+ <div class="site-row site-row-5">
+ <div id="site-203" class="site" style="height: 18px;line-height: 18px;width:80px;">203</div>
+ <div id="site-202" class="site" style="height: 18px;line-height: 18px;width:80px;">202</div>
+ <div id="site-200" class="site" style="height: 18px;line-height: 18px;width:80px;">200</div>
+ </div>
+
+ <div class="site-row site-row-6">
+ <div id="site-204" class="site" style="height: 18px;line-height: 18px;width:80px;">204</div>
+ <div id="site-201" class="site" style="height: 18px;line-height: 18px;width:80px;margin-top: 20px">201</div>
+ </div>
+
+ <div class="site-row site-row-7">
+ <div id="site-205" class="site" style="height: 18px;line-height: 18px;width:80px;">205</div>
+ </div>
+
+ <div class="site-row site-row-8">
+ <div id="site-209" class="site" style="height: 18px;line-height: 18px;width:80px;">209</div>
+ <div id="site-208" class="site" style="height: 18px;line-height: 18px;width:80px;">208</div>
+ <div id="site-207" class="site" style="height: 18px;line-height: 18px;width:80px;">207</div>
+ <div id="site-206" class="site" style="height: 18px;line-height: 18px;width:80px;">206</div>
</div>
<!-- 璐ф灦 + 鍫嗗灈鏈� + 鍏ュ簱绔欑偣 -->
@@ -1334,18 +1373,21 @@
tData1 = tData
} else if (tData.length<=10){
tData1 = tData.slice(0,5)
- tData.splice(0,5)
- tData2 = tData
+ // tData.splice(0,4)
+ tData2 = tData.splice(5,10)
} else if(tData.length<=15){
tData1 = tData.slice(0,5)
- tData2 = tData.slice(6,10)
- tData.splice(0,10)
- tData3 = tData
+ tData2 = tData.slice(5,10)
+ // tData.splice(0,10)
+ tData3 = tData.slice(10,15)
} else {
- tData = tData.slice(-15)
- tData1 = tData.slice(-15)
- tData2 = tData.slice(-10)
- tData3 = tData.slice(-5)
+ tData1 = tData.slice(0,5)
+ tData2 = tData.slice(5,10)
+ tData3 = tData.slice(10,15)
+ // tData = tData.slice(-15)
+ // tData1 = tData.slice(-15)
+ // tData2 = tData.slice(-10)
+ // tData3 = tData.slice(-5)
}
}
@@ -1356,8 +1398,6 @@
getCodeData();
renderBarCode();
}, 1000)
-
-
function renderBarCode() {
@@ -1374,6 +1414,61 @@
$('#barcode3').append(str3)
}
}
+
+ // 灏忚溅鍋忕Щ鍔ㄧ敾
+ function carAnimate(id, target) {
+ if (id === 1000) {
+ let targetTop = 130;
+ switch (target) {
+ case 110:
+ targetTop += 0;
+ break;
+ case 109:
+ targetTop += 60;
+ break;
+ case 108:
+ targetTop += 100;
+ break;
+ case 107:
+ targetTop += 180;
+ break;
+ case 106:
+ targetTop += 220;
+ break;
+ default:
+ return;
+ }
+ $("#site-" + id).animate({top: targetTop+'px'}, 1000);
+ } else if (id === 2000) {
+ let targetTop = 130;
+ switch (target) {
+ case 226:
+ targetTop += 0;
+ break;
+ case 225:
+ targetTop += 60;
+ break;
+ case 224:
+ targetTop += 100;
+ break;
+ case 223:
+ targetTop += 180;
+ break;
+ case 222:
+ targetTop += 220;
+ break;
+ case 214:
+ targetTop += 280;
+ break;
+ case 220:
+ targetTop += 320;
+ break;
+ default:
+ return;
+ }
+ $("#site-" + id).animate({top: targetTop+'px'}, 1000);
+ }
+ }
</script>
<script type="text/javascript">
// 寮圭獥绔欑偣淇℃伅
--
Gitblit v1.9.1