From ba88829f97aba96532c42152cbf3f4610371d66f Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@63.com>
Date: 星期二, 30 八月 2022 15:12:10 +0800
Subject: [PATCH] #

---
 src/main/webapp/views/console.html |  121 ++++++++++++++++-----------------------
 1 files changed, 50 insertions(+), 71 deletions(-)

diff --git a/src/main/webapp/views/console.html b/src/main/webapp/views/console.html
index 89cc231..40d68fb 100644
--- a/src/main/webapp/views/console.html
+++ b/src/main/webapp/views/console.html
@@ -159,11 +159,10 @@
                 </div>
                 <!-- 璐ф灦 -->
                 <div class="stock-group">
-                    <button class="item">1</button>
-                    <button class="item">2</button>
-                    <button class="item">3</button>
-                    <button class="item">4</button>
-                    <button class="item">5</button>
+                    <button class="item item-hide" style="margin-left: 30px">2</button>
+                    <button class="item item-hide">3</button>
+                    <button class="item item-hide">4</button>
+                    <button class="item item-hide">5</button>
                     <button class="item">6</button>
                     <button class="item">7</button>
                     <button class="item">8</button>
@@ -187,11 +186,10 @@
                     <span class="row-no">4#</span>
                 </div>
                 <div class="stock-group">
-                    <button class="item">1</button>
-                    <button class="item">2</button>
-                    <button class="item">3</button>
-                    <button class="item">4</button>
-                    <button class="item">5</button>
+                    <button class="item item-hide" style="margin-left: 30px">2</button>
+                    <button class="item item-hide">3</button>
+                    <button class="item item-hide">4</button>
+                    <button class="item item-hide">5</button>
                     <button class="item">6</button>
                     <button class="item">7</button>
                     <button class="item">8</button>
@@ -215,11 +213,10 @@
                     <span class="row-no">5#</span>
                 </div>
                 <div class="stock-group">
-                    <button class="item">1</button>
-                    <button class="item">2</button>
-                    <button class="item">3</button>
-                    <button class="item">4</button>
-                    <button class="item">5</button>
+                    <button class="item item-hide" style="margin-left: 30px">2</button>
+                    <button class="item item-hide">3</button>
+                    <button class="item item-hide">4</button>
+                    <button class="item item-hide">5</button>
                     <button class="item">6</button>
                     <button class="item">7</button>
                     <button class="item">8</button>
@@ -243,11 +240,8 @@
                     <span class="row-no">6#</span>
                 </div>
                 <div class="stock-group">
-                    <button class="item">1</button>
-                    <button class="item">2</button>
-                    <button class="item">3</button>
-                    <button class="item">4</button>
-                    <button class="item">5</button>
+                    <button class="item item-hide" style="margin-left: 90px">4</button>
+                    <button class="item item-hide">5</button>
                     <button class="item">6</button>
                     <button class="item">7</button>
                     <button class="item">8</button>
@@ -271,11 +265,8 @@
                     <span class="row-no">7#</span>
                 </div>
                 <div class="stock-group">
-                    <button class="item">1</button>
-                    <button class="item">2</button>
-                    <button class="item">3</button>
-                    <button class="item">4</button>
-                    <button class="item">5</button>
+                    <button class="item item-hide" style="margin-left: 90px">4</button>
+                    <button class="item item-hide">5</button>
                     <button class="item">6</button>
                     <button class="item">7</button>
                     <button class="item">8</button>
@@ -299,11 +290,8 @@
                     <span class="row-no">8#</span>
                 </div>
                 <div class="stock-group">
-                    <button class="item">1</button>
-                    <button class="item">2</button>
-                    <button class="item">3</button>
-                    <button class="item">4</button>
-                    <button class="item">5</button>
+                    <button class="item item-hide" style="margin-left: 90px">4</button>
+                    <button class="item item-hide">5</button>
                     <button class="item">6</button>
                     <button class="item">7</button>
                     <button class="item">8</button>
@@ -327,11 +315,8 @@
                     <span class="row-no">9#</span>
                 </div>
                 <div class="stock-group">
-                    <button class="item">1</button>
-                    <button class="item">2</button>
-                    <button class="item">3</button>
-                    <button class="item">4</button>
-                    <button class="item">5</button>
+                    <button class="item item-hide" style="margin-left: 90px">4</button>
+                    <button class="item item-hide">5</button>
                     <button class="item">6</button>
                     <button class="item">7</button>
                     <button class="item">8</button>
@@ -355,11 +340,8 @@
                     <span class="row-no">10#</span>
                 </div>
                 <div class="stock-group">
-                    <button class="item">1</button>
-                    <button class="item">2</button>
-                    <button class="item">3</button>
-                    <button class="item">4</button>
-                    <button class="item">5</button>
+                    <button class="item item-hide" style="margin-left: 90px">4</button>
+                    <button class="item item-hide">5</button>
                     <button class="item">6</button>
                     <button class="item">7</button>
                     <button class="item">8</button>
@@ -388,11 +370,8 @@
                     <div id="crn-2" class="machine"></div>
                 </div>
                 <div class="stock-group">
-                    <button class="item">1</button>
-                    <button class="item">2</button>
-                    <button class="item">3</button>
-                    <button class="item">4</button>
-                    <button class="item">5</button>
+                    <button class="item item-hide" style="margin-left: 90px">4</button>
+                    <button class="item item-hide">5</button>
                     <button class="item">6</button>
                     <button class="item">7</button>
                     <button class="item">8</button>
@@ -416,11 +395,8 @@
                     <span class="row-no">12#</span>
                 </div>
                 <div class="stock-group">
-                    <button class="item">1</button>
-                    <button class="item">2</button>
-                    <button class="item">3</button>
-                    <button class="item">4</button>
-                    <button class="item">5</button>
+                    <button class="item item-hide" style="margin-left: 90px">4</button>
+                    <button class="item item-hide">5</button>
                     <button class="item">6</button>
                     <button class="item">7</button>
                     <button class="item">8</button>
@@ -444,11 +420,8 @@
                     <span class="row-no">13#</span>
                 </div>
                 <div class="stock-group">
-                    <button class="item">1</button>
-                    <button class="item">2</button>
-                    <button class="item">3</button>
-                    <button class="item">4</button>
-                    <button class="item">5</button>
+                    <button class="item item-hide" style="margin-left: 90px">4</button>
+                    <button class="item item-hide">5</button>
                     <button class="item">6</button>
                     <button class="item">7</button>
                     <button class="item">8</button>
@@ -473,11 +446,8 @@
                 </div>
                 <!-- 璐ф灦 -->
                 <div class="stock-group">
-                    <button class="item">1</button>
-                    <button class="item">2</button>
-                    <button class="item">3</button>
-                    <button class="item">4</button>
-                    <button class="item">5</button>
+                    <button class="item item-hide" style="margin-left: 90px">4</button>
+                    <button class="item item-hide">5</button>
                     <button class="item">6</button>
                     <button class="item">7</button>
                     <button class="item">8</button>
@@ -501,11 +471,8 @@
                     <span class="row-no">15#</span>
                 </div>
                 <div class="stock-group">
-                    <button class="item">1</button>
-                    <button class="item">2</button>
-                    <button class="item">3</button>
-                    <button class="item">4</button>
-                    <button class="item">5</button>
+                    <button class="item item-hide" style="margin-left: 90px">4</button>
+                    <button class="item item-hide">5</button>
                     <button class="item">6</button>
                     <button class="item">7</button>
                     <button class="item">8</button>
@@ -529,11 +496,8 @@
                     <span class="row-no">16#</span>
                 </div>
                 <div class="stock-group">
-                    <button class="item">1</button>
-                    <button class="item">2</button>
-                    <button class="item">3</button>
-                    <button class="item">4</button>
-                    <button class="item">5</button>
+                    <button class="item item-hide" style="margin-left: 90px">4</button>
+                    <button class="item item-hide">5</button>
                     <button class="item">6</button>
                     <button class="item">7</button>
                     <button class="item">8</button>
@@ -558,7 +522,7 @@
                 </div>
                 <div class="stock-group">
                     <button class="item item-hide" style="margin-left: 90px">4</button>
-                    <button class="item">5</button>
+                    <button class="item item-hide">5</button>
                     <button class="item">6</button>
                     <button class="item">7</button>
                     <button class="item">8</button>
@@ -1323,3 +1287,18 @@
     }
 
 </script>
+<script>
+    const items = document.querySelectorAll('.item-hide')
+    items.forEach((item)=> {
+        item.addEventListener('mouseenter', function () {
+            items.forEach((item)=> {
+                item.style.opacity= 0;
+            })
+        })
+        item.addEventListener('mouseleave', function () {
+            items.forEach((item)=> {
+                item.style.opacity= .8;
+            })
+        })
+    })
+</script>

--
Gitblit v1.9.1