#

luxiaotao1123

2021-12-25 ce9da384d05f0b6b50aeeb5c3a00e53694695976

 views/index.html

@@ -9,10 +9,12 @@
    <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/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/data/Asrs.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/StoreArea.js"></script>
    <script type="text/javascript" src="../static/js/object/Store.js"></script>
@@ -40,7 +42,7 @@

<div id="mask" class="mask"></div>
<div id="title-box" class="title-box">
    <div id="title" class="title"><i>A</i><i>&nbsp;</i><i>S</i><i>&nbsp;</i><i>/</i><i>&nbsp;</i><i>R</i><i>&nbsp;</i><i>S</i><i>&nbsp;</i><i>-</i><i>&nbsp;</i><i>W</i><i>&nbsp;</i><i>C</i><i>&nbsp;</i><i>S</i></div>
    <div id="title" class="title"><i>A</i><i>S</i><i>&nbsp;</i><i>/</i><i>&nbsp;</i><i>R</i><i>S</i><i>&nbsp;</i><i>-</i><i>&nbsp;</i><i>W</i><i>&nbsp;</i><i>C</i><i>&nbsp;</i><i>S</i></div>
    <div class="say">
        <p>自动化仓库控制系统，是介于WMS和PLC之间的一层管理控制系统</p>
        <p>可以协调各种物流设备如输送机、堆垛机、穿梭车以及机器人、自动导引小车等物流设备之间的运行</p>
@@ -69,6 +71,20 @@
    </div>
    <div id="control-remind" class="remind">您现在可以自由移动视角</div>
</div>
<ul class="menu" id="menu">
    <li id="menu-w">
        <div><div>主</div></div>
    </li>
    <li id="menu-m">
        <div><div>左</div></div>
    </li>
    <li id="menu-t">
        <div><div>俯</div></div>
    </li>
    <li id="menu-b">
        <div><div>返</div></div>
    </li>
</ul>


<div id="container"></div>
@@ -89,6 +105,21 @@
        document.getElementById("ship-type-ul").style.transform = 'translateY(-60px)';
    }, false);

    document.getElementById("menu-w").addEventListener('click', function () {
        player.mainView();
    }, false);

    document.getElementById("menu-m").addEventListener('click', function () {
        player.leftView();
    }, false);

    document.getElementById("menu-t").addEventListener('click', function () {
        player.verticalView();
    }, false);

    document.getElementById("menu-b").addEventListener('click', function () {
        player.backlView();
    }, false);
</script>
<script>
    var percent = 0;
@@ -96,10 +127,11 @@
    var speedDom = document.getElementById("speed");
    var timer = setInterval(function () {
        if (percent < 100.00) {
            // percent += 0.04;
            // percent += 0.02;
            percent += 1;
            speedDom.innerText = percent.toFixed(2);
        } else {
            speedDom.innerText = '100.00';
            if (!hasClass(shipInfoBtn, "show")) {
                addClass(shipInfoBtn, "show")
                clearInterval(timer);
@@ -108,17 +140,19 @@
    }, 1);

    $(document).on('click','.btn-word', function () {
        fullScreen()
        $("#mask").fadeOut(3000, function () {
        // fullScreen()
        $("#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");
            }, 1000);
            setTimeout(function () {
                $("#title-box").removeClass("show");
            }, 5000);
                $("#menu li").css("transition", "all 200ms !important");
                setTimeout(function () {
                    removeClass(document.getElementById("title-box"), "show");
                }, 10000);
            }, 1);   // 1000
        });
        $("#title-box, #logo").addClass("show");
        $("#ship-info-btn").removeClass("show");