From 4026b1594d31cd40c7273e1cc3e121e8b4744bc0 Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@163.com>
Date: 星期二, 25 八月 2020 15:01:16 +0800
Subject: [PATCH] #

---
 src/main/webapp/views/console.html |   54 +++++++++++++++++++++++++++++++++++++++++++++++++-----
 1 files changed, 49 insertions(+), 5 deletions(-)

diff --git a/src/main/webapp/views/console.html b/src/main/webapp/views/console.html
index 0bbd568..8197622 100644
--- a/src/main/webapp/views/console.html
+++ b/src/main/webapp/views/console.html
@@ -85,12 +85,13 @@
     </div>
 
 
-    <!-- 宸﹁緭閫佺嚎 -->
+    <!----------- 宸﹁緭閫佺嚎 ---------->
 
-    <!-- 鍙拌溅1 -->
+    <!-- 鍙拌溅杞ㄩ亾 -->
+    <div id="car-track-1" class="car-track"></div>
 
-
-
+    <!-- 鍙拌溅瀹炰緥 -->
+    <div id="site-8" class="site car">8</div>
 
     <!-- 绗竴鍒楋紙瀹藉害 100px锛� -->
     <div class="site-row site-row-1">
@@ -531,7 +532,7 @@
                         var crnEl = $("#crn-"+crns[i].crnId);
                         crnEl.attr("class", "machine " + crns[i].crnStatus);
                         // crnAnimate(crns[i].crnId, crns[i].offset);
-                        crnEl.animate({left: (crns[i].bay * 30) +'px'}, 1000);
+                        crnEl.animate({left: (crns[i].bay * ($('.item').eq(0).width()+4)) +'px'}, 1000);
                     }
                 } else if (res.code === 403){
                     window.location.href = baseUrl+"/login";
@@ -646,5 +647,48 @@
         });
     });
 
+
+    // 灏忚溅鍋忕Щ鍔ㄧ敾
+    function carAnimate(id, target) {
+        var targetTop = 122;
+        if (id === 8) {
+            switch (target) {
+                case 1:
+                    targetTop += 160;
+                    break;
+                case 2:
+                    targetTop += 120;
+                    break;
+                case 3:
+                    targetTop += 80;
+                    break;
+                case 4:
+                    targetTop += 40;
+                    break;
+                case 7:
+                    targetTop += 0;
+                    break;
+                default:
+                    return;
+            }
+        } else {
+            return;
+        }
+        $("#site-" + id).animate({top: targetTop+'px'}, 1000);
+    }
+
+
+    // 鍙拌溅鐐瑰嚮浜嬩欢
+    $(document).on("click", ".car", function () {
+        var value = prompt('鐩爣绔欙細', "1");
+        if (value == null) {
+            alert('涓嶈兘涓虹┖锛�');
+        } else if (value === '') {
+            alert('涓嶈兘涓虹┖锛�');
+        } else {
+            carAnimate(8, Number(value));
+        }
+    })
+
 </script>
 </html>
\ No newline at end of file

--
Gitblit v1.9.1