#

luxiaotao1123

2020-11-11 ea167d9abd97694e2c007cd6af5323545b59999d

#

 src/main/webapp/views/monitor/css/monitor.css

@@ -48,9 +48,13 @@
    margin-top: 0.8%;
    width: 13.3%;
    height: 90%;
    background-image: url('../img/left.png');
    background-image: url('../img/right.png');
    background-size: 100% 100%;
    cursor: pointer;
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
}
.button-right {
    position: absolute;
@@ -60,7 +64,6 @@
    height: 90%;
    background-image: url('../img/right.png');
    background-size: 100% 100%;
    cursor: pointer;
}
.time-tools {
    position: absolute;

 src/main/webapp/views/monitor/js/echarts/bmap.js.map

File was deleted

 src/main/webapp/views/monitor/js/echarts/bmap.min.js

File was deleted

 src/main/webapp/views/monitor/monitor.html

@@ -4,43 +4,66 @@
    <meta charset="UTF-8">
    <title>ASRS监控</title>
    <link href="css/monitor.css" rel="stylesheet">
<!--    <link href="css/Pacifico.css" rel="stylesheet">-->
    <link href="css/Pacifico.css" rel="stylesheet">
    <script src="js/jquery-3.3.1.min.js"></script>
    <script src="js/vincent.js"></script>
    <script src="js/echarts/echarts.min.js"></script>
    <script src="https://api.map.baidu.com/api?v=2.0&ak=pnkdgjAQGCS0nwjFnBjbprCtPrNNvDBe" type="text/javascript"></script>
    <script src="js/echarts/bmap.min.js"></script>
    <script src="js/jquery.countup.min.js"></script>
    <script src="js/jquery.waypoints.min.js"></script>
    <style>
        span.counter {
            display:block;
        .crn-speed {
            width: 100%;
            height: 20%;
            text-align: center;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .crn-speed span {
            display:inline-block;
            margin:20px auto;
            font-size:64px;
            font-family:'Pacifico',serif
        }
        .speed-content {
            display: inline-block;
        }

        /*.div1 {*/
        /*    width:200px;*/
        /*    height:200px;*/
        /*    overflow:hidden;*/
        /*    margin:auto;*/
        /*    position:relative;*/
        /*    font-family:'Pacifico',serif*/
        /*}*/
        /*@keyframes anis {*/
        /*    100% {*/
        /*        transform:translateY(-200px)*/
        /*    }*/
        /*}img {*/
        /*     position:absolute;*/
        /* }*/
        /*.div2 {*/
        /*    animation:anis 10s linear infinite;*/
        /*}*/
        /*.div2:hover {*/
        /*    animation-play-state:paused;*/
        /*}*/
        .scroll-pane {
            width: 100%;
            height: 80%;
        }

        .scroll-bar {
            float: left;
            width: 50%;
            height: 100%;
            text-align: center;
        }

        .scroll-header span {
            font-size:64px;
            font-family:'Pacifico',serif
        }

        .scroll-content {
            animation:anis 10s linear infinite;
            padding: 200px 10px 20px 10px;
            font-family:'Pacifico',serif;
            overflow:hidden;
        }
        .scroll-content:last-child {
            border-left: 1px solid rgba(0, 0, 0, 0.3);
        }
        .scroll-content:hover {
            animation-play-state:paused;
        }
        @keyframes anis {
            100% {
                transform:translateY(-200px)
            }
        }

    </style>
</head>
@@ -146,41 +169,61 @@
        <!--中-->
        <div class="container-element-middle">
            <div class="map-board">
                <div class="inside">
                    <div class="image-border image-border1"></div>
                    <div class="image-border image-border2"></div>
                    <div class="image-border image-border3"></div>
                    <div class="image-border image-border4"></div>


                    <!-- 中上 -->
                    <div class="demo">
                        <span class="counter">5.00</span>
                    </div>

                    <!-- 中左 -->
                    <div class="div1">
                        <div class="div2">
                            <p>111111111111111111111</p>
                            <p>211111111111111111111</p>
                            <p>311111111111111111111</p>
                            <p>411111111111111111111</p>
                            <p>511111111111111111111</p>
                            <p>611111111111111111111</p>
                            <p>711111111111111111111</p>
                            <p>2211111111111111111111</p>
                            <p>331111111111111111111</p>
                            <p>441111111111111111111</p>
                            <p>551111111111111111111</p>
                            <p>661111111111111111111</p>
                            <p>771111111111111111111</p>
                            <p>881111111111111111111</p>
                            <p>991111111111111111111</p>
                            <p>001111111111111111111</p>
                    <div class="crn-speed">
                        <div class="speed-content">
                            <span>堆垛机速度：</span><span class="counter">5.00</span><span>米/秒</span>
                        </div>
                    </div>
                    <!-- 中右 -->
                </div>

                    <div class="scroll-pane">
                        <!-- 中左 -->
                        <div class="scroll-bar left-bar">
                            <div class="scroll-header">
                                <span>入库</span>
                                <p class="english">Entering Warehouse</p>
                            </div>
                            <div class="scroll-content">
                                <p>111111111111111111111</p>
                                <p>111111111111111111111</p>
                                <p>111111111111111111111</p>
                                <p>111111111111111111111</p>
                                <p>111111111111111111111</p>
                                <p>111111111111111111111</p>
                                <p>111111111111111111111</p>
                                <p>111111111111111111111</p>
                                <p>111111111111111111111</p>
                                <p>111111111111111111111</p>
                            </div>
                        </div>

                        <!-- 中右 -->
                        <div class="scroll-bar right-bar">
                            <div class="scroll-header">
                                <span>出库</span>
                                <p class="english">Delivery Of cargo From Storage</p>
                            </div>
                            <div class="scroll-content">
                                <p>111111111111111111111</p>
                                <p>111111111111111111111</p>
                                <p>111111111111111111111</p>
                                <p>111111111111111111111</p>
                                <p>111111111111111111111</p>
                                <p>111111111111111111111</p>
                                <p>111111111111111111111</p>
                                <p>111111111111111111111</p>
                                <p>111111111111111111111</p>
                                <p>111111111111111111111</p>
                            </div>
                        </div>
                    </div>


            </div>

        </div>