From 3ef47d09ac33ef103c3d12488654a02f4c955d99 Mon Sep 17 00:00:00 2001
From: vincent <1341870251@qq.com>
Date: 星期五, 29 五月 2020 14:34:44 +0800
Subject: [PATCH] #

---
 src/main/webapp/views/console.html |   72 +++++++++++++++++++++++++----------
 1 files changed, 51 insertions(+), 21 deletions(-)

diff --git a/src/main/webapp/views/console.html b/src/main/webapp/views/console.html
index 29e9ab5..7c185eb 100644
--- a/src/main/webapp/views/console.html
+++ b/src/main/webapp/views/console.html
@@ -2,7 +2,7 @@
 <html lang="en">
 <head>
     <meta charset="UTF-8">
-    <title>Title</title>
+    <title>WCS鎺у埗涓績</title>
     <meta name="renderer" content="webkit">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
@@ -10,30 +10,42 @@
     <link rel="stylesheet" type="text/css" href="../static/css/common.css">
     <link rel="stylesheet" type="text/css" href="../static/css/console.css">
     <style>
-        .main-part {
-            position: absolute;
-            top: 100px;
-            left: 400px;
-            /*transform: translate(-50%, 0);*/
-        }
-
         /* 绔欑偣 */
         .site {
+            border: 1px transparent;
+            border-radius: 3px;
             cursor: pointer;
             width: 50px;
             text-align: center;
             background-color: #21ff3a;
             font-size: 13px;
-            float: left;
         }
-        .site:hover {
-            opacity: 0.7;
-        }
-        /* 鏃犳晥绔欑偣 */
+        /* 鏃犳晥绔欑偣锛堝繀椤诲湪site涓嬮潰锛� */
         .site-none {
+            border: none;
             background-color: transparent;
         }
 
+        .main-part {
+            position: absolute;
+            top: 200px;
+            left: 400px;
+            /*transform: translate(-50%, 0);*/
+        }
+
+        /* 杈撻�佺嚎绗竴鍒� */
+        .site-row-1 {
+
+        }
+        /* 杈撻�佺嚎绗簩鍒� */
+        .site-row-2 {
+            position: absolute;
+            left: 300px;
+            top: 220px;
+        }
+        .site-row-2 .site {
+            width: 100px;
+        }
 
     </style>
 </head>
@@ -44,15 +56,25 @@
 <main>
 
     <!-- 宸﹁緭閫佺嚎 -->
-    <div class="line-left">
-        <!-- 绗竴鍒� -->
-        <div class="row-1">
+    <!-- 绗竴鍒� -->
+    <div class="site-row-1">
 
-        </div>
-        <!-- 绗簩鍒� -->
-        <div class="row-2">
-
-        </div>
+    </div>
+    <!-- 绗簩鍒� -->
+    <div class="site-row-2">
+        <div id="site-32" class="site">32</div>
+        <div id="site-31" class="site">31</div>
+        <div id="site-30" class="site">30</div>
+        <div id="site-23" class="site">23</div>
+        <div id="site-22" class="site">22</div>
+        <div id="site-20" class="site">20</div>
+        <div id="site-19" class="site">19</div>
+        <div id="site-17" class="site">17</div>
+        <div id="site-16" class="site">16</div>
+        <div id="site-15" class="site">15</div>
+        <div id="site-13" class="site">13</div>
+        <div id="site-12" class="site">12</div>
+        <div id="site-10" class="site">10</div>
     </div>
 
 
@@ -87,6 +109,7 @@
             <button class="item">22</button>
             <button class="item">23</button>
             <button class="item">24</button>
+            <div class="site site-none">&nbsp;&nbsp;&nbsp;&nbsp;</div>
         </div>
         <div class="stock-group">
             <div id="site-21" class="site">21</div>
@@ -114,6 +137,7 @@
             <button class="item">22</button>
             <button class="item">23</button>
             <button class="item">24</button>
+            <div class="site site-none">&nbsp;&nbsp;&nbsp;&nbsp;</div>
         </div>
         <!-- 鍫嗗灈鏈� -->
         <div class="crn">
@@ -147,6 +171,7 @@
             <button class="item">22</button>
             <button class="item">23</button>
             <button class="item">24</button>
+            <div class="site site-none">&nbsp;&nbsp;&nbsp;&nbsp;</div>
         </div>
         <div class="stock-group">
             <div class="site site-none">&nbsp;&nbsp;&nbsp;&nbsp;</div>
@@ -174,6 +199,7 @@
             <button class="item">22</button>
             <button class="item">23</button>
             <button class="item">24</button>
+            <div class="site site-none">&nbsp;&nbsp;&nbsp;&nbsp;</div>
         </div>
         <br>
 
@@ -206,6 +232,7 @@
             <button class="item">22</button>
             <button class="item">23</button>
             <button class="item">24</button>
+            <div class="site site-none">&nbsp;&nbsp;&nbsp;&nbsp;</div>
         </div>
         <div class="stock-group">
             <div id="site-14" class="site">14</div>
@@ -233,6 +260,7 @@
             <button class="item">22</button>
             <button class="item">23</button>
             <button class="item">24</button>
+            <div class="site site-none">&nbsp;&nbsp;&nbsp;&nbsp;</div>
         </div>
         <!-- 鍫嗗灈鏈� -->
         <div class="crn">
@@ -266,6 +294,7 @@
             <button class="item">22</button>
             <button class="item">23</button>
             <button class="item">24</button>
+            <div class="site site-none">&nbsp;&nbsp;&nbsp;&nbsp;</div>
         </div>
         <div class="stock-group">
             <div class="site site-none">&nbsp;&nbsp;&nbsp;&nbsp;</div>
@@ -293,6 +322,7 @@
             <button class="item">22</button>
             <button class="item">23</button>
             <button class="item">24</button>
+            <div class="site site-none">&nbsp;&nbsp;&nbsp;&nbsp;</div>
         </div>
     </div>
 

--
Gitblit v1.9.1