| | |
| | | |
| | | <!-- 控制面板 --> |
| | | <div id="sidebar"> |
| | | <button id="sidebar-btn" onclick="sidebar()">隐藏</button> |
| | | <button id="sidebar-btn" onclick="sidebar()">展示</button> |
| | | <div class="sidebar-contain" > |
| | | <div class="sidebar-header"> |
| | | <div class="t">中扬立库</div> |
| | |
| | | </div> |
| | | <div class="task-rbl"> |
| | | <select class="task-select"> |
| | | <option value="0">1</option> |
| | | <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="0">1</option> |
| | | <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="0">1</option> |
| | | <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 class="tbl-header"> |
| | | <table border="0" cellspacing="0" cellpadding="0" > |
| | | <thead> |
| | | <tr> |
| | | <th>排名</th> |
| | | <th>地市</th> |
| | | <th>销售收入(万元)</th> |
| | | <th>同比(%)</th> |
| | | </tr> |
| | | <tr> |
| | | <th>设备类型</th> |
| | | <th>编号</th> |
| | | <th>报文数据</th> |
| | | <th>时间</th> |
| | | </tr> |
| | | </thead> |
| | | <tbody style="opacity:0;" ></tbody> |
| | | </table> |
| | |
| | | <div class="tbl-body"> |
| | | <table border="0" cellspacing="0" cellpadding="0"> |
| | | <thead> |
| | | <tr> |
| | | <th>排名</th> |
| | | <th>地市</th> |
| | | <th>销售收入(万元)</th> |
| | | <th>同比(%)</th> |
| | | </tr> |
| | | <tr> |
| | | <th>设备类型</th> |
| | | <th>编号</th> |
| | | <th>报文数据</th> |
| | | <th>时间</th> |
| | | </tr> |
| | | </thead> |
| | | <tbody></tbody> |
| | | </table> |
| | |
| | | var speedDom = document.getElementById("speed"); |
| | | var timer = setInterval(function () { |
| | | if (percent < 100.00) { |
| | | // percent += 0.02; |
| | | percent += 1; |
| | | percent += 0.04; |
| | | // percent += 1; |
| | | speedDom.innerText = percent.toFixed(2); |
| | | } else { |
| | | speedDom.innerText = '100.00'; |
| | |
| | | }, 1); |
| | | |
| | | $(document).on('click','.btn-word', function () { |
| | | fullScreen() |
| | | $("#mask").fadeOut(1, function () { // 3000 |
| | | fullScreen(); |
| | | $("#mask").fadeOut(3000, function () { // 3000 |
| | | $('#sidebar-btn').show(); |
| | | $("#menu").addClass("show"); |
| | | setTimeout(function () { |
| | | $("#ship-type-ul").css("transform", "translateY(-40px)"); |
| | |
| | | $("#menu li").css("transition", "all 200ms !important"); |
| | | setTimeout(function () { |
| | | removeClass(document.getElementById("title-box"), "show"); |
| | | }, 10000); |
| | | }, 1); // 1000 |
| | | }, 5000); |
| | | }, 1000); // 1000 |
| | | }); |
| | | $("#title-box, #logo").addClass("show"); |
| | | $("#ship-info-btn").removeClass("show"); |