#

vincent

2020-06-02 890c164aaf39c9ca28de044d8ac55bd4fe8cbc3e

 src/main/webapp/views/pipeline.html

@@ -11,7 +11,6 @@
    <link rel="stylesheet" type="text/css" href="../static/css/pipeline.css">
    <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/handlebars/handlebars-v4.5.3.js"></script>
    <style>

    </style>
@@ -414,54 +413,41 @@
    <textarea id="output"></textarea>
</footer>
</body>
<script type="text/template" id="plcErrorTable">
    {{#each data}}
    <tr>
        <td>{{no}}</td>
        <td>{{plcDesc}}</td>
        <td>{{error}}</td>
    </tr>
    {{/each}}
</script>
<script>
    // 初始化
    var plcErrorTableFieldCount = 0;
    var outputDom = document.getElementById("output");
    $(document).ready(function() {
        initPlcErrorTable();
        getPlcError();
    });
    // 实时访问
    setInterval(function () {
        getPlcError();
    }, 500);
    }, 1000);
    setInterval(function () {
        output("\n" +new Date().toLocaleString() + "【2020-5-29 13:14:22】扫描plcA 目标站--27328372372832763643234323432342");
    },500);

    // 空白表格渲染
    $(document).ready(function() {
        var one = $('#plc-error-table thead').height();
        var total = $('.plc-log-body').height();
        var count = total / one;
        count = parseInt(count);
        var html = "";
        for (var i = 0; i < count-1; i ++){
            html += " <tr>\n" +
                "       <td></td>\n" +
                "       <td></td>\n" +
                "       <td></td>\n" +
                "     </tr>\n";
        }
        $('#plc-error-table tbody').after(html);

        getPlcError();
    });

    // plc异常信息表获取
    function getPlcError() {
        var tableEl = $('#plc-error-table');
        tableEl.children("tr").children("td").html("");
        $.ajax({
            url: baseUrl+ "/site/table/plc/errors",
            headers: {'token': localStorage.getItem('token')},
            method: 'POST',
            success: function (res) {
                if (res.code === 200){
                    var tpl = $("#plcErrorTable").html();
                    var template = Handlebars.compile(tpl);
                    var html = template(res);
                    $('#plc-error-table').append(html);
                    var table = res.data;
                    for (var i=1;i<=table.length;i++){
                        var tr = tableEl.find("tr").eq(i);
                        tr.children("td").eq(0).html(table[i-1].no);
                        tr.children("td").eq(1).html(table[i-1].plcDesc);
                        tr.children("td").eq(2).html(table[i-1].error);
                    }
                } else if (res.code === 403){
                    top.location.href = baseUrl+"/login";
                }  else {
@@ -476,10 +462,32 @@
        outputDom.value += content;
        outputDom.scrollTop = outputDom.scrollHeight;
    }
    setInterval(function () {
        output("\n" +new Date().toLocaleString() + "【2020-5-29 13:14:22】扫描plcA 目标站--27328372372832763643234323432342");
    },500);

    // ------------------------------------------------------------------------------------------------

    // plc异常空白表格渲染
    function initPlcErrorTable(row) {
        var line;
        if (row === undefined){
            var one = $('#plc-error-table thead').height();
            var total = $('.plc-log-body').height();
            var count = total / one;
            count = parseInt(count) - 1;
            plcErrorTableFieldCount = count;
            line = count;
        } else {
            line = row;
        }
        var html = "";
        for (var i = 0; i < line; i ++){
            html += " <tr>\n" +
                "       <td></td>\n" +
                "       <td></td>\n" +
                "       <td></td>\n" +
                "     </tr>\n";
        }
        $('#plc-error-table tbody').after(html);
    }

</script>
</html>