From 70223b3ef4df02622869425fed4ba9b290e1aa74 Mon Sep 17 00:00:00 2001
From: fei.wang <wf18701153496@163.com>
Date: 星期二, 16 四月 2024 14:07:59 +0800
Subject: [PATCH] V定制1.0 1：对讲功能 2：计算经纬度控制器systemcontrollen
---
src/main/webapp/Home/HomeJs/Home.js | 244 ++++++++++++++++++++++++++++++++++++++++--------
1 files changed, 200 insertions(+), 44 deletions(-)
diff --git a/src/main/webapp/Home/HomeJs/Home.js b/src/main/webapp/Home/HomeJs/Home.js
index 6ac1d58..7e1cd81 100644
--- a/src/main/webapp/Home/HomeJs/Home.js
+++ b/src/main/webapp/Home/HomeJs/Home.js
@@ -179,20 +179,21 @@
$(".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>')
+ $(".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>')
}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>')
+ $(".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 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="MapType" onclick="inits()" style="cursor: pointer;font-size: 12px;width: 100px;display: inline-block;color: '+data[0].color+'"><a href="javascript:;" style="font-size: 12px;cursor:pointer;color: '+data[0].color+'" title="">鍒囨崲绫诲瀷</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>')
+ // $(".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>')
$(".qhPingMian").hide();
// 鑾峰彇涓嬫媺妗嗙殑 DOM 鍏冪礌
$.post("/hxzkuwb/qiehuanditu_option.do",function (data){
@@ -509,9 +510,9 @@
table.on('tool(warning)', function(obj){
var data = obj.data;
$("#warningid").val(data.objectid)
- console.log(data.type)
$("#warningidtype").text(data.type)
$("#warningMsg").show();
+ $("#idwar").val(data.id);
layer.msg('鎿嶄綔鎴愬姛')
})
});
@@ -555,50 +556,83 @@
color: 'white'
}
},
- series: [
- {
- name: '缁熻',
- type: 'pie',
- radius: ['20%', '40%'],
- center: ['35%', '60%'],
- avoidLabelOverlap: false,
- itemStyle: {
- borderRadius: 10,
- },
+ series: [{
+ name: '缁熻',
+ type: 'pie',
+ radius: ['20%', '40%'],
+ center: ['35%', '60%'],
+ avoidLabelOverlap: false,
+ itemStyle: {
+ borderRadius: 10,
+ },
+ label: {
+ show: false,
+ position: 'center'
+ },
+ emphasis: {
label: {
- show: false,
- position: 'center'
- },
- emphasis: {
- label: {
- show: true,
- fontSize: 20,
- fontWeight: 'bold'
+ show: true,
+ fontSize: 20,
+ fontWeight: 'bold'
+ }
+ },
+ labelLine: {
+ show: false
+ },
+ data: [
+ { value: 0, name: '闈欐鎶ヨ 0' },
+ { value: 0, name: 'SOS鎶ヨ 0' },
+ { value: 0, name: '璺岃惤鎶ヨ 0' },
+ { value: 0, name: '缂哄憳鎶ヨ 0' },
+ { value: 0, name: '瓒呭憳鎶ヨ 0' },
+ { value: 0, name: '鑱氶泦鎶ヨ 0' },
+ { value: 0, name: '瓒婄晫鎶ヨ 0' },
+ { value: 0, name: '杩涘叆鎶ヨ 0' },
+ { value: 0, name: '浣庣數鎶ヨ 0' },
+ { value: 0, name: '绂荤嚎鍩虹珯 0' },
+ ]
+ }],
+ // 娣诲姞浜嬩欢鐩戝惉鍣�
+ graphic: [
+ {
+ type: 'group',
+ left: 'center',
+ top: 'center',
+ children: [
+ {
+ type: 'text',
+ z: 100,
+ left: 'center',
+ top: 'middle',
+ style: {
+ fill: '#fff',
+ text: '',
+ font: '14px Microsoft YaHei'
+ },
+ // 璁剧疆榧犳爣鎮仠浜嬩欢
+ onmouseover: function (params) {
+ var dataIndex = params.dataIndex;
+ var name = option.series[0].data[dataIndex].name;
+ // 鏇存柊鏂囧瓧棰滆壊
+ this.setStyle('fill', '#46E9E8');
+ console.log("Mouseover on:", name);
+ },
+ // 璁剧疆榧犳爣绉诲嚭浜嬩欢
+ onmouseout: function (params) {
+ // 鎭㈠榛樿鏂囧瓧棰滆壊
+ this.setStyle('fill', '#fff');
+ },
+ onclick: function (params) {
+ var dataIndex = params.dataIndex;
+ var name = option.series[0].data[dataIndex].name;
+ console.log("Clicked on:", name);
+ }
}
- },
- labelLine: {
- show: false
- },
- data: [
- { value: 0, name: '闈欐鎶ヨ 0' },
- { value: 0, name: 'SOS鎶ヨ 0' },
- { value: 0, name: '璺岃惤鎶ヨ 0' },
- { value: 0, name: '缂哄憳鎶ヨ 0' },
- { value: 0, name: '瓒呭憳鎶ヨ 0' },
- { value: 0, name: '鑱氶泦鎶ヨ 0' },
- { value: 0, name: '瓒婄晫鎶ヨ 0' },
- { value: 0, name: '杩涘叆鎶ヨ 0' },
- { value: 0, name: '浣庣數鎶ヨ 0' },
- { value: 0, name: '绂荤嚎鍩虹珯 0' },
-
]
}
]
};
option && myChart.setOption(option);
-
-
-
function tubiaotongji() {
var tu = [];
@@ -679,3 +713,125 @@
window.location='../index.jsp'
}
},2000)
+
+
+setInterval(function (){
+ 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: 85%;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")
+}
+
+
+
--
Gitblit v1.9.3