#

vincent

2020-06-02 5d19a78ac7e0fe504ab2e323748ca3c7a40b6b68

 src/main/webapp/views/crn.html

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

    <!-- 设备任务选择 -->
    <div class="task-select">
        <!-- 堆垛机选择 -->
        <div id="crn-select" class="operator-item">
            <span class="select-title">堆垛机号</span>
            <div class="select-container">
                <label><input type="radio" name="crn" value="1" checked>&nbsp;1号堆垛机</label>
                <label><input type="radio" name="crn" value="2">&nbsp;2号堆垛机</label>
            </div>
        </div>
        <!-- 源站/源库位 选择 -->
        <div id="source-select" class="operator-item">
            <span class="select-title">源站/源库位</span>
            <div class="select-container">
                <div class="select-container-item">
                    <span>站</span>
                    <label><input type="number" name="points" min="0" /></label>
                </div>
                <div class="select-container-item">
                    <span>排</span>
                    <label><input type="number" name="points" min="0" style="background-color: #a9eeff" /></label>
                </div>
                <div class="select-container-item">
                    <span>列</span>
                    <label><input type="number" name="points" min="0" style="background-color: #a9eeff" /></label>
                </div>
                <div class="select-container-item">
                    <span>层</span>
                    <label><input type="number" name="points" min="0" style="background-color: #a9eeff" /></label>
                </div>
            </div>
        </div>
        <!-- 目标站/目标库位 选择 -->
        <div id="target-select" class="operator-item">
            <span class="select-title">目标站/目标库位</span>
            <div class="select-container">
                <div class="select-container-item">
                    <span>站</span>
                    <label><input type="number" name="points" min="0" /></label>
                </div>
                <div class="select-container-item">
                    <span>排</span>
                    <label><input type="number" name="points" min="0" style="background-color: #a9eeff" /></label>
                </div>
                <div class="select-container-item">
                    <span>列</span>
                    <label><input type="number" name="points" min="0" style="background-color: #a9eeff" /></label>
                </div>
                <div class="select-container-item">
                    <span>层</span>
                    <label><input type="number" name="points" min="0" style="background-color: #a9eeff" /></label>
                </div>
            </div>
        </div>
    </div>

    <!-- 设备任务操作 -->
    <div class="task-operator">
        <fieldset>
            <legend>手动操作</legend>
            <div class="button-group">
                <button class="item">入库</button>
                <button class="item">出库</button>
                <button class="item">库位转移</button>
                <button class="item">站到站</button>
                <button class="item">坐标移动</button>
                <button class="item">回原点</button>
                <button class="item">任务完成</button>
                <button class="item">暂停</button>
                <button class="item">启动</button>
                <button class="item">清除命令</button>
            </div>
        </fieldset>
    </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 +214,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>