自动化立库仓库-WCS系统
blame | 历史 | 补丁 | 提交 | 提交对比 | ignore whitespace
#
zjj
2024-03-21 7be75a0302732bb0ec2f4bd9eeeb1d1c9701af96 
 src/main/webapp/views/realtimeWatch/console.html


@@ -3,16 +3,26 @@


<head>


    <meta charset="UTF-8">


    <title>自动仓库wcs系统</title>


    <link rel="stylesheet" href="../../static/css/render.css">


    <script src="../../static/js/jquery/jquery-3.3.1.min.js"></script>


    <script src="../../static/js/layer/layer.js"></script>


    <link rel="stylesheet" href="../../static/wcs/css/render.css">


    <link rel="stylesheet" href="../../static/wms/layui/css/layui.css" media="all">


    <link rel="stylesheet" href="../../static/wms/css/cool.css" media="all">


    <link rel="stylesheet" href="../../static/wms/css/common.css" media="all">


    <script type="text/javascript" src="../../static/wms/js/jquery/jquery-3.3.1.min.js"></script>


    <script type="text/javascript" src="../../static/wms/layui/layui.js" charset="utf-8"></script>


    <script type="text/javascript" src="../../static/wms/js/common.js" charset="utf-8"></script>


    <script type="text/javascript" src="../../static/wms/js/cool.js" charset="utf-8"></script>


    <!--地图json-->


    <script src="../../static/js/console.map.js"></script>


    <script src="../../static/js/console.js"></script>


    <script src="../../static/js/common.js"></script>






    <script src="../../static/wcs/js/console.map.js"></script>


    <script src="../../static/wcs/js/console.js"></script>


    <script src="../../static/wcs/js/common.js"></script>


</head>


<script type="text/html" id="errorTpl">


    {{# if( d.error === false ){ }}


    <span name="level" class="layui-badge layui-badge-green">正常</span>


    {{# } else { }}


    <span name="level" class="layui-badge layui-badge-red">异常</span>


    {{# } }}


</script>


<body>


    <div id="main">


        <div class="head">


@@ -20,15 +30,45 @@


                <h1>自动仓库WCS监控图</h1>


                <h6>AUTOMATIC WAREHOUSE WCS MONITORING DIAGRAM</h6>


            </div>


            <div class="head-right">


                <img src="../../static/images/zy-logo.png" alt="中扬" height="44" width="80">


            </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">-->


<!--            <table class="layui-hide" id="deviceInfo" lay-filter="deviceInfo"></table>-->


<!--        </div>-->




        <div id="body">




            <!-- 总开关 -->


            <div class="system-state">


                <div class="body-head">总开关</div>


@@ -80,28 +120,28 @@


                </div>


            </div>


            <div class="bar-code">


                <div class="body-head" id="code">磅秤</div>


                <div class="body-head" id="code">条码扫描器</div>


                <div class="tablebox">


                    <div class="table-head">


                        <li><span>磅秤编号-磅秤重量</span><span class="right">称重时间</span></li>


                        <li><span>条码名称</span><span class="right">扫码时间</span></li>


                    </div>


                    <div id="scale1" class="table-body">


                    <div id="barcode1" class="table-body">




                    </div>


                </div>


                <div class="tablebox">


                    <div class="table-head">


                        <li><span>磅秤编号-磅秤重量</span><span class="right">称重时间</span></li>


                        <li><span>条码名称</span><span class="right">扫码时间</span></li>


                    </div>


                    <div id="scale2" class="table-body">


                    <div id="barcode2" class="table-body">




                    </div>


                </div>


                <div class="tablebox">


                    <div class="table-head">


                        <li><span>磅秤编号-磅秤重量</span><span class="right">称重时间</span></li>


                        <li><span>条码名称</span><span class="right">扫码时间</span></li>


                    </div>


                    <div id="scale3" class="table-body">


                    <div id="barcode3" class="table-body">




                    </div>


                </div>


@@ -120,7 +160,7 @@


                        <span>堆垛机号：</span>


                    </div>


                    <div class="form-item-input">


                        <input type="text" name="crnNo" value="">


                        <input type="text" name="crnNo" value="" id="crnNo">


                    </div>


                </div>


                <!-- 工作号 -->


@@ -204,6 +244,14 @@


                        <input type="text" name="error" value="">


                    </div>


                </div>


                <!-- 操作按钮 -->


                <div class="form-item" style="display: flex;">


                    <div class="form-item-input">


                        <div>入库：开<input type="radio" name="pakIn" id="pakInY" value="1"> 关<input type="radio" name="pakIn" id="pakInN" value="0"/></div>


                        <div>出库：开<input type="radio" name="pakOut" id="pakOutY" value="1"> 关<input type="radio" name="pakOut" id="pakOutN" value="0"/></div>


                    </div>


                    <div><a id="crnCommand" class="layui-btn">下发命令</a></div>


                </div>


            </form>


        </div>


        <!-- 输送设备弹窗 -->


@@ -220,7 +268,7 @@


                        <span>设备号：</span>


                    </div>


                    <div class="form-item-input">


                        <input type="text" name="siteId" value="">


                        <input type="text" name="siteId" value="" id="devpSiteId">


                    </div>


                </div>


                <!-- 工作号 -->


@@ -229,7 +277,7 @@


                        <span>工作号：</span>


                    </div>


                    <div class="form-item-input">


                        <input type="text" name="workNo" value="">


                        <input type="text" name="workNo" value="" id="devpWorkNo">


                    </div>


                </div>


                <!-- 工作状态 -->


@@ -301,7 +349,7 @@


                        <span>目标站：</span>


                    </div>


                    <div class="form-item-input">


                        <input type="text" name="staNo" value="">


                        <input type="text" name="staNo" value="" id="devpStaNo">


                    </div>


                </div>


                <!-- 源库位 -->


@@ -322,7 +370,10 @@


                        <input type="text" name="locNo" value="">


                    </div>


                </div>




                <!-- 操作按钮 -->


                <div class="form-item">


                    <a id="devpCommand" class="layui-btn">下发命令</a>


                </div>


            </form>


        </div>


    </div>


@@ -385,7 +436,8 @@


</script>


<script type="text/javascript">


    // 弹窗站点信息


    $('.site').on('click', function () {


    $("body").on('click', '.site', function (e) {


        console.log(e)


        var id = this.id.split("-")[1];


        $("#siteWindow").attr("style", "display:block;");//显示div


        $("#crnWindow").attr("style", "display:none;");


@@ -415,7 +467,7 @@




    });


    // 堆垛机信息


    $('.machine').on('click', function () {


    $("body").on('click', '.machine', function () {


        var id = this.id.split("-")[1];


        $("#crnWindow").attr('style', 'display:block;');


        $("#siteWindow").attr("style", "display:none;");


@@ -431,19 +483,34 @@


            },


            method: 'post',


            success: function (res) {


                console.log(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');


                    if (val === "inEnable") {


                        if (res.data[val] === 'Y') {


                            $("#pakInY").prop("checked", true);


                        }else{


                            $("#pakInN").prop("checked", true);


                        }


                    }else if (val === "outEnable") {


                        if (res.data[val] === 'Y') {


                            $("#pakOutY").prop("checked", true);


                        }else{


                            $("#pakOutN").prop("checked", true);


                        }


                    }else {


                        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')


@@ -630,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";


@@ -746,5 +813,62 @@


        $("#site-" + id).animate({top: targetTop + 'px'}, 1000);


    }




    //下发输送线命令


    $("#devpCommand").on("click", () => {


        let siteId = $("#devpSiteId").val()//设备id


        let wrkNo = $("#devpWorkNo").val()//工作号


        let staNo = $("#devpStaNo").val()//目标站




        $.ajax({


            url: baseUrl+"/site/detl/update",


            headers: {'token': localStorage.getItem('token')},


            data: {


                devNo: siteId,


                workNo: wrkNo,


                staNo: staNo,


            },


            method: 'POST',


            success: function (res) {


                if (res.code === 200){


                    layer.msg("下发成功",{icon: 1,});


                } else if (res.code === 403){


                    top.location.href = baseUrl+"/";


                }else {


                    layer.msg(res.msg, {icon: 2});


                }


            }


        })


    });




    //下发堆垛机命令


    $("#crnCommand").on("click", () => {


        let crnNo = $("#crnNo").val()//设备id


        var pakIn = $('input[name="pakIn"]:checked').val();


        var pakOut = $('input[name="pakOut"]:checked').val();




        console.log(pakIn,pakOut)




        $.ajax({


            url: baseUrl + "/basCrnp/update/auth",


            headers: {


                'token': localStorage.getItem('token')


            },


            data: {


                crnNo: crnNo,


                inEnable: pakIn == 1 ? "Y" : "N",


                outEnable: pakOut == 1 ? "Y" : "N"


            },


            method: 'POST',


            success: function (res) {


                if (res.code === 200){


                    layer.msg("下发成功",{icon: 1,});


                } else if (res.code === 403){


                    top.location.href = baseUrl+"/";


                }else {


                    layer.msg(res.msg, {icon: 2});


                }


            }


        });


    });




</script>