From 03e68b2be24ea024eae645c47da1d4cb1773302a Mon Sep 17 00:00:00 2001
From: Junjie <fallin.jie@qq.com>
Date: 星期五, 13 十月 2023 19:47:13 +0800
Subject: [PATCH] #

---
 src/main/webapp/views/pipeline.html |  122 ++++++++++++++++++++++++++++++++++++----
 1 files changed, 110 insertions(+), 12 deletions(-)

diff --git a/src/main/webapp/views/pipeline.html b/src/main/webapp/views/pipeline.html
index 487bad6..c549366 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: 25%;
+            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,18 +54,23 @@
             <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>
-                        <span style="color: #1E9FFF">PLC寮傚父淇℃伅琛�:</span>
+
+                    <!-- 璁惧浠诲姟鎿嶄綔 -->
+                    <div class="io-mode-oper">
+                        <fieldset>
+                            <legend>鍏呯數鎺у埗锛圕harge-Mode锛�</legend>
+                            <div class="io-mode-box">
+                                <label>1#</label>
+                                <button id="io-mode-1" class="ioModeBtn" onclick="ioModeSwitch(this.id)"> - </button>
+                            </div>
+                        </fieldset>
                     </div>
                 </div>
                 <!-- 涓讳綋 -->
                 <div class="plc-log-body">
+                    <div>
+                        <span style="color: #1E9FFF">PLC寮傚父淇℃伅琛�:</span>
+                    </div>
                     <table id="plc-error-table">
                         <thead>
                         <tr>
@@ -72,6 +102,8 @@
                         <th>鍏ュ簱鏍囪</th>
                         <th>绌烘澘淇″彿</th>
                         <th>鐩爣绔�</th>
+                        <th>鎻愬崌鏈哄埌浣嶄俊鍙�</th>
+                        <th>楂樹綆淇″彿</th>
                     </tr>
                     </thead>
                     <!-- 琛ㄦ牸鍐呭 -->
@@ -84,7 +116,7 @@
         </footer>
 
         <div id="site-detl" style="display: none">
-            <form>
+            <div>
                 <div class="form-item">
                     <label class="form-label">绔欏彿:</label>
                     <div class="form-input">
@@ -113,7 +145,7 @@
                     <button class="form-button" id="save">淇濆瓨</button>
                     <button class="form-button" id="cancel" style="background-color: #D0D0D0">鍙栨秷</button>
                 </div>
-            </form>
+            </div>
         </div>
     </div>
 
@@ -131,6 +163,7 @@
     var siteTableFullRows = 0;
     var outputDom = document.getElementById("output");
     $(document).ready(function() {
+        getIoModeInfo();
         initPlcErrorTable();
         getPlcError();
         initSiteTable();
@@ -140,10 +173,70 @@
     setInterval(function () {
         getPlcError();
         getSite();
+        getIoModeInfo();
     }, 1000);
     setInterval(function () {
         getSiteOutput();
     },500);
+
+    var ioModeData;
+    function getIoModeInfo() {
+        $.ajax({
+            url: baseUrl+ "/site/io/mode/info/site",
+            headers: {'token': localStorage.getItem('token')},
+            method: 'GET',
+            success: function (res) {
+                if (res.code === 200){
+                    ioModeData = res.data;
+                    ioModeData.forEach(function (e) {
+                        $("#io-mode-"+e.floor).html(e.modeDesc);
+                    })
+                } else if (res.code === 403){
+                    window.location.href = baseUrl+"/login";
+                }  else {
+                    console.log(res.msg);
+                }
+            }
+        });
+    }
+
+    /**
+     * 寮哄埗鍒囨崲鍏ュ嚭搴撴ā寮�
+     */
+    function ioModeSwitch(el) {
+        var floor = el.split("-")[2];
+        if (ioModeData != null && ioModeData.length > 1) {
+            ioModeData.forEach(function(e) {
+                if (e.floor === Number(floor)) {
+                    if (e.modeVal) {
+                        layer.confirm('纭畾鏂紑鍏呯數骞跺浣嶅悧锛�',function () {
+                            $.ajax({
+                                url: baseUrl+ "/site/io/mode/action/site",
+                                headers: {'token': localStorage.getItem('token')},
+                                data: {
+                                    floor: e.floor,
+                                    charge: !e.modeVal
+                                },
+                                method: 'POST',
+                                success: function (res) {
+                                    if (res.code === 200){
+                                        layer.msg(res.msg, {icon: 1})
+                                    } else if (res.code === 403){
+                                        window.location.href = baseUrl+"/login";
+                                    }  else {
+                                        layer.msg(res.msg, {icon: 2})
+                                    }
+                                }
+                            });
+                            layer.closeAll();
+                        })
+                    }
+                }
+            });
+        }
+
+
+    }
 
     // plc寮傚父淇℃伅琛ㄨ幏鍙�
     function getPlcError() {
@@ -196,6 +289,8 @@
                         setVal(tr.children("td").eq(6), table[i-1].pakMk);
                         setVal(tr.children("td").eq(7), table[i-1].emptyMk);
                         setVal(tr.children("td").eq(8), table[i-1].staNo);
+                        setVal(tr.children("td").eq(9), table[i-1].liftArrival);
+                        setVal(tr.children("td").eq(10), table[i-1].locType1);
                     }
                 } else if (res.code === 403){
                     window.location.href = baseUrl+"/login";
@@ -281,6 +376,8 @@
                 "       <td></td>\n" +
                 "       <td></td>\n" +
                 "       <td></td>\n" +
+                "       <td></td>\n" +
+                "       <td></td>\n" +
                 "     </tr>\n";
         }
         $('#site-table tbody').after(html);
@@ -326,6 +423,7 @@
             staNo:  $('#staNo').val(),
             pakMk: $('#pakMk').val()
         }, function (res) {
+            layer.close(layerDetl);
             layer.msg("淇敼鎴愬姛",{icon: 1,});
         })
     })
@@ -338,4 +436,4 @@
     })
 
 </script>
-</html>
\ No newline at end of file
+</html>

--
Gitblit v1.9.1