#

LSH

2024-02-26 8791334cdc81e6047302ec2eeae1f51ea702976a

#

 src/main/webapp/static/js/console.map.js

@@ -78,6 +78,60 @@
        "height": 22,
        "minBayNo": 2,
        "maxBayNo": 42
    }, {
        "type": "rack",
        "id": "rack9",
        "top": 432,//-22  ==>10
        "left": 350,
        "width": 917,
        "height": 22,
        "minBayNo": 2,
        "maxBayNo": 42
    }, {
        "type": "rack",
        "id": "rack10",
        "top": 384,//+25  ==>409   +11 ==>420
        "left": 350,
        "width": 917,
        "height": 22,
        "minBayNo": 2,
        "maxBayNo": 42
    },{
        "type": "rack",
        "id": "rack11",
        "top": 362,
        "left": 350,
        "width": 917,
        "height": 22,
        "minBayNo": 2,
        "maxBayNo": 42
    }, {
        "type": "rack",
        "id": "rack12",
        "top": 314,//+25  ==>339
        "left": 350,
        "width": 917,
        "height": 22,
        "minBayNo": 2,
        "maxBayNo": 42
    }, {
        "type": "rack",
        "id": "rack13",
        "top": 292,
        "left": 350,
        "width": 917,
        "height": 22,
        "minBayNo": 2,
        "maxBayNo": 42
    }, {
        "type": "rack",
        "id": "rack14",
        "top": 244,//+25  ==> 269
        "left": 350,
        "width": 917,
        "height": 22,
        "minBayNo": 2,
        "maxBayNo": 42
    }],
    "rackDescs": [{
        "type": "rackDescs",
@@ -100,7 +154,7 @@
        "type": "crane",
        "id": "crn-1",
        "text": "1",
        "top": 616,
        "top": 616,// 591(3号堆垛机),//-22  ==>4  //67,//92  103  //（测算堆垛机位置）591  +25 ==>//616  +11 ==>//627
        "left": 439,
        "width": 93,
        "height": 22
@@ -128,6 +182,54 @@
        "left": 273,
        "width": 1042,
        "height": 2
    },{
        "type": "crane",
        "id": "crn-3",
        "text": "3",
        "top": 409,
        "left": 439,
        "width": 93,
        "height": 22
    }, {
        "type": "track",
        "id": "lb_track3",
        "text": "",
        "top": 420,
        "left": 273,
        "width": 1042,
        "height": 2
    },{
        "type": "crane",
        "id": "crn-4",
        "text": "4",
        "top": 339,
        "left": 439,
        "width": 93,
        "height": 22
    }, {
        "type": "track",
        "id": "lb_track4",
        "text": "",
        "top": 350,
        "left": 273,
        "width": 1042,
        "height": 2
    },{
        "type": "crane",
        "id": "crn-5",
        "text": "5",
        "top": 269,
        "left": 439,
        "width": 93,
        "height": 22
    }, {
        "type": "track",
        "id": "lb_track5",
        "text": "",
        "top": 280,
        "left": 273,
        "width": 1042,
        "height": 2
    }],
    "areas": [{
        "type": "Control_floor",

 src/main/webapp/static/js/console.map2.js

New file
@@ -0,0 +1,1111 @@
mapInfo = {
    "mapName": "STWCS",
    "rackCount": 16,
    "crnCount": 4,
    "stbCount": 16,
    "hpPosition": 1,
    "minBayNo": 2,
    "floors": 1,
    "overflow": "scroll",
    "racks": [{
        "type": "rack",
        "id": "rack1",
        "top": 661,
        "left": 350,
        "width": 917,
        "height": 22,
        "minBayNo": 2,
        "maxBayNo": 42
    }, {
        "type": "rack",
        "id": "rack2",
        "top": 639,//-48  ==>3
        "left": 350,
        "width": 917,
        "height": 22,
        "minBayNo": 2,
        "maxBayNo": 42
    }, {
        "type": "rack",
        "id": "rack3",
        "top": 591,//-22  ==>4  //67,//92  103  //591  +25 ==>//616  +11 ==>//627
        "left": 350,
        "width": 917,
        "height": 22,
        "minBayNo": 2,
        "maxBayNo": 42
    }, {
        "type": "rack",
        "id": "rack4",
        "top": 569,
        "left": 350,
        "width": 917,
        "height": 22,
        "minBayNo": 2,
        "maxBayNo": 42
    },{
        "type": "rack",
        "id": "rack5",
        "top": 547,
        "left": 350,
        "width": 917,
        "height": 22,
        "minBayNo": 2,
        "maxBayNo": 42
    }, {
        "type": "rack",
        "id": "rack6",
        "top": 525,
        "left": 350,
        "width": 917,
        "height": 22,
        "minBayNo": 2,
        "maxBayNo": 42
    }, {
        "type": "rack",
        "id": "rack7",
        "top": 477,
        "left": 350,
        "width": 917,
        "height": 22,
        "minBayNo": 2,
        "maxBayNo": 42
    }, {
        "type": "rack",
        "id": "rack8",
        "top": 455,
        "left": 350,
        "width": 917,
        "height": 22,
        "minBayNo": 2,
        "maxBayNo": 42
    }, {
        "type": "rack",
        "id": "rack9",
        "top": 432,//-22  ==>10
        "left": 350,
        "width": 917,
        "height": 22,
        "minBayNo": 2,
        "maxBayNo": 42
    }, {
        "type": "rack",
        "id": "rack10",
        "top": 384,//+25  ==>409   +11 ==>420
        "left": 350,
        "width": 917,
        "height": 22,
        "minBayNo": 2,
        "maxBayNo": 42
    },{
        "type": "rack",
        "id": "rack11",
        "top": 362,
        "left": 350,
        "width": 917,
        "height": 22,
        "minBayNo": 2,
        "maxBayNo": 42
    }, {
        "type": "rack",
        "id": "rack12",
        "top": 314,//+25  ==>339
        "left": 350,
        "width": 917,
        "height": 22,
        "minBayNo": 2,
        "maxBayNo": 42
    }, {
        "type": "rack",
        "id": "rack13",
        "top": 292,
        "left": 350,
        "width": 917,
        "height": 22,
        "minBayNo": 2,
        "maxBayNo": 42
    }, {
        "type": "rack",
        "id": "rack14",
        "top": 244,//+25  ==> 269
        "left": 350,
        "width": 917,
        "height": 22,
        "minBayNo": 2,
        "maxBayNo": 42
    }],
    "rackDescs": [{
        "type": "rackDescs",
        "id": "lb_desc16",
        "text": "#1",
        "top": 661,
        "left": 270,
        "width": 30,
        "height": 23
    }, {
        "type": "rackDescs",
        "id": "lb_desc1",
        "text": "#4",
        "top": 569,
        "left": 270,
        "width": 41,
        "height": 23
    }],
    "crns": [{
        "type": "crane",
        "id": "crn-1",
        "text": "1",
        "top": 616,// 591(3号堆垛机),//-22  ==>4  //67,//92  103  //（测算堆垛机位置）591  +25 ==>//616  +11 ==>//627
        "left": 439,
        "width": 93,
        "height": 22
    }, {
        "type": "track",
        "id": "lb_track1",
        "text": "",
        "top": 627,
        "left": 273,
        "width": 1042,
        "height": 2
    },{
        "type": "crane",
        "id": "crn-2",
        "text": "2",
        "top": 502,
        "left": 439,
        "width": 93,
        "height": 22
    }, {
        "type": "track",
        "id": "lb_track2",
        "text": "",
        "top": 513,
        "left": 273,
        "width": 1042,
        "height": 2
    },{
        "type": "crane",
        "id": "crn-3",
        "text": "3",
        "top": 409,
        "left": 439,
        "width": 93,
        "height": 22
    }, {
        "type": "track",
        "id": "lb_track3",
        "text": "",
        "top": 420,
        "left": 273,
        "width": 1042,
        "height": 2
    },{
        "type": "crane",
        "id": "crn-4",
        "text": "4",
        "top": 339,
        "left": 439,
        "width": 93,
        "height": 22
    }, {
        "type": "track",
        "id": "lb_track4",
        "text": "",
        "top": 350,
        "left": 273,
        "width": 1042,
        "height": 2
    },{
        "type": "crane",
        "id": "crn-5",
        "text": "5",
        "top": 269,
        "left": 439,
        "width": 93,
        "height": 22
    }, {
        "type": "track",
        "id": "lb_track5",
        "text": "",
        "top": 280,
        "left": 273,
        "width": 1042,
        "height": 2
    }],
    "areas": [{
        "type": "Control_floor",
        "id": "tabControl_floor1",
        "text": "楼层",
        "top": 68,
        "left": 80,
        "width": 1400,
        "height": 680,
        "floors": [{
            "type": "floor",
            "id": "page_floor1",
            "text": "小料箱",
            "top": 4,
            "left": 22,
            "width": 1374,
            "height": 672,
            "stns": [{
                "type": "stn",
                "id": "site-100",
                "text": "100",
                "top": 641.5,
                "left": 1267,
                "width": 49,
                "height": 20
            },{
                "type": "stn",
                "id": "site-101",
                "text": "101",
                "top": 664,
                "left": 1267,
                "width": 49,
                "height": 20
            },{
                "type": "stn",
                "id": "site-102",
                "text": "102",
                "top": 664,
                "left": 1318,
                "width": 49,
                "height": 20
            },{
                "type": "stn",
                "id": "site-103",
                "text": "103",
                "top": 629,
                "left": 1369,
                "width": 29,
                "height": 55
            },{
                "type": "stn",
                "id": "site-104",
                "text": "104",
                "top": 624,
                "left": 1400,
                "width": 29,
                "height": 60
            },{
                "type": "stn",
                "id": "site-123",
                "text": "123",
                "top": 58,
                "left": 1133,
                "width": 29,
                "height": 29
            },{
                "type": "stn",
                "id": "site-124",
                "text": "124",
                "top": 88,
                "left": 1133,
                "width": 29,
                "height": 29
            },{
                "type": "stn",
                "id": "site-125",
                "text": "125",
                "top": 118,
                "left": 1133,
                "width": 29,
                "height": 39
            },{
                "type": "stn",
                "id": "site-126",
                "text": "126",
                "top": 128,
                "left": 1103,
                "width": 29,
                "height": 19
            },{
                "type": "stn",
                "id": "site-122",
                "text": "122",
                "top": 58,
                "left": 1163,
                "width": 25,
                "height": 20
            },{
                "type": "stn",
                "id": "site-121",
                "text": "121",
                "top": 58,
                "left": 1189,
                "width": 29,
                "height": 29
            },{
                "type": "stn",
                "id": "site-129",
                "text": "129",
                "top": 88,
                "left": 1189,
                "width": 29,
                "height": 29
            },{
                "type": "stn",
                "id": "site-130",
                "text": "130",
                "top": 118,
                "left": 1189,
                "width": 29,
                "height": 39
            },{
                "type": "stn",
                "id": "site-131",
                "text": "131",
                "top": 128,
                "left": 1219,
                "width": 29,
                "height": 19
            },{
                "type": "stn",
                "id": "site-120",
                "text": "120",
                "top": 58,
                "left": 1219,
                "width": 59,
                "height": 20
            },{
                "type": "stn",
                "id": "site-119",
                "text": "119",
                "top": 58,
                "left": 1279,
                "width": 59,
                "height": 20
            },{
                "type": "stn",
                "id": "site-118",
                "text": "118",
                "top": 58,
                "left": 1339,
                "width": 59,
                "height": 20
            },{
                "type": "stn",
                "id": "site-117",
                "text": "117",
                "top": 58,
                "left": 1400,
                "width": 29,
                "height": 39
            },{
                "type": "stn",
                "id": "site-116",
                "text": "116",
                "top": 98,
                "left": 1400,
                "width": 29,
                "height": 39
            },{
                "type": "stn",
                "id": "site-115",
                "text": "115",
                "top": 138,
                "left": 1400,
                "width": 29,
                "height": 39
            },{
                "type": "stn",
                "id": "site-114",
                "text": "114",
                "top": 178,
                "left": 1400,
                "width": 29,
                "height": 39
            },{
                "type": "stn",
                "id": "site-113",
                "text": "113",
                "top": 218,
                "left": 1400,
                "width": 29,
                "height": 39
            },{
                "type": "stn",
                "id": "site-112",
                "text": "112",
                "top": 258,
                "left": 1400,
                "width": 29,
                "height": 39
            },{
                "type": "stn",
                "id": "site-111",
                "text": "111",
                "top": 298,
                "left": 1400,
                "width": 29,
                "height": 39
            },{
                "type": "stn",
                "id": "site-110",
                "text": "110",
                "top": 338,
                "left": 1400,
                "width": 29,
                "height": 39
            },{
                "type": "stn",
                "id": "site-109",
                "text": "109",
                "top": 378,
                "left": 1400,
                "width": 29,
                "height": 39
            },{
                "type": "stn",
                "id": "site-108",
                "text": "108",
                "top": 418,
                "left": 1400,
                "width": 29,
                "height": 39
            },{
                "type": "stn",
                "id": "site-107",
                "text": "107",
                "top": 458,
                "left": 1400,
                "width": 29,
                "height": 59
            },{
                "type": "stn",
                "id": "site-106",
                "text": "106",
                "top": 518,
                "left": 1400,
                "width": 29,
                "height": 29
            },{
                "type": "stn",
                "id": "site-105",
                "text": "105",
                "top": 548,
                "left": 1400,
                "width": 29,
                "height": 75
            },{
                "type": "stn",
                "id": "site-154",
                "text": "154",
                "top": 572,
                "left": 1369,
                "width": 29,
                "height": 55
            },{
                "type": "stn",
                "id": "site-127",
                "text": "127",
                "top": 158,
                "left": 1133,
                "width": 29,
                "height": 40
            },{
                "type": "stn",
                "id": "site-128",
                "text": "128",
                "top": 178,
                "left": 1163,
                "width": 25,
                "height": 20
            },{
                "type": "stn",
                "id": "site-132",
                "text": "132",
                "top": 158,
                "left": 1189,
                "width": 29,
                "height": 40
            },{
                "type": "stn",
                "id": "site-133",
                "text": "133",
                "top": 178,
                "left": 1219,
                "width": 69,
                "height": 20
            },{
                "type": "stn",
                "id": "site-134",
                "text": "134",
                "top": 178,
                "left": 1289,
                "width": 79,
                "height": 20
            },{
                "type": "stn",
                "id": "site-135",
                "text": "135",
                "top": 178,
                "left": 1369,
                "width": 29,
                "height": 39
            },{
                "type": "stn",
                "id": "site-136",
                "text": "136",
                "top": 218,
                "left": 1369,
                "width": 29,
                "height": 39
            },{
                "type": "stn",
                "id": "site-137",
                "text": "137",
                "top": 258,
                "left": 1369,
                "width": 29,
                "height": 39
            },{
                "type": "stn",
                "id": "site-138",
                "text": "138",
                "top": 298,
                "left": 1369,
                "width": 29,
                "height": 39
            },{
                "type": "stn",
                "id": "site-139",
                "text": "139",
                "top": 338,
                "left": 1369,
                "width": 29,
                "height": 39
            },{
                "type": "stn",
                "id": "site-140",
                "text": "140",
                "top": 378,
                "left": 1369,
                "width": 29,
                "height": 39
            },{
                "type": "stn",
                "id": "site-141",
                "text": "141",
                "top": 418,
                "left": 1369,
                "width": 29,
                "height": 39
            },{
                "type": "stn",
                "id": "site-142",
                "text": "142",
                "top": 458,
                "left": 1369,
                "width": 29,
                "height": 39
            },{
                "type": "stn",
                "id": "site-143",
                "text": "143",
                "top": 458,
                "left": 1318,
                "width": 49,
                "height": 20
            },{
                "type": "stn",
                "id": "site-144",
                "text": "144",
                "top": 458,
                "left": 1267,
                "width": 49,
                "height": 20
            },{
                "type": "stn",
                "id": "site-145",
                "text": "145",
                "top": 480,
                "left": 1267,
                "width": 49,
                "height": 20
            },{
                "type": "stn",
                "id": "site-148",
                "text": "148",
                "top": 528,
                "left": 1267,
                "width": 49,
                "height": 20
            },{
                "type": "stn",
                "id": "site-149",
                "text": "149",
                "top": 550,
                "left": 1267,
                "width": 49,
                "height": 20
            },{
                "type": "stn",
                "id": "site-150",
                "text": "150",
                "top": 550,
                "left": 1318,
                "width": 49,
                "height": 20
            },{
                "type": "stn",
                "id": "site-147",
                "text": "147",
                "top": 535,
                "left": 1369,
                "width": 29,
                "height": 35
            },{
                "type": "stn",
                "id": "site-146",
                "text": "146",
                "top": 499,
                "left": 1369,
                "width": 29,
                "height": 34
            },{
                "type": "stn",
                "id": "site-151",
                "text": "151",
                "top": 572,
                "left": 1318,
                "width": 49,
                "height": 20
            },{
                "type": "stn",
                "id": "site-152",
                "text": "152",
                "top": 572,
                "left": 1267,
                "width": 49,
                "height": 20
            },{
                "type": "stn",
                "id": "site-153",
                "text": "153",
                "top": 593,
                "left": 1267,
                "width": 49,
                "height": 20
            },{
                "type": "stn",
                "id": "site-155",
                "text": "155",
                "top": 258,
                "left": 1430,
                "width": 24,
                "height": 19
            },{
                "type": "stn",
                "id": "site-156",
                "text": "156",
                "top": 258,
                "left": 1455,
                "width": 24,
                "height": 19
            },{
                "type": "stn",
                "id": "site-157",
                "text": "157",
                "top": 258,
                "left": 1480,
                "width": 24,
                "height": 19
            },{
                "type": "stn",
                "id": "site-158",
                "text": "158",
                "top": 258,
                "left": 1505,
                "width": 24,
                "height": 19
            },{
                "type": "stn",
                "id": "site-159",
                "text": "159",
                "top": 258,
                "left": 1530,
                "width": 24,
                "height": 19
            },{
                "type": "stn",
                "id": "site-160",
                "text": "160",
                "top": 258,
                "left": 1555,
                "width": 24,
                "height": 19
            },{
                "type": "stn",
                "id": "site-161",
                "text": "161",
                "top": 258,
                "left": 1580,
                "width": 24,
                "height": 19
            },{
                "type": "stn",
                "id": "site-162",
                "text": "162",
                "top": 258,
                "left": 1605,
                "width": 24,
                "height": 19
            },{
                "type": "stn",
                "id": "site-163",
                "text": "163",
                "top": 258,
                "left": 1630,
                "width": 24,
                "height": 19
            },{
                "type": "stn",
                "id": "site-164",
                "text": "164",
                "top": 258,
                "left": 1655,
                "width": 24,
                "height": 19
            },{
                "type": "stn",
                "id": "site-165",
                "text": "165",
                "top": 258,
                "left": 1680,
                "width": 24,
                "height": 19
            },{
                "type": "stn",
                "id": "site-166",
                "text": "166",
                "top": 258,
                "left": 1705,
                "width": 24,
                "height": 19
            },{
                "type": "stn",
                "id": "site-167",
                "text": "167",
                "top": 258,
                "left": 1730,
                "width": 24,
                "height": 19
            },{
                "type": "stn",
                "id": "site-168",
                "text": "168",
                "top": 258,
                "left": 1755,
                "width": 24,
                "height": 19
            },{
                "type": "stn",
                "id": "site-169",
                "text": "169",
                "top": 258,
                "left": 1780,
                "width": 24,
                "height": 19
            },{
                "type": "stn",
                "id": "site-170",
                "text": "170",
                "top": 258,
                "left": 1805,
                "width": 24,
                "height": 19
            },{
                "type": "stn",
                "id": "site-171",
                "text": "171",
                "top": 258,
                "left": 1830,
                "width": 24,
                "height": 19
            },{
                "type": "stn",
                "id": "site-172",
                "text": "172",
                "top": 258,
                "left": 1855,
                "width": 24,
                "height": 19
            },{
                "type": "stn",
                "id": "site-193",
                "text": "193",
                "top": 238,
                "left": 1430,
                "width": 24,
                "height": 19
            },{
                "type": "stn",
                "id": "site-192",
                "text": "192",
                "top": 238,
                "left": 1455,
                "width": 24,
                "height": 19
            },{
                "type": "stn",
                "id": "site-191",
                "text": "191",
                "top": 238,
                "left": 1480,
                "width": 24,
                "height": 19
            },{
                "type": "stn",
                "id": "site-190",
                "text": "190",
                "top": 238,
                "left": 1505,
                "width": 24,
                "height": 19
            },{
                "type": "stn",
                "id": "site-189",
                "text": "189",
                "top": 238,
                "left": 1530,
                "width": 24,
                "height": 19
            },{
                "type": "stn",
                "id": "site-188",
                "text": "188",
                "top": 238,
                "left": 1555,
                "width": 24,
                "height": 19
            },{
                "type": "stn",
                "id": "site-187",
                "text": "187",
                "top": 238,
                "left": 1580,
                "width": 24,
                "height": 19
            },{
                "type": "stn",
                "id": "site-186",
                "text": "186",
                "top": 238,
                "left": 1605,
                "width": 24,
                "height": 19
            },{
                "type": "stn",
                "id": "site-185",
                "text": "185",
                "top": 238,
                "left": 1630,
                "width": 24,
                "height": 19
            },{
                "type": "stn",
                "id": "site-184",
                "text": "184",
                "top": 238,
                "left": 1655,
                "width": 24,
                "height": 19
            },{
                "type": "stn",
                "id": "site-183",
                "text": "183",
                "top": 238,
                "left": 1680,
                "width": 24,
                "height": 19
            },{
                "type": "stn",
                "id": "site-182",
                "text": "182",
                "top": 238,
                "left": 1705,
                "width": 24,
                "height": 19
            },{
                "type": "stn",
                "id": "site-181",
                "text": "181",
                "top": 238,
                "left": 1730,
                "width": 24,
                "height": 19
            },{
                "type": "stn",
                "id": "site-180",
                "text": "180",
                "top": 238,
                "left": 1755,
                "width": 24,
                "height": 19
            },{
                "type": "stn",
                "id": "site-179",
                "text": "179",
                "top": 238,
                "left": 1780,
                "width": 24,
                "height": 19
            },{
                "type": "stn",
                "id": "site-178",
                "text": "178",
                "top": 238,
                "left": 1805,
                "width": 24,
                "height": 19
            },{
                "type": "stn",
                "id": "site-177",
                "text": "177",
                "top": 238,
                "left": 1830,
                "width": 24,
                "height": 19
            },{
                "type": "stn",
                "id": "site-176",
                "text": "176",
                "top": 238,
                "left": 1855,
                "width": 24,
                "height": 19
            },{
                "type": "stn",
                "id": "site-175",
                "text": "175",
                "top": 238,
                "left": 1880,
                "width": 24,
                "height": 19
            },{
                "type": "stn",
                "id": "site-174",
                "text": "174",
                "top": 258,
                "left": 1880,
                "width": 24,
                "height": 59
            },{
                "type": "stn",
                "id": "site-173",
                "text": "173",
                "top": 318,
                "left": 1880,
                "width": 24,
                "height": 19
            }]
        }, {
            "type": "floor",
            "id": "page_floor2",
            "text": "大料箱",
            "top": 4,
            "left": 22,
            "width": 1374,
            "height": 672,
            "stns": [{
                "type": "stn",
                "id": "site-200",
                "text": "200",
                "top": 434,
                "left": 1267,
                "width": 49,
                "height": 20
            },{
                "type": "stn",
                "id": "site-201",
                "text": "201",
                "top": 434,
                "left": 1267,
                "width": 49,
                "height": 20
            },{
                "type": "stn",
                "id": "site-202",
                "text": "202",
                "top": 434,
                "left": 1318,
                "width": 49,
                "height": 20
            },{
                "type": "stn",
                "id": "site-203",
                "text": "203",
                "top": 434,
                "left": 1369,
                "width": 29,
                "height": 20
            },{
                "type": "stn",
                "id": "site-204",
                "text": "204",
                "top": 434,
                "left": 1400,
                "width": 29,
                "height": 20
            },{
                "type": "stn",
                "id": "site-205",
                "text": "205",
                "top": 199,
                "left": 1369,
                "width": 29,
                "height": 55
            },{
                "type": "stn",
                "id": "site-206",
                "text": "204",
                "top": 195,
                "left": 1400,
                "width": 29,
                "height": 60
            },{
                "type": "stn",
                "id": "site-261",
                "text": "261",
                "top": 134,
                "left": 1267,
                "width": 49,
                "height": 20
            },{
                "type": "stn",
                "id": "site-257",
                "text": "257",
                "top": 434,
                "left": 1267,
                "width": 49,
                "height": 20
            },{
                "type": "stn",
                "id": "site-256",
                "text": "256",
                "top": 434,
                "left": 1318,
                "width": 49,
                "height": 20
            },{
                "type": "stn",
                "id": "site-255",
                "text": "255",
                "top": 434,
                "left": 1369,
                "width": 29,
                "height": 20
            },{
                "type": "stn",
                "id": "site-254",
                "text": "254",
                "top": 434,
                "left": 1400,
                "width": 29,
                "height": 20
            }]
        }]
    }]
}

 src/main/webapp/views/console2.html

New file
@@ -0,0 +1,799 @@
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>自动仓库wcs系统</title>
    <link rel="stylesheet" href="../static/css/render.css">
    <script src="../static/js/jquery/jquery-3.3.1.min.js"></script>
    <script src="../static/js/layer/layer.js"></script>
    <!--地图json-->
    <script src="../static/js/console.map2.js"></script>
    <script src="../static/js/console.js"></script>
    <script src="../static/js/common.js"></script>


</head>
<body>
    <div id="main">
        <div class="head">
            <div class="head-left">
                <h1>自动仓库WCS监控图</h1>
                <h6>AUTOMATIC WAREHOUSE WCS MONITORING DIAGRAM</h6>
            </div>
            <div class="head-right">
<!--                <img src="../static/images/zy-logo.png" alt="徐工汉云" height="44" width="80">-->
            </div>
        </div>
        <!-- 货架 + 堆垛机 + 入库站点 -->
        <div class="main-part" style="width: 1920px;height:1080px;overflow: scroll">

        </div>
        <div id="body">
            <!-- 总开关 -->
            <div class="system-state">
                <div class="body-head">总开关</div>
                <div class="switch">
                    <div id="system-icon" class="system-icon-open" onclick="systemSwitch()"></div>
                    <div class="switch_r">
                        <p>系统状态</p>
                        <p id="system-run-desc">系统运行中</p>
                    </div>
                </div>
            </div>
            <!-- 堆垛机状态 -->
            <div class="machine-status">
                <div class="body-head">堆垛机状态</div>
                <div class="state">
                    <span>堆垛机 1</span>
                    <span class="state-ss machine-put-flag    ">入库</span>
                </div>
                <div class="state">
                    <span>堆垛机 2</span>
                    <span class="state-ss machine-auto-flag    ">自动</span>

                </div>
                <div class="button"><span>所有状态</span></div>
                <div class="button item-group">
                    <span class="machine-put-flag">入库</span>
                    <span class="machine-take-flag">出库</span>
                    <span class="machine-stock-move-flag">库到库</span>
                    <span class="machine-site-move-flag">站到站</span>
                    <span class="machine-p-move-flag">PToP</span>
                    <span class="machine-error-flag">异常</span>
                    <span class="machine-auto-flag">自动</span>
                    <span class="machine-unauto-flag">非自动/手动</span>
                </div>
            </div>
            <div class="line-status">
                <div class="body-head">输送线状态</div>
                <div class="state states">
                    <span>运输线总数</span>
                    <span id="line-total" class="line-ss"></span>
                </div>
                <div class="button"><span>所有状态</span></div>
                <div class="button item-group">
                    <span class="site-auto-run-id">自动+有物+ID</span>
                    <span class="site-auto-run">自动+有物</span>
                    <span class="site-auto-id">自动+ID</span>
                    <span class="site-auto">自动</span>
                    <span class="site-unauto">非自动/手动</span>
                </div>
            </div>
            <div class="bar-code">
                <div class="body-head" id="code">条码扫描器</div>
                <div class="tablebox">
                    <div class="table-head">
                        <li><span>条码名称</span><span class="right">扫码时间</span></li>
                    </div>
                    <div id="barcode1" class="table-body">

                    </div>
                </div>
                <div class="tablebox">
                    <div class="table-head">
                        <li><span>条码名称</span><span class="right">扫码时间</span></li>
                    </div>
                    <div id="barcode2" class="table-body">

                    </div>
                </div>
                <div class="tablebox">
                    <div class="table-head">
                        <li><span>条码名称</span><span class="right">扫码时间</span></li>
                    </div>
                    <div id="barcode3" class="table-body">

                    </div>
                </div>
            </div>
        </div>
        <!-- 堆垛机弹窗 -->
        <div id="crnWindow" style="display: none;" class="animate__animated animate__fadeIn">
            <div id="crnWindow-head">
                <div class='detailed'></div>
                <button></button>
            </div>
            <form>
                <!-- 堆垛机号 -->
                <div class="form-item">
                    <div class="form-item-label" style>
                        <span>堆垛机号：</span>
                    </div>
                    <div class="form-item-input">
                        <input type="text" name="crnNo" value="">
                    </div>
                </div>
                <!-- 工作号 -->
                <div class="form-item">
                    <div class="form-item-label">
                        <span>工作号：</span>
                    </div>
                    <div class="form-item-input">
                        <input type="text" name="workNo" value="">
                    </div>
                </div>
                <!-- 站源 -->
                <div class="form-item">
                    <div class="form-item-label">
                        <span>站源：</span>
                    </div>
                    <div class="form-item-input">
                        <input type="text" name="sourceStaNo" value="">
                    </div>
                </div>
                <!-- 目标站 -->
                <div class="form-item">
                    <div class="form-item-label">
                        <span>目标站：</span>
                    </div>
                    <div class="form-item-input">
                        <input type="text" name="staNo" value="">
                    </div>
                </div>
                <!-- 工作状态 -->
                <div class="form-item">
                    <div class="form-item-label">
                        <span>工作状态：</span>
                    </div>
                    <div class="form-item-input">
                        <input type="text" name="wrkSts" value="">
                    </div>
                </div>
                <!-- 出入类型 -->
                <div class="form-item">
                    <div class="form-item-label">
                        <span>出入类型：</span>
                    </div>
                    <div class="form-item-input">
                        <input type="text" name="ioType" value="">
                    </div>
                </div>
                <!-- 源库位 -->
                <div class="form-item">
                    <div class="form-item-label">
                        <span>源库位：</span>
                    </div>
                    <div class="form-item-input">
                        <input type="text" name="sourceLocNo" value="">
                    </div>
                </div>
                <!-- 目标库位 -->
                <div class="form-item">
                    <div class="form-item-label">
                        <span>目标库位：</span>
                    </div>
                    <div class="form-item-input">
                        <input type="text" name="locNo" value="">
                    </div>
                </div>
                <!-- 堆垛机状态 -->
                <div class="form-item">
                    <div class="form-item-label">
                        <span>堆垛机状态：</span>
                    </div>
                    <div class="form-item-input">
                        <input type="text" name="crnStatus" value="">
                    </div>
                </div>
                <!-- 异常 -->
                <div class="form-item">
                    <div class="form-item-label">
                        <span>异常：</span>
                    </div>
                    <div class="form-item-input">
                        <input type="text" name="error" value="">
                    </div>
                </div>
            </form>
        </div>
        <!-- 输送设备弹窗 -->
        <div id="siteWindow" style="display: none;" class="animate__animated animate__fadeIn">
            <!-- 表头 -->
            <div id="siteWindow-head">
                <div class='detailed'></div>
                <button></button>
            </div>
            <form>
                <!-- 设备号 -->
                <div class="form-item">
                    <div class="form-item-label">
                        <span>设备号：</span>
                    </div>
                    <div class="form-item-input">
                        <input type="text" name="siteId" value="">
                    </div>
                </div>
                <!-- 工作号 -->
                <div class="form-item">
                    <div class="form-item-label">
                        <span>工作号：</span>
                    </div>
                    <div class="form-item-input">
                        <input type="text" name="workNo" value="">
                    </div>
                </div>
                <!-- 工作状态 -->
                <div class="form-item">
                    <div class="form-item-label">
                        <span>工作状态：</span>
                    </div>
                    <div class="form-item-input">
                        <input type="text" name="wrkSts" value="">
                    </div>
                </div>
                <!-- 自动 -->
                <div class="form-item-checkbox">
                    <div class="form-item-label-checkbox">
                        <span>自动</span>
                    </div>
                    <div class="form-item-input-checkbox">
                        <input type="checkbox" name="autoing">
                    </div>
                </div>
                <!-- 有物 -->
                <div class="form-item-checkbox">
                    <div class="form-item-label-checkbox">
                        <span>有物</span>
                    </div>
                    <div class="form-item-input-checkbox">
                        <input type="checkbox" name="loading">
                    </div>
                </div>
                <!-- 能入 -->
                <div class="form-item-checkbox">
                    <div class="form-item-label-checkbox">
                        <span>能入</span>
                    </div>
                    <div class="form-item-input-checkbox">
                        <input type="checkbox" name="canining">
                    </div>
                </div>
                <!-- 能出 -->
                <div class="form-item-checkbox">
                    <div class="form-item-label-checkbox">
                        <span>能出</span>
                    </div>
                    <div class="form-item-input-checkbox">
                        <input type="checkbox" name="canouting">
                    </div>
                </div>
                <!-- 出入类型 -->
                <div class="form-item">
                    <div class="form-item-label">
                        <span>出入类型：</span>
                    </div>
                    <div class="form-item-input">
                        <input type="text" name="ioType" value="">
                    </div>
                </div>
                <!-- 源站 -->
                <div class="form-item">
                    <div class="form-item-label">
                        <span>源站：</span>
                    </div>
                    <div class="form-item-input">
                        <input type="text" name="sourceStaNo" value="">
                    </div>
                </div>
                <!-- 目标站 -->
                <div class="form-item">
                    <div class="form-item-label">
                        <span>目标站：</span>
                    </div>
                    <div class="form-item-input">
                        <input type="text" name="staNo" value="">
                    </div>
                </div>
                <!-- 源库位 -->
                <div class="form-item">
                    <div class="form-item-label">
                        <span>源库位：</span>
                    </div>
                    <div class="form-item-input">
                        <input type="text" name="sourceLocNo" value="">
                    </div>
                </div>
                <!-- 目标库位 -->
                <div class="form-item">
                    <div class="form-item-label">
                        <span>目标库位：</span>
                    </div>
                    <div class="form-item-input">
                        <input type="text" name="locNo" value="">
                    </div>
                </div>

            </form>
        </div>
    </div>

</body>

</html>
<script>
    getMap();
</script>
<script>
    setInterval(function () {
        getCodeData();
        renderBarCode();
    }, 1000)
    var tData = [],tData1 = [],tData2 = [],tData3 = [];
    function getCodeData() {
        $.ajax({
            url: baseUrl + '/console/barcode/output/site',
            method: 'GET',
            success: function (res) {
                if (res.code === 200) {
                    tData = eval(res.data);
                    if (tData.length <= 5) {
                        tData1 = tData
                    } else if (tData.length <= 10) {
                        tData1 = tData.slice(0, 5)
                        tData.splice(0, 5)
                        tData2 = tData
                    } else if (tData.length <= 15) {
                        tData1 = tData.slice(0, 5)
                        tData2 = tData.slice(6, 10)
                        tData.splice(0, 10)
                        tData3 = tData
                    } else {
                        tData = tData.slice(-15)
                        tData1 = tData.slice(-15)
                        tData2 = tData.slice(-10)
                        tData3 = tData.slice(-5)
                    }
                }
            }
        })
    }
    function renderBarCode() {
        for (var i = 0; i < tData1.length; i++) {
            var str1 = '<li><span>' + tData1[i].barcode + '</span><span class="right">' + tData1[i].time + '</span></li>'
            $('#barcode1').append(str1)
        }
        for (var j = 0; j < tData2.length; j++) {
            var str2 = '<li><span>' + tData2[j].barcode + '</span><span class="right">' + tData2[j].time + '</span></li>'
            $('#barcode2').append(str2)
        }
        for (var k = 0; k < tData3.length; k++) {
            var str3 = '<li><span>' + tData3[k].barcode + '</span><span class="right">' + tData3[k].time + '</span></li>'
            $('#barcode3').append(str3)
        }
    }
</script>
<script type="text/javascript">
    // 弹窗站点信息
    $('.site').on('click', function () {
        var id = this.id.split("-")[1];
        $("#siteWindow").attr("style", "display:block;");//显示div
        $("#crnWindow").attr("style", "display:none;");
        $(".detailed").empty();
        $('.detailed').append(id + '站点详细信息');
        $.ajax({
            url: baseUrl + "/console/site/detail",
            headers: {
                'token': localStorage.getItem('token')
            },
            data: {
                siteId: id
            },
            method: 'post',
            success: function (res) {
                for (var val in res.data) {
                    var find = $("#siteWindow").find(":input[name='" + val + "']");
                    if (find[0].type === 'text') {
                        find.val(res.data[val]);
                    } else if (find[0].type === 'checkbox') {
                        find.attr("checked", res.data[val] === 'Y');
                    }
                }
            }

        })

    });
    // 堆垛机信息
    $('.machine').on('click', function () {
        var id = this.id.split("-")[1];
        $("#crnWindow").attr('style', 'display:block;');
        $("#siteWindow").attr("style", "display:none;");
        $('.detailed').empty();
        $('.detailed').append(id + '号堆垛机');
        $.ajax({
            url: baseUrl + "/console/crn/detail",
            headers: {
                'token': localStorage.getItem('token')
            },
            data: {
                crnNo: id
            },
            method: 'post',
            success: function (res) {
                for (var val in res.data) {
                    var find = $("#crnWindow").find(":input[name='" + val + "']");
                    if (find[0].type === 'text') {
                        find.val(res.data[val]);
                    } else if (find[0].type === 'checkbox') {
                        find.attr("checked", res.data[val] === 'Y');
                    }
                }
            }

        })

    })
    // 弹窗关闭
    $('button').on('click', function () {
        $('#siteWindow').attr('style', 'display:none')
        $('#crnWindow').attr('style', 'display:none')
    })


    var crn1Position = 0;
    var crn2Position = 0;
    var crn3Position = 0;
    var crn4Position = 0;
    var crn5Position = 0;

    // 初始化
    getSitesInfo();
    getCrnInfo();
    getSystemRunningStatus();
    getBarcodeInfo();
    getScaleInfo();
    // carAnimate();
    carAnimate2();
    // 实时访问
    setInterval(function () {
        getCrnInfo();
        getSystemRunningStatus();
        getBarcodeInfo();
        getScaleInfo();
    }, 1000);
    setInterval(function () {
        getSitesInfo();
    }, 3000);

    // 系统运行开关
    function systemSwitch() {
        if (parent.systemRunning) {
            layer.prompt({title: '请输入口令，并停止 WCS 系统', formType: 1, shadeClose: true}, function (pass, idx) {
                layer.close(idx);
                doSwitch(0, pass); // 停止wcs系统
            });
        } else {
            doSwitch(1); // 启动wcs系统
        }
    }

    // 请求服务器控制wcs系统运行状态
    function doSwitch(operatorType, password) {
        // 加载tips
        var index = layer.load(1, {
            shade: [0.1, '#fff']
        });
        $.ajax({
            url: baseUrl + "/console/system/switch",
            headers: {'token': localStorage.getItem('token')},
            // async: false,
            data: {
                operatorType: operatorType,
                password: password
            },
            method: 'POST',
            success: function (res) {
                layer.close(index);
                if (res.code === 200) {
                    if (res.data.status) {
                        $('#system-icon').attr("class", "system-icon-open");
                        $('#system-run-desc').html("系统运行中...");
                        parent.systemRunning = true;
                    } else {
                        $('#system-icon').attr("class", "system-icon-close");
                        $('#system-run-desc').html("系统已停止!");
                        parent.systemRunning = false;
                    }
                } else if (res.code === 403) {
                    parent.location.href = baseUrl + "/login";
                } else {
                    alert(res.msg);
                    console.log(res.msg);
                }
            }
        });

    }

    // 获取wcs系统运行状态
    function getSystemRunningStatus() {
        $.ajax({
            url: baseUrl + "/console/system/running/status",
            headers: {'token': localStorage.getItem('token')},
            method: 'POST',
            success: function (res) {
                if (res.code === 200) {
                    if (res.data.status) {
                        $('#system-icon').attr("class", "system-icon-open");
                        $('#system-run-desc').html("系统运行中...");
                        parent.systemRunning = true;
                    } else {
                        $('#system-icon').attr("class", "system-icon-close");
                        $('#system-run-desc').html("系统已停止!");
                        parent.systemRunning = false;
                    }
                } else if (res.code === 403) {
                    parent.location.href = baseUrl + "/login";
                } else {
                    console.log(res.msg);
                }
            }
        });
    }

    // 输送设备实时数据获取
    function getSitesInfo() {
        $.ajax({
            url: baseUrl + "/console/latest/data/site",
            headers: {'token': localStorage.getItem('token')},
            method: 'POST',
            success: function (res) {
                if (res.code === 200) {
                    var sites = res.data;
                    for (var i = 0; i < sites.length; i++) {
                        var siteEl = $("#site-" + sites[i].siteId);
                        console.log(sites[i].siteId)
                        siteEl.attr("class", "site " + sites[i].siteStatus);
                        // siteEl.attr("class", "site site-auto-run-id");
                        if (sites[i].workNo != null && sites[i].workNo > 0) {
                            siteEl.html(sites[i].siteId + "[" + sites[i].workNo + "]");
                        } else {
                            siteEl.html(sites[i].siteId);
                        }

                        if (sites[i].siteId === '16' || sites[i].siteId === '016') {

                            carAnimate(Number(sites[i].siteId), Number(sites[i].nearbySta));
                        }
                    }
                } else if (res.code === 403) {
                    parent.location.href = baseUrl + "/login";
                } else {
                    console.log(res.msg);
                }
            }
        });
    }

    // 堆垛机实时数据获取
    function getCrnInfo() {
        $.ajax({
            url: baseUrl + "/console/latest/data/crn",
            headers: {'token': localStorage.getItem('token')},
            method: 'POST',
            success: function (res) {
                // console.log(res)
                if (res.code === 200) {
                    var crns = res.data;
                    for (var i = 0; i < crns.length; i++) {
                        var crnEl = $("#crn-" + crns[i].crnId);
                        crnEl.attr("class", "machine " + crns[i].crnStatus);
                        var unit = 0;//($('.item').eq(0).width() + 13) / 2;

                        if (crns[i].bay < 0 || crns[i].bay === -2) {
                            crns[i].bay = 1
                        }
                        // crnEl.animate({left: (crns[i].bay * unit) + 'px'}, 1000);
                        // crns[i].bay = 15;

                        var offSet = 0;
                        unit = 60;
                        offSet = 325;


                        if(crns[i].bay === 1){
                            crnEl.animate({left: offSet + 'px'}, 1000);
                        } else {
                            crnEl.animate({left: (offSet - unit + (crns[i].bay * unit)) + 'px'}, 1000);
                        }

                    }
                } else if (res.code === 403) {
                    parent.location.href = baseUrl + "/login";
                } else {
                    console.log(res.msg);
                }
            }
        });
    }

    // 扫码器实时数据获取
    function getBarcodeInfo() {
        $.ajax({
            url: baseUrl + "/console/latest/data/barcode",
            headers: {'token': localStorage.getItem('token')},
            method: 'POST',
            success: function (res) {
                if (res.code === 200) {
                    var barcodes = res.data;
                    for (var i = 0; i < barcodes.length; i++) {
                        $("#code-decoder-data-" + barcodes[i].barcodeId).html(barcodes[i].codeValue);
                    }
                } else if (res.code === 403) {
                    parent.location.href = baseUrl + "/login";
                } else {
                    console.log(res.msg);
                }
            }
        });
    }

    // 磅秤实时数据获取
    function getScaleInfo() {
        $.ajax({
            url: baseUrl + "/console/latest/data/scale",
            headers: {'token': localStorage.getItem('token')},
            method: 'POST',
            success: function (res) {

                if (res.code === 200) {
                    var sclaes = res.data;
                    for (var i = 0; i < sclaes.length; i++) {
                        console.log(sclaes[i].scaleId + ":" + sclaes[i].value)
                        $("#scale-data-" + sclaes[i].scaleId).text(sclaes[i].value);
                    }
                } else if (res.code === 403) {
                    parent.location.href = baseUrl + "/login";
                } else {
                    console.log(res.msg);
                }
            }
        });
    }

    // 堆垛机偏移动画
    function crnAnimate(id, leftVal) {
        // console.log(crn1Position)
        switch (id) {
            case 1:
                $("#crn-1").animate({left: leftVal + 'px'}, 1000);
                crn1Position = leftVal;
                break;
            case 2:
                $("#crn-2").animate({left: leftVal + 'px'}, 1000);
                crn2Position = leftVal;
                break;
            case 3:
                $("#crn-3").animate({left: leftVal + 'px'}, 1000);
                crn3Position = leftVal;
                break;
            case 4:
                $("#crn-4").animate({left: leftVal + 'px'}, 1000);
                crn4Position = leftVal;
                break;
            case 5:
                $("#crn-5").animate({left: leftVal + 'px'}, 1000);
                crn5Position = leftVal;
                break;
            default:
                break
        }
    }

    // 小车偏移动画
    function carAnimate(id, target) {
        // debugger
        var targetTop = 0;
        if (id === 16 || id === '16' || id === '016') {
            switch (target) {
                case 1:
                    targetTop += 827;
                    break;
                case 2:
                    targetTop += 765;
                    break;
                case 3:
                    targetTop += 651;
                    break;
                case 4:
                    targetTop += 589;
                    break;
                case 5:
                    targetTop += 505;
                    break;
                case 6:
                    targetTop += 443;
                    break;
                case 7:
                    targetTop += 362;
                    break;
                case 8:
                    targetTop += 297;
                    break;
                case 9:
                    targetTop += 243;
                    break;
                case 10:
                    targetTop += 129;
                    break;
                default:
                    return;
            }
        } else {
            return;
        }

        $("#site-0" + id).animate({top: targetTop + 'px'}, 1000);
    }

    //RGV车辆各站点距离数据
    let sitePosition = {
        101: '68px',
        102: '117px',
        122: '183px',
        104: '183px',
        105: '232px',
        118: '297px',
        107: '297px',
        108: '345px',
        119: '355px',
        110: '410px',
        120: '421px',
        111: '459px',
        121: '479px',
        113: '524px',
        123: '556px',
        114: '572px',
        1142: '600px',
        116: '639px',
        117: '687px',
    }

    //RGV车移动动画
    function moveSite(siteId, staNo) {
        $(siteId).animate({top: sitePosition[staNo]}, 1000);
    }

    // moveSite("#site-1", 117);//测试移动方法,可删除

    // Rgv实时数据获取
    function carAnimate2() {
        // console.log("1=============1")
        $.ajax({
            url: baseUrl + "/rgv/console/rgv/site/data",
            headers: {'token': localStorage.getItem('token')},
            method: 'POST',
            success: function (res) {
                if (res.code === 200) {
                    var rgvMap = res.data;
                    for (var i = 0; i < rgvMap.length; i++) {
                        moveSite("#site-"+rgvMap[i].id, rgvMap[i].title);
                    }
                } else {
                    console.log(res.msg);
                }
            }
        });
    }

</script>

 src/main/webapp/views/index.html

@@ -14,7 +14,8 @@
<div class="sidebar">
    <div class="nav">
        <ul class="cl-effect-4">
            <li><a id="console" onclick="nav(this.id)" class="nav-select" href="#">主控图</a></li>
            <li><a id="console" onclick="nav(this.id)" class="nav-select" href="#">一楼</a></li>
            <li><a id="console2" onclick="nav(this.id)" class="nav-select" href="#">二楼</a></li>
            <li><a id="pipeline" onclick="nav(this.id)" class="nav-unselect" href="#">输送设备</a></li>
            <li><a id="crn" onclick="nav(this.id)" class="nav-unselect" href="#">堆垛机</a></li>
            <li><a id="rgv" onclick="nav(this.id)" class="nav-unselect" href="#">RGV</a></li>