#

whycq

2023-04-01 25aeafe7a7930bdb5aa471f656a4b43ca993ca11

#

 src/main/webapp/views/monitor.html

@@ -33,9 +33,9 @@
        <div style="padding: 10px;height: 100%">
            <div style="width: 100%;height: 100%;">
                <div class="head">
                    <label id="lcd-1" class="label lcd">LCD1</label>
                    <label id="lcd-2" class="label lcd">LCD2</label>
                    <label id="lcd-3" class="label lcd">LCD3</label>
                    <label id="lcd-100" class="label lcd">LCD1</label>
                    <label id="lcd-110" class="label lcd">LCD2</label>
                    <label id="lcd-113" class="label lcd">LCD3</label>
                </div>
                <div class="body">
                    <!--<div class="time-tools">-->
@@ -43,10 +43,10 @@
                    <!--</div>-->
                    <div class="canves1 aData">
                        <div style="width: 25%;height: 100%;font-size: 30px;display: flex;flex-direction: column;justify-content: space-around;">
                            <div style="width: 100%;height: 100px;line-height: 100px;text-align: center">累计行走：10869米</div>
                            <div style="width: 100%;height: 100px;line-height: 100px;text-align: center">累计行走：10869米</div>
                            <div style="width: 100%;height: 100px;line-height: 100px;text-align: center">累计行走：10869米</div>
                            <div style="width: 100%;height: 100px;line-height: 100px;text-align: center">累计行走：10869米</div>
                            <div style="width: 100%;height: 100px;line-height: 100px;text-align: center">累计走行距离：<span id="xDistance"></span>米</div>
                            <div style="width: 100%;height: 100px;line-height: 100px;text-align: center">累计升降距离：<span id="yDistance"></span>米</div>
                            <div style="width: 100%;height: 100px;line-height: 100px;text-align: center">累计走行时长：<span id="xDuration"></span>秒</div>
                            <div style="width: 100%;height: 100px;line-height: 100px;text-align: center">累计升降时长：<span id="yDuration"></span>秒</div>
                        </div>
                        <div id="ledData" style="width: 50%;height: 100%;font-size: 30px;display: flex;flex-direction: column;justify-content: space-around;background-color: #93D1FF;text-align: center;">
                            AUTOMATIC WAREHOUSE WCS MONITORING DIAGRAM
@@ -116,7 +116,7 @@
                                            <img src="monitor/img/a1.png">
                                            <div class="info-detail">
                                                <div class="real-data">
                                                    <i class="count" id="xDistance">0</i>
                                                    <i class="count" id="xDistance0">0</i>
                                                    <span class="unit">m</span>
                                                </div>
                                                <div class="content">累计走行距离(米)</div>
@@ -126,7 +126,7 @@
                                            <img src="monitor/img/b1.png">
                                            <div class="info-detail">
                                                <div class="real-data">
                                                    <i class="count" id="yDistance">0</i>
                                                    <i class="count" id="yDistance0">0</i>
                                                    <span class="unit">m</span>
                                                </div>
                                                <div class="content">累计升降距离(米)</div>
@@ -136,7 +136,7 @@
                                            <img src="monitor/img/c1.png">
                                            <div class="info-detail">
                                                <div class="real-data">
                                                    <i class="count" id="xDuration">0</i>
                                                    <i class="count" id="xDuration0">0</i>
                                                    <span class="unit">s</span>
                                                </div>
                                                <div class="content">累计走行时长(秒)</div>
@@ -146,7 +146,7 @@
                                            <img src="monitor/img/d1.png">
                                            <div class="info-detail">
                                                <div class="real-data">
                                                    <i class="count" id="yDuration">0</i>
                                                    <i class="count" id="yDuration0">0</i>
                                                    <span class="unit">s</span>
                                                </div>
                                                <div class="content">累计升降时长(秒)</div>
@@ -332,14 +332,9 @@
                            <button id="unSelectAll">取消全选</button>
                        </div>
                        <div id="checked" style="overflow-y: scroll;height: 80%;border: 1px solid #888" >
                            <label for=""><input type="checkbox" name="monitor" checked="checked" value="1">1号显示器</label>
                            <label for=""><input type="checkbox" name="monitor" value="2">2号显示器</label>
                            <label for=""><input type="checkbox" name="monitor" value="3">3号显示器</label>
                            <label for=""><input type="checkbox" name="monitor" value="4">4号显示器</label>
                            <label for=""><input type="checkbox" name="monitor" value="5">5号显示器</label>
                            <label for=""><input type="checkbox" name="monitor" value="6">6号显示器</label>
                            <label for=""><input type="checkbox" name="monitor" value="7">7号显示器</label>
                            <label for=""><input type="checkbox" name="monitor" value="8">8号显示器</label>
                            <label for=""><input type="checkbox" name="monitor" checked="checked" value="100">1号显示器</label>
                            <label for=""><input type="checkbox" name="monitor" value="110">2号显示器</label>
                            <label for=""><input type="checkbox" name="monitor" value="113">3号显示器</label>
                        </div>
                    </div>
                    <!--文本内容-->
@@ -358,57 +353,6 @@
</body>
</html>
<script>
    var inputValue = ''
    // lcd切换按钮
    $(function() {
        $(".label").click(function() {
            $(this).addClass("abc").siblings().removeClass("abc");
        });
    });
    // 全选按钮
    $("#selectAll").click(function(){
        $('input:checkbox[name=monitor]').each(function () {
            $(this).prop("checked",true);
        })
    });
    // 取消全选按钮
    $("#unSelectAll").click(function(){
        $('input:checkbox[name=monitor]').each(function () {
            $(this).prop("checked",false);
        })
    });
    // 发送节目按钮
    $('#sendMessage').click(function () {
        var sendMessage = $('#sendContent').val()
        inputValue = ''
        $('input:checkbox[name=monitor]:checked').each(function () {
            var ledId = parseInt($(this).val())
            $.ajax({
                url: baseUrl+"/monitor/led/add/program",
                data: {ledId:ledId,msg:sendMessage},
                method: 'GET',
                success: function (res) {
                    console.log(res)
                }
            })
        })

    })
    // 移除节目按钮
    $('#removeMessage').click(function () {
        var sendMessage = 'K'
        $('input:checkbox[name=monitor]').each(function () {
            if ($(this).is(':checked')) {
                console.log($(this).find(':checked'))
            } else {
                console.log('m')
            }
        })

    })
</script>
<script>

    layui.use(['element', 'carousel'], function(){
        var carousel = layui.carousel;
        var element = layui.element;
@@ -453,6 +397,59 @@
        getOther2(crnId,lcdId)
    })

    // lcd切换按钮
    $(function() {
        $(".label").click(function() {
            $(this).addClass("abc").siblings().removeClass("abc");
        });
    });
    // 全选按钮
    $("#selectAll").click(function(){
        $('input:checkbox[name=monitor]').each(function () {
            $(this).prop("checked",true);
        })
    });
    // 取消全选按钮
    $("#unSelectAll").click(function(){
        $('input:checkbox[name=monitor]').each(function () {
            $(this).prop("checked",false);
        })
    });
    // 发送节目按钮
    $('#sendMessage').click(function () {
        var sendMessage = $('#sendContent').val()
        $('input:checkbox[name=monitor]:checked').each(function () {
            var ledId = parseInt($(this).val())
            console.log(typeof ledId,ledId,sendMessage)
            $.ajax({
                url: baseUrl+"/monitor/led/add/program",
                data: {ledId:ledId,msg:sendMessage},
                method: 'GET',
                success: function (res) {
                    console.log(res)
                }
            })
        })

    })
    // 移除节目按钮
    $('#removeMessage').click(function () {
        var sendMessage = ''
        inputValue = ''
        $('input:checkbox[name=monitor]:checked').each(function () {
            var ledId = parseInt($(this).val())
            console.log(ledId)
            $.ajax({
                url: baseUrl+"/monitor/led/add/program",
                data: {ledId:ledId,msg:sendMessage},
                method: 'GET',
                success: function (res) {
                    console.log(res)
                }
            })
        })

    })
    setInterval(function () {
        setDate();
        initlineChart();
@@ -465,7 +462,6 @@

    // 出库信息
    function getInfo(ledId) {
        console.log(ledId)
        $.ajax({
            url: baseUrl+"/monitor/led",
            data: {ledId:ledId},
@@ -473,7 +469,7 @@
            success: function (res) {
                if (lcdControll < 3) {
                    $('.aData').attr('display','none')

                    $('.bData').attr('display','flex')
                }
            }
        });
@@ -494,7 +490,6 @@
                        $('.bData').attr('display','none')
                        $('.aData').attr('display','flex')
                        $('#ledData').text(res.data)
                        console.log('**')
                    }
                }
            }
@@ -507,7 +502,6 @@
            data: {ledId:ledId},
            method: 'GET',
            success: function (res) {
                console.log(res)
                if (res.data != '') {
                    lcdControll = 4
                    $('.bData').attr('display','none')
@@ -515,7 +509,6 @@
                    $('#ledData').text(res.data)
                } else {
                    lcdControll = 0
                    console.log("2222")
                }
            }
        });