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