1

zhang

2026-01-22 6876084ffc4a01c1eca6a609dec8c176efc59aae

 zy-acs-cv/src/main/webapp/views/monitor/monitor.html

@@ -34,9 +34,11 @@
            font-size:56px;
            font-family:'Pacifico',serif
        }

        .speed-content {
            height: 100%;
        }

        .speed-chart {
            float: left;
            width: 100%;
@@ -50,6 +52,7 @@
            width: 100%;
            height: 58%;
        }

        .scroll-bar {
            float: left;
            width: 50%;
@@ -68,12 +71,15 @@
            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)
@@ -83,6 +89,7 @@
        #led-content {
            display: none;
        }

        #led-p-content {
            text-align: center;
            padding: 20px 40px;
@@ -113,7 +120,8 @@
        <div class="button-left"></div>
        <div class="button-right"></div>
        <div class="time-tools">
            <span id="bar-year"></span>-<span id="bar-month"></span>-<span id="bar-day"></span> <span id="bar-hour"></span>:<span id="bar-minute"></span>:<span id="bar-second"></span>&nbsp;&nbsp;<span id="bar-week"></span>
        <span id="bar-year"></span>-<span id="bar-month"></span>-<span id="bar-day"></span> <span id="bar-hour"></span>:<span
            id="bar-minute"></span>:<span id="bar-second"></span>&nbsp;&nbsp;<span id="bar-week"></span>
        </div>
        <div class="title">
            自动仓库WCS监控平台
@@ -133,7 +141,8 @@
                <div class="introduce">
                    <h6>自动化立体仓库</h6>
                    <p class="english">Automatic Storageand Retrieval System</p>
                    <p class="introduce-content">  利用立体仓库设备可实现仓库高层合理化、存取自动化、操作简便化；自动化立体仓库是当前技术水平较高的形式。自动化立体仓库的主体由货架、巷道式堆垛起重机、入（出）库工作台和自动运进（出）及操作控制系统组成。货架是钢结构或钢筋混凝土结构的建筑物或结构体，货架内是标准尺寸的货位空间，巷道堆垛起重机穿行于货架之间的巷道中，完成存、取货的工作。管理上采用计算机及条形码技术。</p>
                <p class="introduce-content">
                    利用立体仓库设备可实现仓库高层合理化、存取自动化、操作简便化；自动化立体仓库是当前技术水平较高的形式。自动化立体仓库的主体由货架、巷道式堆垛起重机、入（出）库工作台和自动运进（出）及操作控制系统组成。货架是钢结构或钢筋混凝土结构的建筑物或结构体，货架内是标准尺寸的货位空间，巷道堆垛起重机穿行于货架之间的巷道中，完成存、取货的工作。管理上采用计算机及条形码技术。</p>
                </div>
                <div class="charge-info">
                    <div class="info-header">
@@ -357,7 +366,8 @@
                    </div>
                </div>
                <div class="progress-bar-modal">
                    <div class="layui-progress layui-progress-big" lay-filter="used-progress" style="background-color: #233751;width: 80%;display: inline-block">
                <div class="layui-progress layui-progress-big" lay-filter="used-progress"
                     style="background-color: #233751;width: 80%;display: inline-block">
                        <div class="layui-progress-bar layui-bg-red" lay-percent="0%"></div>
                    </div>
<!--                    <div class="bar-container">-->
@@ -395,7 +405,6 @@
    $('.button-right').click(function () {
        full();
    });



    /***********************************************************************************/
@@ -667,9 +676,12 @@
                    shadowBlur: 10,
                    formatter: function(v){
                        switch (v + '') {
                            case '0': return '右';
                            case '1': return '中';
                            case '2': return '左';
                            case '0':
                                return '右';
                            case '1':
                                return '中';
                            case '2':
                                return '左';
                        }
                    }
                },
@@ -876,6 +888,7 @@
            }
        ]
    };

    // 饼图加载
    function initPieChart() {
        $.ajax({