主控图地图绘制优化

Junjie

2023-03-22 178bace75121ea2e460dbf4ff1c2f74ffdbc34ed

主控图地图绘制优化

 src/main/webapp/static/css/console.css

@@ -208,10 +208,10 @@
/* 站点 */
.site {
    color: #333;
    height: 24px;
    border: 1px solid rgb(108,167,168);
    height: 35px;
    /*border: 1px solid rgb(108,167,168);*/
    cursor: pointer;
    width: 50px;
    width: 60px;
    text-align: center;
    background-color: rgb(120,255,129);
    font-size: 13px;
@@ -376,11 +376,13 @@
/* ------------------ 货架总成 ------------------ */
.main-part {
    position: absolute;
    top: 100px;
    left: 480px;
    top: -150px;
    left: 50px;
    transform: scale(0.75);
}
.main-part .lane {
    margin-top: 30px;
    position: relative;
}
/* 钢架号 */
.row-no {
@@ -392,8 +394,8 @@

/* 库位组 */
.stock-group .item {
    width: 40px;
    height: 30px;
    width: 70px;
    height: 35px;
    float: left;
    border-top: 1px solid rgb(194,76,65);
    border-bottom: 1px solid rgb(194,76,65);
@@ -412,8 +414,12 @@
}

.stock-group .site {
    width: 80px;
    width: 70px;
    float: left;
    word-break: break-all;
    display: flex;
    justify-content: center;
    align-items: center;
}
.stock-group::after, .stock-group::before {
    content: "";
@@ -676,11 +682,11 @@
}

.sxcar{
    width: 40px;
    height: 30px;
    width: 70px;
    height: 35px;
    background-image: url(../images/sxcar.png);
    background-size: 100% 100%;
    position: relative;
    position: absolute;
    top: 0;
    left: 0;
}

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

@@ -1 +1,2052 @@
[[-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1],[-1,-1,-1,-1,0,0,0,0,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-23],[-1,-1,-1,-1,0,0,0,0,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-22],[-1,-1,-1,-1,0,0,0,0,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-21],[-1,-1,-1,-1,0,0,0,0,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-20],[-1,-1,-1,-1,0,0,0,0,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-19],[-1,-1,-1,-1,0,0,0,0,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-18],[-1,-1,-1,-1,0,0,0,0,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-17],[-1,-1,-1,-1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,-16],[-1,-1,-1,-1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,-15],[-1,-1,0,-1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,-14],[-1,0,0,-1,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,-13],[-1,0,0,-1,-1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,-12],[-1,0,0,-1,-1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,-11],[-1,0,0,-1,-1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,-10],[-1,0,0,-1,-1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,-9],[-1,-1,0,-1,-1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,-8],[-1,-1,0,-1,-1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,-7],[-1,0,0,0,-1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,-6],[-1,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,-5],[-1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,-4],[-1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,-3],[-1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,-2],[-1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,-1],[-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1]]
[
  [{
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }],
  [{
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -23,
    "data": ""
  }],
  [{
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -22,
    "data": ""
  }],
  [{
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -21,
    "data": ""
  }],
  [{
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -20,
    "data": ""
  }],
  [{
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -19,
    "data": ""
  }],
  [{
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -18,
    "data": ""
  }],
  [{
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -17,
    "data": ""
  }],
  [{
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": -16,
    "data": ""
  }],
  [{
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": -15,
    "data": ""
  }],
  [{
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": -14,
    "data": ""
  }],
  [{
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": 3,
    "data": ""
  }, {
    "value": 3,
    "data": ""
  }, {
    "value": 3,
    "data": ""
  }, {
    "value": 3,
    "data": ""
  }, {
    "value": 3,
    "data": ""
  }, {
    "value": 3,
    "data": ""
  }, {
    "value": 3,
    "data": ""
  }, {
    "value": 3,
    "data": ""
  }, {
    "value": 3,
    "data": ""
  }, {
    "value": 3,
    "data": ""
  }, {
    "value": 3,
    "data": ""
  }, {
    "value": 3,
    "data": ""
  }, {
    "value": 3,
    "data": ""
  }, {
    "value": 3,
    "data": ""
  }, {
    "value": 3,
    "data": ""
  }, {
    "value": 3,
    "data": ""
  }, {
    "value": 3,
    "data": ""
  }, {
    "value": 3,
    "data": ""
  }, {
    "value": 3,
    "data": ""
  }, {
    "value": 3,
    "data": ""
  }, {
    "value": 3,
    "data": ""
  }, {
    "value": 3,
    "data": ""
  }, {
    "value": -13,
    "data": ""
  }],
  [{
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": -12,
    "data": ""
  }],
  [{
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": 4,
    "data": "200"
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": -11,
    "data": ""
  }],
  [{
    "value": -1,
    "data": ""
  }, {
    "value": 4,
    "data": "201"
  }, {
    "value": 4,
    "data": "202"
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": -10,
    "data": ""
  }],
  [{
    "value": -1,
    "data": ""
  }, {
    "value": 4,
    "data": "203"
  }, {
    "value": 4,
    "data": "204"
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": -9,
    "data": ""
  }],
  [{
    "value": -1,
    "data": ""
  }, {
    "value": 4,
    "data": "205"
  }, {
    "value": 4,
    "data": "206"
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": -8,
    "data": ""
  }],
  [{
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": 4,
    "data": "207"
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": -7,
    "data": ""
  }],
  [{
    "value": -1,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 4,
    "data": "208"
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": -6,
    "data": ""
  }],
  [{
    "value": -1,
    "data": ""
  }, {
    "value": 3,
    "data": ""
  }, {
    "value": 3,
    "data": ""
  }, {
    "value": 3,
    "data": ""
  }, {
    "value": 3,
    "data": ""
  }, {
    "value": 3,
    "data": ""
  }, {
    "value": 3,
    "data": ""
  }, {
    "value": 3,
    "data": ""
  }, {
    "value": 3,
    "data": ""
  }, {
    "value": 3,
    "data": ""
  }, {
    "value": 3,
    "data": ""
  }, {
    "value": 3,
    "data": ""
  }, {
    "value": 3,
    "data": ""
  }, {
    "value": 3,
    "data": ""
  }, {
    "value": 3,
    "data": ""
  }, {
    "value": 3,
    "data": ""
  }, {
    "value": 3,
    "data": ""
  }, {
    "value": 3,
    "data": ""
  }, {
    "value": 3,
    "data": ""
  }, {
    "value": 3,
    "data": ""
  }, {
    "value": 3,
    "data": ""
  }, {
    "value": 3,
    "data": ""
  }, {
    "value": 3,
    "data": ""
  }, {
    "value": 3,
    "data": ""
  }, {
    "value": 3,
    "data": ""
  }, {
    "value": 3,
    "data": ""
  }, {
    "value": -5,
    "data": ""
  }],
  [{
    "value": -1,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": -4,
    "data": ""
  }],
  [{
    "value": -1,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": -3,
    "data": ""
  }],
  [{
    "value": -1,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": -2,
    "data": ""
  }],
  [{
    "value": -1,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": 0,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }],
  [{
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }, {
    "value": -1,
    "data": ""
  }]
]

 src/main/webapp/views/console.html

@@ -27,40 +27,6 @@
            <!-- 第一组 -->
            <div class="lane" id="mapDataId" style="margin-bottom: 280px">
                <div class="sxcar" id="sxcar-1"></div>
                <!-- 货架 -->
<!--                <div class="stock-group">-->
<!--                    <button class="item">1</button>-->
<!--                    <button class="item">2</button>-->
<!--                    <button class="item">3</button>-->
<!--                    <button class="item">4</button>-->
<!--                    <button class="item">5</button>-->
<!--                    <button class="item">6</button>-->
<!--                    <button class="item">7</button>-->
<!--                    <button class="item">8</button>-->
<!--                    <button class="item">9</button>-->
<!--                    <button class="item">10</button>-->
<!--                    <button class="item">11</button>-->
<!--                    <button class="item">12</button>-->
<!--                    <button class="item">13</button>-->
<!--                    <button class="item">14</button>-->
<!--                    <button class="item">15</button>-->
<!--                    <button class="item">16</button>-->
<!--                    <button class="item">17</button>-->
<!--                    <button class="item">18</button>-->
<!--                    <button class="item">19</button>-->
<!--                    <button class="item">20</button>-->
<!--                    <button class="item">21</button>-->
<!--                    <button class="item">22</button>-->
<!--                    <button class="item">23</button>-->
<!--                    <button class="item">24</button>-->
<!--                    <button class="item">25</button>-->
<!--                    <span class="row-no">1#</span>-->
<!--                </div>-->
                <!-- 堆垛机 -->
<!--                <div class="crn">-->
<!--                    <hr class="pathway">-->
<!--                    <div id="crn-1" class="machine"></div>-->
<!--                </div>-->
            </div>
        </div>
    </main>
@@ -373,6 +339,7 @@
    var tData1 = []
    var tData2 = []
    var tData3 = []
    var mapData = [] //地图数据
    function getCodeData(){
        $.ajax({
            url:baseUrl +'/console/barcode/output/site',
@@ -433,8 +400,8 @@

    //计算四向穿梭车图标位置
    function getCarPosition(x,y) {
        let top = (x * 30) + "px"
        let left = (y * 40 - 40) + "px" //需要减去小车自己所占宽度
        let top = (x * 35 - 35) + "px" //需要减去小车自己所占高度
        let left = (y * 70 - 70) + "px" //需要减去小车自己所占宽度
        return [top,left];
    }

@@ -444,7 +411,6 @@
        let position = getCarPosition(x,y)
        let top = position[0]
        let left = position[1]
        console.log(top,left)
        $("#sxcar-" + id).animate({top: top,left: left}, 1000);
    }

@@ -457,6 +423,7 @@
            type:"get",
            url: baseUrl + "/static/js/map.json",
            success: (data) => {
                mapData = data
                let content = ""
                data.forEach((rowData,index) => {
                    let lastGroup = '<div class="stock-group">'
@@ -467,9 +434,8 @@
                            //去掉左右边缘禁区
                            if(!(idx == 0 || rowData.length - 1 == idx)){
                                let col;
                                switch (colData){
                                switch (colData.value){
                                    case -1:
                                        //-1禁区不显示，但是需要占用元素位置
                                        col = '<button class="item" style="visibility: hidden">' + idx + '</button>';
                                        break;
                                    case 3:
@@ -479,6 +445,11 @@
                                            //第一次遇到母轨道，则保存该轨道地址(用于小车初始化定位)
                                            firstMotherIndex = [index,idx]
                                        }
                                        break;
                                    case 4:
                                        //站点
                                        let data = colData.data
                                        col = '<div id="site-' + data + '" class="site">' + data + '(9991)</div>';
                                        break;
                                    default:
                                        col = '<button class="item">' + index + '</button>';
@@ -498,14 +469,28 @@
                    }
                })


                moveCar(1, firstMotherIndex[0], firstMotherIndex[1]);
                $("#mapDataId").append(content)
            }
        })
    }

    //将地图数据转换成int二维数组(后续用于请求计算路径时携带地图数据参数使用)
    function getMap2TwoArr() {
        let data = []
        mapData.forEach((item,index) => {
            let data2 = []
            item.forEach((val,idx) => {
                data2.push(val.value)
            })
            data.push(data2)
        })

        return data;
    }

    function testMove() {
        getMap2TwoArr()//测试地图数据转换是否正常
        let json = "[{\n" +
            "\t\t\"x\": 5,\n" +
            "\t\t\"y\": 5\n" +
@@ -659,7 +644,7 @@
</script>
<script type="text/javascript">
    // 弹窗站点信息
    $('.site').on('click',function(){
    $('#mapDataId').on('click','.site',function(){
        var id = this.id.split("-")[1];
        $("#siteWindow").attr("style","display:block;");//显示div
        $("#crnWindow").attr("style","display:none;");