layui.use('table', function(){
var table = layui.table;
var layer = layui.layer;
var form = layui.form;
var data = "username="+sessionStorage.getItem("username")
$.get("/hxzkuwb/findUserRole",data,function (data) {
if(data.juese == "访客"){
//标签设备
table.render({
elem: '#tag'
,url: '/hxzkuwb/findrenyuanDaPing'
,page: true //开启分页
,skin: 'nob' //行边框风格
,cols: [[ // 表头
{field: 'ponline', title: '状态',templet: '#titleTpl1',width:80}
,{ field: 'ptagid', title: '编号',align: 'left',width:80}
,{field: 'pname', title: '名称' ,width:90}
,{field: 'pdepartment', title: '部门',width:90}
,{field: 'ppower', title: '电量%',width:80}
,{field: 'pphone', title: '电话',width:140, templet:'#phoneTpl'}
,{field: 'paddtiem', title: '时间',width:170}
,{toolbar: '#barDemotag',title: "看详情",width:80}
,{field: 'version',title: "固件版本",width:100}
]]
});
}else{
table.render({
elem: '#tag'
,url: '/hxzkuwb/findrenyuanDaPing'
,page: true //开启分页
,skin: 'nob' //行边框风格
,cols: [[ // 表头
{field: 'ponline', title: '状态',templet: '#titleTpl1',width:80}
,{ field: 'ptagid', title: '编号',align: 'left',width:80}
,{field: 'pname', title: '名称' ,width:90}
,{field: 'pdepartment', title: '部门',width:90}
,{field: 'ppower', title: '电量%',width:80}
,{field: 'pphone', title: '电话',width:140}
,{field: 'paddtiem', title: '时间',width:170}
,{toolbar: '#barDemotag',title: "看详情",width:80}
,{field: 'version',title: "固件版本",width:100}
]]
});
}
})
table.render({
elem: '#anchor'
,url: '/hxzkuwb/findanchor'
,skin: 'nob'
,page: true //开启分页
,cols: [[ //表头
{field: 'id', title: '序号',width:80}
,{field: 'anchorid', title: '设备' ,width:80}
,{ field: 'anchormode', title: '状态',width:80 ,templet: '#titleTpl'}
,{ field: 'posz', title: 'X坐标',width:100 }
,{ field: 'posy', title: 'Y坐标',width:100 }
,{ field: 'layer', title: '所在层',width:80 }
,{field: 'version', title: '版本',width:80}
,{field: 'baoliu8', title: '电量',width:120}
,{field: 'greatetime', title: '日期',width:190}
]]
});
table.render({
elem: '#fence'
,url: '/hxzkuwb/findfence'
,skin: 'nob'
,page: true //开启分页
,resize:true
,cols: [[ //表头
{ field: 'name', title: '名称',width:120}
,{field: 'type', title: '类型',width:150}
,{field: 'bumen', title: '关联部门',width:170}
,{field: 'start', title: '生效时间',width:170}
,{field: 'stop', title: '失效时间',width:170}
,{field: 'baoliu7', title: '状态',width:120,templet: '#titleTplFence'}
]]
});
table.render({
elem: '#warning'
,url: '/hxzkuwb/findwarningDaPing'
,skin: 'nob'
,page: true //开启分页
,cols: [[ //表头
{field: 'id', title: '序号',width:80}
,{ field: 'type', title: '告警类型',width:120}
,{field: 'objectid', title: '编号',width:150}
,{field: 'baoliu2', title: '姓名',width:100}
,{field: 'time', title: '时间',width:170}
,{field: 'baoliu1', title: '备注',width:146}
,{field: 'status', title: '操作',width:120,templet: '#titleWarning'}
]]
});
table.render({
elem: '#person'
,url: '/hxzkuwb/findperson'
,skin: 'nob'
,page: true //开启分页
,cols: [[ //表头
{field: 'id', title: 'ID',width:80}
,{ field: 'ptagid', title: '编号',width:100}
,{field: 'pname', title: '姓名',width:100}
,{field: 'psex', title: '性别',width:60}
,{field: 'ponline', title: '状态',width:150}
,{field: 'pdepartment', title: '部门',width:165}
,{field: 'pphone', title: '电话',width:170}
,{field: 'ppower', title: '电量',width:131}
]]
});
table.render({
elem: '#gathers'
,url: '/hxzkuwb/findgather'
,skin: 'nob'
,page: true //开启分页
,cols: [[ //表头
{field: 'id', title: 'ID',width:80}
,{ field: 'pernum', title: '人员上限',width:100}
,{field: 'typec2', title: '静默区域',width:120}
,{field: 'name', title: '围栏名称',width:120}
,{field: 'redius', title: '聚集半径',width:150}
,{field: 'shichang', title: '聚集时长',width:165}
,{field: 'weixianpin', title: '危险品名称',width:170}
]]
});
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 (){
// var data = "username="+sessionStorage.getItem("username")
// $.get("/hxzkuwb/findScreenRole",data,function (data) {
// console.log("1234")
// if(data.tongji != "No"){
// layer.tips('操作成功','.TongJi');
// setTimeout(function() {
// $("#tong1").toggle()
// }, 300);
// }else{
// console.log("12345")
// layer.tips('权限不足','.TongJi');
// }
// })
//
// })
$.get("/hxzkuwb/getbumen", function (data) {
var selectData = [];
for (var i = 0; i < data.length; i++) {
var option = {
value: data[i].departmentname,
title: data[i].departmentname
};
selectData.push(option);
}
// 动态生成下拉框选项
var selectElem = document.getElementById('bumen');
for (var i = 0; i < selectData.length; i++) {
var optionElem = document.createElement('option');
optionElem.value = selectData[i].value;
optionElem.innerHTML = selectData[i].title; // 使用 innerHTML 属性来设置 HTML 内容
selectElem.appendChild(optionElem);
}
// 重新渲染下拉框
form.render('select');
});
// $(".Ditu").click(function (){
// $(".MapShow").empty();
// layer.tips('操作成功','.Ditu');
// setTimeout(function() {
// $("#Ditu").toggle()
// }, 300);
// //查询显示地图按钮
// $.get("/hxzkuwb/findMapShow",function (data){
// if(data[0].ishow == "显示"){
// $(".MapShow").append('
三维地图')
// }
// if(data[1].ishow == "显示"){
// $(".MapShow").append('百度地图')
// }
// if(data[2].ishow == "显示"){
// $(".MapShow").append('平面地图')
// }
// })
// })
// $(".TongXin").click(function (){
// var data = "username="+sessionStorage.getItem("username")
// $.get("/hxzkuwb/findScreenRole",data,function (data) {
// if(data.say !="No"){
// layer.tips('操作成功','.TongXin');
// setTimeout(function() {
// $("#txin").toggle()
// }, 300);
// }else{
// layer.tips('权限不足','.TongXin');
// }
// })
//
// })
// $(".SouSuo").click(function (){
// var data = "username="+sessionStorage.getItem("username")
// $.get("/hxzkuwb/findScreenRole",data,function (data) {
// if(data.sousuo != "No"){
// setTimeout(function() {
// $("#ChaXun").toggle()
// }, 300);
// layer.tips('操作成功', '.SouSuo');
// }else{
// layer.tips('权限不足','.SouSuo');
// }
// })
//
//
// })
// $(".Juji").click(function (){
// layer.tips('操作成功','.TongXin');
// setTimeout(function() {
// $("#gather").toggle()
// $("#tags").hide()
// $("#ac").hide();
// $("#fen").hide();
// $("#war").hide();
// }, 300);
// })
//人员刷新
form.on('submit(demo-table-search1)', function(data){
var field = data.field; // 获得表单字段
table.reload('tag', {
url: "/hxzkuwb/findrenyuanDaPing",
method:'get',
page: {
curr: 1 // 重新从第 1 页开始
}
});
layer.msg('刷新成功');
return false; // 阻止默认 form 跳转
});
table.on('row(tag)', function(obj){
var data = obj.data;
$("#uperson1").val(data.ptagid)
$("#uperson2").val(data.pname)
$("#uperson3").val(data.pphone)
$("#uperson4").val(data.pidcardnum);
$("#uperson5").val(data.pzu);
//标注选中样式
obj.tr.addClass('layui-table-click').siblings().removeClass('layui-table-click');
});
//人员修改
form.on('submit(demo-table-update)', function(data){
//查询是否是超级管理员或者有修改权限
var username = sessionStorage.getItem("username")
var data = "username="+username
$.get("/hxzkuwb/findUserRole",data,function (data){
if(data.juese == "超级管理员" || data.uupdate == "Yes"){
var id = $("#uperson1").val();
if(id == "" || id == null){
layer.msg('请先选择一条信息')
}else{
var field = data.field; // 获得表单字段
console.log(field)
$("#perup").toggle()
layer.msg('操作成功');
}
}else{
layer.msg('当前没有权限操作该功能')
}
})
return false; // 阻止默认 form 跳转
});
// 监听表单提交事件
form.on('submit(myForm)', function(data){
var tagid = $("#uperson1").val();
var pname = $("#uperson2").val();
var sex = getSelectedRadioValue("pSex");
var phone = $("#uperson3").val();
var idcard = $("#uperson4").val();
var bumen = $("#bumen").val();
var pzu = $("#uperson5").val();
var data = "pTagid="+tagid+"&pName="+pname+"&pSex="+sex+"&pPhone="+phone+"&pIdcardnum="+idcard+"&pDepartment="+bumen+"&pZu="+pzu
$.ajax({
url: "/hxzkuwb/updatePersonDaPing",
type: "POST",
data: data,
async: false, // 设置为同步请求
success: function (data) {
if(data == "success"){
layer.msg('修改成功')
$("#perup").hide();
}
}
});
// 阻止表单默认提交行为
return false;
});
//警告刷新
form.on('submit(demo-table-search2)', function(data){
var field = data.field; // 获得表单字段
table.reload('warning', {
url: "/hxzkuwb/findwarning",
method:'get',
page: {
curr: 1 // 重新从第 1 页开始
}
});
layer.msg('刷新成功');
return false; // 阻止默认 form 跳转
});
//围栏刷新
form.on('submit(demo-table-search3)', function(data){
var field = data.field; // 获得表单字段
table.reload('fence', {
url: "/hxzkuwb/findfence",
method:'get',
page: {
curr: 1 // 重新从第 1 页开始
}
});
layer.msg('刷新成功');
return false; // 阻止默认 form 跳转
});
//设备刷新
form.on('submit(demo-table-search4)', function(data){
var field = data.field; // 获得表单字段
table.reload('anchor', {
url: "/hxzkuwb/findanchor",
method:'get',
page: {
curr: 1 // 重新从第 1 页开始
}
});
layer.msg('刷新成功');
return false; // 阻止默认 form 跳转
});
form.on('submit(demo-search1)', function(data){
var field = data.field; // 获得表单字段
console.log(field)
table.reload('anchor', {
url: "/hxzkuwb/findanchorSearch",
method:'post',
page: {
curr: 1 // 重新从第 1 页开始
}
,where: field // 搜索的字段
});
layer.msg('搜索成功');
return false; // 阻止默认 form 跳转
});
form.on('submit(demo-search2)', function(data){
var field = data.field; // 获得表单字段
table.reload('fence', {
url: "/hxzkuwb/findfenceSearch",
method:'get',
page: {
curr: 1 // 重新从第 1 页开始
}
,where: field
});
layer.msg('搜索成功');
return false; // 阻止默认 form 跳转
});
form.on('submit(demo-search3)', function(data){
var field = data.field; // 获得表单字段
table.reload('warning', {
url: "/hxzkuwb/findwarningSearch",
method:'get',
page: {
curr: 1 // 重新从第 1 页开始
}
,where: field
});
layer.msg('搜索成功');
return false; // 阻止默认 form 跳转
});
form.on('select(filterSelect)', function(data){
var filterValue = {};
for (var i = 0; i < data.value.length; i++) {
filterValue['param' + i] = data.value[i];
}
table.reload('warning', {
url: "/hxzkuwb/findwarningScreen",
method:'get',
page: {
curr: 1 // 重新从第 1 页开始
}
,where: filterValue
,done: function (res, curr, count) {
// res 即为后端返回的响应数据
$("#searnum").text('全部告警:'+count); // 输出总条数
}
});
layer.msg('搜索成功');
return false; // 阻止默认 form 跳转
});
form.on('submit(demo-search4)', function(data){
var field = data.field; // 获得表单字段
table.reload('tag', {
url: "/hxzkuwb/findpersonSearch",
method:'get',
page: {
curr: 1 // 重新从第 1 页开始
}
,where: field
});
layer.msg('搜索成功');
return false; // 阻止默认 form 跳转
});
//围栏开启/关闭
table.on('tool(fence)', function(obj){
var data = obj.data;
var layEvent = obj.event;
var username = sessionStorage.getItem("username")
var dts = "name="+data.name
var data ="username="+username
switch (layEvent){
case "开启":
$.get("/hxzkuwb/findUserRole",data,function (data){
if(data.uupdate == "Yes"){
$.get("/hxzkuwb/FenceKaiQi",dts,function (data){
table.reload('fence', {
url: "/hxzkuwb/findfence",
method:'get',
page: {
curr: 1 // 重新从第 1 页开始
}
});
layer.msg('操作成功')
})
}else{
layer.msg('没有修改权限!请联系管理员')
}
})
break;
case "关闭":
$.get("/hxzkuwb/findUserRole",data,function (data){
if(data.uupdate == "Yes"){
$.get("/hxzkuwb/FenceGuanBi",dts,function (data){
table.reload('fence', {
url: "/hxzkuwb/findfence",
method:'get',
page: {
curr: 1 // 重新从第 1 页开始
}
});
layer.msg('操作成功')
})
}else{
layer.msg('没有修改权限!请联系管理员')
}
})
break;
}
layer.msg('操作成功')
})
//告警处理
table.on('tool(warning)', function(obj){
var data = obj.data;
$("#warningid").val(data.objectid)
$("#warningidtype").text(data.type)
$("#warningMsg").show();
$("#idwar").val(data.id);
layer.msg('操作成功')
})
});
var chartDom = document.getElementById('tong');
var myChart = echarts.init(chartDom);
var option;
// 定义更新图表数据的函数
function updateChart() {
// 模拟获取最新的数据
var newData = tubiaotongji();
// 更新图表的数据
myChart.setOption({
series: [{
data: newData
}]
});
}
// 每隔一段时间调用一次更新图表数据的函数
setInterval(updateChart, 10000); // 每10秒更新一次数据
option = {
tooltip: {
trigger: 'item'
},
legend: {
orient: 'vertical',
right: 20,
top: 0,
bottom: 30,
itemWidth: 15,
textStyle: {
color: 'white'
}
},
series: [
{
name: '统计',
type: 'pie',
radius: ['20%', '40%'],
center: ['35%', '60%'],
avoidLabelOverlap: false,
itemStyle: {
borderRadius: 10,
},
label: {
show: false,
position: 'center'
},
emphasis: {
label: {
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' },
]
}
]
};
option && myChart.setOption(option);
function tubiaotongji() {
var tu = [];
$.ajax({
url: "/hxzkuwb/findWarnTongJi",
type: "GET",
async: false, // 将async参数设置为false,实现同步调用
success: function(data) {
for (var i = 0; i < data.length; i++) {
tu.push(data[i]);
}
}
});
return tu;
}
//图表默认加载一次
setTimeout(function (){
updateChart()
},1000)
function wardis(){
$("#warningMsg1").show()
}
function sendMsg(){
var username1 = sessionStorage.getItem("username")
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){
})
layer.msg('操作成功')
$("#context1").val("");
}
function send(){
var username1 = sessionStorage.getItem("username")
var username = $("#username").val();
var context = $("#context").val();
if(username == "" || username == null){
layer.msg("请输入设备ID")
}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=="访客"){
layer.msg('当前登录用户不具备权限!请联系管理员')
}else{
var dt = "username="+username1+"&context="+context+"&tagid="+username
$.get("/hxzkuwb/sendMsg",dt,function(data){
})
layer.msg('操作成功')
}
})
}
}
function getSelectedRadioValue(name) {
var radios = document.getElementsByName(name);
for (var i = 0; i < radios.length; i++) {
if (radios[i].checked) {
return radios[i].value;
}
}
// 如果没有选中的值,可以返回一个默认值或者null
return null;
}
setInterval(function (){
var user = localStorage.getItem("username")
if (user == null){
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(''+Name+' 区域等级:'+data.dangerlevel+'
总人数: 
')
for (var i = 1 ; i <= data.floornum; i++){
$("#JianZhuMsg").append('' +
'' +
'
当前楼层:'+i+'层
' +
'
人数:0
' +
'
展开/合并

' +
'
' +
'
')
}
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('
姓名:'+data[i].pname+'编号:'+data[i].ptagid+'
')
floor1++;
$("#numes1").text(floor1)
}
if(data[i].pfloor == "1") {
$("#floor2").append('
姓名:'+data[i].pname+'编号:'+data[i].ptagid+'
')
floor2++;
$("#numes2").text(floor2)
}
if (data[i].pfloor == "2") {
$("#floor3").append('
姓名:'+data[i].pname+'编号:'+data[i].ptagid+'
')
floor3++;
$("#numes3").text(floor3)
}
if (data[i].pfloor == "3") {
$("#floor4").append('
姓名:'+data[i].pname+'编号:'+data[i].ptagid+'
')
floor4++;
$("#numes4").text(floor4)
}
if (data[i].pfloor == "4") {
$("#floor5").append('
姓名:'+data[i].pname+'编号:'+data[i].ptagid+'
')
floor5++;
$("#numes5").text(floor5)
}
if (data[i].pfloor == "5") {
$("#floor6").append('
姓名:'+data[i].pname+'编号:'+data[i].ptagid+'
')
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('
')
$("#JianZhuMsg").append('
')
for (var i = 0; i < data.length;i++){
$("#Kuanges").append('
姓名:'+data[i].pname+'编号:'+data[i].ptagid+'
')
floor1++;
}
$("#KuangNum").text("总人数:"+floor1)
localStorage.setItem("SanWei_JianZhu","111")
setTimeout(function (){
localStorage.setItem("KuangXuan1","false")
},500)
})
}