四向穿梭车地图楼层切换后，显示楼层效果

Junjie

2023-04-06 cfb75c26838c2e8dacf663e4083484f3b1047ca1

四向穿梭车地图楼层切换后，显示楼层效果

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

@@ -680,6 +680,9 @@
.btn-16:active {
    top: 2px;
}
.btn-16-active{
    color: #323131 !important;
}

.sxcar{
    width: 70px;

 src/main/webapp/views/console.html

@@ -17,10 +17,12 @@
    </header>
    <main class="main">
        <!--楼层按钮-->
            <button class="floorBtn  btn-16" onclick="changFloor(1)" style="margin-top: 150px">1F</button>
            <button class="floorBtn  btn-16" onclick="changFloor(2)" style="margin-top: 200px">2F</button>
            <button class="floorBtn  btn-16" onclick="changFloor(3)" style="margin-top: 250px">3F</button>
            <button class="floorBtn  btn-16" onclick="changFloor(4)" style="margin-top: 300px">4F</button>
            <div id="floorBtnBox">
                <button class="floorBtn  btn-16" onclick="changFloor(this,1)" style="margin-top: 150px">1F</button>
                <button class="floorBtn  btn-16" onclick="changFloor(this,2)" style="margin-top: 200px">2F</button>
                <button class="floorBtn  btn-16" onclick="changFloor(this,3)" style="margin-top: 250px">3F</button>
                <button class="floorBtn  btn-16" onclick="changFloor(this,4)" style="margin-top: 300px">4F</button>
            </div>
            <button class="floorBtn  btn-16" onclick="testMove()" style="margin-top: 350px">测试移动车</button>

        <!-- 货架 + 堆垛机 + 入库站点 -->
@@ -1012,7 +1014,11 @@
    }

     //楼层切换按钮
    function changFloor(x) {
    function changFloor(e,x) {
        $("#floorBtnBox button").each((index,item) => {
            $(item).removeClass("btn-16-active")
        })
        $(e).addClass("btn-16-active")
        currentLev = x
        initMap(currentLev)
    }