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/HomeJs/Home.js | 216 +++++++++++++++++++++++++++++++++++++++++++++--------
1 files changed, 182 insertions(+), 34 deletions(-)
diff --git a/src/main/webapp/Home/HomeJs/Home.js b/src/main/webapp/Home/HomeJs/Home.js
index 0bb3582..f4eb50d 100644
--- a/src/main/webapp/Home/HomeJs/Home.js
+++ b/src/main/webapp/Home/HomeJs/Home.js
@@ -66,6 +66,9 @@
]]
});
+
+
+
table.render({
elem: '#fence'
,url: '/hxzkuwb/findfence'
@@ -99,6 +102,9 @@
});
+
+
+
table.render({
elem: '#person'
,url: '/hxzkuwb/findperson'
@@ -133,6 +139,20 @@
]]
});
+ table.render({
+ elem: '#PowerPerson'
+ ,url: '/hxzkuwb/findPowerPerson'
+ ,skin: 'nob'
+ ,height:300
+ ,limit: 5
+ ,page: true //寮�鍚垎椤�
+ ,cols: [[ //琛ㄥご
+ { field: 'tagid', title: '缂栧彿',width:100}
+ ,{field: 'name', title: '濮撳悕',width: 100}
+ ,{field: 'power', title: '鐢甸噺',width: 100,templet: '#titleTplPower'}
+ ]]
+ });
+
// $(".Tongji").click(function (){
@@ -175,37 +195,7 @@
- $.get("/hxzkuwb/findMapShow",function (data){
- $(".MapShow").append('<li style="width: 100px;display: inline-block"><a href="javascript:;" onClick="yckb()" style="width: 100px;display: inline-block;font-size: 12px;color: '+data[0].color+'" id="ykcbs">闅愯棌鐪嬫澘</a></li>')
- if(data[0].ishow == "鏄剧ず"){
- $(".MapShow").append('<li style="width: 100px;display: inline-block"><input type="checkbox" id="sanweis" onClick="Qh1()" style="position: relative;top: 2px"/><a href="javascript:;" class="ts1" style="font-size: 12px;color: '+data[0].color+'" onClick="Qh1()" id="qh1">涓夌淮鍦板浘</a></li>')
- }else{
- Qh2();
- }
- if(data[1].ishow == "鏄剧ず"){
- $(".MapShow").append('<li style="width: 100px;display: inline-block"><input type="checkbox" id="baidus" onClick="Qh()" style="position: relative;top: 2px"/><a href="javascript:;" class="ts1" style="font-size: 12px;color: '+data[0].color+'" onClick="Qh()" id="qh2">'+data[1].type+'</a></li>')
- }else{
- // $("#ditu2").hide();
- Qh1();
- }
- $(".MapShow").append('<li onclick="xianshilixians()" style="width: 100px;display: inline-block"><input type="checkbox" id="xianshilixian" style="position: relative;top: 2px"/><a href="javascript:;" style="font-size: 12px;color: '+data[0].color+'">鏄剧ず绂荤嚎</a></li>')
- $(".MapShow").append('<li class="ctrls" style="width: 100px;display: inline-block"><a href="javascript:;" style="font-size: 12px;color: '+data[0].color+'" title="鎸変綇CTRL鎸夐敭鍙互鏃嬭浆鏀瑰彉鍦板浘瑙嗚">CTRL鏃嬭浆鍦板浘</a></li>')
- $(".MapShow").append('<li class="qhPingMian" style="font-size: 12px;width: 100px;display: inline-block"><select id="mySelect" onchange="TuCeng()" style="border: none;background: none;color: '+data[0].color+'"><option style="color: black">鍒囨崲鍥惧眰</option></select></li>')
- $(".MapShow").append('<li class="qhWeiLan" style="display: inline-block;font-size: 12px;color: white;width: 100px;"><a onclick="qhweil()" id="weilanxs" style="color: '+data[0].color+'" href="javascript:;">闅愯棌鍥存爮</a></li>')
- $(".MapShow").append('<li class="MapType" onclick="init()" style="cursor: pointer;font-size: 12px;width: 100px;display: inline-block;color: '+data[0].color+'"><a href="javascript:;" style="font-size: 12px;cursor:pointer" title="">鍦扮悆</a></li>')
- $(".qhPingMian").hide();
- // 鑾峰彇涓嬫媺妗嗙殑 DOM 鍏冪礌
- $.post("/hxzkuwb/qiehuanditu_option.do",function (data){
- if (data.length == 1){
- $(".qhPingMian").hide();
- }else{
- for (var i = 0 ; i < data.length;i++){
- var mapname = data[i].mapname.split('.')
- $("#mySelect").append('<option style="color: black" value="'+data[i].floor+'">'+mapname[0]+'</option>')
- }
- }
- })
- })
+
// $(".Ditu").click(function (){
// $(".MapShow").empty();
// layer.tips('鎿嶄綔鎴愬姛','.Ditu');
@@ -596,9 +586,6 @@
]
};
option && myChart.setOption(option);
-
-
-
function tubiaotongji() {
var tu = [];
@@ -628,6 +615,10 @@
var username = $(".kahao").text();
var context = $("#context1").val();
var data = "username="+username1+"&context="+context+"&tagid="+username
+ if (context.length <2 || context.length >30){
+ layer.msg('褰撳墠杈撳叆鍐呭鏈夎锛屽瓧绗﹂暱搴︿笉鑳藉皬浜�2骞朵笖涓嶈兘澶т簬30')
+ return;
+ }
$.get("/hxzkuwb/sendMsg",data,function(data){
})
@@ -642,6 +633,16 @@
if(username == "" || username == null){
layer.msg("璇疯緭鍏ヨ澶嘔D")
}else{
+ if (username.length < 2){
+ layer.msg('褰撳墠杈撳叆鍐呭鏈夎锛屽瓧绗﹂暱搴︿笉鑳藉皬浜�2')
+ return
+ }
+
+ if (context.length <2 || context.length > 30){
+ layer.msg('褰撳墠杈撳叆鍐呭鏈夎锛屽瓧绗﹂暱搴︿笉鑳藉皬浜�2骞朵笖涓嶈兘澶т簬30')
+ return;
+ }
+
var dts = "username="+username1;
$.get("/hxzkuwb/findUserRole",dts,function (data){
if(data.juese=="璁垮"){
@@ -679,3 +680,150 @@
window.location='../index.jsp'
}
},2000)
+
+
+setInterval(function (){
+ if (localStorage.getItem("KuangXuan") != null && localStorage.getItem("KuangXuan1") == "true"){
+ $("#JianZhuMsg").empty();
+ KuangXuanPerson()
+ }
+ var SanWei = localStorage.getItem("SanWei_JianZhu")
+ if (SanWei != null){
+ $("#JianZhuMsg").animate({right: '-1%'}, 500);
+
+ }else{
+ $("#JianZhuMsg").animate({right: '-25%'}, 500);
+
+ }
+ if (localStorage.getItem("DiaoYong_SanWeiFlOoor")!= null){
+ $("#JianZhuMsg").empty();
+ SanWeiJianZhuXinXi();
+ }
+},1000)
+
+
+function SanWeiJianZhuXinXi(){
+ var FID= localStorage.getItem("SanWei_JianZhuFID");
+ var Name= localStorage.getItem("SanWei_JianZhu");
+ console.log(FID)
+ //鏍规嵁FID鏌ヨ浠栫殑妤煎眰
+ var data = "fid="+FID
+ var num = "";
+ $.get("/hxzkuwb/FindTongJiAreaList",data,function (data){
+ if (data.dangerlevel == 1){
+ data.dangerlevel = "鐢茬被"
+ }
+ if (data.dangerlevel == 2){
+ data.dangerlevel = "涔欑被"
+ }
+ if (data.dangerlevel == 3){
+ data.dangerlevel = "涓欑被"
+ }
+ if (data.dangerlevel == 4){
+ data.dangerlevel = "涓佺被"
+ }
+ if (data.dangerlevel == 5){
+ data.dangerlevel = "鎴婄被"
+ }
+ $("#JianZhuMsg").append('<div style="margin-top: 15%;margin-bottom:5%;margin-left: 5%;width: 85%"><h2 style="margin-top: 0%;display: inline-block;;color: white;font-size: 14px" id="JzMc">'+Name+' 鍖哄煙绛夌骇锛�'+data.dangerlevel+'</h2><h2 style="margin-top: 0%;display: inline-block;float: right;color: white;font-size: 14px">鎬讳汉鏁帮細<span id="zongnumes"></span> <img onclick="GuanBiMsg()" src="../Home/HomeImg/clos.png" style="cursor:pointer;width: 20px;height: 20px;"></h2></div>')
+ for (var i = 1 ; i <= data.floornum; i++){
+ $("#JianZhuMsg").append('' +
+ '<div id="LouCeng'+i+'" style="overflow-x: hidden;overflow-y: scroll;height: 5%;margin-top: 7%;margin-left: 5%;width: 94%">' +
+ '<h2 style="display: inline-block;font-weight: bold;color: black;font-size: 15px">褰撳墠妤煎眰锛�'+i+'灞�</h2>' +
+ '<h2 style="margin-top: 0%;display: inline-block;font-weight: bold;color: black;font-size: 14px;margin-left: 30%">浜烘暟锛�<span id="numes'+i+'" style="display: inline-block;width: 10%">0</span></h2>' +
+ '<h2 style="display: inline-block;font-size: 14px;font-weight: bold;margin-left: 10%;cursor:pointer;" onclick="LouCeng('+i+')">灞曞紑/鍚堝苟</h2><img style="width: 20px;height: 20px;" src="../Home/HomeImg/xiala.png"> ' +
+ '<div style="margin-top: 5%;margin-left: 1%;width: 90%;">' +
+ '<div class="layui-collapse" id="floor'+i+'"></div>')
+ }
+ num = data.floornum;
+ })
+ var data ="baoliu39="+FID;
+ $.get("/hxzkuwb/findSanWeiFloorPerson",data,function (data){
+ var floor1 = 0;
+ var floor2 = 0;
+ var floor3 = 0;
+ var floor4 = 0;
+ var floor5 = 0;
+ var floor6 = 0;
+ for (var i = 0; i < data.length;i++){
+ if(data[i].pfloor == "0"){
+ $("#floor1").append('<div onclick="personMsgtid('+data[i].ptagid+')" class="layui-colla-item" style="background-color: rgba(255, 255, 255, 0)"><h2 class="layui-colla-title" style="background-color: rgba(255, 255, 255, 0)"><img src="HomeImg/PersonShi.png" style="width: 25px;height: 25px"/><span style="display: inline-block;margin-left: 20px">濮撳悕锛�'+data[i].pname+'</span><span style="display: inline-block;float: right">缂栧彿锛�'+data[i].ptagid+'</span></h2>')
+ floor1++;
+ $("#numes1").text(floor1)
+ }
+ if(data[i].pfloor == "1") {
+ $("#floor2").append('<div onclick="personMsgtid('+data[i].ptagid+')" class="layui-colla-item" style="background-color: rgba(255, 255, 255, 0)"><h2 class="layui-colla-title" style="background-color: rgba(255, 255, 255, 0)"><img src="HomeImg/PersonShi.png" style="width: 25px;height: 25px"/><span style="display: inline-block;margin-left: 20px">濮撳悕锛�'+data[i].pname+'</span><span style="display: inline-block;float: right">缂栧彿锛�'+data[i].ptagid+'</span></h2>')
+ floor2++;
+ $("#numes2").text(floor2)
+
+ }
+ if (data[i].pfloor == "2") {
+ $("#floor3").append('<div onclick="personMsgtid('+data[i].ptagid+')" class="layui-colla-item" style="background-color: rgba(255, 255, 255, 0)"><h2 class="layui-colla-title" style="background-color: rgba(255, 255, 255, 0)"><img src="HomeImg/PersonShi.png" style="width: 25px;height: 25px"/><span style="display: inline-block;margin-left: 20px">濮撳悕锛�'+data[i].pname+'</span><span style="display: inline-block;float: right">缂栧彿锛�'+data[i].ptagid+'</span></h2>')
+ floor3++;
+ $("#numes3").text(floor3)
+
+ }
+ if (data[i].pfloor == "3") {
+ $("#floor4").append('<div onclick="personMsgtid('+data[i].ptagid+')" class="layui-colla-item" style="background-color: rgba(255, 255, 255, 0)"><h2 class="layui-colla-title" style="background-color: rgba(255, 255, 255, 0)"><img src="HomeImg/PersonShi.png" style="width: 25px;height: 25px"/><span style="display: inline-block;margin-left: 20px">濮撳悕锛�'+data[i].pname+'</span><span style="display: inline-block;float: right">缂栧彿锛�'+data[i].ptagid+'</span></h2>')
+ floor4++;
+ $("#numes4").text(floor4)
+
+ }
+ if (data[i].pfloor == "4") {
+ $("#floor5").append('<div onclick="personMsgtid('+data[i].ptagid+')" class="layui-colla-item" style="background-color: rgba(255, 255, 255, 0)"><h2 class="layui-colla-title" style="background-color: rgba(255, 255, 255, 0)"><img src="HomeImg/PersonShi.png" style="width: 25px;height: 25px"/><span style="display: inline-block;margin-left: 20px">濮撳悕锛�'+data[i].pname+'</span><span style="display: inline-block;float: right">缂栧彿锛�'+data[i].ptagid+'</span></h2>')
+ floor5++;
+ $("#numes5").text(floor5)
+
+ }
+ if (data[i].pfloor == "5") {
+ $("#floor6").append('<div onclick="personMsgtid('+data[i].ptagid+')" class="layui-colla-item" style="background-color: rgba(255, 255, 255, 0)"><h2 class="layui-colla-title" style="background-color: rgba(255, 255, 255, 0)"><img src="HomeImg/PersonShi.png" style="width: 25px;height: 25px"/><span style="display: inline-block;margin-left: 20px">濮撳悕锛�'+data[i].pname+'</span><span style="display: inline-block;float: right">缂栧彿锛�'+data[i].ptagid+'</span></h2>')
+ floor6++;
+ $("#numes6").text(floor6)
+
+ }
+ }
+ var zong = floor1+floor2+floor3+floor4+floor5+floor6;
+ $("#zongnumes").text(zong+"浜�")
+ })
+ localStorage.removeItem("DiaoYong_SanWeiFlOoor")
+}
+
+function LouCeng(num){
+ var elementWidth = $("#LouCeng" + num).height();
+ var parentWidth = $("#JianZhuMsg").parent().height();
+ var widthPercentage = (elementWidth / parentWidth) * 100;
+ console.log(widthPercentage);
+ if (widthPercentage>80){
+ $("#LouCeng"+num).animate({"height":"5%"},1000)
+ }else{
+ $("#LouCeng"+num).animate({"height":"85%"},1000)
+
+ }
+}
+function GuanBiMsg(){
+ localStorage.removeItem("SanWei_JianZhu")
+}
+
+
+function KuangXuanPerson(){
+ var FIDS = localStorage.getItem("KuangXuan");
+ var data = "FID="+FIDS
+ $.get("/hxzkuwb/FindFIDPersons",data,function (data){
+ var floor1 = 0;
+ $("#JianZhuMsg").append('<div id="KuangNum" style="margin-top: 17%;margin-left: 5%;color: white"></div>')
+ $("#JianZhuMsg").append('<div id="Kuanges" style="overflow-y: scroll;height: 85%;margin-top: 5%"></div>')
+ for (var i = 0; i < data.length;i++){
+ $("#Kuanges").append('<div onclick="personMsgtid('+data[i].ptagid+')" class="layui-colla-item" style="background-color: rgba(255, 255, 255, 0)"><h2 class="layui-colla-title" style="background-color: rgba(255, 255, 255, 0)"><img src="HomeImg/PersonShi.png" style="width: 25px;height: 25px"/><span style="display: inline-block;margin-left: 20px">濮撳悕锛�'+data[i].pname+'</span><span style="display: inline-block;float: right;margin-right: 5%">缂栧彿锛�'+data[i].ptagid+'</span></h2>')
+ floor1++;
+ }
+ $("#KuangNum").text("鎬讳汉鏁帮細"+floor1)
+ localStorage.setItem("SanWei_JianZhu","111")
+ setTimeout(function (){
+ localStorage.setItem("KuangXuan1","false")
+ },500)
+ })
+}
+
+
+
+
--
Gitblit v1.10.0