From dc9a8efd24ce40c5799261b95c571dcceb09cde2 Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@63.com>
Date: 星期四, 30 十二月 2021 15:42:19 +0800
Subject: [PATCH] #
---
views/index.html | 153 +++++++++++++++++++++++++++++++++++++++++++-------
1 files changed, 131 insertions(+), 22 deletions(-)
diff --git a/views/index.html b/views/index.html
index 609727b..157092f 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,129 @@
<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="1">1</option>
+ <option value="2">2</option>
+ <option value="2">3</option>
+ <option value="2">4</option>
+ <option value="2">5</option>
+ <option value="2">6</option>
+ <option value="2">7</option>
+ <option value="2">8</option>
+ <option value="2">9</option>
+ <option value="1">10</option>
+ <option value="1">11</option>
+ <option value="2">12</option>
+ <option value="2">13</option>
+ <option value="2">14</option>
+ <option value="2">15</option>
+ <option value="2">16</option>
+ <option value="2">17</option>
+ <option value="2">18</option>
+ <option value="2">19</option>
+ </select>
+ <select class="task-select">
+ <option value="1">1</option>
+ <option value="2">2</option>
+ <option value="2">3</option>
+ <option value="2">4</option>
+ <option value="2">5</option>
+ <option value="2">6</option>
+ <option value="2">7</option>
+ <option value="2">8</option>
+ <option value="2">9</option>
+ <option value="1">10</option>
+ <option value="1">11</option>
+ <option value="2">12</option>
+ <option value="2">13</option>
+ <option value="2">14</option>
+ <option value="2">15</option>
+ <option value="2">16</option>
+ <option value="2">17</option>
+ <option value="2">18</option>
+ <option value="2">19</option>
+ </select>
+ <select class="task-select">
+ <option value="1">1</option>
+ <option value="2">2</option>
+ <option value="2">3</option>
+ <option value="2">4</option>
+ <option value="2">5</option>
+ <option value="2">6</option>
+ <option value="2">7</option>
+ <option value="2">8</option>
+ <option value="2">9</option>
+ <option value="1">10</option>
+ <option value="1">11</option>
+ <option value="2">12</option>
+ <option value="2">13</option>
+ <option value="2">14</option>
+ <option value="2">15</option>
+ <option value="2">16</option>
+ <option value="2">17</option>
+ <option value="2">18</option>
+ <option value="2">19</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 +193,8 @@
</li>
</ul>
-
<div id="container"></div>
+<script type="text/javascript" src="../static/js/data/sidebar.js"></script>
</body>
<script type="module">
@@ -121,7 +228,7 @@
player.backlView();
}, false);
</script>
-<script>
+<script type="text/javascript">
var percent = 0;
var shipInfoBtn = document.getElementById("ship-info-btn");
var speedDom = document.getElementById("speed");
@@ -141,18 +248,20 @@
$(document).on('click','.btn-word', function () {
fullScreen()
- $("#mask").fadeOut(3000, function () { // 3000
+ $("#mask").fadeOut(1, function () { // 3000
$("#menu").addClass("show");
setTimeout(function () {
$("#ship-type-ul").css("transform", "translateY(-40px)");
- $("#ship-info-btn .btn-word").text("浣撻獙璋冨害涓栫晫");
- $("#ship-info-btn").data("type", 2).addClass("show");
- $("#ship-info-btn #btn-lock").css("z-index", "10");
+ if (window.screen.width > 600) {
+ $("#ship-info-btn .btn-word").text("浣撻獙璋冨害涓栫晫");
+ $("#ship-info-btn").data("type", 2).addClass("show");
+ $("#ship-info-btn #btn-lock").css("z-index", "10");
+ }
$("#menu li").css("transition", "all 200ms !important");
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