From b72f8f8d58417eb6fb29672d8ac17cfafa46775c Mon Sep 17 00:00:00 2001 From: zhitong.yu <xynz17@163.com> Date: 星期六, 11 五月 2024 10:51:31 +0800 Subject: [PATCH] 增加:主界面选择系统页面,统计实时刷新,低电量人员数据显示 --- src/main/webapp/Home/Home.jsp | 38 ++++++++++++++++++++++++++++++++++---- 1 files changed, 34 insertions(+), 4 deletions(-) diff --git a/src/main/webapp/Home/Home.jsp b/src/main/webapp/Home/Home.jsp index 9694c60..972b73f 100644 --- a/src/main/webapp/Home/Home.jsp +++ b/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> -- Gitblit v1.9.3