From 83b333d7b0193f4eed2df60ff31bfbb1df4a1994 Mon Sep 17 00:00:00 2001 From: luxiaotao1123 <t1341870251@163.com> Date: 星期二, 20 九月 2022 14:14:12 +0800 Subject: [PATCH] # --- src/main/webapp/views/pipeline.html | 58 +++++++++++++++++++++++++++++++++++++++++++++++++++------- 1 files changed, 51 insertions(+), 7 deletions(-) diff --git a/src/main/webapp/views/pipeline.html b/src/main/webapp/views/pipeline.html index 997dc8d..d8500fc 100644 --- a/src/main/webapp/views/pipeline.html +++ b/src/main/webapp/views/pipeline.html @@ -13,7 +13,32 @@ <script type="text/javascript" src="../static/js/common.js"></script> <script type="text/javascript" src="../static/js/layer/layer.js"></script> <style> - + .io-mode-box { + float: left; + width: 25%; + text-align: center; + } + .io-mode-box label { + font-weight: bolder; + } + .ioModeBtn { + vertical-align: middle; + width: 50%; + height: 30px; + left: 0; + top: 0; + text-shadow: inherit; + font-size: 15px; + margin-left: 5px; + margin-right: 5px; + display: inline-block; + background-color: #FF5722; + border: none; + color: #FFF; + box-shadow: 1px 1px 5px #B6B6B6; + border-radius: 3px; + cursor: pointer; + } </style> </head> <body> @@ -29,12 +54,31 @@ <div id="plc-error" class="main-board" style="padding-left: 10px"> <!-- 澶撮儴 --> <div class="plc-log-header"> - <!-- <div style="height: 40%">--> - <!-- <span>涓滀晶PLC鎵ц鎸囦护</span>--> - <!-- </div>--> - <!-- <div style="height: 40%">--> - <!-- <span>瑗夸晶PLC鎵ц鎸囦护</span>--> - <!-- </div>--> + + <!-- 璁惧浠诲姟鎿嶄綔 --> + <div class="io-mode-oper"> + <fieldset> + <legend>鍏ュ嚭搴撴ā寮忥紙IO-Mode锛�</legend> + <div class="io-mode-box"> + <label>1F</label> + <button id="io-mode-1" class="ioModeBtn" onclick="ioModeSwitch(this.id)"> - </button> + </div> + <div class="io-mode-box"> + <label>3F</label> + <button id="io-mode-2" class="ioModeBtn" onclick="ioModeSwitch(this.id)"> - </button> + </div> + <div class="io-mode-box"> + <label>4F</label> + <button id="io-mode-3" class="ioModeBtn" onclick="ioModeSwitch(this.id)"> - </button> + </div> + <div class="io-mode-box"> + <label>5F</label> + <button id="io-mode-4" class="ioModeBtn" onclick="ioModeSwitch(this.id)"> - </button> + </div> + </fieldset> + </div> + + <div> <span style="color: #1E9FFF">PLC寮傚父淇℃伅琛�:</span> </div> -- Gitblit v1.9.1