#

whycq

2023-09-15 a33004421d7c2b19e45d6151a020637e2932fe0a

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

@@ -15,7 +15,7 @@
        <div class="head">
            <div class="head-title">自动仓库监控平台</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>
            </div>
        </div>
        <div class="body">
@@ -23,7 +23,7 @@
                <div class="box">
                    <div class="box-title">测试状态</div>
                    <div class="box-body">
                        <div class="table-head" style="display: flex"><div style="flex: 1">库位号</div><div style="flex: 1">库位状态</div><div style="flex: 1">包号</div><div style="flex: 1">测试状态</div></div>
                        <div class="table-head" style="display: flex"><div style="flex: 1">库位号</div><div style="flex: 1">库位状态</div><div style="flex: 3">包号</div><div style="flex: 1">测试状态</div></div>
                        <div class="swiper" style="height: 85%">
                            <div class="swiper-wrapper table-item">
                            </div>
@@ -42,13 +42,7 @@
                </div>
                <div class="box">
                    <div class="box-title">合格率</div>
                    <div style="display: flex;"class="box-body">
                        <div class="box-body" id="barLabelRotation"></div>
                        <!--<div class="box-body3" >-->
                        <!--    <div class="percentage" id="thisWeek">60%</div>-->
                        <!--    <div class="percentage" id="lastWeek">40%</div>-->
                        <!--</div>-->
                    </div>
                    <div class="box-body" id="barLabelRotation"></div>
                </div>
            </div>
        </div>
@@ -120,8 +114,8 @@
        setDate();
    },1000)
    setInterval(()=>{
        //location.reload()
    },10000)
        location.reload()
    },600000)
    function initTest() {
        var box = ''
        var el
@@ -141,7 +135,7 @@
        for (var i = 0; i < item.length; i++) {
            el = "<div class='swiper-slide "+ css + " '><div style='flex: 1'>"
                + item[i].locNo + "</div><div style='flex: 1'>"
                + item[i].locSts  + "</div><div style='flex: 1'>"
                + item[i].locSts  + "</div><div style='flex: 3'>"
                + item[i].mk  + "</div><div style='flex: 1'>"
                + item[i].packStatus$
                + "</div></div>"
@@ -202,7 +196,7 @@
            }
        },
        legend: {
            textStyle:{color:'#FFF'},
            textStyle:{color:'#FFF',},
        },
        grid: {
            left: '3%',
@@ -287,7 +281,7 @@
            }
        },
        legend: {
            textStyle:{color:'#FFF'},
            textStyle:{color:'#FFF',fontSize:14},
        },
        grid: {
            left: '3%',
@@ -335,7 +329,7 @@
                stack: 'Ad',
                label: {
                    show: true,
                    fontSize: 16,fontWeight: 'bold',
                    fontSize: 14,fontWeight: 'bold',
                    position: 'top',offset: [-15,5],
                },
                data: [9, 3]
@@ -354,10 +348,9 @@
        legend: {
            icon: 'roundRect',
            data: ['出库', '入库'],
            textStyle:{color:'#FFF'},
            textStyle:{color:'#FFF',fontSize:14},
        },
        grid: { // 图表距离边框的距离，可用百分比和数字（px）配置
            top: '20%',
            left: '3%',
            right: '5%',
            bottom: '5%',