#

18516761980

2022-06-08 9f687cf8a3218cf7dcda92d641703c46ae2c93c6

#

 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++) {

 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");

 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";

 src/main/webapp/views/render.js

@@ -1,1393 +1,507 @@
newData = {
    "mapName": "克劳斯玛菲WCS",
    "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])
}


};

 version/render.js

New file
@@ -0,0 +1,1486 @@
newData = {
    "mapName": "克劳斯玛菲WCS",
    "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])
}