From f1b81cabbcc35ab8f3f871ea13c65af33e2c42a4 Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@63.com>
Date: 星期三, 22 十二月 2021 09:10:12 +0800
Subject: [PATCH] #
---
views/index.html | 165 +++++++++++++++++++++++++++++++++++++++++--------------
1 files changed, 123 insertions(+), 42 deletions(-)
diff --git a/views/index.html b/views/index.html
index 8c280d3..ceca883 100644
--- a/views/index.html
+++ b/views/index.html
@@ -1,49 +1,130 @@
<!DOCTYPE html>
<html lang="en">
- <head>
- <title></title>
- <meta charset="utf-8">
- <meta name="generator" content="Three.js Editor">
- <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
- <style>
- body {
- font-family: sans-serif;
- font-size: 11px;
- background-color: #000;
- margin: 0;
- }
- canvas {
- display: block;
- }
- </style>
- </head>
- <body>
- <div id="container"></div>
- <script type="text/javascript" src="../static/js/common.js"></script>
- <script type="text/javascript" src="../static/js/data/Warehouse.js"></script>
- <script type="text/javascript" src="../static/js/object/Cube.js"></script>
- <script type="text/javascript" src="../static/js/object/StoreArea.js"></script>
- <script type="text/javascript" src="../static/js/object/Store.js"></script>
- <script type="text/javascript" src="../static/js/object/StoreGroup.js"></script>
- <script type="text/javascript" src="../static/js/object/StoreShelf.js"></script>
- <script type="text/javascript" src="../static/js/object/StoreGoods.js"></script>
- <script type="module">
+<head>
+ <title></title>
+ <meta charset="utf-8">
+ <meta name="generator" content="Three.js Editor">
+ <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+ <link rel="stylesheet" href="../static/css/main.css">
+ <link rel="stylesheet" href="../static/css/index.css">
+ <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/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/data/Asrs.js"></script>
+ <script type="text/javascript" src="../static/js/object/Cube.js"></script>
+ <script type="text/javascript" src="../static/js/object/StoreArea.js"></script>
+ <script type="text/javascript" src="../static/js/object/Store.js"></script>
+ <script type="text/javascript" src="../static/js/object/StoreGroup.js"></script>
+ <script type="text/javascript" src="../static/js/object/StoreGoods.js"></script>
+ <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%;
+ }
- import * as THREE from '../static/js/three.module.js';
- import { APP } from '../static/js/app.js';
+ </style>
+</head>
+<body>
- window.THREE = THREE;
-
- var player = new APP.Player();
- player.start();
-
- // document.body.appendChild( player.dom );
-// sadsadsa
- // window.addEventListener( 'resize', function () {
- // player.setSize( window.innerWidth, window.innerHeight );
- // } );
+<div id="mask" class="mask"></div>
+<div id="title-box" class="title-box">
+ <div id="title" class="title"><i>A</i><i> </i><i>S</i><i> </i><i>/</i><i> </i><i>R</i><i> </i><i>S</i><i> </i><i>-</i><i> </i><i>W</i><i> </i><i>C</i><i> </i><i>S</i></div>
+ <div class="say">
+ <p>鑷姩鍖栦粨搴撴帶鍒剁郴缁燂紝鏄粙浜嶹MS鍜孭LC涔嬮棿鐨勪竴灞傜鐞嗘帶鍒剁郴缁�</p>
+ <p>鍙互鍗忚皟鍚勭鐗╂祦璁惧濡傝緭閫佹満銆佸爢鍨涙満銆佺┛姊溅浠ュ強鏈哄櫒浜恒�佽嚜鍔ㄥ寮曞皬杞︾瓑鐗╂祦璁惧涔嬮棿鐨勮繍琛�</p>
+ <p>"WAREHOUSE CONTROL SYSTEM"</p>
+ </div>
+ <div class="use">
+ <div></div>
+ 銆婁腑鎵珛搴撱��
+ </div>
+</div>
+<img id="logo" class="logo" src="../static/img/logo0.png" alt=""/>
+<div id="ship-info-box" class="ship-info-box">
+ <div class="ship-type pointernone">
+ <ul id="ship-type-ul">
+ <li>鍒濆鍖�</li>
+ <li>寰呮満鈥�</li>
+ <li>鎮ㄧ幇鍦ㄥ彲浠ヨ嚜鐢辩Щ鍔ㄨ瑙�</li>
+ </ul>
+ </div>
+ <div class="speed pointernone"><span id="speed">0</span> <i id="speed-unit">%</i></div>
+ <div id="ship-info-btn" class="btn" data-type="1">
+ <div id="btn-lock"></div>
+ <div class="btn-word">鍚姩</div>
+ <div class="line line1"></div>
+ <div class="line line2"></div>
+ </div>
+ <div id="control-remind" class="remind">鎮ㄧ幇鍦ㄥ彲浠ヨ嚜鐢辩Щ鍔ㄨ瑙�</div>
+</div>
- </script>
- </body>
+<div id="container"></div>
+</body>
+<script type="module">
+
+ import * as THREE from '../static/js/three.module.js';
+ import { APP } from '../static/js/app.js';
+
+ window.THREE = THREE;
+
+ var player = new APP.Player();
+ player.start();
+
+ document.getElementById("btn-lock").addEventListener('click', function () {
+ player.lockControl();
+ removeClass(document.getElementById("ship-info-btn"), "show");
+ document.getElementById("ship-type-ul").style.transform = 'translateY(-60px)';
+ }, false);
+
+</script>
+<script>
+ 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.04;
+ percent += 1;
+ speedDom.innerText = percent.toFixed(2);
+ } else {
+ if (!hasClass(shipInfoBtn, "show")) {
+ addClass(shipInfoBtn, "show")
+ clearInterval(timer);
+ }
+ }
+ }, 1);
+
+ $(document).on('click','.btn-word', function () {
+ fullScreen()
+ $("#mask").fadeOut(3000, function () {
+ 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");
+ }, 1000);
+ setTimeout(function () {
+ $("#title-box").removeClass("show");
+ }, 5000);
+ });
+ $("#title-box, #logo").addClass("show");
+ $("#ship-info-btn").removeClass("show");
+ $('.speed.pointernone').addClass("hide");
+ $("#ship-type-ul").css("transform", "translateY(-20px)");
+ });
+
+</script>
</html>
--
Gitblit v1.9.1