增加:主界面选择系统页面，统计实时刷新，低电量人员数据显示

zhitong.yu

2024-05-11 b72f8f8d58417eb6fb29672d8ac17cfafa46775c

 src/main/webapp/Home/Home.jsp

@@ -60,7 +60,6 @@
        }
        .layui-laypage{
            position: relative;
            left: 380px;
        }

        .layui-table th{
@@ -187,7 +186,7 @@
                    <li id="current-time" style="display: inline-block;font-size: 12px;margin-left: 10px;">日期:2024-00-00 00:00:00</li>
                    <li style="font-size: 12px">欢迎:</li>
                    <li id="yhm" style="font-size: 12px;margin-left: 15px"></li>
                    <li style="margin-left: 15px;"><a id="Ht" href="javascript:;" onclick="joinHouTai()" style="font-size: 12px;position: relative;top: 0px">后台</a></li>
                    <li style="margin-left: 15px;"><a id="Ht" href="javascript:;" onclick="joinHouTai()" style="font-size: 12px;position: relative;top: -2px">后台</a></li>
                    <li style="margin-left: 15px;"><a href="javascript:;" onclick="out()" title="点击退出登录系统"><img src="HomeImg/logout.png" style="width: 20px;position: relative;top: -3px"> </a> </li>
                </ul>
            </div>
@@ -257,6 +256,10 @@
        </div>
    </div>
    <%--    区域统计--%>
    <a href="javascript:;" id="PowerShuaXin" onclick="ChongDianPowerShuaXin()" style="width: 60px;height: 40px;text-align: center;font-size: 12px;line-height: 40px;background-color: #00bff4;display: inline-block;position:fixed;right: 7%;bottom: 40%;z-index: 99999999999999;color: white;display: none">刷新</a>
    <a href="javascript:;" onclick="ChongDianPower()" style="width: 60px;height: 40px;text-align: center;font-size: 12px;line-height: 40px;background-color: #00bff4;display: inline-block;position:fixed;right: 2%;bottom: 40%;z-index: 99999999999999;color: white">充电人员</a>
    <a style="width: 20%;height: 8%;text-align: center;font-size: 12px;display: inline-block;position:fixed;right: 2%;bottom: 30%;z-index: 99999999999999;color: white"><img src="/hxzkuwb/Home/HomeImg/border1.png"></a>

    <div class="layui-row" id="tong2" style="width: 19.5%;height: 39%;z-index: 999999;display: none;">
        <div class="layui-col-xs12 layui-col-md12">
            <div style="width: 100%;">
@@ -336,6 +339,15 @@
                <table id="fence" lay-filter="fence"></table>
            </div>
            <div class="boxfoot6"></div>
        </div>
    </div>
<%--    充电信息--%>
    <div class="layui-row" id="fen1" style="background-color: rgb(255, 255, 255,0)">
        <div class="layui-col-xs12 layui-col-md12">
            <div style="padding-top: 30px;padding-left: 20px;padding-right: 20px">
                <table id="PowerPerson"  lay-filter="PowerPerson" style="background-color: rgb(255, 255, 255,1)" ></table>
            </div>
            <div></div>
        </div>
    </div>
    <%--    警告信息--%>
@@ -682,6 +694,9 @@
    <span class="" style="color: white;display: inline-block;width: 35px;height: 20px;line-height: 20px;text-align:center;background-color: limegreen;border-radius: 5px;font-size: 12px;position: relative;left: -3px">在线</span>
    {{# } }}
</script>
<script type="text/html" id="titleTplPower">
    <span>{{d.power}}%</span>
</script>
<script type="text/html" id="titleTpl1">
    {{# if(d.ponline === '0' || d.ponline === '-1' ) { }}
    <span class="" style="color: white;display: inline-block;width: 35px;height: 20px;line-height: 20px;text-align:center;background-color: #666666;border-radius: 5px;font-size: 12px;position: relative;left: 0px">离线</span>
@@ -840,7 +855,6 @@
        localStorage.setItem("三维地图","执行")
        localStorage.setItem("百度地图","不执行")
        var sanweis = document.getElementById("sanweis")
        sanweis.checked = true;
        layer.msg('操作成功')
        $(".MapType").hide();
        $("#weilanxs").hide();
@@ -860,7 +874,7 @@
            url: "/hxzkuwb/baidufence.do",
            dataType: "json",
            success: function (data) {
                fences = data.fences;
                fences.push(data.fences);
            },
        });
        return fences;
@@ -2429,5 +2443,21 @@
    function Cxgj(){
        $("#cxgjs").fadeOut(500)
    }
    var table = layui.table;
    function ChongDianPower(){
        $("#fen1").toggle()
        $("#PowerShuaXin").toggle()
        layer.msg('操作成功')
    }
    function ChongDianPowerShuaXin(){
        table.reload('PowerPerson', {
            url: '/hxzkuwb/findPowerPerson' // 新的数据接口地址
        });
        $("#fen1").toggle()
        setTimeout(function (){
            $("#fen1").toggle()
        },300)
        layer.msg('刷新成功')
    }
</script>
</html>