#fs

lsh

2024-09-10 2722343bfb3528b96c0c41860eb37079a073d2c5

 src/main/webapp/views/console.html

@@ -21,7 +21,7 @@
                <h6>AUTOMATIC WAREHOUSE WCS MONITORING DIAGRAM</h6>
            </div>
            <div class="head-right">
                <img src="../static/images/zy-logo.png" alt="中扬" height="44" width="80">
<!--                <img src="../static/images/zy-logo.png" alt="徐工汉云" height="44" width="80">-->
            </div>
        </div>
        <!-- 货架 + 堆垛机 + 入库站点 -->
@@ -344,7 +344,6 @@
            url: baseUrl + '/console/barcode/output/site',
            method: 'GET',
            success: function (res) {
                console.log(res)
                if (res.code === 200) {
                    tData = eval(res.data);
                    if (tData.length <= 5) {
@@ -414,36 +413,7 @@
        })

    });
    // 堆垛机信息
    $('.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')
@@ -463,6 +433,8 @@
    getSystemRunningStatus();
    getBarcodeInfo();
    getScaleInfo();
    // carAnimate();
    carAnimate2();
    // 实时访问
    setInterval(function () {
        getCrnInfo();
@@ -516,8 +488,8 @@
                } else if (res.code === 403) {
                    parent.location.href = baseUrl + "/login";
                } else {
                    alert(res.msg);
                    console.log(res.msg);

                }
            }
        });
@@ -561,7 +533,9 @@
                    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 {
@@ -569,50 +543,9 @@
                        }

                        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";
@@ -698,23 +631,39 @@

    // 小车偏移动画
    function carAnimate(id, target) {
        var targetTop = 122;
        // debugger
        var targetTop = 0;
        if (id === 16 || id === '16' || id === '016') {
            switch (target) {
                case 1:
                    targetTop += 160;
                    targetTop += 827;
                    break;
                case 2:
                    targetTop += 140;
                    targetTop += 765;
                    break;
                case 3:
                    targetTop += 80;
                    targetTop += 651;
                    break;
                case 4:
                    targetTop += 40;
                    targetTop += 589;
                    break;
                case 5:
                    targetTop += 505;
                    break;
                case 6:
                    targetTop += 443;
                    break;
                case 7:
                    targetTop += 0;
                    targetTop += 362;
                    break;
                case 8:
                    targetTop += 297;
                    break;
                case 9:
                    targetTop += 243;
                    break;
                case 10:
                    targetTop += 129;
                    break;
                default:
                    return;
@@ -722,8 +671,58 @@
        } else {
            return;
        }
        $("#site-" + id).animate({top: targetTop + 'px'}, 1000);

        $("#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>