#

18516761980

2022-06-14 434b69ba26276fa37ee3fc6053b8376c2840ca37

 src/main/webapp/views/render.js

@@ -1,632 +1,488 @@
data = {
    "mapName": "克劳斯玛菲WCS",
    "rackCount": 12,
    "crnCount": 3,
    "stbCount": 36,
    "hpPosition": 1,
    "mapName": "HYLYWCS",
    "rackCount": 16,
    "crnCount": 4,
    "stbCount": 16,
    "hpPosition": 0,
    "minBayNo": 2,
    "floors": 1,
    "racks": [
    {
    "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": 646,
        "left": 324,
        "width": 887,
        "height": 30,
        "top": 484,
        "left": 412,
        "width": 1099,
        "height": 24,
        "minBayNo": 2,
        "maxBayNo": 52
    },
    {
        "maxBayNo": 64
    }, {
        "type": "rack",
        "id": "rack11",
        "top": 613,
        "left": 324,
        "width": 887,
        "height": 30,
        "top": 458,
        "left": 412,
        "width": 1099,
        "height": 24,
        "minBayNo": 2,
        "maxBayNo": 52
    },
    {
        "maxBayNo": 64
    }, {
        "type": "rack",
        "id": "rack10",
        "top": 516,
        "left": 324,
        "width": 887,
        "height": 30,
        "top": 399,
        "left": 412,
        "width": 1099,
        "height": 24,
        "minBayNo": 2,
        "maxBayNo": 52
    },
    {
        "maxBayNo": 64
    }, {
        "type": "rack",
        "id": "rack9",
        "top": 483,
        "left": 324,
        "width": 887,
        "height": 30,
        "top": 373,
        "left": 412,
        "width": 1099,
        "height": 24,
        "minBayNo": 2,
        "maxBayNo": 52
    },
    {
        "maxBayNo": 64
    }, {
        "type": "rack",
        "id": "rack8",
        "top": 451,
        "left": 324,
        "width": 887,
        "height": 30,
        "top": 344,
        "left": 405,
        "width": 979,
        "height": 24,
        "minBayNo": 2,
        "maxBayNo": 52
    },
    {
        "maxBayNo": 16
    }, {
        "type": "rack",
        "id": "rack7",
        "top": 418,
        "left": 324,
        "width": 887,
        "height": 30,
        "top": 318,
        "left": 405,
        "width": 979,
        "height": 24,
        "minBayNo": 2,
        "maxBayNo": 52
    },
    {
        "maxBayNo": 16
    }, {
        "type": "rack",
        "id": "rack6",
        "top": 323,
        "left": 324,
        "width": 887,
        "height": 30,
        "top": 263,
        "left": 405,
        "width": 979,
        "height": 24,
        "minBayNo": 2,
        "maxBayNo": 52
    },
    {
        "maxBayNo": 16
    }, {
        "type": "rack",
        "id": "rack5",
        "top": 290,
        "left": 324,
        "width": 887,
        "height": 30,
        "top": 237,
        "left": 405,
        "width": 979,
        "height": 24,
        "minBayNo": 2,
        "maxBayNo": 52
    },
    {
        "maxBayNo": 16
    }, {
        "type": "rack",
        "id": "rack3",
        "top": 225,
        "left": 188,
        "width": 1023,
        "height": 30,
        "top": 180,
        "left": 357,
        "width": 1027,
        "height": 24,
        "minBayNo": 2,
        "maxBayNo": 60
    },
    {
        "maxBayNo": 31
    }, {
        "type": "rack",
        "id": "rack1",
        "top": 97,
        "left": 188,
        "width": 1023,
        "height": 30,
        "left": 357,
        "width": 1027,
        "height": 24,
        "minBayNo": 2,
        "maxBayNo": 60
    },
    {
        "maxBayNo": 31
    }, {
        "type": "rack",
        "id": "rack4",
        "top": 257,
        "left": 188,
        "width": 1023,
        "height": 30,
        "top": 207,
        "left": 357,
        "width": 1027,
        "height": 24,
        "minBayNo": 2,
        "maxBayNo": 60
    },
    {
        "maxBayNo": 31
    }, {
        "type": "rack",
        "id": "rack2",
        "top": 129,
        "left": 188,
        "width": 1023,
        "height": 30,
        "top": 123,
        "left": 357,
        "width": 1027,
        "height": 24,
        "minBayNo": 2,
        "maxBayNo": 60
    }
],
    "rackDescs": [
    {
        "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
    }
],
    "crns": [
    {
        "top": 95,
        "left": 1389,
        "width": 30,
        "height": 23
    }],
    "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": 184,
        "left": 777,
        "top": 153,
        "left": 500,
        "width": 93,
        "height": 22
    },
    {
    }, {
        "type": "crane",
        "id": "crn-2",
        "text": "2",
        "top": 378,
        "left": 777,
        "top": 291,
        "left": 500,
        "width": 93,
        "height": 22
    },
    {
    }, {
        "type": "crane",
        "id": "crn-3",
        "text": "3",
        "top": 572,
        "left": 777,
        "top": 428,
        "left": 500,
        "width": 93,
        "height": 22
    },
    {
    }, {
        "type": "track",
        "id": "lb_track2",
        "text": "",
        "top": 390,
        "left": 325,
        "width": 1010,
        "top": 300,
        "left": 359,
        "width": 1066,
        "height": 2
    },
    {
    }, {
        "type": "track",
        "id": "lb_track3",
        "text": "",
        "top": 584,
        "left": 325,
        "width": 1010,
        "top": 438,
        "left": 359,
        "width": 1200,
        "height": 2
    },
    {
    }, {
        "type": "track",
        "id": "lb_track1",
        "text": "",
        "top": 197,
        "left": 188,
        "width": 1148,
        "top": 164,
        "left": 315,
        "width": 1112,
        "height": 2
    }
],
    "stns": [
    {
    }],
    "stns": [{
        "type": "stn",
        "id": "site-132",
        "text": "132",
        "top": 547,
        "left": 1399,
        "width": 60,
        "height": 63
    },
    {
        "id": "site-306",
        "text": "306",
        "top": 458,
        "left": 211,
        "width": 66,
        "height": 24
    }, {
        "type": "stn",
        "id": "site-126",
        "text": "126",
        "top": 450,
        "left": 1461,
        "width": 60,
        "height": 63
    },
    {
        "id": "site-303",
        "text": "303",
        "top": 399,
        "left": 211,
        "width": 66,
        "height": 24
    }, {
        "type": "stn",
        "id": "site-125",
        "text": "125",
        "top": 450,
        "left": 1399,
        "width": 60,
        "height": 63
    },
    {
        "id": "site-304",
        "text": "304",
        "top": 458,
        "left": 345,
        "width": 66,
        "height": 24
    }, {
        "type": "stn",
        "id": "site-119",
        "text": "119",
        "top": 353,
        "left": 1461,
        "width": 60,
        "height": 63
    },
    {
        "id": "site-305",
        "text": "305",
        "top": 458,
        "left": 278,
        "width": 66,
        "height": 24
    }, {
        "type": "stn",
        "id": "site-118",
        "text": "118",
        "top": 353,
        "left": 1399,
        "width": 60,
        "height": 63
    },
    {
        "id": "site-401",
        "text": "401",
        "top": 568,
        "left": 311,
        "width": 100,
        "height": 24
    }, {
        "type": "stn",
        "id": "site-136",
        "text": "136",
        "top": 611,
        "left": 1461,
        "width": 120,
        "height": 30
    },
    {
        "id": "site-402",
        "text": "402",
        "top": 568,
        "left": 209,
        "width": 100,
        "height": 24
    }, {
        "type": "stn",
        "id": "site-135",
        "text": "135",
        "top": 611,
        "left": 1399,
        "width": 60,
        "height": 30
    },
    {
        "id": "site-202",
        "text": "202",
        "top": 262,
        "left": 202,
        "width": 100,
        "height": 24
    }, {
        "type": "stn",
        "id": "site-134",
        "text": "134",
        "top": 611,
        "left": 1337,
        "width": 60,
        "height": 30
    },
    {
        "id": "site-302",
        "text": "302",
        "top": 399,
        "left": 278,
        "width": 66,
        "height": 24
    }, {
        "type": "stn",
        "id": "site-133",
        "text": "133",
        "top": 611,
        "left": 1215,
        "width": 120,
        "height": 30
    },
    {
        "id": "site-203",
        "text": "203",
        "top": 318,
        "left": 303,
        "width": 100,
        "height": 24
    }, {
        "type": "stn",
        "id": "site-130",
        "text": "130",
        "top": 515,
        "left": 1461,
        "width": 60,
        "height": 30
    },
    {
        "id": "site-204",
        "text": "204",
        "top": 318,
        "left": 202,
        "width": 100,
        "height": 24
    }, {
        "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
    },
    {
        "id": "site-201",
        "text": "201",
        "top": 262,
        "left": 303,
        "width": 100,
        "height": 24
    }, {
        "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
    },
    {
        "top": 180,
        "left": 255,
        "width": 100,
        "height": 24
    }, {
        "type": "stn",
        "id": "site-101",
        "text": "101",
        "top": 128,
        "left": 1215,
        "width": 120,
        "height": 30
    },
    {
        "top": 122,
        "left": 255,
        "width": 100,
        "height": 24
    }, {
        "type": "stn",
        "id": "site-110",
        "text": "110",
        "top": 224,
        "left": 1522,
        "width": 60,
        "height": 30
    }
]
        "id": "site-301",
        "text": "301",
        "top": 399,
        "left": 345,
        "width": 66,
        "height": 24
    }, {
        "type": "stn",
        "id": "site-102",
        "text": "102",
        "top": 122,
        "left": 154,
        "width": 100,
        "height": 24
    }, {
        "type": "stn",
        "id": "site-104",
        "text": "104",
        "top": 180,
        "left": 154,
        "width": 100,
        "height": 24
    }]
}

// 库位图
function getMap() {
    let mapName = "<div class='mapName'>" + data.mapName + "</div>"
    let rack = '', racks = '', rackDesc = '',
        rackDescs = '', crn = '', crns = '',track = '',
        tracks = '', stn = '', stns = '';
    let stnCount = 0;
    let rackss = data.racks,
        rackDescss = data.rackDescs,
        crnss = data.crns,
@@ -637,18 +493,37 @@
        let btns = ''
        var maxBayNo = rackss[i].maxBayNo
        var minBayNo = rackss[i].minBayNo
        let bLen = maxBayNo / minBayNo
        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 {
            // if(i===13) debugger
            for (let j = 0;j < bLen; j++) {
                btn = "<button class='item' style='width: 34px'>" + minBayNo + "</button>"
                if(bayNo >= maxBayNo){
                    btn = "<button class='item' style='width: " + width/2 + "px'>" + bayNo + "</button>"
                } else {
                    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;
            }
        }

@@ -701,9 +576,10 @@
            "px;left: "+ stnss[i].left +
            "px'>" + stnss[i].text + "</div>"
        stns = stns + stn
        stnCount++;
    }
    let whycq = racks + stns + rackDescs + crns + tracks
    $(".main-part").append(whycq)
};


    $("#line-total").empty()
    $("#line-total").html(stnCount)
};