#

whycq

2023-02-19 71564904763e573a681f38be7053c9a83abda307

#

 src/main/webapp/static/css/pipeline.css

@@ -30,7 +30,7 @@

/* 表格 */
.plc-log-header {
    height: 15%;
    height: 20%;
}
.plc-log-body {
    height: 100%;

 src/main/webapp/views/pipeline.html

@@ -17,6 +17,7 @@
            float: left;
            width: 16%;
            text-align: center;
            margin-top: 10px;
        }
        .io-mode-box label {
            font-weight: bolder;
@@ -53,21 +54,45 @@
            <!-- plc异常日志监控版 -->
            <div id="plc-error" class="main-board" style="padding-left: 10px">
                <!-- 头部 -->
<!--                <div class="plc-log-header">-->
<!--                    &lt;!&ndash; 设备任务操作 &ndash;&gt;-->
<!--                    <div class="io-mode-oper">-->
<!--                        <fieldset>-->
<!--                            <legend>入出库模式（IO-Mode）</legend>-->
<!--                            <div class="io-mode-box">-->
<!--                                <label>F2</label>-->
<!--                                <button id="io-mode-2" class="ioModeBtn" onclick="ioModeSwitch(this.id)"> - </button>-->
<!--                            </div>-->
<!--                            <div class="io-mode-box">-->
<!--                                <label>F4</label>-->
<!--                                <button id="io-mode-4" class="ioModeBtn" onclick="ioModeSwitch(this.id)"> - </button>-->
<!--                            </div>-->
<!--                        </fieldset>-->
<!--                    </div>-->
                <div class="plc-log-header">
                    <!-- 设备任务操作 -->
                    <div class="io-mode-oper">
                        <fieldset>
                            <legend>入出库模式（IO-Mode）</legend>
                            <div class="io-mode-box">
                                <label>1F1</label>
                                <button id="io-mode-1" class="ioModeBtn" onclick="ioModeSwitch(this.id)"> - </button>
                            </div>
                            <div class="io-mode-box">
                                <label>1F2</label>
                                <button id="io-mode-2" class="ioModeBtn" onclick="ioModeSwitch(this.id)"> - </button>
                            </div>
                            <div class="io-mode-box">
                                <label>1F3</label>
                                <button id="io-mode-3" class="ioModeBtn" onclick="ioModeSwitch(this.id)"> - </button>
                            </div>
                            <div class="io-mode-box">
                                <label>1F4</label>
                                <button id="io-mode-4" class="ioModeBtn" onclick="ioModeSwitch(this.id)"> - </button>
                            </div>
                            <div class="io-mode-box">
                                <label>2F1</label>
                                <button id="io-mode-5" class="ioModeBtn" onclick="ioModeSwitch(this.id)"> - </button>
                            </div>
                            <div class="io-mode-box">
                                <label>2F2</label>
                                <button id="io-mode-6" class="ioModeBtn" onclick="ioModeSwitch(this.id)"> - </button>
                            </div>
                            <div class="io-mode-box">
                                <label>3F1</label>
                                <button id="io-mode-7" class="ioModeBtn" onclick="ioModeSwitch(this.id)"> - </button>
                            </div>
                            <div class="io-mode-box">
                                <label>3F2</label>
                                <button id="io-mode-8" class="ioModeBtn" onclick="ioModeSwitch(this.id)"> - </button>
                            </div>
                        </fieldset>
                    </div>
<!--                    &lt;!&ndash;            <div style="height: 40%">&ndash;&gt;-->
<!--                    &lt;!&ndash;                <span>东侧PLC执行指令</span>&ndash;&gt;-->
<!--                    &lt;!&ndash;            </div>&ndash;&gt;-->
@@ -77,7 +102,7 @@
<!--                    &lt;!&ndash;                    <div>&ndash;&gt;-->
<!--                    &lt;!&ndash;                        <span style="color: #1E9FFF">PLC异常信息表:</span>&ndash;&gt;-->
<!--                    &lt;!&ndash;                    </div>&ndash;&gt;-->
<!--                </div>-->
                </div>
                <!-- 主体 -->
                <div class="plc-log-body">
                    <div>