#

luxiaotao1123

2022-08-24 637c501781b8112935f0b62e439a39d669542012

#

 src/main/webapp/static/images/ste/1@1x.png

 src/main/webapp/static/images/ste/2@1x.png

 src/main/webapp/static/images/ste/3@1x.png

 src/main/webapp/static/images/ste/4@1x.png

 src/main/webapp/static/images/ste/5@1x.png

 src/main/webapp/static/images/ste/6@1x.png

 src/main/webapp/static/images/ste/7@1x.png

 src/main/webapp/static/images/ste/8@1x.png

 src/main/webapp/views/crn.html

@@ -139,8 +139,6 @@
                        <label><input type="radio" name="crnSelect" value="1" checked>&nbsp;1号堆垛机</label>
                        <label><input type="radio" name="crnSelect" value="2">&nbsp;2号堆垛机</label>
                        <label><input type="radio" name="crnSelect" value="3">&nbsp;3号堆垛机</label>
                        <label><input type="radio" name="crnSelect" value="4">&nbsp;4号堆垛机</label>
                        <label><input type="radio" name="crnSelect" value="5">&nbsp;5号堆垛机</label>
                    </div>
                </div>
                <!-- 源站/源库位 选择 -->

 src/main/webapp/views/index.html

@@ -15,6 +15,7 @@
<!--            <li><a id="console2F" onclick="nav(this.id)" class="nav-select" href="#">2F主控图</a></li>-->
            <li><a id="pipeline" onclick="nav(this.id)" class="nav-unselect" href="#">输送设备</a></li>
            <li><a id="crn" onclick="nav(this.id)" class="nav-unselect" href="#">堆垛机</a></li>
            <li><a id="ste" onclick="nav(this.id)" class="nav-unselect" href="#">穿梭车</a></li>
        </ul>
    </div>
</div>

 src/main/webapp/views/ste.html

@@ -21,8 +21,7 @@
            <!-- 日志监控板 -->
            <div class="log-board">
                <div class="command-log">
                    <h3>穿梭车位置</h3>
                    <div class="ste-command-item">
                    <div class="ste-command-item" style="margin-top: 30px">
                        <label>1#</label>
                        <div class="dropdown-menu">
                            <button id="steBtn-1" class="demoBtn" onclick="changePosition(this.id)">修改位置</button>
@@ -42,7 +41,7 @@
                                </ul>
                        </div>
                    </div>
                    <div class="ste-command-item" style="margin-top: 25px">
                    <div class="ste-command-item" style="margin-top: 30px">
                        <label>2#</label>
                        <div class="dropdown-menu">
                            <button id="steBtn-2" class="demoBtn" onclick="changePosition(this.id)">修改位置</button>
@@ -62,7 +61,7 @@
                                </ul>
                        </div>
                    </div>
                    <div class="ste-command-item" style="margin-top: 25px">
                    <div class="ste-command-item" style="margin-top: 30px">
                        <label>3#</label>
                        <div class="dropdown-menu">
                            <button id="steBtn-3" class="demoBtn" onclick="changePosition(this.id)">修改位置</button>
@@ -109,7 +108,7 @@
                    </table>
                </div>
            </div>
            <!-- 堆垛机状态 -->
            <!-- 穿梭车状态 -->
            <div class="ste-msg">
                <table id="ste-msg-table">
                    <thead>
@@ -138,11 +137,11 @@
            <!-- 手动操作 -->
            <div class="ste-operation">
                <!-- 遮罩层 -->
<!--                <div class="ste-operation-shade">-->
<!--                    <span class="ste-operation-shade-span">-->
<!--                        WCS 系统运行中，请停止后操作-->
<!--                    </span>-->
<!--                </div>-->
                <div class="ste-operation-shade">
                    <span class="ste-operation-shade-span">
                        WCS 系统运行中，请停止后操作
                    </span>
                </div>
                <!-- 设备任务选择 -->
                <div class="task-select">
                    <!-- 选择 -->
@@ -183,7 +182,7 @@
                </div>

            </div>
            <!-- 堆垛机日志输出 -->
            <!-- 穿梭车日志输出 -->
            <div class="ste-output-board">
                <textarea id="ste-output"></textarea>
            </div>
@@ -201,28 +200,133 @@
    })
</script>
<script>
    // 修改穿梭车位置
    function changePosition(id) {
        console.log(id)
        // $.ajax({
        //     url: baseUrl +
        // })
    }
    // 穿梭车信息表获取 ---- 表一
    // 空白行数
    var steStateTableBlankRows = 0;
    var steMsgTableBlankRows = 0;
    // 实际行数
    var steStateTableFullRows = 0;
    var steMsgTableFullRows = 0;
    // 初始化
    var steOutputDom = document.getElementById("ste-output");
    $(document).ready(function() {
        initSteStateTable();
        getSteStateInfo();
        initSteMsgTable();
        getSteMsgInfo();
        operatorBlockShow();
    });

    function getSteStateInfo() {
        var tableEl = $('ste-state-table');
        $.ajax({
            url: baseUrl + "/crn/table/crn/state",
            headers: {'token': localStorage.getItem('token')},
            method: 'GET',
            success: function (res) {
                console.log(res)

            }
        })
    }
    setInterval(function () {
        getSteStateInfo()
    },1000)
</script>

    // 判断手动操作模块是否可用
    function operatorBlockShow() {
        if (parent.systemRunning) {
            $('.ste-operation').css("opacity", "0.5");
            $('.ste-operation-shade').show();
            $('.ste-operation-shade-span').show();
        }  else {
            $('.ste-operation').css("opacity", "1");
            $('.ste-operation-shade').hide();
            $('.ste-operation-shade-span').hide();
        }
    }

    // 修改穿梭车位置
    function changePosition(id) {

    }

    // 穿梭车信息表获取 ---- 表一
    function getSteStateInfo() {
        let tableEl = $('ste-state-table');
    }

    // 穿梭车数据表获取 ---- 表二
    function getSteMsgInfo() {
        let tableEl = $('#ste-msg-table');
    }

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

    // 穿梭车信息表获取  ----- 表一
    function initSteStateTable(row) {
        let line;
        if (row === undefined){
            let one = $('#ste-state-table thead').height();
            let total = $('.ste-state').height();
            let count = total / one;
            count = parseInt(count) - 1;
            steStateTableBlankRows = count;
            line = count;
        } else {
            line = row;
        }
        let html = "";
        for (let i = 0; i < line; i ++){
            html += " <tr>\n" +
                "       <td></td>\n" +
                "       <td></td>\n" +
                "       <td></td>\n" +
                "       <td></td>\n" +
                "       <td></td>\n" +
                "       <td></td>\n" +
                "       <td></td>\n" +
                "       <td></td>\n" +
                "       <td></td>\n" +
                "       <td></td>\n" +
                "       <td></td>\n" +
                "       <td></td>\n" +
                "       <td></td>\n" +
                "       <td></td>\n" +
                "     </tr>\n";
        }
        $('#ste-state-table tbody').after(html);
    }

    // 穿梭车数据表获取  ----- 表二
    function initSteMsgTable(row) {
        let line;
        if (row === undefined){
            let one = $('#ste-msg-table thead').height();
            let total = $('.ste-msg').height();
            let count = total / one;
            count = parseInt(count) - 1;
            steMsgTableBlankRows = count;
            line = count;
        } else {
            line = row;
        }
        let html = "";
        for (let i = 0; i < line; i ++){
            html += " <tr>\n" +
                "       <td></td>\n" +
                "       <td></td>\n" +
                "       <td></td>\n" +
                "       <td></td>\n" +
                "       <td></td>\n" +
                "       <td></td>\n" +
                "       <td></td>\n" +
                "       <td></td>\n" +
                "       <td></td>\n" +
                "       <td></td>\n" +
                "       <td></td>\n" +
                "       <td></td>\n" +
                "       <td></td>\n" +
                "       <td></td>\n" +
                "       <td></td>\n" +
                "     </tr>\n";
        }
        $('#ste-msg-table tbody').after(html);
    }

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



</script>