#

luxiaotao1123

2021-12-14 aa5d5e8ae27df5d0818a2d09abc53abe5e823a21

 src/main/webapp/views/console.html

@@ -80,14 +80,13 @@
    <!-- 入库口 -->
    <div class="cargo-put-0"></div>
    <div class="cargo-put-1"></div>
    <div class="cargo-put-2"></div>
    <!-- 扫码器 -->
    <div id="code-decoder-1" class="code-decoder">
        <span id="code-decoder-data-1" class="code-decoder-data">0</span>
    </div>
    <!-- 扫码器 -->
    <div id="code-decoder-2" class="code-decoder">
        <span id="code-decoder-data-2" class="code-decoder-data">0</span>
    <!--  磅秤  -->
    <div class="scale" id="scale-1">
        <button id="scale-data-1">磅秤</button>
    </div>


@@ -124,6 +123,7 @@

    <!-- 第3列（宽度 100px） -->
    <div class="site-row site-row-3">
        <div id="site-129" class="site" style="height: 20px;line-height: 20px;width: 80px">129</div>
        <div id="site-101" class="site" style="height: 20px;line-height: 20px">101</div>
        <div id="site-125" class="site" style="height: 20px;line-height: 20px;width: 80px">125</div>
        <div id="site-123" class="site" style="height: 20px;line-height: 20px">123</div>
@@ -145,6 +145,19 @@
    <div class="site-row site-row-5">
        <div id="site-201" class="site" style="height: 20px;line-height: 20px;margin-bottom: 85px">201</div>
        <div id="site-204" class="site" style="height: 20px;line-height: 20px;">204</div>
    </div>

    <!-- 第6列（宽度 100px） -->
    <div class="site-row site-row-6">
        <div id="site-305" class="site" style="height: 20px;line-height: 20px;">305</div>
        <div id="site-308" class="site" style="height: 21px;line-height: 21px;">308</div>
        <div id="site-304" class="site" style="height: 20px;line-height: 20px;">304</div>
        <div id="site-303" class="site" style="height: 44px;line-height: 44px;">303</div>
        <div id="site-302" class="site" style="height: 20px;line-height: 20px;">302</div>
        <div id="site-307" class="site" style="height: 21px;line-height: 21px;">307</div>
        <div id="site-301" class="site" style="height: 20px;line-height: 20px;">301</div>
        <div id="site-306" class="site" style="height: 20px;line-height: 20px;">306</div>
        <div id="site-300" class="site" style="height: 20px;line-height: 20px;">300</div>
    </div>

    <!-- 货架 + 堆垛机 + 入库站点 + 出库站点 -->
@@ -528,11 +541,13 @@
    getCrnInfo();
    getSystemRunningStatus();
    getBarcodeInfo();
    getScaleInfo();
    // 实时访问
    setInterval(function () {
        getCrnInfo();
        getSystemRunningStatus();
        getBarcodeInfo()
        getBarcodeInfo();
        getScaleInfo();
    }, 1000);
    setInterval(function () {
        getSitesInfo();
@@ -656,10 +671,8 @@
                    for (var i = 0; i < crns.length; i++){
                        var crnEl = $("#crn-"+crns[i].crnId);
                        crnEl.attr("class", "machine " + crns[i].crnStatus);

                        var unit = $('.item').eq(0).width()+4;
                        crnEl.animate({left: (crns[i].bay * unit + 50) +'px'}, 1000);
                        // crnEl.animate({left: (crns[i].bay * ($('.item').eq(0).width()+4)) +'px'}, 1000);
                        var unit = ($('.item').eq(0).width()+4)/2;
                        crnEl.animate({left: (crns[i].bay * unit + 25) +'px'}, 1000);
                    }
                } else if (res.code === 403){
                    parent.location.href = baseUrl+"/login";
@@ -691,6 +704,29 @@
        });
    }

    // 磅秤实时数据获取
    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) {
        switch (id) {