#

vincent

2020-06-02 890c164aaf39c9ca28de044d8ac55bd4fe8cbc3e

 src/main/webapp/views/pipeline.html

@@ -10,65 +10,8 @@
    <link rel="stylesheet" type="text/css" href="../static/css/common.css">
    <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/layer/layer.js"></script>
    <script type="text/javascript" src="../static/js/common.js"></script>
    <style>
        .plc-log-header {
            height: 15%;
        }
        .plc-log-body {
            height: 85%;
            overflow: auto;
        }


        /* 站点表格 */
        #site-table {
            font-size: 12px;
            border-collapse: collapse;
            margin: 0 auto;
            text-align: center;
        }
        #site-table td, #site-table th {
            border: 1px solid #cad9ea;
            color: #666;
            height: 25px;
        }
        #site-table thead th {
            background-color: #CCE8EB;
            width: 100px;
        }
        #site-table tr:nth-child(odd) {
            background: #fff;
        }
        #site-table tr:nth-child(even) {
            background: #F5FAFA;
        }



        /* plc异常表格 */
        #plc-error-table {
            font-size: 12px;
            border-collapse: collapse;
            margin: 0 auto;
        }
        #plc-error-table td, #plc-error-table th {
            border: 1px solid #cad9ea;
            color: #666;
            height: 25px;
            text-align: left;
            padding-left: 5px;
        }
        #plc-error-table thead th {
            background-color: #CCE8EB;
            width: 100px;
        }
        #plc-error-table tr:nth-child(odd) {
            background: #fff;
        }
        #plc-error-table tr:nth-child(even) {
            background: #F5FAFA;
        }

    </style>
</head>
@@ -99,6 +42,7 @@
                    </tr>
                </thead>
                <tbody>

                </tbody>
            </table>
        </div>
@@ -470,14 +414,72 @@
</footer>
</body>
<script>
    // 空白表格渲染
    // 初始化
    var plcErrorTableFieldCount = 0;
    var outputDom = document.getElementById("output");
    $(document).ready(function() {
        var one = $('#plc-error-table thead').height();
        var total = $('.plc-log-body').height();
        var count = total / one;
        count = parseInt(count);
        initPlcErrorTable();
        getPlcError();
    });
    // 实时访问
    setInterval(function () {
        getPlcError();
    }, 1000);
    setInterval(function () {
        output("\n" +new Date().toLocaleString() + "【2020-5-29 13:14:22】扫描plcA 目标站--27328372372832763643234323432342");
    },500);



    // 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 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 {
                    alert(res.msg);
                }
            }
        });
    }

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

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

    // 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 < count-1; i ++){
        for (var i = 0; i < line; i ++){
            html += " <tr>\n" +
                "       <td></td>\n" +
                "       <td></td>\n" +
@@ -485,18 +487,7 @@
                "     </tr>\n";
        }
        $('#plc-error-table tbody').after(html);
    });

    // 日志输出框
    var outputDom = document.getElementById("output");
    function output(content){
        outputDom.value += content;
        outputDom.scrollTop = outputDom.scrollHeight;
    }
    setInterval(function () {
        output("\n" +new Date().toLocaleString() + "【2020-5-29 13:14:22】扫描plcA 目标站--27328372372832763643234323432342");
    },500);


</script>
</html>