#

vincent

2020-06-01 45e7b03b52e1505cdf198cff8412da5e6847d183

#

 src/main/webapp/static/css/crn.css

@@ -90,19 +90,19 @@
    text-align: center;
}
#crn-msg-table td, #crn-msg-table th {
    border: 1px solid #cad9ea;
    border: 1px solid #f1f1f1;
    color: #666;
    height: 25px;
    height: 30px;
}
#crn-msg-table thead th {
    background-color: #CCE8EB;
    background-color: #fff;
    width: 400px;
}
#crn-msg-table tr:nth-child(odd) {
    background: #fff;
}
#crn-msg-table tr:nth-child(even) {
    background: #F5FAFA;
    background: #fff;
}

/* 第三模块 */
@@ -114,10 +114,18 @@
    box-shadow: 0 0 3px rgba(0,0,0,.3);
}

.crn-output {
/* 第四模块 */
.crn-output-board {
    margin-top: 10px;
    height: 23%;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 3px rgba(0,0,0,.3);
}
#crn-output {
    border: 1px solid #b9b9b9;
    width: 100%;
    height: 100%;
    overflow: auto;
    resize:none;
}

 src/main/webapp/views/crn.html

@@ -80,13 +80,18 @@
<!-- 手动操作 -->
<div class="crn-operation">

    <div class=""></div>

    <div class=""></div>

</div>
<!-- 堆垛机日志输出 -->
<div class="crn-output">

<div class="crn-output-board">
    <textarea id="crn-output"></textarea>
</div>
</body>
<script>
    var crnOutputDom = document.getElementById("crn-output");

    // 空白表格渲染
    $(document).ready(function() {
@@ -138,5 +143,15 @@
        $('#crn-msg-table tbody').after(html2);
    });

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


</script>
</html>