From 7beb05d90c35c4cffbf171e3cdf7784a6861ecea Mon Sep 17 00:00:00 2001
From: vincent <1341870251@qq.com>
Date: 星期一, 01 六月 2020 10:10:12 +0800
Subject: [PATCH] #

---
 src/main/webapp/views/crn.html |  136 ++++++++++++++++++++++++++++++++++++++++++++
 1 files changed, 134 insertions(+), 2 deletions(-)

diff --git a/src/main/webapp/views/crn.html b/src/main/webapp/views/crn.html
index 85a8695..02f6e9d 100644
--- a/src/main/webapp/views/crn.html
+++ b/src/main/webapp/views/crn.html
@@ -2,9 +2,141 @@
 <html lang="en">
 <head>
     <meta charset="UTF-8">
-    <title>Title</title>
+    <title>鍫嗗灈鏈虹洃鎺х鐞�</title>
+    <meta name="renderer" content="webkit">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
+    <link rel="stylesheet" type="text/css" href="../static/css/normalize.css">
+    <link rel="stylesheet" type="text/css" href="../static/css/common.css">
+    <link rel="stylesheet" type="text/css" href="../static/css/crn.css">
+    <script type="text/javascript" src="../static/js/jquery/jquery-3.3.1.min.js"></script>
+    <style>
+
+    </style>
 </head>
 <body>
-<h1>LED</h1>
+<!-- 鏃ュ織鐩戞帶鏉� -->
+<div class="log-board">
+    <!-- 鎵ц鍛戒护 -->
+    <div class="command-log">
+        <h2>鎵ц涓殑鍛戒护</h2>
+        <div class="crn-command-item">
+            <label>1#</label>
+            <span>&nbsp;</span>
+            <input id="crn1" disabled="disabled">
+        </div>
+        <div class="crn-command-item">
+            <label>2#</label>
+            <span>&nbsp;</span>
+            <input id="crn2" disabled="disabled">
+        </div>
+    </div>
+    <!-- 鍫嗗灈鏈虹姸鎬佷綅淇℃伅 -->
+    <div class="crn-state">
+        <table id="crn-state-table">
+            <thead>
+                <tr>
+                    <th>鍫嗗灈鏈�</th>
+                    <th>妯″紡</th>
+                    <th>鎶ヨ</th>
+                    <th>鏈夌墿</th>
+                    <th>鍒�</th>
+                    <th>灞�</th>
+                    <th>璐у弶浣嶇疆</th>
+                    <th>鍒楀潗鏍�</th>
+                    <th>灞傚潗鏍�</th>
+                    <th>瀹屾垚</th>
+                    <th>浠诲姟鍙�</th>
+                    <th>鐘舵��</th>
+                    <th>鎶ヨ鐮�</th>
+                </tr>
+            </thead>
+            <tbody>
+            </tbody>
+        </table>
+    </div>
+</div>
+<!-- 鍫嗗灈鏈虹姸鎬� -->
+<div class="crn-msg">
+    <table id="crn-msg-table">
+        <thead>
+            <tr>
+                <th>鍫嗗灈鏈�</th>
+                <th>鐘舵��</th>
+                <th>宸ヤ綔鍙�</th>
+                <th>婧愮珯</th>
+                <th>鐩爣绔�</th>
+                <th>婧愬簱浣�</th>
+                <th>鐩爣搴撲綅</th>
+                <th>寮傚父</th>
+                <th>鍘熺偣</th>
+                <th>鍛戒护</th>
+            </tr>
+        </thead>
+        <tbody>
+        </tbody>
+    </table>
+</div>
+<!-- 鎵嬪姩鎿嶄綔 -->
+<div class="crn-operation">
+
+</div>
+<!-- 鍫嗗灈鏈烘棩蹇楄緭鍑� -->
+<div class="crn-output">
+
+</div>
 </body>
+<script>
+
+    // 绌虹櫧琛ㄦ牸娓叉煋
+    $(document).ready(function() {
+        // 琛ㄤ竴
+        var one1 = $('#crn-state-table thead').height();
+        var total1 = $('.crn-state').height();
+        var count1 = total1 / one1;
+        count1 = parseInt(count1);
+        var html1 = "";
+        for (var i = 0; i < count1; i ++){
+            html1 += " <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" +
+                "     </tr>\n";
+        }
+        $('#crn-state-table tbody').after(html1);
+
+        // 琛ㄤ簩
+        var one2 = $('#crn-msg-table thead').height();
+        var total2 = $('.crn-msg').height();
+        var count2 = total2 / one2;
+        count2 = parseInt(count2);
+        var html2 = "";
+        for (var i = 0; i < count2; i ++){
+            html2 += " <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" +
+                "     </tr>\n";
+        }
+        $('#crn-msg-table tbody').after(html2);
+    });
+
+</script>
 </html>
\ No newline at end of file

--
Gitblit v1.9.1