|  |  | 
 |  |  |     <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> | 
 |  |  | 
 |  |  |     <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"> | 
 |  |  | 
 |  |  |     </li> | 
 |  |  | </ul> | 
 |  |  |  | 
 |  |  |  | 
 |  |  | <div id="container"></div> | 
 |  |  | <script type="text/javascript" src="../static/js/data/sidebar.js"></script> | 
 |  |  | </body> | 
 |  |  | <script type="module"> | 
 |  |  |  | 
 |  |  | 
 |  |  |         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'; | 
 |  |  | 
 |  |  |     }, 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)"); | 
 |  |  | 
 |  |  |                 setTimeout(function () { | 
 |  |  |                     removeClass(document.getElementById("title-box"), "show"); | 
 |  |  |                 }, 10000); | 
 |  |  |             }, 1000);   // 1000 | 
 |  |  |             }, 1);   // 1000 | 
 |  |  |         }); | 
 |  |  |         $("#title-box, #logo").addClass("show"); | 
 |  |  |         $("#ship-info-btn").removeClass("show"); |