#设备预览图显示条码

zjj

2024-01-03 5f796730e6d572e6c72823fcee881eeb5fe5d3f4

#设备预览图显示条码

 src/main/webapp/static/wcs/css/render.css

@@ -19,7 +19,7 @@
}
.head-left {
    height: 100%;
    width: 20%;
    width: 50%;
    display: inline-block;
}
.head-right {
@@ -553,3 +553,59 @@
    height: auto ;
    white-space: normal;
}
.barcode1{
    position: absolute;
    width: 100px;
    height: 50px;
    left: 220px;
    top: 250px;
}
.barcode2{
    position: absolute;
    width: 100px;
    height: 50px;
    left: 220px;
    top: 340px;
}
.barcode3{
    position: absolute;
    width: 100px;
    height: 50px;
    left: 220px;
    top: 430px;
}
.barcode4{
    position: absolute;
    width: 100px;
    height: 50px;
    left: 220px;
    top: 545px;
}
.barcode5{
    position: absolute;
    width: 100px;
    height: 50px;
    left: 220px;
    top: 660px;
}
.barcode6{
    position: absolute;
    width: 100px;
    height: 50px;
    left: 220px;
    top: 770px;
}
.barcode7{
    position: absolute;
    width: 100px;
    height: 50px;
    left: 1450px;
    top: 685px;
}
.barcode8{
    position: absolute;
    width: 100px;
    height: 50px;
    left: 1450px;
    top: 570px;
}

 src/main/webapp/views/realtimeWatch/console.html

@@ -31,10 +31,36 @@
                <h6>AUTOMATIC WAREHOUSE WCS MONITORING DIAGRAM</h6>
            </div>
        </div>
        <div class="barcode1">
            <span style="color: red" id="code1">1</span>
        </div>
        <div class="barcode2">
            <span style="color: red" id="code2">2</span>
        </div>
        <div class="barcode3">
            <span style="color: red" id="code3">3</span>
        </div>
        <div class="barcode4">
            <span style="color: red" id="code4">4</span>
        </div>
        <div class="barcode5">
            <span style="color: red" id="code5">5</span>
        </div>
        <div class="barcode6">
            <span style="color: red" id="code6">6</span>
        </div>
        <div class="barcode7">
            <span style="color: red" id="code7">7</span>
        </div>
        <div class="barcode8">
            <span style="color: red" id="code8">8</span>
        </div>

        <!-- 货架 + 堆垛机 + 入库站点 -->
        <div class="main-part">

        </div>


<!--        &lt;!&ndash;设备列表&ndash;&gt;-->
<!--        <div class="device-info">-->
@@ -42,6 +68,7 @@
<!--        </div>-->

        <div id="body">

            <!-- 总开关 -->
            <div class="system-state">
                <div class="body-head">总开关</div>
@@ -670,7 +697,7 @@
                if (res.code === 200) {
                    var barcodes = res.data;
                    for (var i = 0; i < barcodes.length; i++) {
                        $("#code-decoder-data-" + barcodes[i].barcodeId).html(barcodes[i].codeValue);
                        $("#code" + barcodes[i].barcodeId).html(barcodes[i].codeValue);
                    }
                } else if (res.code === 403) {
                    parent.location.href = baseUrl + "/login";