123

ZY

2025-05-10 a56259ffabbdd3dba89d60e4da2c06a1b88e6220

 src/main/webapp/views/devops.html

@@ -9,7 +9,7 @@
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" type="text/css" href="../static/css/normalize.css">
    <link rel="stylesheet" type="text/css" href="../static/css/common.css">
    <link rel="stylesheet" type="text/css" href="../static/css/pipeline.css">
    <link rel="stylesheet" type="text/css" href="../static/css/devops.css?v=3">
    <script type="text/javascript" src="../static/js/jquery/jquery-3.3.1.min.js"></script>
    <script type="text/javascript" src="../static/js/common.js"></script>
    <script type="text/javascript" src="../static/js/layer/layer.js"></script>
@@ -57,7 +57,7 @@
            <div id="plc-error" class="main-board" style="padding-left: 10px">
                <div class="plc-log-body">
                    <div>
                        <span style="color: #1E9FFF">出库工作档:</span>
                        <span style="color: #1E9FFF">工作档:</span>
                    </div>
                    <table id="plc-error-table">
                        <thead>
@@ -77,24 +77,18 @@
            <!-- 站点状态数据监控版 -->
            <div id="site-monitor" class="main-board">
                <div>
                    <span style="color: #1E9FFF">无法入库原因判断:</span>
                    <span style="color: #1E9FFF">无法出入库原因判断:</span>
                </div>
                <!-- 表格 -->
                <!--固定表头 table 加table-layout: fixed;  th 加 position:sticky;top: 0;-->
                <table id="site-table" style="table-layout: fixed;">
                <table id="site-table" >
                    <!-- 表头 -->
                    <thead style="position:sticky;top: 0;">
                    <tr>
                        <th>站号</th>
                        <th>工作号</th>
                        <th>自动</th>
                        <th>有物</th>
                        <th>可入</th>
                        <th>可出</th>
                        <th>入库标记</th>
                        <th>目标站</th>
                        <th>信息</th>
                        <th>高低库位</th>
                        <th style="width: 180px">类型</th>
                        <th style="width: 150px">站号</th>
                        <th style="width: 400px">不符合的条件</th>
                        <th style="width: 300px">解决</th>
                    </tr>
                    </thead>
                    <!-- 表格内容 -->
@@ -102,45 +96,9 @@
                </table>
            </div>
        </main>
        <footer>
            <textarea id="output"></textarea>
        </footer>

        <div id="site-detl" style="display: none">
            <form>
                <div class="form-item">
                    <label class="form-label">站号:</label>
                    <div class="form-input">
                        <input id="siteId" name="siteId" class="layui-input" lay-verify="required|number"
                               autocomplete="off" disabled="disabled">
                    </div>
                </div>
                <div class="form-item">
                    <label class="form-label">工作号:</label>
                    <div class="form-input">
                        <input id="workNo" name="workNo" type="number" class="layui-input" lay-verify="number"
                               autocomplete="off">
                    </div>
                </div>
                <div class="form-item">
                    <label class="form-label">目标站:</label>
                    <div class="form-input">
                        <input id="staNo" name="staNo" type="number" class="layui-input" lay-verify="number"
                               autocomplete="off">
                    </div>
                </div>
                <div class="form-item">
                    <label class="form-label">入库标记:</label>
                    <div class="form-input">
                        <input id="pakMk" name="pakMk" type="text" class="layui-input" autocomplete="off">
                    </div>
                </div>
                <div class="form-item form-button-container">
                    <button class="form-button" id="save">保存</button>
                    <button class="form-button" id="cancel" style="background-color: #D0D0D0">取消</button>
                </div>
            </form>
        </div>


    </div>

</div>
@@ -154,7 +112,7 @@
    // 实际行数
    var plcErrorTableFullRows = 0;
    var siteTableFullRows = 0;
    var outputDom = document.getElementById("output");
    //var outputDom = document.getElementById("output");
    $(document).ready(function () {
        initPlcErrorTable();
        getPlcError();
@@ -167,7 +125,7 @@
        starGetSite();
    }, 1000);
    setInterval(function () {
        getSiteOutput();
        //getSiteOutput();
    }, 500);

    function starGetSite() {
@@ -221,16 +179,11 @@
                    }
                    for (var i = 1; i <= table.length; i++) {
                        var tr = tableEl.find("tr").eq(i);
                        setVal(tr.children("td").eq(0), table[i - 1].devNo);
                        setVal(tr.children("td").eq(1), table[i - 1].workNo);
                        setVal(tr.children("td").eq(2), table[i - 1].autoing);
                        setVal(tr.children("td").eq(3), table[i - 1].loading);
                        setVal(tr.children("td").eq(4), table[i - 1].inEnable);
                        setVal(tr.children("td").eq(5), table[i - 1].outEnable);
                        setVal(tr.children("td").eq(6), table[i - 1].pakMk);
                        setVal(tr.children("td").eq(7), table[i - 1].staNo);
                        setVal(tr.children("td").eq(8), table[i - 1].emptyMk);
                        setVal(tr.children("td").eq(9), table[i - 1].locType1);
                        tr.children("td").eq(0).html(table[i - 1].type);
                        tr.children("td").eq(1).html(table[i - 1].staNo);
                        tr.children("td").eq(2).html(table[i - 1].error);
                        tr.children("td").eq(3).html(table[i - 1].method);

                    }
                } else if (res.code === 403) {
                    window.location.href = baseUrl + "/login";
@@ -239,30 +192,6 @@
                }
            }
        });
    }

    // 输送设备日志输出
    function getSiteOutput() {
        $.ajax({
            url: baseUrl + "/site/output/site",
            headers: {'token': localStorage.getItem('token')},
            method: 'POST',
            success: function (res) {
                if (res.code === 200) {
                    output(res.data);
                } else if (res.code === 403) {
                    window.location.href = baseUrl + "/login";
                } else {
                    alert(res.msg);
                }
            }
        })
    }

    // 日志输出框
    function output(content) {
        outputDom.value += content;
        outputDom.scrollTop = outputDom.scrollHeight;
    }

    // ------------------------------------------------------------------------------------------------
@@ -311,70 +240,12 @@
                "       <td></td>\n" +
                "       <td></td>\n" +
                "       <td></td>\n" +
                "       <td></td>\n" +
                "       <td></td>\n" +
                "       <td></td>\n" +
                "       <td></td>\n" +
                "       <td></td>\n" +
                "       <td></td>\n" +
                "     </tr>\n";
        }
        $('#site-table tbody').after(html);
    }

    // 详情操作 -------------------------------------------------------------------------
    var layerDetl;
    $(document).on('dblclick ', '#site-table tr', function () {
        stop = true
        var siteId = $(this).children("td").eq(0).html();
        if (siteId !== null && siteId !== "") {
            layerDetl = layer.open({
                type: 1,
                title: false,
                shadeClose: true,
                offset: 'rt',
                anim: 5,
                shade: [0],
                area: ['340px', '255px'],
                closeBtn: 0,
                content: $("#site-detl"),
                success: function (layero, index) {
                    http.get(baseUrl + "/site/detl/" + siteId, null, function (res) {
                        $('#siteId').val(siteId);
                        $('#workNo').val(res.data.workNo);
                        $('#staNo').val(res.data.staNo);
                        $('#pakMk').val(res.data.pakMk);
                    })
                },
                end: function () {
                    $('#siteId').val("");
                    $('#workNo').val("");
                    $('#staNo').val("");
                    $('#pakMk').val("");
                    stop = false
                }
            })
        }

    });

    $(document).on('click ', '#save', function () {
        http.post(baseUrl + "/site/detl/update", {
            siteId: $('#siteId').val(),
            workNo: $('#workNo').val(),
            staNo: $('#staNo').val(),
            pakMk: $('#pakMk').val()
        }, function (res) {
            layer.msg("修改成功", {icon: 1,});
        })
    })
    $(document).on('click ', '#cancel', function () {
        $('#siteId').val("");
        $('#workNo').val("");
        $('#staNo').val("");
        $('#pakMk').val("");
        layer.close(layerDetl);
    })

</script>
</html>