#

luxiaotao1123

2022-08-22 4aa39baac48fc4dd1b8555bb776bd020bbcbe50b

 src/main/webapp/views/console.html

@@ -16,15 +16,23 @@
        <h6>AUTOMATIC WAREHOUSE WCS MONITORING DIAGRAM</h6>
    </header>
    <main class="main">
        <!--第1列（宽度 70px） -->
<!--        <div class="site-row site-row-1">-->
<!--            <div class="site-k" style="height:39px;width:70px;"></div>-->
<!--            <div id="site-173" class="site" style="height: 18px;line-height: 18px;margin-bottom: 85px">173</div>-->
<!--        </div>-->
        <!--第1列 -->
        <div class="site-row site-row-1">
            <div id="site-102" class="site" style="height: 18px;line-height: 18px;width:80px;margin-top: 340px">102</div>

            <div id="site-101" class="site" style="height: 18px;line-height: 18px;width:80px;margin-top: 20px">101</div>

            <div id="site-100" class="site" style="height: 18px;line-height: 18px;width:80px;margin-top: 184px">100</div>
        </div>
        <!--第2列-->
        <div class="site-row site-row-2">
            <div id="site-1000" class="site" style="height: 18px;line-height: 18px;">1000</div>
            <div id="site-2000" class="site" style="height: 18px;line-height: 18px;">2000</div>
            <!-- 台车轨道 -->
            <div id="car-track-1" class="car-track">
                <div></div>
            </div>
            <!-- 台车实例 -->
            <div id="site-1000" class="site car">1000</div>
            <div id="site-2000" class="site car">2000</div>
        </div>
        <!-- 第3列 -->
        <div class="site-row site-row-3">
@@ -1374,6 +1382,61 @@
            $('#barcode3').append(str3)
        }
    }

    // 小车偏移动画
    function carAnimate(id, target) {
        if (id === 1000) {
            let targetTop = 130;
            switch (target) {
                case 110:
                    targetTop += 0;
                    break;
                case 109:
                    targetTop += 60;
                    break;
                case 108:
                    targetTop += 100;
                    break;
                case 107:
                    targetTop += 180;
                    break;
                case 106:
                    targetTop += 220;
                    break;
                default:
                    return;
            }
            $("#site-" + id).animate({top: targetTop+'px'}, 1000);
        } else if (id === 2000) {
            let targetTop = 130;
            switch (target) {
                case 226:
                    targetTop += 0;
                    break;
                case 225:
                    targetTop += 60;
                    break;
                case 224:
                    targetTop += 100;
                    break;
                case 223:
                    targetTop += 180;
                    break;
                case 222:
                    targetTop += 220;
                    break;
                case 214:
                    targetTop += 280;
                    break;
                case 220:
                    targetTop += 320;
                    break;
                default:
                    return;
            }
            $("#site-" + id).animate({top: targetTop+'px'}, 1000);
        }
    }
</script>
<script type="text/javascript">
    // 弹窗站点信息