#
luxiaotao1123
2021-12-30 16b7421b9ea8c3064862e08c1506ccea49477fde
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,78 @@
    <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">
@@ -86,8 +142,8 @@
    </li>
</ul>
<div id="container"></div>
<script type="text/javascript" src="../static/js/data/sidebar.js"></script>
</body>
<script type="module">
@@ -121,14 +177,14 @@
        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';
@@ -140,8 +196,8 @@
    }, 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)");
@@ -154,7 +210,7 @@
                setTimeout(function () {
                    removeClass(document.getElementById("title-box"), "show");
                }, 10000);
            }, 1000);   // 1000
            }, 1);   // 1000
        });
        $("#title-box, #logo").addClass("show");
        $("#ship-info-btn").removeClass("show");