From 8b084ee0bff281619fa07dbaf2d1bd5ad2180791 Mon Sep 17 00:00:00 2001
From: 18516761980 <4761516tqsxp>
Date: 星期三, 08 六月 2022 10:55:23 +0800
Subject: [PATCH] #

---
 src/main/webapp/views/render.js | 1875 +++++++++++++++++++++++++++++++++++++++++-----------------
 1 files changed, 1,326 insertions(+), 549 deletions(-)

diff --git a/src/main/webapp/views/render.js b/src/main/webapp/views/render.js
index ff6158c..d30d453 100644
--- a/src/main/webapp/views/render.js
+++ b/src/main/webapp/views/render.js
@@ -1,4 +1,4 @@
-data = {
+newData = {
     "mapName": "鍏嬪姵鏂帥鑿瞁CS",
     "rackCount": 12,
     "crnCount": 3,
@@ -7,129 +7,751 @@
     "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
-    }
-],
+        {
+            "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",
@@ -137,8 +759,7 @@
         "left": 260,
         "width": 47,
         "height": 27
-    },
-    {
+    }, {
         "type": "rackDescs",
         "id": "lb_desc11",
         "text": "#11",
@@ -146,8 +767,7 @@
         "left": 260,
         "width": 44,
         "height": 27
-    },
-    {
+    }, {
         "type": "rackDescs",
         "id": "lb_desc10",
         "text": "#10",
@@ -155,8 +775,7 @@
         "left": 257,
         "width": 49,
         "height": 27
-    },
-    {
+    }, {
         "type": "rackDescs",
         "id": "lb_desc9",
         "text": "#9",
@@ -164,8 +783,7 @@
         "left": 257,
         "width": 38,
         "height": 27
-    },
-    {
+    }, {
         "type": "rackDescs",
         "id": "lb_desc8",
         "text": "#8",
@@ -173,8 +791,7 @@
         "left": 260,
         "width": 39,
         "height": 27
-    },
-    {
+    }, {
         "type": "rackDescs",
         "id": "lb_desc7",
         "text": "#7",
@@ -182,8 +799,7 @@
         "left": 260,
         "width": 37,
         "height": 27
-    },
-    {
+    }, {
         "type": "rackDescs",
         "id": "lb_desc6",
         "text": "#6",
@@ -191,8 +807,7 @@
         "left": 260,
         "width": 38,
         "height": 27
-    },
-    {
+    }, {
         "type": "rackDescs",
         "id": "lb_desc5",
         "text": "#5",
@@ -200,8 +815,7 @@
         "left": 261,
         "width": 38,
         "height": 27
-    },
-    {
+    }, {
         "type": "rackDescs",
         "id": "lb_desc4",
         "text": "#4",
@@ -209,8 +823,7 @@
         "left": 145,
         "width": 38,
         "height": 27
-    },
-    {
+    }, {
         "type": "rackDescs",
         "id": "lb_desc3",
         "text": "#3",
@@ -218,8 +831,7 @@
         "left": 145,
         "width": 38,
         "height": 27
-    },
-    {
+    }, {
         "type": "rackDescs",
         "id": "lb_desc2",
         "text": "#2",
@@ -227,8 +839,7 @@
         "left": 145,
         "width": 38,
         "height": 27
-    },
-    {
+    }, {
         "type": "rackDescs",
         "id": "lb_desc1",
         "text": "#1",
@@ -236,401 +847,529 @@
         "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
-    }
-]
+        {
+            "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'>" + 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;
+    let mapName = "<div class='mapName'>" + rackData.mapName + "</div>"
     // 璐ф灦
     for (let i = 0;i < rackss.length;i++) {
         let btn =''
@@ -638,7 +1377,7 @@
         var maxBayNo = rackss[i].maxBayNo
         var minBayNo = rackss[i].minBayNo
         let bLen = maxBayNo / minBayNo
-        if (data.hpPosition == 1) {
+        if (rackData.hpPosition == 1) {
             for (let j = bLen;j > 0; j--) {
                 btn = "<button class='item' style='width: 34px'>" + maxBayNo + "</button>"
                 btns = btns + btn
@@ -691,19 +1430,57 @@
             tracks = tracks + track
         }
     }
-    // 杈撻�佺嚎 绔欑偣
-    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
+    // 妤煎眰
+    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
+            }
+
+        }
+
     }
-    let whycq = racks + stns + rackDescs + crns + tracks
+    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