#

vincent

2020-06-02 5d19a78ac7e0fe504ab2e323748ca3c7a40b6b68

 src/main/webapp/views/pipeline.html

@@ -10,65 +10,9 @@
    <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>
    <script type="text/javascript" src="../static/js/handlebars/handlebars-v4.5.3.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>
@@ -78,16 +22,18 @@
    <div id="plc-error" class="main-board" style="padding-left: 10px">
        <!-- 头部 -->
        <div class="plc-log-header">
            <div style="height: 50%">
            <div style="height: 40%">
                <span>东侧PLC执行指令</span>
            </div>
            <div style="height: 50%">
            <div style="height: 40%">
                <span>西侧PLC执行指令</span>
            </div>
            <div>
                <span style="color: #1E9FFF">PLC异常信息表:</span>
            </div>
        </div>
        <!-- 主体 -->
        <div class="plc-log-body">
            <span>PLC异常信息</span>
            <table id="plc-error-table">
                <thead>
                    <tr>
@@ -97,71 +43,7 @@
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>23532</td>
                        <td>PLC错误描述PLC错误描述1</td>
                        <td>异常异常异常异常异常异常异常</td>
                    </tr>
                    <tr>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>

                </tbody>
            </table>
        </div>
@@ -532,8 +414,62 @@
    <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 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);
        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() {
        $.ajax({
            url: baseUrl+ "/site/table/plc/errors",
            headers: {'token': localStorage.getItem('token')},
            method: 'POST',
            success: function (res) {
                if (res.code === 200){
                    console.log(res.data);
                    var tpl = $("#plcErrorTable").html();
                    var template = Handlebars.compile(tpl);
                    var html = template(res);
                    console.log(html);
                    $('#plc-error-table').append(html);
                } else if (res.code === 403){
                    top.location.href = baseUrl+"/login";
                }  else {
                    alert(res.msg);
                }
            }
        });
    }

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