From 16b7421b9ea8c3064862e08c1506ccea49477fde Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@63.com>
Date: 星期四, 30 十二月 2021 15:02:41 +0800
Subject: [PATCH] #

---
 views/index.html |  100 +++++++++++++++++++++++++++++++++++++++-----------
 1 files changed, 78 insertions(+), 22 deletions(-)

diff --git a/views/index.html b/views/index.html
index 46a03a1..9ba9935 100644
--- a/views/index.html
+++ b/views/index.html
@@ -10,9 +10,9 @@
     <link rel="stylesheet" href="../static/css/loader.css" media="all">
     <script type="text/javascript" src="../static/js/lib/jquery-3.3.1.min.js"></script>
     <script type="text/javascript" src="../static/js/data/Asrs.js"></script>
-    <script type="text/javascript" src="../static/js/lib/echarts.min.js"></script>
     <script type="text/javascript" src="../static/js/utils.js"></script>
     <script type="text/javascript" src="../static/js/common.js"></script>
+    <script type="text/javascript" src="../static/js/lib/echarts.min.js"></script>
     <script type="text/javascript" src="../static/js/data/BuildingData.js"></script>
     <script type="text/javascript" src="../static/js/data/ConveyData.js"></script>
     <script type="text/javascript" src="../static/js/object/Cube.js"></script>
@@ -23,22 +23,78 @@
     <script type="text/javascript" src="../static/js/object/Route.js"></script>
     <script type="text/javascript" src="../static/js/object/CrnTask.js"></script>
     <script type="text/javascript" src="../static/js/object/Floor.js"></script>
-    <script type="text/javascript" src="../static/js/lib/btnHide.js"></script>
-    <style>
-        * {
-            margin: 0;
-            padding: 0;
-        }
-        html {
-            height: 100%;
-        }
-        body {
-            height: 100%;
-        }
-
-    </style>
 </head>
 <body>
+
+<!-- 鎺у埗闈㈡澘 -->
+<div id="sidebar">
+    <button id="sidebar-btn" onclick="sidebar()">闅愯棌</button>
+    <div class="sidebar-contain" >
+        <div class="sidebar-header">
+            <div class="t">涓壃绔嬪簱</div>
+            <div class="i">Zoneyung Intelligent Three-Dimensional Warehouse</div>
+        </div>
+        <div class="sidebar-main">
+            <!-- 浠诲姟 -->
+            <div class="task-box">
+                <div class="task-title">
+                    鍑哄簱浣滀笟
+                </div>
+                <div class="task-rbl">
+                    <select class="task-select">
+                        <option value="0">1</option>
+                        <option value="2">2</option>
+                    </select>
+                    <select class="task-select">
+                        <option value="0">1</option>
+                        <option value="2">2</option>
+                    </select>
+                    <select class="task-select">
+                        <option value="0">1</option>
+                        <option value="2">2</option>
+                    </select>
+                </div>
+                <div class="task-confirm">
+                </div>
+            </div>
+            <!-- 鎶ヨ〃 -->
+            <div class="charts-box">
+                <!-- 琛� 1 -->
+                <div id="io-chart"></div>
+                <!-- 琛� 2 -->
+                <div class="io-msg">
+                    <div class="tbl-header">
+                        <table border="0" cellspacing="0" cellpadding="0" >
+                            <thead>
+                            <tr>
+                                <th>鎺掑悕</th>
+                                <th>鍦板競</th>
+                                <th>閿�鍞敹鍏�(涓囧厓)</th>
+                                <th>鍚屾瘮(%)</th>
+                            </tr>
+                            </thead>
+                            <tbody style="opacity:0;" ></tbody>
+                        </table>
+                    </div>
+                    <div class="tbl-body">
+                        <table border="0" cellspacing="0" cellpadding="0">
+                            <thead>
+                            <tr>
+                                <th>鎺掑悕</th>
+                                <th>鍦板競</th>
+                                <th>閿�鍞敹鍏�(涓囧厓)</th>
+                                <th>鍚屾瘮(%)</th>
+                            </tr>
+                            </thead>
+                            <tbody></tbody>
+                        </table>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
 
 <div id="mask" class="mask"></div>
 <div id="title-box" class="title-box">
@@ -86,8 +142,8 @@
     </li>
 </ul>
 
-
 <div id="container"></div>
+<script type="text/javascript" src="../static/js/data/sidebar.js"></script>
 </body>
 <script type="module">
 
@@ -121,14 +177,14 @@
         player.backlView();
     }, false);
 </script>
-<script>
+<script type="text/javascript">
     var percent = 0;
     var shipInfoBtn = document.getElementById("ship-info-btn");
     var speedDom = document.getElementById("speed");
     var timer = setInterval(function () {
         if (percent < 100.00) {
-            percent += 0.02;
-            // percent += 1;
+            // percent += 0.02;
+            percent += 1;
             speedDom.innerText = percent.toFixed(2);
         } else {
             speedDom.innerText = '100.00';
@@ -140,8 +196,8 @@
     }, 1);
 
     $(document).on('click','.btn-word', function () {
-        // fullScreen()
-        $("#mask").fadeOut(3000, function () {  // 3000
+        fullScreen()
+        $("#mask").fadeOut(1, function () {  // 3000
             $("#menu").addClass("show");
             setTimeout(function () {
                 $("#ship-type-ul").css("transform", "translateY(-40px)");
@@ -154,7 +210,7 @@
                 setTimeout(function () {
                     removeClass(document.getElementById("title-box"), "show");
                 }, 10000);
-            }, 1000);   // 1000
+            }, 1);   // 1000
         });
         $("#title-box, #logo").addClass("show");
         $("#ship-info-btn").removeClass("show");

--
Gitblit v1.9.1