From 71564904763e573a681f38be7053c9a83abda307 Mon Sep 17 00:00:00 2001 From: whycq <913841844@qq.com> Date: 星期日, 19 二月 2023 12:58:29 +0800 Subject: [PATCH] # --- src/main/webapp/static/css/pipeline.css | 2 +- src/main/webapp/views/pipeline.html | 57 +++++++++++++++++++++++++++++++++++++++++---------------- 2 files changed, 42 insertions(+), 17 deletions(-) diff --git a/src/main/webapp/static/css/pipeline.css b/src/main/webapp/static/css/pipeline.css index 80aa317..b6797b6 100644 --- a/src/main/webapp/static/css/pipeline.css +++ b/src/main/webapp/static/css/pipeline.css @@ -30,7 +30,7 @@ /* 琛ㄦ牸 */ .plc-log-header { - height: 15%; + height: 20%; } .plc-log-body { height: 100%; diff --git a/src/main/webapp/views/pipeline.html b/src/main/webapp/views/pipeline.html index 79dc1a3..ca4e0c5 100644 --- a/src/main/webapp/views/pipeline.html +++ b/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">--> -<!-- <!– 璁惧浠诲姟鎿嶄綔 –>--> -<!-- <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> <!-- <!– <div style="height: 40%">–>--> <!-- <!– <span>涓滀晶PLC鎵ц鎸囦护</span>–>--> <!-- <!– </div>–>--> @@ -77,7 +102,7 @@ <!-- <!– <div>–>--> <!-- <!– <span style="color: #1E9FFF">PLC寮傚父淇℃伅琛�:</span>–>--> <!-- <!– </div>–>--> -<!-- </div>--> + </div> <!-- 涓讳綋 --> <div class="plc-log-body"> <div> -- Gitblit v1.9.1