From 637c501781b8112935f0b62e439a39d669542012 Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@63.com>
Date: 星期三, 24 八月 2022 14:01:02 +0800
Subject: [PATCH] #

---
 src/main/webapp/views/ste.html |  168 +++++++++++++++++++++++++++++++++++++++++++++----------
 1 files changed, 136 insertions(+), 32 deletions(-)

diff --git a/src/main/webapp/views/ste.html b/src/main/webapp/views/ste.html
index eba9ade..9734584 100644
--- a/src/main/webapp/views/ste.html
+++ b/src/main/webapp/views/ste.html
@@ -21,8 +21,7 @@
             <!-- 鏃ュ織鐩戞帶鏉� -->
             <div class="log-board">
                 <div class="command-log">
-                    <h3>绌挎杞︿綅缃�</h3>
-                    <div class="ste-command-item">
+                    <div class="ste-command-item" style="margin-top: 30px">
                         <label>1#</label>
                         <div class="dropdown-menu">
                             <button id="steBtn-1" class="demoBtn" onclick="changePosition(this.id)">淇敼浣嶇疆</button>
@@ -42,7 +41,7 @@
                                 </ul>
                         </div>
                     </div>
-                    <div class="ste-command-item" style="margin-top: 25px">
+                    <div class="ste-command-item" style="margin-top: 30px">
                         <label>2#</label>
                         <div class="dropdown-menu">
                             <button id="steBtn-2" class="demoBtn" onclick="changePosition(this.id)">淇敼浣嶇疆</button>
@@ -62,7 +61,7 @@
                                 </ul>
                         </div>
                     </div>
-                    <div class="ste-command-item" style="margin-top: 25px">
+                    <div class="ste-command-item" style="margin-top: 30px">
                         <label>3#</label>
                         <div class="dropdown-menu">
                             <button id="steBtn-3" class="demoBtn" onclick="changePosition(this.id)">淇敼浣嶇疆</button>
@@ -109,7 +108,7 @@
                     </table>
                 </div>
             </div>
-            <!-- 鍫嗗灈鏈虹姸鎬� -->
+            <!-- 绌挎杞︾姸鎬� -->
             <div class="ste-msg">
                 <table id="ste-msg-table">
                     <thead>
@@ -138,11 +137,11 @@
             <!-- 鎵嬪姩鎿嶄綔 -->
             <div class="ste-operation">
                 <!-- 閬僵灞� -->
-<!--                <div class="ste-operation-shade">-->
-<!--                    <span class="ste-operation-shade-span">-->
-<!--                        WCS 绯荤粺杩愯涓紝璇峰仠姝㈠悗鎿嶄綔-->
-<!--                    </span>-->
-<!--                </div>-->
+                <div class="ste-operation-shade">
+                    <span class="ste-operation-shade-span">
+                        WCS 绯荤粺杩愯涓紝璇峰仠姝㈠悗鎿嶄綔
+                    </span>
+                </div>
                 <!-- 璁惧浠诲姟閫夋嫨 -->
                 <div class="task-select">
                     <!-- 閫夋嫨 -->
@@ -183,7 +182,7 @@
                 </div>
 
             </div>
-            <!-- 鍫嗗灈鏈烘棩蹇楄緭鍑� -->
+            <!-- 绌挎杞︽棩蹇楄緭鍑� -->
             <div class="ste-output-board">
                 <textarea id="ste-output"></textarea>
             </div>
@@ -201,28 +200,133 @@
     })
 </script>
 <script>
-    // 淇敼绌挎杞︿綅缃�
-    function changePosition(id) {
-        console.log(id)
-        // $.ajax({
-        //     url: baseUrl +
-        // })
-    }
-    // 绌挎杞︿俊鎭〃鑾峰彇 ---- 琛ㄤ竴
+    // 绌虹櫧琛屾暟
+    var steStateTableBlankRows = 0;
+    var steMsgTableBlankRows = 0;
+    // 瀹為檯琛屾暟
+    var steStateTableFullRows = 0;
+    var steMsgTableFullRows = 0;
+    // 鍒濆鍖�
+    var steOutputDom = document.getElementById("ste-output");
+    $(document).ready(function() {
+        initSteStateTable();
+        getSteStateInfo();
+        initSteMsgTable();
+        getSteMsgInfo();
+        operatorBlockShow();
+    });
 
-    function getSteStateInfo() {
-        var tableEl = $('ste-state-table');
-        $.ajax({
-            url: baseUrl + "/crn/table/crn/state",
-            headers: {'token': localStorage.getItem('token')},
-            method: 'GET',
-            success: function (res) {
-                console.log(res)
-
-            }
-        })
-    }
     setInterval(function () {
         getSteStateInfo()
     },1000)
-</script>
\ No newline at end of file
+
+    // 鍒ゆ柇鎵嬪姩鎿嶄綔妯″潡鏄惁鍙敤
+    function operatorBlockShow() {
+        if (parent.systemRunning) {
+            $('.ste-operation').css("opacity", "0.5");
+            $('.ste-operation-shade').show();
+            $('.ste-operation-shade-span').show();
+        }  else {
+            $('.ste-operation').css("opacity", "1");
+            $('.ste-operation-shade').hide();
+            $('.ste-operation-shade-span').hide();
+        }
+    }
+
+    // 淇敼绌挎杞︿綅缃�
+    function changePosition(id) {
+
+    }
+
+    // 绌挎杞︿俊鎭〃鑾峰彇 ---- 琛ㄤ竴
+    function getSteStateInfo() {
+        let tableEl = $('ste-state-table');
+    }
+
+    // 绌挎杞︽暟鎹〃鑾峰彇 ---- 琛ㄤ簩
+    function getSteMsgInfo() {
+        let tableEl = $('#ste-msg-table');
+    }
+
+    // ------------------------------------------------------------------------------------------------
+
+    // 绌挎杞︿俊鎭〃鑾峰彇  ----- 琛ㄤ竴
+    function initSteStateTable(row) {
+        let line;
+        if (row === undefined){
+            let one = $('#ste-state-table thead').height();
+            let total = $('.ste-state').height();
+            let count = total / one;
+            count = parseInt(count) - 1;
+            steStateTableBlankRows = count;
+            line = count;
+        } else {
+            line = row;
+        }
+        let html = "";
+        for (let i = 0; i < line; i ++){
+            html += " <tr>\n" +
+                "       <td></td>\n" +
+                "       <td></td>\n" +
+                "       <td></td>\n" +
+                "       <td></td>\n" +
+                "       <td></td>\n" +
+                "       <td></td>\n" +
+                "       <td></td>\n" +
+                "       <td></td>\n" +
+                "       <td></td>\n" +
+                "       <td></td>\n" +
+                "       <td></td>\n" +
+                "       <td></td>\n" +
+                "       <td></td>\n" +
+                "       <td></td>\n" +
+                "     </tr>\n";
+        }
+        $('#ste-state-table tbody').after(html);
+    }
+
+    // 绌挎杞︽暟鎹〃鑾峰彇  ----- 琛ㄤ簩
+    function initSteMsgTable(row) {
+        let line;
+        if (row === undefined){
+            let one = $('#ste-msg-table thead').height();
+            let total = $('.ste-msg').height();
+            let count = total / one;
+            count = parseInt(count) - 1;
+            steMsgTableBlankRows = count;
+            line = count;
+        } else {
+            line = row;
+        }
+        let html = "";
+        for (let i = 0; i < line; i ++){
+            html += " <tr>\n" +
+                "       <td></td>\n" +
+                "       <td></td>\n" +
+                "       <td></td>\n" +
+                "       <td></td>\n" +
+                "       <td></td>\n" +
+                "       <td></td>\n" +
+                "       <td></td>\n" +
+                "       <td></td>\n" +
+                "       <td></td>\n" +
+                "       <td></td>\n" +
+                "       <td></td>\n" +
+                "       <td></td>\n" +
+                "       <td></td>\n" +
+                "       <td></td>\n" +
+                "       <td></td>\n" +
+                "     </tr>\n";
+        }
+        $('#ste-msg-table tbody').after(html);
+    }
+
+    // 鏃ュ織杈撳嚭妗�
+    function steOutput(content){
+        steOutputDom.value += content;
+        steOutputDom.scrollTop = steOutputDom.scrollHeight;
+    }
+
+
+
+</script>

--
Gitblit v1.9.1