From 9f687cf8a3218cf7dcda92d641703c46ae2c93c6 Mon Sep 17 00:00:00 2001
From: 18516761980 <4761516tqsxp>
Date: 星期三, 08 六月 2022 17:43:40 +0800
Subject: [PATCH] #

---
 version/render.js                                       | 1486 ++++++++++++++++++++++++++
 src/main/webapp/views/render.js                         | 1826 ++++++++------------------------
 src/main/webapp/static/css/render.css                   |    2 
 src/main/webapp/views/render.html                       |    9 
 src/main/java/com/zy/core/thread/SiemensDevpThread.java |   10 
 5 files changed, 1,949 insertions(+), 1,384 deletions(-)

diff --git a/src/main/java/com/zy/core/thread/SiemensDevpThread.java b/src/main/java/com/zy/core/thread/SiemensDevpThread.java
index f6387cb..6fa259a 100644
--- a/src/main/java/com/zy/core/thread/SiemensDevpThread.java
+++ b/src/main/java/com/zy/core/thread/SiemensDevpThread.java
@@ -26,6 +26,7 @@
 import com.zy.core.properties.SlaveProperties;
 import lombok.Data;
 import lombok.extern.slf4j.Slf4j;
+import org.springframework.beans.factory.annotation.Autowired;
 
 import java.text.MessageFormat;
 import java.util.ArrayList;
@@ -52,13 +53,11 @@
         add(120);add(121);add(122);add(123);add(124);add(125);add(126);add(127);add(128);add(129);
         add(130);add(131);add(132);add(133);add(134);add(135);add(136);
     }};
-
-    public IoModeType ioMode = IoModeType.NONE;
     /**
-     * 182绔欏爢鍨涙満鎵ц涓嚭搴撴暟閲�
+     * 鏉$爜鏁伴噺
      */
-    public int PRE_COUNT=0;
-    private SlaveProperties slaveProperties;
+    private int barcodeSize = 1;
+    public IoModeType ioMode = IoModeType.NONE;
 
     public SiemensDevpThread(DevpSlave slave) {
         this.slave = slave;
@@ -175,7 +174,6 @@
         }
 
         Thread.sleep(200);
-        int barcodeSize = slaveProperties.getBarcode().size();
         OperateResultExOne<byte[]> result2 = siemensS7Net.Read("DB100.190",(short)(barcodeSize*8));
         if (result2.IsSuccess) {
             for (int i = 0; i < barcodeSize; i++) {
diff --git a/src/main/webapp/static/css/render.css b/src/main/webapp/static/css/render.css
index 8748786..808914a 100644
--- a/src/main/webapp/static/css/render.css
+++ b/src/main/webapp/static/css/render.css
@@ -368,7 +368,7 @@
 .machine {
     position: absolute;
     background-color: rgb(108,167,168);
-    margin-left: 1116px;
+    /*margin-left: 1116px;*/
     height: 20px;
     width: 80px;
     background-image: url("../images/Crane_auto.png");
diff --git a/src/main/webapp/views/render.html b/src/main/webapp/views/render.html
index 2bc1ff0..490bd08 100644
--- a/src/main/webapp/views/render.html
+++ b/src/main/webapp/views/render.html
@@ -594,7 +594,14 @@
                         if (crns[i].bay < 0) {
                             crns[i].bay = 0
                         }
-                        crnEl.animate({left: (crns[i].bay * unit) + 'px'}, 1000);
+                        // crnEl.animate({left: (crns[i].bay * unit) + 'px'}, 1000);
+                        // debugger
+                        crns[i].bay = 21;
+                        unit = 34;
+                        crnEl.animate({left: ((crns[i].bay * unit)+225) + 'px'}, 1000);
+                        switch(i){
+
+                        }
                     }
                 } else if (res.code === 403) {
                     parent.location.href = baseUrl + "/login";
diff --git a/src/main/webapp/views/render.js b/src/main/webapp/views/render.js
index d30d453..e59bfc5 100644
--- a/src/main/webapp/views/render.js
+++ b/src/main/webapp/views/render.js
@@ -1,1393 +1,507 @@
-newData = {
-    "mapName": "鍏嬪姵鏂帥鑿瞁CS",
-    "rackCount": 12,
-    "crnCount": 3,
-    "stbCount": 36,
-    "hpPosition": 1,
+data = {
+    "mapName": "HYLYWCS",
+    "rackCount": 16,
+    "crnCount": 4,
+    "stbCount": 14,
+    "hpPosition": 0,
     "minBayNo": 2,
     "floors": 1,
-    "racks": [
-        {
-            "type": "rack",
-            "id": "rack12",
-            "top": 646,
-            "left": 324,
-            "width": 887,
-            "height": 30,
-            "minBayNo": 2,
-            "maxBayNo": 52
-        },
-        {
-            "type": "rack",
-            "id": "rack11",
-            "top": 613,
-            "left": 324,
-            "width": 887,
-            "height": 30,
-            "minBayNo": 2,
-            "maxBayNo": 52
-        },
-        {
-            "type": "rack",
-            "id": "rack10",
-            "top": 516,
-            "left": 324,
-            "width": 887,
-            "height": 30,
-            "minBayNo": 2,
-            "maxBayNo": 52
-        },
-        {
-            "type": "rack",
-            "id": "rack9",
-            "top": 483,
-            "left": 324,
-            "width": 887,
-            "height": 30,
-            "minBayNo": 2,
-            "maxBayNo": 52
-        },
-        {
-            "type": "rack",
-            "id": "rack8",
-            "top": 451,
-            "left": 324,
-            "width": 887,
-            "height": 30,
-            "minBayNo": 2,
-            "maxBayNo": 52
-        },
-        {
-            "type": "rack",
-            "id": "rack7",
-            "top": 418,
-            "left": 324,
-            "width": 887,
-            "height": 30,
-            "minBayNo": 2,
-            "maxBayNo": 52
-        },
-        {
-            "type": "rack",
-            "id": "rack6",
-            "top": 323,
-            "left": 324,
-            "width": 887,
-            "height": 30,
-            "minBayNo": 2,
-            "maxBayNo": 52
-        },
-        {
-            "type": "rack",
-            "id": "rack5",
-            "top": 290,
-            "left": 324,
-            "width": 887,
-            "height": 30,
-            "minBayNo": 2,
-            "maxBayNo": 52
-        },
-        {
-            "type": "rack",
-            "id": "rack3",
-            "top": 225,
-            "left": 188,
-            "width": 1023,
-            "height": 30,
-            "minBayNo": 2,
-            "maxBayNo": 60
-        },
-        {
-            "type": "rack",
-            "id": "rack1",
-            "top": 97,
-            "left": 188,
-            "width": 1023,
-            "height": 30,
-            "minBayNo": 2,
-            "maxBayNo": 60
-        },
-        {
-            "type": "rack",
-            "id": "rack4",
-            "top": 257,
-            "left": 188,
-            "width": 1023,
-            "height": 30,
-            "minBayNo": 2,
-            "maxBayNo": 60
-        },
-        {
-            "type": "rack",
-            "id": "rack2",
-            "top": 129,
-            "left": 188,
-            "width": 1023,
-            "height": 30,
-            "minBayNo": 2,
-            "maxBayNo": 60
-        }
-    ],
-    "rackDescs": [
-        {
-            "type": "rackDescs",
-            "id": "lb_desc12",
-            "text": "#12",
-            "top": 646,
-            "left": 260,
-            "width": 47,
-            "height": 27
-        },
-        {
-            "type": "rackDescs",
-            "id": "lb_desc11",
-            "text": "#11",
-            "top": 618,
-            "left": 260,
-            "width": 44,
-            "height": 27
-        },
-        {
-            "type": "rackDescs",
-            "id": "lb_desc10",
-            "text": "#10",
-            "top": 516,
-            "left": 257,
-            "width": 49,
-            "height": 27
-        },
-        {
-            "type": "rackDescs",
-            "id": "lb_desc9",
-            "text": "#9",
-            "top": 488,
-            "left": 257,
-            "width": 38,
-            "height": 27
-        },
-        {
-            "type": "rackDescs",
-            "id": "lb_desc8",
-            "text": "#8",
-            "top": 449,
-            "left": 260,
-            "width": 39,
-            "height": 27
-        },
-        {
-            "type": "rackDescs",
-            "id": "lb_desc7",
-            "text": "#7",
-            "top": 421,
-            "left": 260,
-            "width": 37,
-            "height": 27
-        },
-        {
-            "type": "rackDescs",
-            "id": "lb_desc6",
-            "text": "#6",
-            "top": 327,
-            "left": 260,
-            "width": 38,
-            "height": 27
-        },
-        {
-            "type": "rackDescs",
-            "id": "lb_desc5",
-            "text": "#5",
-            "top": 291,
-            "left": 261,
-            "width": 38,
-            "height": 27
-        },
-        {
-            "type": "rackDescs",
-            "id": "lb_desc4",
-            "text": "#4",
-            "top": 253,
-            "left": 145,
-            "width": 38,
-            "height": 27
-        },
-        {
-            "type": "rackDescs",
-            "id": "lb_desc3",
-            "text": "#3",
-            "top": 225,
-            "left": 145,
-            "width": 38,
-            "height": 27
-        },
-        {
-            "type": "rackDescs",
-            "id": "lb_desc2",
-            "text": "#2",
-            "top": 128,
-            "left": 145,
-            "width": 38,
-            "height": 27
-        },
-        {
-            "type": "rackDescs",
-            "id": "lb_desc1",
-            "text": "#1",
-            "top": 100,
-            "left": 145,
-            "width": 35,
-            "height": 27
-        }
-    ],
-    "crns": [
-        {
-            "type": "crane",
-            "id": "crn-1",
-            "text": "1",
-            "top": 184,
-            "left": 777,
-            "width": 93,
-            "height": 22
-        },
-        {
-            "type": "crane",
-            "id": "crn-2",
-            "text": "2",
-            "top": 378,
-            "left": 777,
-            "width": 93,
-            "height": 22
-        },
-        {
-            "type": "crane",
-            "id": "crn-3",
-            "text": "3",
-            "top": 572,
-            "left": 777,
-            "width": 93,
-            "height": 22
-        },
-        {
-            "type": "track",
-            "id": "lb_track2",
-            "text": "",
-            "top": 390,
-            "left": 325,
-            "width": 1010,
-            "height": 2
-        },
-        {
-            "type": "track",
-            "id": "lb_track3",
-            "text": "",
-            "top": 584,
-            "left": 325,
-            "width": 1010,
-            "height": 2
-        },
-        {
-            "type": "track",
-            "id": "lb_track1",
-            "text": "",
-            "top": 197,
-            "left": 188,
-            "width": 1148,
-            "height": 2
-        }
-    ],
-    "stns": [
-        {
-            "type": "stn",
-            "id": "site-132",
-            "text": "132",
-            "top": 547,
-            "left": 1399,
-            "width": 60,
-            "height": 63
-        },
-        {
-            "type": "stn",
-            "id": "site-126",
-            "text": "126",
-            "top": 450,
-            "left": 1461,
-            "width": 60,
-            "height": 63
-        },
-        {
-            "type": "stn",
-            "id": "site-125",
-            "text": "125",
-            "top": 450,
-            "left": 1399,
-            "width": 60,
-            "height": 63
-        },
-        {
-            "type": "stn",
-            "id": "site-119",
-            "text": "119",
-            "top": 353,
-            "left": 1461,
-            "width": 60,
-            "height": 63
-        },
-        {
-            "type": "stn",
-            "id": "site-118",
-            "text": "118",
-            "top": 353,
-            "left": 1399,
-            "width": 60,
-            "height": 63
-        },
-        {
-            "type": "stn",
-            "id": "site-136",
-            "text": "136",
-            "top": 611,
-            "left": 1461,
-            "width": 120,
-            "height": 30
-        },
-        {
-            "type": "stn",
-            "id": "site-135",
-            "text": "135",
-            "top": 611,
-            "left": 1399,
-            "width": 60,
-            "height": 30
-        },
-        {
-            "type": "stn",
-            "id": "site-134",
-            "text": "134",
-            "top": 611,
-            "left": 1337,
-            "width": 60,
-            "height": 30
-        },
-        {
-            "type": "stn",
-            "id": "site-133",
-            "text": "133",
-            "top": 611,
-            "left": 1215,
-            "width": 120,
-            "height": 30
-        },
-        {
-            "type": "stn",
-            "id": "site-130",
-            "text": "130",
-            "top": 515,
-            "left": 1461,
-            "width": 60,
-            "height": 30
-        },
-        {
-            "type": "stn",
-            "id": "site-129",
-            "text": "129",
-            "top": 515,
-            "left": 1399,
-            "width": 60,
-            "height": 30
-        },
-        {
-            "type": "stn",
-            "id": "site-128",
-            "text": "128",
-            "top": 515,
-            "left": 1337,
-            "width": 60,
-            "height": 30
-        },
-        {
-            "type": "stn",
-            "id": "site-127",
-            "text": "127",
-            "top": 515,
-            "left": 1215,
-            "width": 120,
-            "height": 30
-        },
-        {
-            "type": "stn",
-            "id": "site-131",
-            "text": "131",
-            "top": 515,
-            "left": 1522,
-            "width": 60,
-            "height": 30
-        },
-        {
-            "type": "stn",
-            "id": "site-123",
-            "text": "123",
-            "top": 418,
-            "left": 1461,
-            "width": 60,
-            "height": 30
-        },
-        {
-            "type": "stn",
-            "id": "site-122",
-            "text": "122",
-            "top": 418,
-            "left": 1399,
-            "width": 60,
-            "height": 30
-        },
-        {
-            "type": "stn",
-            "id": "site-121",
-            "text": "121",
-            "top": 418,
-            "left": 1337,
-            "width": 60,
-            "height": 30
-        },
-        {
-            "type": "stn",
-            "id": "site-120",
-            "text": "120",
-            "top": 418,
-            "left": 1215,
-            "width": 120,
-            "height": 30
-        },
-        {
-            "type": "stn",
-            "id": "site-124",
-            "text": "124",
-            "top": 418,
-            "left": 1522,
-            "width": 60,
-            "height": 30
-        },
-        {
-            "type": "stn",
-            "id": "site-112",
-            "text": "112",
-            "top": 256,
-            "left": 1461,
-            "width": 60,
-            "height": 63
-        },
-        {
-            "type": "stn",
-            "id": "site-111",
-            "text": "111",
-            "top": 256,
-            "left": 1399,
-            "width": 60,
-            "height": 63
-        },
-        {
-            "type": "stn",
-            "id": "site-116",
-            "text": "116",
-            "top": 321,
-            "left": 1461,
-            "width": 60,
-            "height": 30
-        },
-        {
-            "type": "stn",
-            "id": "site-115",
-            "text": "115",
-            "top": 321,
-            "left": 1399,
-            "width": 60,
-            "height": 30
-        },
-        {
-            "type": "stn",
-            "id": "site-114",
-            "text": "114",
-            "top": 321,
-            "left": 1337,
-            "width": 60,
-            "height": 30
-        },
-        {
-            "type": "stn",
-            "id": "site-113",
-            "text": "113",
-            "top": 321,
-            "left": 1215,
-            "width": 120,
-            "height": 30
-        },
-        {
-            "type": "stn",
-            "id": "site-117",
-            "text": "117",
-            "top": 321,
-            "left": 1522,
-            "width": 60,
-            "height": 30
-        },
-        {
-            "type": "stn",
-            "id": "site-105",
-            "text": "105",
-            "top": 159,
-            "left": 1399,
-            "width": 60,
-            "height": 63
-        },
-        {
-            "type": "stn",
-            "id": "site-109",
-            "text": "109",
-            "top": 224,
-            "left": 1461,
-            "width": 60,
-            "height": 30
-        },
-        {
-            "type": "stn",
-            "id": "site-108",
-            "text": "108",
-            "top": 224,
-            "left": 1399,
-            "width": 60,
-            "height": 30
-        },
-        {
-            "type": "stn",
-            "id": "site-107",
-            "text": "107",
-            "top": 224,
-            "left": 1337,
-            "width": 60,
-            "height": 30
-        },
-        {
-            "type": "stn",
-            "id": "site-106",
-            "text": "106",
-            "top": 224,
-            "left": 1215,
-            "width": 120,
-            "height": 30
-        },
-        {
-            "type": "stn",
-            "id": "site-104",
-            "text": "104",
-            "top": 128,
-            "left": 1461,
-            "width": 120,
-            "height": 30
-        },
-        {
-            "type": "stn",
-            "id": "site-103",
-            "text": "103",
-            "top": 128,
-            "left": 1399,
-            "width": 60,
-            "height": 30
-        },
-        {
-            "type": "stn",
-            "id": "site-102",
-            "text": "102",
-            "top": 128,
-            "left": 1337,
-            "width": 60,
-            "height": 30
-        },
-        {
-            "type": "stn",
-            "id": "site-101",
-            "text": "101",
-            "top": 128,
-            "left": 1215,
-            "width": 120,
-            "height": 30
-        },
-        {
-            "type": "stn",
-            "id": "site-110",
-            "text": "110",
-            "top": 224,
-            "left": 1522,
-            "width": 60,
-            "height": 30
-        }
-    ]
-}
-// 搴撲綅鍥�
-rackData = {
-    "mapName": "WCS_test",
-    "rackCount": 12,
-    "crnCount": 3,
-    "stbCount": 9,
-    "hpPosition": 1,
-    "minBayNo": 2,
-    "floors": 2,
-    "racks": [
-        {
-            "type": "rack",
-            "id": "rack12",
-            "top": 646,
-            "left": 324,
-            "width": 887,
-            "height": 30,
-            "minBayNo": 2,
-            "maxBayNo": 52
-        },
-        {
-            "type": "rack",
-            "id": "rack11",
-            "top": 613,
-            "left": 324,
-            "width": 887,
-            "height": 30,
-            "minBayNo": 2,
-            "maxBayNo": 52
-        },
-        {
-            "type": "rack",
-            "id": "rack10",
-            "top": 516,
-            "left": 324,
-            "width": 887,
-            "height": 30,
-            "minBayNo": 2,
-            "maxBayNo": 52
-        },
-        {
-            "type": "rack",
-            "id": "rack9",
-            "top": 483,
-            "left": 324,
-            "width": 887,
-            "height": 30,
-            "minBayNo": 2,
-            "maxBayNo": 52
-        },
-        {
-            "type": "rack",
-            "id": "rack8",
-            "top": 451,
-            "left": 324,
-            "width": 887,
-            "height": 30,
-            "minBayNo": 2,
-            "maxBayNo": 52
-        },
-        {
-            "type": "rack",
-            "id": "rack7",
-            "top": 418,
-            "left": 324,
-            "width": 887,
-            "height": 30,
-            "minBayNo": 2,
-            "maxBayNo": 52
-        },
-        {
-            "type": "rack",
-            "id": "rack6",
-            "top": 323,
-            "left": 324,
-            "width": 887,
-            "height": 30,
-            "minBayNo": 2,
-            "maxBayNo": 52
-        },
-        {
-            "type": "rack",
-            "id": "rack5",
-            "top": 290,
-            "left": 324,
-            "width": 887,
-            "height": 30,
-            "minBayNo": 2,
-            "maxBayNo": 52
-        },
-        {
-            "type": "rack",
-            "id": "rack3",
-            "top": 225,
-            "left": 188,
-            "width": 1023,
-            "height": 30,
-            "minBayNo": 2,
-            "maxBayNo": 60
-        },
-        {
-            "type": "rack",
-            "id": "rack1",
-            "top": 97,
-            "left": 188,
-            "width": 1023,
-            "height": 30,
-            "minBayNo": 2,
-            "maxBayNo": 60
-        },
-        {
-            "type": "rack",
-            "id": "rack4",
-            "top": 257,
-            "left": 188,
-            "width": 1023,
-            "height": 30,
-            "minBayNo": 2,
-            "maxBayNo": 60
-        },
-        {
-            "type": "rack",
-            "id": "rack2",
-            "top": 129,
-            "left": 188,
-            "width": 1023,
-            "height": 30,
-            "minBayNo": 2,
-            "maxBayNo": 60
-        }],
+    "racks": [{
+        "type": "rack",
+        "id": "rack16",
+        "top": 650,
+        "left": 412,
+        "width": 1046,
+        "height": 24,
+        "minBayNo": 2,
+        "maxBayNo": 24
+    }, {
+        "type": "rack",
+        "id": "rack15",
+        "top": 624,
+        "left": 412,
+        "width": 1046,
+        "height": 24,
+        "minBayNo": 2,
+        "maxBayNo": 24
+    }, {
+        "type": "rack",
+        "id": "rack14",
+        "top": 569,
+        "left": 412,
+        "width": 1046,
+        "height": 24,
+        "minBayNo": 2,
+        "maxBayNo": 24
+    }, {
+        "type": "rack",
+        "id": "rack13",
+        "top": 543,
+        "left": 412,
+        "width": 1046,
+        "height": 24,
+        "minBayNo": 2,
+        "maxBayNo": 24
+    }, {
+        "type": "rack",
+        "id": "rack12",
+        "top": 484,
+        "left": 412,
+        "width": 1099,
+        "height": 24,
+        "minBayNo": 2,
+        "maxBayNo": 64
+    }, {
+        "type": "rack",
+        "id": "rack11",
+        "top": 458,
+        "left": 412,
+        "width": 1099,
+        "height": 24,
+        "minBayNo": 2,
+        "maxBayNo": 64
+    }, {
+        "type": "rack",
+        "id": "rack10",
+        "top": 399,
+        "left": 412,
+        "width": 1099,
+        "height": 24,
+        "minBayNo": 2,
+        "maxBayNo": 64
+    }, {
+        "type": "rack",
+        "id": "rack9",
+        "top": 373,
+        "left": 412,
+        "width": 1099,
+        "height": 24,
+        "minBayNo": 2,
+        "maxBayNo": 64
+    }, {
+        "type": "rack",
+        "id": "rack8",
+        "top": 344,
+        "left": 405,
+        "width": 979,
+        "height": 24,
+        "minBayNo": 2,
+        "maxBayNo": 16
+    }, {
+        "type": "rack",
+        "id": "rack7",
+        "top": 318,
+        "left": 405,
+        "width": 979,
+        "height": 24,
+        "minBayNo": 2,
+        "maxBayNo": 16
+    }, {
+        "type": "rack",
+        "id": "rack6",
+        "top": 263,
+        "left": 405,
+        "width": 979,
+        "height": 24,
+        "minBayNo": 2,
+        "maxBayNo": 16
+    }, {
+        "type": "rack",
+        "id": "rack5",
+        "top": 237,
+        "left": 405,
+        "width": 979,
+        "height": 24,
+        "minBayNo": 2,
+        "maxBayNo": 16
+    }, {
+        "type": "rack",
+        "id": "rack3",
+        "top": 180,
+        "left": 357,
+        "width": 1027,
+        "height": 24,
+        "minBayNo": 2,
+        "maxBayNo": 31
+    }, {
+        "type": "rack",
+        "id": "rack1",
+        "top": 97,
+        "left": 357,
+        "width": 1027,
+        "height": 24,
+        "minBayNo": 2,
+        "maxBayNo": 31
+    }, {
+        "type": "rack",
+        "id": "rack4",
+        "top": 207,
+        "left": 357,
+        "width": 1027,
+        "height": 24,
+        "minBayNo": 2,
+        "maxBayNo": 31
+    }, {
+        "type": "rack",
+        "id": "rack2",
+        "top": 123,
+        "left": 357,
+        "width": 1027,
+        "height": 24,
+        "minBayNo": 2,
+        "maxBayNo": 31
+    }],
     "rackDescs": [{
+        "type": "rackDescs",
+        "id": "lb_desc16",
+        "text": "#16",
+        "top": 651,
+        "left": 1471,
+        "width": 41,
+        "height": 23
+    }, {
+        "type": "rackDescs",
+        "id": "lb_desc15",
+        "text": "#15",
+        "top": 626,
+        "left": 1472,
+        "width": 40,
+        "height": 23
+    }, {
+        "type": "rackDescs",
+        "id": "lb_desc14",
+        "text": "#14",
+        "top": 565,
+        "left": 1469,
+        "width": 41,
+        "height": 23
+    }, {
+        "type": "rackDescs",
+        "id": "lb_desc13",
+        "text": "#13",
+        "top": 541,
+        "left": 1472,
+        "width": 40,
+        "height": 23
+    }, {
         "type": "rackDescs",
         "id": "lb_desc12",
         "text": "#12",
-        "top": 646,
-        "left": 260,
-        "width": 47,
-        "height": 27
+        "top": 485,
+        "left": 1517,
+        "width": 41,
+        "height": 23
     }, {
         "type": "rackDescs",
         "id": "lb_desc11",
         "text": "#11",
-        "top": 618,
-        "left": 260,
-        "width": 44,
-        "height": 27
+        "top": 460,
+        "left": 1518,
+        "width": 38,
+        "height": 23
     }, {
         "type": "rackDescs",
         "id": "lb_desc10",
         "text": "#10",
-        "top": 516,
-        "left": 257,
-        "width": 49,
-        "height": 27
+        "top": 399,
+        "left": 1515,
+        "width": 42,
+        "height": 23
     }, {
         "type": "rackDescs",
         "id": "lb_desc9",
         "text": "#9",
-        "top": 488,
-        "left": 257,
-        "width": 38,
-        "height": 27
+        "top": 375,
+        "left": 1518,
+        "width": 33,
+        "height": 23
     }, {
         "type": "rackDescs",
         "id": "lb_desc8",
         "text": "#8",
-        "top": 449,
-        "left": 260,
-        "width": 39,
-        "height": 27
+        "top": 349,
+        "left": 1389,
+        "width": 33,
+        "height": 23
     }, {
         "type": "rackDescs",
         "id": "lb_desc7",
         "text": "#7",
-        "top": 421,
-        "left": 260,
-        "width": 37,
-        "height": 27
+        "top": 321,
+        "left": 1389,
+        "width": 32,
+        "height": 23
     }, {
         "type": "rackDescs",
         "id": "lb_desc6",
         "text": "#6",
-        "top": 327,
-        "left": 260,
-        "width": 38,
-        "height": 27
+        "top": 264,
+        "left": 1387,
+        "width": 33,
+        "height": 23
     }, {
         "type": "rackDescs",
         "id": "lb_desc5",
         "text": "#5",
-        "top": 291,
-        "left": 261,
-        "width": 38,
-        "height": 27
+        "top": 235,
+        "left": 1388,
+        "width": 32,
+        "height": 23
     }, {
         "type": "rackDescs",
         "id": "lb_desc4",
         "text": "#4",
-        "top": 253,
-        "left": 145,
-        "width": 38,
-        "height": 27
+        "top": 206,
+        "left": 1388,
+        "width": 33,
+        "height": 23
     }, {
         "type": "rackDescs",
         "id": "lb_desc3",
         "text": "#3",
-        "top": 225,
-        "left": 145,
-        "width": 38,
-        "height": 27
+        "top": 179,
+        "left": 1389,
+        "width": 32,
+        "height": 23
     }, {
         "type": "rackDescs",
         "id": "lb_desc2",
         "text": "#2",
-        "top": 128,
-        "left": 145,
-        "width": 38,
-        "height": 27
+        "top": 123,
+        "left": 1389,
+        "width": 33,
+        "height": 23
     }, {
         "type": "rackDescs",
         "id": "lb_desc1",
         "text": "#1",
-        "top": 100,
-        "left": 145,
-        "width": 35,
-        "height": 27
+        "top": 95,
+        "left": 1389,
+        "width": 30,
+        "height": 23
     }],
-    "crns": [
-        {
-            "type": "crane",
-            "id": "crn-1",
-            "text": "1",
-            "top": 184,
-            "left": 777,
-            "width": 93,
-            "height": 22
-        },
-        {
-            "type": "crane",
-            "id": "crn-2",
-            "text": "2",
-            "top": 378,
-            "left": 777,
-            "width": 93,
-            "height": 22
-        },
-        {
-            "type": "crane",
-            "id": "crn-3",
-            "text": "3",
-            "top": 572,
-            "left": 777,
-            "width": 93,
-            "height": 22
-        },
-        {
-            "type": "track",
-            "id": "lb_track2",
-            "text": "",
-            "top": 387,
-            "left": 298,
-            "width": 1050,
-            "height": 2
-        },
-        {
-            "type": "track",
-            "id": "lb_track3",
-            "text": "",
-            "top": 582,
-            "left": 298,
-            "width": 1050,
-            "height": 2
-        },
-        {
-            "type": "track",
-            "id": "lb_track1",
-            "text": "",
-            "top": 195,
-            "left": 298,
-            "width": 1050,
-            "height": 2
-        }
-        ],
-    "areas": [{
-        "type": "Control_floor",
-        "id": "tabControl_floor1",
-        "text": "妤煎眰",
-        "top": 286,
-        "left": 22,
-        "width": 302,
-        "height": 403,
-        "floors": [
-            {
-            "type": "floor",
-            "id": "page_floor1",
-            "text": "1F",
-            "top": 4,
-            "left": 22,
-            "width": 276,
-            "height": 395,
-            "stns": [
-                {
-                    "type": "stn",
-                    "id": "site-132",
-                    "text": "132",
-                    "top": 547,
-                    "left": 1399,
-                    "width": 60,
-                    "height": 63
-                },
-                {
-                    "type": "stn",
-                    "id": "site-126",
-                    "text": "126",
-                    "top": 450,
-                    "left": 1461,
-                    "width": 60,
-                    "height": 63
-                },
-                {
-                    "type": "stn",
-                    "id": "site-125",
-                    "text": "125",
-                    "top": 450,
-                    "left": 1399,
-                    "width": 60,
-                    "height": 63
-                },
-                {
-                    "type": "stn",
-                    "id": "site-119",
-                    "text": "119",
-                    "top": 353,
-                    "left": 1461,
-                    "width": 60,
-                    "height": 63
-                },
-                {
-                    "type": "stn",
-                    "id": "site-118",
-                    "text": "118",
-                    "top": 353,
-                    "left": 1399,
-                    "width": 60,
-                    "height": 63
-                },
-                {
-                    "type": "stn",
-                    "id": "site-136",
-                    "text": "136",
-                    "top": 611,
-                    "left": 1461,
-                    "width": 120,
-                    "height": 30
-                },
-                {
-                    "type": "stn",
-                    "id": "site-135",
-                    "text": "135",
-                    "top": 611,
-                    "left": 1399,
-                    "width": 60,
-                    "height": 30
-                },
-                {
-                    "type": "stn",
-                    "id": "site-134",
-                    "text": "134",
-                    "top": 611,
-                    "left": 1337,
-                    "width": 60,
-                    "height": 30
-                },
-                {
-                    "type": "stn",
-                    "id": "site-133",
-                    "text": "133",
-                    "top": 611,
-                    "left": 1215,
-                    "width": 120,
-                    "height": 30
-                },
-                {
-                    "type": "stn",
-                    "id": "site-130",
-                    "text": "130",
-                    "top": 515,
-                    "left": 1461,
-                    "width": 60,
-                    "height": 30
-                },
-                {
-                    "type": "stn",
-                    "id": "site-129",
-                    "text": "129",
-                    "top": 515,
-                    "left": 1399,
-                    "width": 60,
-                    "height": 30
-                },
-                {
-                    "type": "stn",
-                    "id": "site-128",
-                    "text": "128",
-                    "top": 515,
-                    "left": 1337,
-                    "width": 60,
-                    "height": 30
-                },
-                {
-                    "type": "stn",
-                    "id": "site-127",
-                    "text": "127",
-                    "top": 515,
-                    "left": 1215,
-                    "width": 120,
-                    "height": 30
-                },
-                {
-                    "type": "stn",
-                    "id": "site-131",
-                    "text": "131",
-                    "top": 515,
-                    "left": 1522,
-                    "width": 60,
-                    "height": 30
-                },
-                {
-                    "type": "stn",
-                    "id": "site-123",
-                    "text": "123",
-                    "top": 418,
-                    "left": 1461,
-                    "width": 60,
-                    "height": 30
-                },
-                {
-                    "type": "stn",
-                    "id": "site-122",
-                    "text": "122",
-                    "top": 418,
-                    "left": 1399,
-                    "width": 60,
-                    "height": 30
-                },
-                {
-                    "type": "stn",
-                    "id": "site-121",
-                    "text": "121",
-                    "top": 418,
-                    "left": 1337,
-                    "width": 60,
-                    "height": 30
-                },
-                {
-                    "type": "stn",
-                    "id": "site-120",
-                    "text": "120",
-                    "top": 418,
-                    "left": 1215,
-                    "width": 120,
-                    "height": 30
-                },
-                {
-                    "type": "stn",
-                    "id": "site-124",
-                    "text": "124",
-                    "top": 418,
-                    "left": 1522,
-                    "width": 60,
-                    "height": 30
-                },
-                {
-                    "type": "stn",
-                    "id": "site-112",
-                    "text": "112",
-                    "top": 256,
-                    "left": 1461,
-                    "width": 60,
-                    "height": 63
-                },
-                {
-                    "type": "stn",
-                    "id": "site-111",
-                    "text": "111",
-                    "top": 256,
-                    "left": 1399,
-                    "width": 60,
-                    "height": 63
-                },
-                {
-                    "type": "stn",
-                    "id": "site-116",
-                    "text": "116",
-                    "top": 321,
-                    "left": 1461,
-                    "width": 60,
-                    "height": 30
-                },
-                {
-                    "type": "stn",
-                    "id": "site-115",
-                    "text": "115",
-                    "top": 321,
-                    "left": 1399,
-                    "width": 60,
-                    "height": 30
-                },
-                {
-                    "type": "stn",
-                    "id": "site-114",
-                    "text": "114",
-                    "top": 321,
-                    "left": 1337,
-                    "width": 60,
-                    "height": 30
-                },
-                {
-                    "type": "stn",
-                    "id": "site-113",
-                    "text": "113",
-                    "top": 321,
-                    "left": 1215,
-                    "width": 120,
-                    "height": 30
-                },
-                {
-                    "type": "stn",
-                    "id": "site-117",
-                    "text": "117",
-                    "top": 321,
-                    "left": 1522,
-                    "width": 60,
-                    "height": 30
-                },
-                {
-                    "type": "stn",
-                    "id": "site-105",
-                    "text": "105",
-                    "top": 159,
-                    "left": 1399,
-                    "width": 60,
-                    "height": 63
-                },
-                {
-                    "type": "stn",
-                    "id": "site-109",
-                    "text": "109",
-                    "top": 224,
-                    "left": 1461,
-                    "width": 60,
-                    "height": 30
-                },
-                {
-                    "type": "stn",
-                    "id": "site-108",
-                    "text": "108",
-                    "top": 224,
-                    "left": 1399,
-                    "width": 60,
-                    "height": 30
-                },
-                {
-                    "type": "stn",
-                    "id": "site-107",
-                    "text": "107",
-                    "top": 224,
-                    "left": 1337,
-                    "width": 60,
-                    "height": 30
-                },
-                {
-                    "type": "stn",
-                    "id": "site-106",
-                    "text": "106",
-                    "top": 224,
-                    "left": 1215,
-                    "width": 120,
-                    "height": 30
-                },
-                {
-                    "type": "stn",
-                    "id": "site-104",
-                    "text": "104",
-                    "top": 128,
-                    "left": 1461,
-                    "width": 120,
-                    "height": 30
-                },
-                {
-                    "type": "stn",
-                    "id": "site-103",
-                    "text": "103",
-                    "top": 128,
-                    "left": 1399,
-                    "width": 60,
-                    "height": 30
-                },
-                {
-                    "type": "stn",
-                    "id": "site-102",
-                    "text": "102",
-                    "top": 128,
-                    "left": 1337,
-                    "width": 60,
-                    "height": 30
-                },
-                {
-                    "type": "stn",
-                    "id": "site-101",
-                    "text": "101",
-                    "top": 128,
-                    "left": 1215,
-                    "width": 120,
-                    "height": 30
-                },
-                {
-                    "type": "stn",
-                    "id": "site-110",
-                    "text": "110",
-                    "top": 224,
-                    "left": 1522,
-                    "width": 60,
-                    "height": 30
-                },
-                {
-                    "type": "stn",
-                    "id": "site-199",
-                    "text": "199",
-                    "top": 150,
-                    "left": 1590,
-                    "width": 60,
-                    "height": 30
-                },
-                {
-                "type": "track",
-                "id": "lb_trCart1",
-                "text": "RGV杞ㄩ亾",
-                "top": 140,
-                "left": 1600,
-                "width": 4,
-                "height": 500
-            },
-                {
-                "type": "track",
-                "id": "lb_trCart2",
-                "text": "RGV杞ㄩ亾",
-                "top": 140,
-                "left": 1635,
-                "width": 4,
-                "height": 500
-            },
-            ]
-            },
-            {
-                "type": "floor",
-                "id": "page_floor2",
-                "text": "2F",
-                "top": 4,
-                "left": 22,
-                "width": 276,
-                "height": 395,
-                "stns": [
-                    {
-                        "type": "stn",
-                        "id": "site-201",
-                        "text": "201",
-                        "top": 98,
-                        "left": 1212,
-                        "width": 77,
-                        "height": 30
-                    },
-                    {
-                        "type": "stn",
-                        "id": "site-202",
-                        "text": "202",
-                        "top": 98,
-                        "left": 1292,
-                        "width": 77,
-                        "height": 30
-                    },
-                    {
-                        "type": "stn",
-                        "id": "site-221",
-                        "text": "221",
-                        "top": 290,
-                        "left": 1212,
-                        "width": 77,
-                        "height": 30
-                    },
-                    {
-                        "type": "stn",
-                        "id": "site-220",
-                        "text": "220",
-                        "top": 257,
-                        "left": 1212,
-                        "width": 77,
-                        "height": 30
-                    }]
-            },
-            {
-                "type": "floor",
-                "id": "page_floor3",
-                "text": "3F",
-                "top": 4,
-                "left": 22,
-                "width": 276,
-                "height": 395,
-                "stns": [{
-                    "type": "stn",
-                    "id": "site-301",
-                    "text": "301",
-                    "top": 98,
-                    "left": 1212,
-                    "width": 77,
-                    "height": 30
-                }, {
-                    "type": "stn",
-                    "id": "site-302",
-                    "text": "302",
-                    "top": 130,
-                    "left": 1212,
-                    "width": 77,
-                    "height": 30
-                }, {
-                    "type": "stn",
-                    "id": "site-321",
-                    "text": "321",
-                    "top": 225,
-                    "left": 1212,
-                    "width": 77,
-                    "height": 30
-                }, {
-                    "type": "stn",
-                    "id": "site-999",
-                    "text": "999",
-                    "top": 323,
-                    "left": 1212,
-                    "width": 77,
-                    "height": 30
-                }]
-            }]
+    "crns": [{
+        "type": "crane",
+        "id": "crn-4",
+        "text": "4",
+        "top": 597,
+        "left": 500,
+        "width": 93,
+        "height": 22
+    }, {
+        "type": "track",
+        "id": "lb_track4",
+        "text": "",
+        "top": 606,
+        "left": 366,
+        "width": 1150,
+        "height": 2
+    }, {
+        "type": "crane",
+        "id": "crn-1",
+        "text": "1",
+        "top": 153,
+        "left": 500,
+        "width": 93,
+        "height": 22
+    }, {
+        "type": "crane",
+        "id": "crn-2",
+        "text": "2",
+        "top": 291,
+        "left": 500,
+        "width": 93,
+        "height": 22
+    }, {
+        "type": "crane",
+        "id": "crn-3",
+        "text": "3",
+        "top": 428,
+        "left": 500,
+        "width": 93,
+        "height": 22
+    }, {
+        "type": "track",
+        "id": "lb_track2",
+        "text": "",
+        "top": 300,
+        "left": 359,
+        "width": 1066,
+        "height": 2
+    }, {
+        "type": "track",
+        "id": "lb_track3",
+        "text": "",
+        "top": 438,
+        "left": 359,
+        "width": 1200,
+        "height": 2
+    }, {
+        "type": "track",
+        "id": "lb_track1",
+        "text": "",
+        "top": 164,
+        "left": 315,
+        "width": 1112,
+        "height": 2
+    }],
+    "stns": [{
+        "type": "stn",
+        "id": "site-112",
+        "text": "112",
+        "top": 458,
+        "left": 311,
+        "width": 100,
+        "height": 24
+    }, {
+        "type": "stn",
+        "id": "site-111",
+        "text": "111",
+        "top": 458,
+        "left": 209,
+        "width": 100,
+        "height": 24
+    }, {
+        "type": "stn",
+        "id": "site-114",
+        "text": "114",
+        "top": 568,
+        "left": 311,
+        "width": 100,
+        "height": 24
+    }, {
+        "type": "stn",
+        "id": "site-113",
+        "text": "113",
+        "top": 568,
+        "left": 209,
+        "width": 100,
+        "height": 24
+    }, {
+        "type": "stn",
+        "id": "site-105",
+        "text": "105",
+        "top": 262,
+        "left": 201,
+        "width": 100,
+        "height": 24
+    }, {
+        "type": "stn",
+        "id": "site-109",
+        "text": "109",
+        "top": 399,
+        "left": 208,
+        "width": 100,
+        "height": 24
+    }, {
+        "type": "stn",
+        "id": "site-108",
+        "text": "108",
+        "top": 318,
+        "left": 303,
+        "width": 100,
+        "height": 24
+    }, {
+        "type": "stn",
+        "id": "site-107",
+        "text": "107",
+        "top": 318,
+        "left": 201,
+        "width": 100,
+        "height": 24
+    }, {
+        "type": "stn",
+        "id": "site-106",
+        "text": "106",
+        "top": 262,
+        "left": 303,
+        "width": 100,
+        "height": 24
+    }, {
+        "type": "stn",
+        "id": "site-104",
+        "text": "104",
+        "top": 180,
+        "left": 255,
+        "width": 100,
+        "height": 24
+    }, {
+        "type": "stn",
+        "id": "site-103",
+        "text": "103",
+        "top": 180,
+        "left": 153,
+        "width": 100,
+        "height": 24
+    }, {
+        "type": "stn",
+        "id": "site-102",
+        "text": "102",
+        "top": 122,
+        "left": 255,
+        "width": 100,
+        "height": 24
+    }, {
+        "type": "stn",
+        "id": "site-101",
+        "text": "101",
+        "top": 122,
+        "left": 153,
+        "width": 100,
+        "height": 24
+    }, {
+        "type": "stn",
+        "id": "site-110",
+        "text": "110",
+        "top": 399,
+        "left": 310,
+        "width": 100,
+        "height": 24
     }]
 }
-let total = [], rack = '', racks = '', rackDesc = '',rackDescs = '', crn = '', crns = '',track = '',tracks = '', stn = '', stns = '',stnArr = [],floorBtn = '',floorBtns = '',floorBtnss = '',whycq='';
-let rackss = rackData.racks,rackDescss = rackData.rackDescs,crnss = rackData.crns,areas = rackData.areas[0].floors;
-let floorId
+
+// 搴撲綅鍥�
 function getMap() {
-    let mapName = "<div class='mapName'>" + rackData.mapName + "</div>"
+    let mapName = "<div class='mapName'>" + data.mapName + "</div>"
+    let rack = '', racks = '', rackDesc = '',
+        rackDescs = '', crn = '', crns = '',track = '',
+        tracks = '', stn = '', stns = '';
+    let rackss = data.racks,
+        rackDescss = data.rackDescs,
+        crnss = data.crns,
+        stnss = data.stns;
     // 璐ф灦
     for (let i = 0;i < rackss.length;i++) {
         let btn =''
         let btns = ''
         var maxBayNo = rackss[i].maxBayNo
         var minBayNo = rackss[i].minBayNo
-        let bLen = maxBayNo / minBayNo
-        if (rackData.hpPosition == 1) {
+        var bayNo = minBayNo;
+        // let bLen = maxBayNo / minBayNo
+        // let bLen = Math.ceil((maxBayNo - minBayNo + 1) / 2);
+        // let bLen = Math.ceil(maxBayNo / 2);
+        let bLen = parseInt(maxBayNo / 2);
+        let width = rackss[i].width / bLen;
+
+        if (data.hpPosition == 1) {
             for (let j = bLen;j > 0; j--) {
-                btn = "<button class='item' style='width: 34px'>" + maxBayNo + "</button>"
+                btn = "<button class='item' style='width: " + width + "px'>" + maxBayNo + "</button>"
                 btns = btns + btn
-                maxBayNo = maxBayNo - minBayNo;
+                maxBayNo = maxBayNo - 2;
+                if(maxBayNo < minBayNo) {
+                    maxBayNo = minBayNo;
+                }
+                // maxBayNo = maxBayNo - minBayNo;
             }
         }else {
             for (let j = 0;j < bLen; j++) {
-                btn = "<button class='item' style='width: 34px'>" + minBayNo + "</button>"
+                btn = "<button class='item' style='width: " + width + "px'>" + bayNo + "</button>"
                 btns = btns + btn
-                minBayNo = minBayNo + minBayNo;
+                bayNo = bayNo + 2;
+                if(bayNo > maxBayNo) {
+                    bayNo = maxBayNo;
+                }
+                // bayNo = bayNo + minBayNo;
             }
         }
 
@@ -1430,57 +544,17 @@
             tracks = tracks + track
         }
     }
-    // 妤煎眰
-    for (let i = 0; i < areas.length;i++) {
-        let stnss = areas[i].stns
-        let floor = areas[i].text
-        floorId = areas[i].id
-        var position = (i+1)*100
-        floorBtn =
-            "<button class='floorBtn btn-16' onclick='changFloor("+i+")' style='top: "+position+"px;'>" + floor +"</button>"
-        floorBtnss =  floorBtnss + floorBtn
-        // 姣忓眰鐨� 杈撻�佺嚎绔欑偣
-        var index = i
-        var n = 1
-        stnArr[index] = ''
-        total[index] = ''
-        for (let j = 0; j < stnss.length; j++) {
-            if (stnss[j].type == "stn") {
-                stn = "<div class='site' id='" + stnss[j].id +
-                    "'style='width:"+ stnss[j].width +
-                    "px;height: "+ stnss[j].height+
-                    "px;line-height: "+ stnss[j].height+
-                    "px;top: "+ stnss[j].top +
-                    "px;left: "+ stnss[j].left +
-                    "px'>" + stnss[j].text + "</div>"
-                stnArr[i] = stnArr[i] + stn
-                total[i] = n++
-            } else if(stnss[j].type == "track"){
-                stn = "<div class='track' id='" + stnss[j].id +
-                    "'style='width:"+ stnss[j].width +
-                    "px;height: "+ stnss[j].height+
-                    "px;line-height: "+ stnss[j].height+
-                    "px;top: "+ stnss[j].top +
-                    "px;left: "+ stnss[j].left +
-                    "px'>" + stnss[j].text + "</div>"
-                stnArr[i] = stnArr[i] + stn
-            }
-
-        }
-
+    // 杈撻�佺嚎 绔欑偣
+    for (let i = 0;i < stnss.length;i++) {
+        stn = "<div class='site' id='" + stnss[i].id +
+            "'style='width:"+ stnss[i].width +
+            "px;height: "+ stnss[i].height+
+            "px;line-height: "+ stnss[i].height+
+            "px;top: "+ stnss[i].top +
+            "px;left: "+ stnss[i].left +
+            "px'>" + stnss[i].text + "</div>"
+        stns = stns + stn
     }
-    whycq = racks  + stnArr[0] +rackDescs + crns + tracks + floorBtnss
+    let whycq = racks + stns + rackDescs + crns + tracks
     $(".main-part").append(whycq)
-    $("#line-total").html(total[0])
-
-};
-
-function changFloor(e) {
-    $(".main-part").empty()  // 娓呯┖鑺傜偣
-    whycq = racks  + stnArr[e] +rackDescs + crns + tracks + floorBtnss
-    $(".main-part").append(whycq)
-    $("#line-total").empty()
-    $("#line-total").html(total[e])
-}
-
-
+};
\ No newline at end of file
diff --git a/version/render.js b/version/render.js
new file mode 100644
index 0000000..d30d453
--- /dev/null
+++ b/version/render.js
@@ -0,0 +1,1486 @@
+newData = {
+    "mapName": "鍏嬪姵鏂帥鑿瞁CS",
+    "rackCount": 12,
+    "crnCount": 3,
+    "stbCount": 36,
+    "hpPosition": 1,
+    "minBayNo": 2,
+    "floors": 1,
+    "racks": [
+        {
+            "type": "rack",
+            "id": "rack12",
+            "top": 646,
+            "left": 324,
+            "width": 887,
+            "height": 30,
+            "minBayNo": 2,
+            "maxBayNo": 52
+        },
+        {
+            "type": "rack",
+            "id": "rack11",
+            "top": 613,
+            "left": 324,
+            "width": 887,
+            "height": 30,
+            "minBayNo": 2,
+            "maxBayNo": 52
+        },
+        {
+            "type": "rack",
+            "id": "rack10",
+            "top": 516,
+            "left": 324,
+            "width": 887,
+            "height": 30,
+            "minBayNo": 2,
+            "maxBayNo": 52
+        },
+        {
+            "type": "rack",
+            "id": "rack9",
+            "top": 483,
+            "left": 324,
+            "width": 887,
+            "height": 30,
+            "minBayNo": 2,
+            "maxBayNo": 52
+        },
+        {
+            "type": "rack",
+            "id": "rack8",
+            "top": 451,
+            "left": 324,
+            "width": 887,
+            "height": 30,
+            "minBayNo": 2,
+            "maxBayNo": 52
+        },
+        {
+            "type": "rack",
+            "id": "rack7",
+            "top": 418,
+            "left": 324,
+            "width": 887,
+            "height": 30,
+            "minBayNo": 2,
+            "maxBayNo": 52
+        },
+        {
+            "type": "rack",
+            "id": "rack6",
+            "top": 323,
+            "left": 324,
+            "width": 887,
+            "height": 30,
+            "minBayNo": 2,
+            "maxBayNo": 52
+        },
+        {
+            "type": "rack",
+            "id": "rack5",
+            "top": 290,
+            "left": 324,
+            "width": 887,
+            "height": 30,
+            "minBayNo": 2,
+            "maxBayNo": 52
+        },
+        {
+            "type": "rack",
+            "id": "rack3",
+            "top": 225,
+            "left": 188,
+            "width": 1023,
+            "height": 30,
+            "minBayNo": 2,
+            "maxBayNo": 60
+        },
+        {
+            "type": "rack",
+            "id": "rack1",
+            "top": 97,
+            "left": 188,
+            "width": 1023,
+            "height": 30,
+            "minBayNo": 2,
+            "maxBayNo": 60
+        },
+        {
+            "type": "rack",
+            "id": "rack4",
+            "top": 257,
+            "left": 188,
+            "width": 1023,
+            "height": 30,
+            "minBayNo": 2,
+            "maxBayNo": 60
+        },
+        {
+            "type": "rack",
+            "id": "rack2",
+            "top": 129,
+            "left": 188,
+            "width": 1023,
+            "height": 30,
+            "minBayNo": 2,
+            "maxBayNo": 60
+        }
+    ],
+    "rackDescs": [
+        {
+            "type": "rackDescs",
+            "id": "lb_desc12",
+            "text": "#12",
+            "top": 646,
+            "left": 260,
+            "width": 47,
+            "height": 27
+        },
+        {
+            "type": "rackDescs",
+            "id": "lb_desc11",
+            "text": "#11",
+            "top": 618,
+            "left": 260,
+            "width": 44,
+            "height": 27
+        },
+        {
+            "type": "rackDescs",
+            "id": "lb_desc10",
+            "text": "#10",
+            "top": 516,
+            "left": 257,
+            "width": 49,
+            "height": 27
+        },
+        {
+            "type": "rackDescs",
+            "id": "lb_desc9",
+            "text": "#9",
+            "top": 488,
+            "left": 257,
+            "width": 38,
+            "height": 27
+        },
+        {
+            "type": "rackDescs",
+            "id": "lb_desc8",
+            "text": "#8",
+            "top": 449,
+            "left": 260,
+            "width": 39,
+            "height": 27
+        },
+        {
+            "type": "rackDescs",
+            "id": "lb_desc7",
+            "text": "#7",
+            "top": 421,
+            "left": 260,
+            "width": 37,
+            "height": 27
+        },
+        {
+            "type": "rackDescs",
+            "id": "lb_desc6",
+            "text": "#6",
+            "top": 327,
+            "left": 260,
+            "width": 38,
+            "height": 27
+        },
+        {
+            "type": "rackDescs",
+            "id": "lb_desc5",
+            "text": "#5",
+            "top": 291,
+            "left": 261,
+            "width": 38,
+            "height": 27
+        },
+        {
+            "type": "rackDescs",
+            "id": "lb_desc4",
+            "text": "#4",
+            "top": 253,
+            "left": 145,
+            "width": 38,
+            "height": 27
+        },
+        {
+            "type": "rackDescs",
+            "id": "lb_desc3",
+            "text": "#3",
+            "top": 225,
+            "left": 145,
+            "width": 38,
+            "height": 27
+        },
+        {
+            "type": "rackDescs",
+            "id": "lb_desc2",
+            "text": "#2",
+            "top": 128,
+            "left": 145,
+            "width": 38,
+            "height": 27
+        },
+        {
+            "type": "rackDescs",
+            "id": "lb_desc1",
+            "text": "#1",
+            "top": 100,
+            "left": 145,
+            "width": 35,
+            "height": 27
+        }
+    ],
+    "crns": [
+        {
+            "type": "crane",
+            "id": "crn-1",
+            "text": "1",
+            "top": 184,
+            "left": 777,
+            "width": 93,
+            "height": 22
+        },
+        {
+            "type": "crane",
+            "id": "crn-2",
+            "text": "2",
+            "top": 378,
+            "left": 777,
+            "width": 93,
+            "height": 22
+        },
+        {
+            "type": "crane",
+            "id": "crn-3",
+            "text": "3",
+            "top": 572,
+            "left": 777,
+            "width": 93,
+            "height": 22
+        },
+        {
+            "type": "track",
+            "id": "lb_track2",
+            "text": "",
+            "top": 390,
+            "left": 325,
+            "width": 1010,
+            "height": 2
+        },
+        {
+            "type": "track",
+            "id": "lb_track3",
+            "text": "",
+            "top": 584,
+            "left": 325,
+            "width": 1010,
+            "height": 2
+        },
+        {
+            "type": "track",
+            "id": "lb_track1",
+            "text": "",
+            "top": 197,
+            "left": 188,
+            "width": 1148,
+            "height": 2
+        }
+    ],
+    "stns": [
+        {
+            "type": "stn",
+            "id": "site-132",
+            "text": "132",
+            "top": 547,
+            "left": 1399,
+            "width": 60,
+            "height": 63
+        },
+        {
+            "type": "stn",
+            "id": "site-126",
+            "text": "126",
+            "top": 450,
+            "left": 1461,
+            "width": 60,
+            "height": 63
+        },
+        {
+            "type": "stn",
+            "id": "site-125",
+            "text": "125",
+            "top": 450,
+            "left": 1399,
+            "width": 60,
+            "height": 63
+        },
+        {
+            "type": "stn",
+            "id": "site-119",
+            "text": "119",
+            "top": 353,
+            "left": 1461,
+            "width": 60,
+            "height": 63
+        },
+        {
+            "type": "stn",
+            "id": "site-118",
+            "text": "118",
+            "top": 353,
+            "left": 1399,
+            "width": 60,
+            "height": 63
+        },
+        {
+            "type": "stn",
+            "id": "site-136",
+            "text": "136",
+            "top": 611,
+            "left": 1461,
+            "width": 120,
+            "height": 30
+        },
+        {
+            "type": "stn",
+            "id": "site-135",
+            "text": "135",
+            "top": 611,
+            "left": 1399,
+            "width": 60,
+            "height": 30
+        },
+        {
+            "type": "stn",
+            "id": "site-134",
+            "text": "134",
+            "top": 611,
+            "left": 1337,
+            "width": 60,
+            "height": 30
+        },
+        {
+            "type": "stn",
+            "id": "site-133",
+            "text": "133",
+            "top": 611,
+            "left": 1215,
+            "width": 120,
+            "height": 30
+        },
+        {
+            "type": "stn",
+            "id": "site-130",
+            "text": "130",
+            "top": 515,
+            "left": 1461,
+            "width": 60,
+            "height": 30
+        },
+        {
+            "type": "stn",
+            "id": "site-129",
+            "text": "129",
+            "top": 515,
+            "left": 1399,
+            "width": 60,
+            "height": 30
+        },
+        {
+            "type": "stn",
+            "id": "site-128",
+            "text": "128",
+            "top": 515,
+            "left": 1337,
+            "width": 60,
+            "height": 30
+        },
+        {
+            "type": "stn",
+            "id": "site-127",
+            "text": "127",
+            "top": 515,
+            "left": 1215,
+            "width": 120,
+            "height": 30
+        },
+        {
+            "type": "stn",
+            "id": "site-131",
+            "text": "131",
+            "top": 515,
+            "left": 1522,
+            "width": 60,
+            "height": 30
+        },
+        {
+            "type": "stn",
+            "id": "site-123",
+            "text": "123",
+            "top": 418,
+            "left": 1461,
+            "width": 60,
+            "height": 30
+        },
+        {
+            "type": "stn",
+            "id": "site-122",
+            "text": "122",
+            "top": 418,
+            "left": 1399,
+            "width": 60,
+            "height": 30
+        },
+        {
+            "type": "stn",
+            "id": "site-121",
+            "text": "121",
+            "top": 418,
+            "left": 1337,
+            "width": 60,
+            "height": 30
+        },
+        {
+            "type": "stn",
+            "id": "site-120",
+            "text": "120",
+            "top": 418,
+            "left": 1215,
+            "width": 120,
+            "height": 30
+        },
+        {
+            "type": "stn",
+            "id": "site-124",
+            "text": "124",
+            "top": 418,
+            "left": 1522,
+            "width": 60,
+            "height": 30
+        },
+        {
+            "type": "stn",
+            "id": "site-112",
+            "text": "112",
+            "top": 256,
+            "left": 1461,
+            "width": 60,
+            "height": 63
+        },
+        {
+            "type": "stn",
+            "id": "site-111",
+            "text": "111",
+            "top": 256,
+            "left": 1399,
+            "width": 60,
+            "height": 63
+        },
+        {
+            "type": "stn",
+            "id": "site-116",
+            "text": "116",
+            "top": 321,
+            "left": 1461,
+            "width": 60,
+            "height": 30
+        },
+        {
+            "type": "stn",
+            "id": "site-115",
+            "text": "115",
+            "top": 321,
+            "left": 1399,
+            "width": 60,
+            "height": 30
+        },
+        {
+            "type": "stn",
+            "id": "site-114",
+            "text": "114",
+            "top": 321,
+            "left": 1337,
+            "width": 60,
+            "height": 30
+        },
+        {
+            "type": "stn",
+            "id": "site-113",
+            "text": "113",
+            "top": 321,
+            "left": 1215,
+            "width": 120,
+            "height": 30
+        },
+        {
+            "type": "stn",
+            "id": "site-117",
+            "text": "117",
+            "top": 321,
+            "left": 1522,
+            "width": 60,
+            "height": 30
+        },
+        {
+            "type": "stn",
+            "id": "site-105",
+            "text": "105",
+            "top": 159,
+            "left": 1399,
+            "width": 60,
+            "height": 63
+        },
+        {
+            "type": "stn",
+            "id": "site-109",
+            "text": "109",
+            "top": 224,
+            "left": 1461,
+            "width": 60,
+            "height": 30
+        },
+        {
+            "type": "stn",
+            "id": "site-108",
+            "text": "108",
+            "top": 224,
+            "left": 1399,
+            "width": 60,
+            "height": 30
+        },
+        {
+            "type": "stn",
+            "id": "site-107",
+            "text": "107",
+            "top": 224,
+            "left": 1337,
+            "width": 60,
+            "height": 30
+        },
+        {
+            "type": "stn",
+            "id": "site-106",
+            "text": "106",
+            "top": 224,
+            "left": 1215,
+            "width": 120,
+            "height": 30
+        },
+        {
+            "type": "stn",
+            "id": "site-104",
+            "text": "104",
+            "top": 128,
+            "left": 1461,
+            "width": 120,
+            "height": 30
+        },
+        {
+            "type": "stn",
+            "id": "site-103",
+            "text": "103",
+            "top": 128,
+            "left": 1399,
+            "width": 60,
+            "height": 30
+        },
+        {
+            "type": "stn",
+            "id": "site-102",
+            "text": "102",
+            "top": 128,
+            "left": 1337,
+            "width": 60,
+            "height": 30
+        },
+        {
+            "type": "stn",
+            "id": "site-101",
+            "text": "101",
+            "top": 128,
+            "left": 1215,
+            "width": 120,
+            "height": 30
+        },
+        {
+            "type": "stn",
+            "id": "site-110",
+            "text": "110",
+            "top": 224,
+            "left": 1522,
+            "width": 60,
+            "height": 30
+        }
+    ]
+}
+// 搴撲綅鍥�
+rackData = {
+    "mapName": "WCS_test",
+    "rackCount": 12,
+    "crnCount": 3,
+    "stbCount": 9,
+    "hpPosition": 1,
+    "minBayNo": 2,
+    "floors": 2,
+    "racks": [
+        {
+            "type": "rack",
+            "id": "rack12",
+            "top": 646,
+            "left": 324,
+            "width": 887,
+            "height": 30,
+            "minBayNo": 2,
+            "maxBayNo": 52
+        },
+        {
+            "type": "rack",
+            "id": "rack11",
+            "top": 613,
+            "left": 324,
+            "width": 887,
+            "height": 30,
+            "minBayNo": 2,
+            "maxBayNo": 52
+        },
+        {
+            "type": "rack",
+            "id": "rack10",
+            "top": 516,
+            "left": 324,
+            "width": 887,
+            "height": 30,
+            "minBayNo": 2,
+            "maxBayNo": 52
+        },
+        {
+            "type": "rack",
+            "id": "rack9",
+            "top": 483,
+            "left": 324,
+            "width": 887,
+            "height": 30,
+            "minBayNo": 2,
+            "maxBayNo": 52
+        },
+        {
+            "type": "rack",
+            "id": "rack8",
+            "top": 451,
+            "left": 324,
+            "width": 887,
+            "height": 30,
+            "minBayNo": 2,
+            "maxBayNo": 52
+        },
+        {
+            "type": "rack",
+            "id": "rack7",
+            "top": 418,
+            "left": 324,
+            "width": 887,
+            "height": 30,
+            "minBayNo": 2,
+            "maxBayNo": 52
+        },
+        {
+            "type": "rack",
+            "id": "rack6",
+            "top": 323,
+            "left": 324,
+            "width": 887,
+            "height": 30,
+            "minBayNo": 2,
+            "maxBayNo": 52
+        },
+        {
+            "type": "rack",
+            "id": "rack5",
+            "top": 290,
+            "left": 324,
+            "width": 887,
+            "height": 30,
+            "minBayNo": 2,
+            "maxBayNo": 52
+        },
+        {
+            "type": "rack",
+            "id": "rack3",
+            "top": 225,
+            "left": 188,
+            "width": 1023,
+            "height": 30,
+            "minBayNo": 2,
+            "maxBayNo": 60
+        },
+        {
+            "type": "rack",
+            "id": "rack1",
+            "top": 97,
+            "left": 188,
+            "width": 1023,
+            "height": 30,
+            "minBayNo": 2,
+            "maxBayNo": 60
+        },
+        {
+            "type": "rack",
+            "id": "rack4",
+            "top": 257,
+            "left": 188,
+            "width": 1023,
+            "height": 30,
+            "minBayNo": 2,
+            "maxBayNo": 60
+        },
+        {
+            "type": "rack",
+            "id": "rack2",
+            "top": 129,
+            "left": 188,
+            "width": 1023,
+            "height": 30,
+            "minBayNo": 2,
+            "maxBayNo": 60
+        }],
+    "rackDescs": [{
+        "type": "rackDescs",
+        "id": "lb_desc12",
+        "text": "#12",
+        "top": 646,
+        "left": 260,
+        "width": 47,
+        "height": 27
+    }, {
+        "type": "rackDescs",
+        "id": "lb_desc11",
+        "text": "#11",
+        "top": 618,
+        "left": 260,
+        "width": 44,
+        "height": 27
+    }, {
+        "type": "rackDescs",
+        "id": "lb_desc10",
+        "text": "#10",
+        "top": 516,
+        "left": 257,
+        "width": 49,
+        "height": 27
+    }, {
+        "type": "rackDescs",
+        "id": "lb_desc9",
+        "text": "#9",
+        "top": 488,
+        "left": 257,
+        "width": 38,
+        "height": 27
+    }, {
+        "type": "rackDescs",
+        "id": "lb_desc8",
+        "text": "#8",
+        "top": 449,
+        "left": 260,
+        "width": 39,
+        "height": 27
+    }, {
+        "type": "rackDescs",
+        "id": "lb_desc7",
+        "text": "#7",
+        "top": 421,
+        "left": 260,
+        "width": 37,
+        "height": 27
+    }, {
+        "type": "rackDescs",
+        "id": "lb_desc6",
+        "text": "#6",
+        "top": 327,
+        "left": 260,
+        "width": 38,
+        "height": 27
+    }, {
+        "type": "rackDescs",
+        "id": "lb_desc5",
+        "text": "#5",
+        "top": 291,
+        "left": 261,
+        "width": 38,
+        "height": 27
+    }, {
+        "type": "rackDescs",
+        "id": "lb_desc4",
+        "text": "#4",
+        "top": 253,
+        "left": 145,
+        "width": 38,
+        "height": 27
+    }, {
+        "type": "rackDescs",
+        "id": "lb_desc3",
+        "text": "#3",
+        "top": 225,
+        "left": 145,
+        "width": 38,
+        "height": 27
+    }, {
+        "type": "rackDescs",
+        "id": "lb_desc2",
+        "text": "#2",
+        "top": 128,
+        "left": 145,
+        "width": 38,
+        "height": 27
+    }, {
+        "type": "rackDescs",
+        "id": "lb_desc1",
+        "text": "#1",
+        "top": 100,
+        "left": 145,
+        "width": 35,
+        "height": 27
+    }],
+    "crns": [
+        {
+            "type": "crane",
+            "id": "crn-1",
+            "text": "1",
+            "top": 184,
+            "left": 777,
+            "width": 93,
+            "height": 22
+        },
+        {
+            "type": "crane",
+            "id": "crn-2",
+            "text": "2",
+            "top": 378,
+            "left": 777,
+            "width": 93,
+            "height": 22
+        },
+        {
+            "type": "crane",
+            "id": "crn-3",
+            "text": "3",
+            "top": 572,
+            "left": 777,
+            "width": 93,
+            "height": 22
+        },
+        {
+            "type": "track",
+            "id": "lb_track2",
+            "text": "",
+            "top": 387,
+            "left": 298,
+            "width": 1050,
+            "height": 2
+        },
+        {
+            "type": "track",
+            "id": "lb_track3",
+            "text": "",
+            "top": 582,
+            "left": 298,
+            "width": 1050,
+            "height": 2
+        },
+        {
+            "type": "track",
+            "id": "lb_track1",
+            "text": "",
+            "top": 195,
+            "left": 298,
+            "width": 1050,
+            "height": 2
+        }
+        ],
+    "areas": [{
+        "type": "Control_floor",
+        "id": "tabControl_floor1",
+        "text": "妤煎眰",
+        "top": 286,
+        "left": 22,
+        "width": 302,
+        "height": 403,
+        "floors": [
+            {
+            "type": "floor",
+            "id": "page_floor1",
+            "text": "1F",
+            "top": 4,
+            "left": 22,
+            "width": 276,
+            "height": 395,
+            "stns": [
+                {
+                    "type": "stn",
+                    "id": "site-132",
+                    "text": "132",
+                    "top": 547,
+                    "left": 1399,
+                    "width": 60,
+                    "height": 63
+                },
+                {
+                    "type": "stn",
+                    "id": "site-126",
+                    "text": "126",
+                    "top": 450,
+                    "left": 1461,
+                    "width": 60,
+                    "height": 63
+                },
+                {
+                    "type": "stn",
+                    "id": "site-125",
+                    "text": "125",
+                    "top": 450,
+                    "left": 1399,
+                    "width": 60,
+                    "height": 63
+                },
+                {
+                    "type": "stn",
+                    "id": "site-119",
+                    "text": "119",
+                    "top": 353,
+                    "left": 1461,
+                    "width": 60,
+                    "height": 63
+                },
+                {
+                    "type": "stn",
+                    "id": "site-118",
+                    "text": "118",
+                    "top": 353,
+                    "left": 1399,
+                    "width": 60,
+                    "height": 63
+                },
+                {
+                    "type": "stn",
+                    "id": "site-136",
+                    "text": "136",
+                    "top": 611,
+                    "left": 1461,
+                    "width": 120,
+                    "height": 30
+                },
+                {
+                    "type": "stn",
+                    "id": "site-135",
+                    "text": "135",
+                    "top": 611,
+                    "left": 1399,
+                    "width": 60,
+                    "height": 30
+                },
+                {
+                    "type": "stn",
+                    "id": "site-134",
+                    "text": "134",
+                    "top": 611,
+                    "left": 1337,
+                    "width": 60,
+                    "height": 30
+                },
+                {
+                    "type": "stn",
+                    "id": "site-133",
+                    "text": "133",
+                    "top": 611,
+                    "left": 1215,
+                    "width": 120,
+                    "height": 30
+                },
+                {
+                    "type": "stn",
+                    "id": "site-130",
+                    "text": "130",
+                    "top": 515,
+                    "left": 1461,
+                    "width": 60,
+                    "height": 30
+                },
+                {
+                    "type": "stn",
+                    "id": "site-129",
+                    "text": "129",
+                    "top": 515,
+                    "left": 1399,
+                    "width": 60,
+                    "height": 30
+                },
+                {
+                    "type": "stn",
+                    "id": "site-128",
+                    "text": "128",
+                    "top": 515,
+                    "left": 1337,
+                    "width": 60,
+                    "height": 30
+                },
+                {
+                    "type": "stn",
+                    "id": "site-127",
+                    "text": "127",
+                    "top": 515,
+                    "left": 1215,
+                    "width": 120,
+                    "height": 30
+                },
+                {
+                    "type": "stn",
+                    "id": "site-131",
+                    "text": "131",
+                    "top": 515,
+                    "left": 1522,
+                    "width": 60,
+                    "height": 30
+                },
+                {
+                    "type": "stn",
+                    "id": "site-123",
+                    "text": "123",
+                    "top": 418,
+                    "left": 1461,
+                    "width": 60,
+                    "height": 30
+                },
+                {
+                    "type": "stn",
+                    "id": "site-122",
+                    "text": "122",
+                    "top": 418,
+                    "left": 1399,
+                    "width": 60,
+                    "height": 30
+                },
+                {
+                    "type": "stn",
+                    "id": "site-121",
+                    "text": "121",
+                    "top": 418,
+                    "left": 1337,
+                    "width": 60,
+                    "height": 30
+                },
+                {
+                    "type": "stn",
+                    "id": "site-120",
+                    "text": "120",
+                    "top": 418,
+                    "left": 1215,
+                    "width": 120,
+                    "height": 30
+                },
+                {
+                    "type": "stn",
+                    "id": "site-124",
+                    "text": "124",
+                    "top": 418,
+                    "left": 1522,
+                    "width": 60,
+                    "height": 30
+                },
+                {
+                    "type": "stn",
+                    "id": "site-112",
+                    "text": "112",
+                    "top": 256,
+                    "left": 1461,
+                    "width": 60,
+                    "height": 63
+                },
+                {
+                    "type": "stn",
+                    "id": "site-111",
+                    "text": "111",
+                    "top": 256,
+                    "left": 1399,
+                    "width": 60,
+                    "height": 63
+                },
+                {
+                    "type": "stn",
+                    "id": "site-116",
+                    "text": "116",
+                    "top": 321,
+                    "left": 1461,
+                    "width": 60,
+                    "height": 30
+                },
+                {
+                    "type": "stn",
+                    "id": "site-115",
+                    "text": "115",
+                    "top": 321,
+                    "left": 1399,
+                    "width": 60,
+                    "height": 30
+                },
+                {
+                    "type": "stn",
+                    "id": "site-114",
+                    "text": "114",
+                    "top": 321,
+                    "left": 1337,
+                    "width": 60,
+                    "height": 30
+                },
+                {
+                    "type": "stn",
+                    "id": "site-113",
+                    "text": "113",
+                    "top": 321,
+                    "left": 1215,
+                    "width": 120,
+                    "height": 30
+                },
+                {
+                    "type": "stn",
+                    "id": "site-117",
+                    "text": "117",
+                    "top": 321,
+                    "left": 1522,
+                    "width": 60,
+                    "height": 30
+                },
+                {
+                    "type": "stn",
+                    "id": "site-105",
+                    "text": "105",
+                    "top": 159,
+                    "left": 1399,
+                    "width": 60,
+                    "height": 63
+                },
+                {
+                    "type": "stn",
+                    "id": "site-109",
+                    "text": "109",
+                    "top": 224,
+                    "left": 1461,
+                    "width": 60,
+                    "height": 30
+                },
+                {
+                    "type": "stn",
+                    "id": "site-108",
+                    "text": "108",
+                    "top": 224,
+                    "left": 1399,
+                    "width": 60,
+                    "height": 30
+                },
+                {
+                    "type": "stn",
+                    "id": "site-107",
+                    "text": "107",
+                    "top": 224,
+                    "left": 1337,
+                    "width": 60,
+                    "height": 30
+                },
+                {
+                    "type": "stn",
+                    "id": "site-106",
+                    "text": "106",
+                    "top": 224,
+                    "left": 1215,
+                    "width": 120,
+                    "height": 30
+                },
+                {
+                    "type": "stn",
+                    "id": "site-104",
+                    "text": "104",
+                    "top": 128,
+                    "left": 1461,
+                    "width": 120,
+                    "height": 30
+                },
+                {
+                    "type": "stn",
+                    "id": "site-103",
+                    "text": "103",
+                    "top": 128,
+                    "left": 1399,
+                    "width": 60,
+                    "height": 30
+                },
+                {
+                    "type": "stn",
+                    "id": "site-102",
+                    "text": "102",
+                    "top": 128,
+                    "left": 1337,
+                    "width": 60,
+                    "height": 30
+                },
+                {
+                    "type": "stn",
+                    "id": "site-101",
+                    "text": "101",
+                    "top": 128,
+                    "left": 1215,
+                    "width": 120,
+                    "height": 30
+                },
+                {
+                    "type": "stn",
+                    "id": "site-110",
+                    "text": "110",
+                    "top": 224,
+                    "left": 1522,
+                    "width": 60,
+                    "height": 30
+                },
+                {
+                    "type": "stn",
+                    "id": "site-199",
+                    "text": "199",
+                    "top": 150,
+                    "left": 1590,
+                    "width": 60,
+                    "height": 30
+                },
+                {
+                "type": "track",
+                "id": "lb_trCart1",
+                "text": "RGV杞ㄩ亾",
+                "top": 140,
+                "left": 1600,
+                "width": 4,
+                "height": 500
+            },
+                {
+                "type": "track",
+                "id": "lb_trCart2",
+                "text": "RGV杞ㄩ亾",
+                "top": 140,
+                "left": 1635,
+                "width": 4,
+                "height": 500
+            },
+            ]
+            },
+            {
+                "type": "floor",
+                "id": "page_floor2",
+                "text": "2F",
+                "top": 4,
+                "left": 22,
+                "width": 276,
+                "height": 395,
+                "stns": [
+                    {
+                        "type": "stn",
+                        "id": "site-201",
+                        "text": "201",
+                        "top": 98,
+                        "left": 1212,
+                        "width": 77,
+                        "height": 30
+                    },
+                    {
+                        "type": "stn",
+                        "id": "site-202",
+                        "text": "202",
+                        "top": 98,
+                        "left": 1292,
+                        "width": 77,
+                        "height": 30
+                    },
+                    {
+                        "type": "stn",
+                        "id": "site-221",
+                        "text": "221",
+                        "top": 290,
+                        "left": 1212,
+                        "width": 77,
+                        "height": 30
+                    },
+                    {
+                        "type": "stn",
+                        "id": "site-220",
+                        "text": "220",
+                        "top": 257,
+                        "left": 1212,
+                        "width": 77,
+                        "height": 30
+                    }]
+            },
+            {
+                "type": "floor",
+                "id": "page_floor3",
+                "text": "3F",
+                "top": 4,
+                "left": 22,
+                "width": 276,
+                "height": 395,
+                "stns": [{
+                    "type": "stn",
+                    "id": "site-301",
+                    "text": "301",
+                    "top": 98,
+                    "left": 1212,
+                    "width": 77,
+                    "height": 30
+                }, {
+                    "type": "stn",
+                    "id": "site-302",
+                    "text": "302",
+                    "top": 130,
+                    "left": 1212,
+                    "width": 77,
+                    "height": 30
+                }, {
+                    "type": "stn",
+                    "id": "site-321",
+                    "text": "321",
+                    "top": 225,
+                    "left": 1212,
+                    "width": 77,
+                    "height": 30
+                }, {
+                    "type": "stn",
+                    "id": "site-999",
+                    "text": "999",
+                    "top": 323,
+                    "left": 1212,
+                    "width": 77,
+                    "height": 30
+                }]
+            }]
+    }]
+}
+let total = [], rack = '', racks = '', rackDesc = '',rackDescs = '', crn = '', crns = '',track = '',tracks = '', stn = '', stns = '',stnArr = [],floorBtn = '',floorBtns = '',floorBtnss = '',whycq='';
+let rackss = rackData.racks,rackDescss = rackData.rackDescs,crnss = rackData.crns,areas = rackData.areas[0].floors;
+let floorId
+function getMap() {
+    let mapName = "<div class='mapName'>" + rackData.mapName + "</div>"
+    // 璐ф灦
+    for (let i = 0;i < rackss.length;i++) {
+        let btn =''
+        let btns = ''
+        var maxBayNo = rackss[i].maxBayNo
+        var minBayNo = rackss[i].minBayNo
+        let bLen = maxBayNo / minBayNo
+        if (rackData.hpPosition == 1) {
+            for (let j = bLen;j > 0; j--) {
+                btn = "<button class='item' style='width: 34px'>" + maxBayNo + "</button>"
+                btns = btns + btn
+                maxBayNo = maxBayNo - minBayNo;
+            }
+        }else {
+            for (let j = 0;j < bLen; j++) {
+                btn = "<button class='item' style='width: 34px'>" + minBayNo + "</button>"
+                btns = btns + btn
+                minBayNo = minBayNo + minBayNo;
+            }
+        }
+
+        rack = "<div class='rack' id='" + rackss[i].id +
+            "'style='width:"+ rackss[i].width +
+            "px;height: "+ rackss[i].height+
+            "px;top: "+ rackss[i].top +
+            "px;left: "+ rackss[i].left +
+            "px'>" + btns + "</div>"
+        racks = racks + rack
+    }
+    // 璐ф灦鎻忚堪
+    for (let i = 0;i < rackDescss.length;i++) {
+        rackDesc = "<div class='rackDescs' id='" + rackDescss[i].id +
+            "'style='width:"+ rackDescss[i].width +
+            "px;height: "+ rackDescss[i].height+
+            "px;line-height: "+ rackDescss[i].height+
+            "px;top: "+ rackDescss[i].top +
+            "px;left: "+ rackDescss[i].left +
+            "px'>" + rackDescss[i].text + "</div>"
+        rackDescs = rackDescs + rackDesc
+    }
+    // 鍫嗗灈鏈哄拰鍦拌建
+    for (let i = 0;i < crnss.length;i++) {
+        if (crnss[i].type == "crane") {
+            crn = "<div class='machine' id='" + crnss[i].id +
+                "'style='width:"+ crnss[i].width +
+                "px;height: "+ crnss[i].height+
+                "px;top: "+ crnss[i].top +
+                "px;left: "+ crnss[i].left +
+                "px'></div>"
+            crns = crns + crn
+        } else {
+            track = "<div class='track' id='" + crnss[i].id +
+                "'style='width:"+ crnss[i].width +
+                "px;height: "+ crnss[i].height+
+                "px;top: "+ crnss[i].top +
+                "px;left: "+ crnss[i].left +
+                "px'>" + crnss[i].text + "</div>"
+            tracks = tracks + track
+        }
+    }
+    // 妤煎眰
+    for (let i = 0; i < areas.length;i++) {
+        let stnss = areas[i].stns
+        let floor = areas[i].text
+        floorId = areas[i].id
+        var position = (i+1)*100
+        floorBtn =
+            "<button class='floorBtn btn-16' onclick='changFloor("+i+")' style='top: "+position+"px;'>" + floor +"</button>"
+        floorBtnss =  floorBtnss + floorBtn
+        // 姣忓眰鐨� 杈撻�佺嚎绔欑偣
+        var index = i
+        var n = 1
+        stnArr[index] = ''
+        total[index] = ''
+        for (let j = 0; j < stnss.length; j++) {
+            if (stnss[j].type == "stn") {
+                stn = "<div class='site' id='" + stnss[j].id +
+                    "'style='width:"+ stnss[j].width +
+                    "px;height: "+ stnss[j].height+
+                    "px;line-height: "+ stnss[j].height+
+                    "px;top: "+ stnss[j].top +
+                    "px;left: "+ stnss[j].left +
+                    "px'>" + stnss[j].text + "</div>"
+                stnArr[i] = stnArr[i] + stn
+                total[i] = n++
+            } else if(stnss[j].type == "track"){
+                stn = "<div class='track' id='" + stnss[j].id +
+                    "'style='width:"+ stnss[j].width +
+                    "px;height: "+ stnss[j].height+
+                    "px;line-height: "+ stnss[j].height+
+                    "px;top: "+ stnss[j].top +
+                    "px;left: "+ stnss[j].left +
+                    "px'>" + stnss[j].text + "</div>"
+                stnArr[i] = stnArr[i] + stn
+            }
+
+        }
+
+    }
+    whycq = racks  + stnArr[0] +rackDescs + crns + tracks + floorBtnss
+    $(".main-part").append(whycq)
+    $("#line-total").html(total[0])
+
+};
+
+function changFloor(e) {
+    $(".main-part").empty()  // 娓呯┖鑺傜偣
+    whycq = racks  + stnArr[e] +rackDescs + crns + tracks + floorBtnss
+    $(".main-part").append(whycq)
+    $("#line-total").empty()
+    $("#line-total").html(total[e])
+}
+
+

--
Gitblit v1.9.1